@charset "utf-8";
	
#Contents {width:642px; padding:53px 0 60px 210px; min-height:850px; background:url(/images/guide/img_visual.jpg) no-repeat right top;}
#location {width:642px; text-align:right;}
#location a {text-decoration:none; font-size:1.1em;}
/* #location a.home {padding-left:13px;} */
#location a.home {margin-left:50px;}
#location a.current {font-weight:bold;}
#Contents h1.content {background:url(/images/Consulting/h1_icon_contents.gif) no-repeat 0 12px;}
#content-area {clear:both; width:636px; margin-left:7px; margin-top:50px; position:relative;}
p, pre, code{font-weight:normal;}

/* sub메뉴 */
/*  #sub, #sub a{letter-spacing:;} 
#sub ul li {background:transparent url(/images/common/submenu_list_bg.gif) repeat-x scroll center bottom; margin:2px 12px; padding:0.45em 0;}
.menu4-7{background:#e5f6fa; letter-spacing:-0.1em;}
#sub ul.ria  {margin-top:3px; margin-bottom:0;}
#sub ul.ria li {margin:0; padding:0.4em 0;}
#sub ul.ria .botbar{background:url(/images/common/submenu_list_bg2.gif) repeat-x bottom;}
#sub ul.ria li a, #sub ul.ria li a:hover{display:block; padding:0 0 0 20px; background:url(/images/common/submenu2_icon_on.gif) no-repeat 11px 0.5em; text-decoration:none; color:#484848; font-weight:normal;}
#sub ul.ria li ul{padding:0 5px 1px 10px; margin:2px 0;}
#sub ul.ria li ul li{background:none; padding:0.25em 0.3em 0.25em 0.1em;}
#sub ul.ria li ul li a {display:block; padding:0 0 0 9px; font-weight:normal; color:#484848; text-decoration:none; background:none;}
#sub ul.ria li ul li a:hover{background:transparent none repeat scroll 0 0; display:block; font-weight:normal; padding-left:9px; text-decoration:none; color:#2484a8;}
#sube div ul li ul li ul {background:#E5F6FA none repeat scroll 0 0; margin:2px 0; padding:0 5px 1px 10px;}  */

.longText, .menu4-7{letter-spacing:-0.1em;}  
.menu4-7 li{letter-spacing:-0.05em;}
#sube { position:absolute; top:130px; width:194px; margin-bottom:30px; margin-top:20px; background:url(/images/common/subBox_bgm2.gif) repeat-y left top; min-height:250px;}
#sube div {background:transparent url(/images/common/subBox_bgt2.gif) no-repeat scroll left top; width:194px;}
#sube div h1 {height:55px; margin:0; padding-bottom:7px; text-align:center;}
#sube div h1 img {padding:15px 23px 10px 0;}
#sube div ul li {margin:2px 12px; padding:0.45em 0; background:url(/images/common/submenu_list_bg.gif) repeat-x bottom;}
#sube div ul li a {display:block; padding:0 0 0 20px; background:url(/images/common/submenu_icon.gif) no-repeat 4px 4px; font-weight:bold; text-decoration:none; color:#484848;}
#sube div ul li a:hover, #sube div ul li a.on {display:block; padding:0 0 0 20px; background:url(/images/Accessibility/submenu_icon_on.gif) no-repeat 4px 4px; font-weight:bold; text-decoration:none; color:#003b6c;}
#sube div ul li.menu4-7 {background:none; padding-bottom:0;}
 
#sube div ul li ul {margin-top:3px; margin-bottom:0;}
#sube div ul li ul li {margin:0; padding:0.4em 0; background:url(/images/common/submenu_list_bg2.gif) repeat-x bottom; }
#sube div ul li ul li a {display:block; padding:0 0 0 20px; background:url(/images/common/submenu2_icon_on.gif) no-repeat 11px 0.5em; text-decoration:none; color:#484848; font-weight:normal;}
#sube div ul li ul li a:hover, #sube div ul li ul li a.on {display:block; padding:0 0 0 20px; background:url(/images/common/submenu2_icon_on.gif) no-repeat 11px 0.5em; text-decoration:none; color:#2484a8; font-weight:normal;}

#sube div ul li ul li ul{ background:#e5f6fa; padding:0 5px 1px 10px; margin:2px 0;}
#sube div ul li ul li ul li{background:none; padding:0.25em 0 0.1em;}
#sube div ul li ul li ul li a {display:block; padding:0 0 0 9px; font-weight:normal; color:#484848; text-decoration:none; background:none;}
#sube div ul li ul li ul li a:hover, #sube div ul li ul li ul li a.on {display:block; padding-left:9px; background:none; text-decoration:none;font-weight:normal;}
#sube div.bg_bot{ background: url(/images/common/subBox_bgb2.gif) no-repeat left bottom; height:40px;}
div.board { margin:0;}

.topBtn {height:30px; width:10.4em; bottom:-22px; right:0; position:absolute; margin-right:-13px;  background:url(/images/common/bttop_bg.gif) no-repeat right; background-color:#fff; text-align:left; padding:16px 0 0 0; }
.topBtn a {display:block; margin-right:3px; height:20px; width:10.2em; color:#000000;}
.topBtn a:link {text-decoration:none;}
.topBtn a:hover {text-decoration: none;}
.topBtn a:visited {text-decoration:none;}

 /* RIA컨텐츠 */
.riaAll{margin:0 0 15px 10px; padding-top:24px;}
.itemExpand {width:620px; background: url(/images/Accessibility/top_line.gif) no-repeat left top; margin:20px 0 0 0px;}
.itemline {background: url(/images/Accessibility/line.gif) repeat-y 0px top; margin-bottom:0.7em;}
.itembot {background: url(/images/Accessibility/bot_line.gif) no-repeat left bottom; padding:10px 10px 0 10px; margin-top:7px;}/* padding:10px;  */
.itemExpand{padding-top:10px;}
/* .itemExpand ul {width:620px; overflow:hidden; padding-top:0;} */
.itemExpand ul {overflow:hidden; padding-top:0;}
.itemExpand ul li { background:url(/images/common/icn_arrow.gif) no-repeat 1.5em 0.6em; padding:0 20px 5px 25px; color:#006A84;}
body.nolist_page .itemExpand ul li{padding:0 20px 0 25px;}
.itemExpand ul li a {text-decoration:none; color:#006A84;}
.itemExpand ul li a:hover {text-decoration:underline;}
.itemExpand ul.nomark {background:url(/images/common/footer_bar.gif) no-repeat 0 4px ;}
/* ul.nomark li, */ .itemExpand ul li ul li{ background:none; padding:0;}  
/* .itemExpand ul.nomark li { display:inline; background:url(/images/common/footer_bar.gif) no-repeat 100% 50% ; padding:0 10px;} */
.itemExpand ul.nomark li { display:block; float:left; background:url(/images/common/footer_bar.gif) no-repeat 100% 50% ; padding:0 10px;}
.itemExpand ul.nomark li.end { background:none;}

h4, h2.gui_pref, #content-area h2.fh_desc { margin-bottom:10px; color:#243369;font-size:1.2em; background:url(/images/common/btn_ttl.gif) no-repeat 0 0.2em; padding-left:17px; font-family:"Dotum";}
h4.casegood{color:#1473D1; background: url(/images/common/icon_good.gif) no-repeat 0 70%;}
h4.casebad {color:#FD2E00;background: url(/images/common/icon_bad.gif) no-repeat 0 60%;}
.exCode {margin:0.5em 15px 15px 15px;}
.exCode pre {font-size:100%; line-height:1.8em; font-family: monospace, "돋움"; display:block; border:1px solid #d2d2d2; background:#f7f7f7; padding:0.8em; margin-bottom:0.5em; overflow:auto; color:#535353;}
.exCode pre strong { font-style:normal; font-weight:bold; color: #c4006e; text-decoration:underline;}
.exCode pre em { color:#0033FF;}
.exImg cite,.exCode cite {display:block; font-style:normal; color:#333; padding-bottom:10px; text-align:center;}
.exCode a{text-decoration:underline; color:#1e45c0;}
.exCode pre span{display:block; padding:6px 0;}
/* .parImg {border:1px solid #D9D9D9; padding-top:10px; text-align:center;} 
.parImg {border:1px solid #D9D9D9; padding-top:0; margin-bottom:8px; text-align:center;} 
.parImg p {margin:0; padding:0; text-align:center; border-bottom:none !important;} 
.imgInfo{text-align:center; margin:0px 0px 0px 0px !important; padding:3px 15px !important; background-color:#d9d9d9; color:#202997; font-weight:bold;} */
#content-area .parImg p {clear:both; line-height:1.65em; margin:0; padding:0;}
.parImg {border:1px solid #D9D9D9; padding-top:5px; margin-bottom:8px; text-align:center;} 

.imgInfo{text-align:center; margin:5px 0px 0px 0px !important; padding:0 !important; background-color:#d9d9d9; color:#202997; font-weight:bold;}

#caseList { margin:40px 0 30px 0; border:1px solid #b1d4db; }
#caseList h4 { font-size:1.25em; margin:10px;}
#caseList ul { margin:0 13px 7px 13px; padding:2px 0 3px 0; background-color:#f6f9fa; }
#caseList ul li { margin:0 10px; padding:2px 0 0 11px; background:url(/images/common/icon_dot.gif) no-repeat 0 0.7em;}
#caseList ul li.end {border-bottom:none; padding: 4px 0 2px 28px; background:url(/images/common/icon_li2.gif) no-repeat 14px 8px;}
#caseList ul li a span.date { color: #909090; margin-left:15px; text-decoration:none;}
#caseList ul li a {color:#2F2F2F; text-decoration:none; background:url(/images/common/icon_li1.gif) no-repeat 0 50%;}
#caseList ul li a.no {color:#c4006e; text-decoration:none; background:url(/images/common/icon_li2.gif) no-repeat 10px 50%;}
#caseList ul li a:hover { text-decoration: underline;}

/* #Contents h3{color:#005C72; font-size:1.3em; margin-top:10px;} */
#Contents h3{color:#054872; font-size:1.1em; margin:20px 0 10px; padding-left:10px;}

#Contents li.seminar h3{background:#F1F7F6 url(../../images/common/icon_seminar.gif) no-repeat scroll 5px 12px; font-size:1em; font-weight:normal; margin:0 85px 0 35px; padding:5px 5px 5px 10px; width:580px;}
.compo h4, .gui {color:#484848; font-size:1em; margin:1em 0 1em 1em; background:none; padding-left:0;}
p.gui{font-weight:bold; margin-top:10px;}
.extit h4 { font-size:1.25em; color:#202997; margin:0 0 15px 0; padding:5px; border-bottom:1px solid #cde0e4; background-color:#f6f9fa; background-image:none;}
.extit h5 {color:#3939D9;margin:0.3em 0; padding-left:33px; background:url(/images/common/icon_site.gif) no-repeat 15px 5px; font-size:1.1em;}
.compo  h3.bt {color:#005C72; float:left; font-size:1.3em; padding:0.7em 0;}
.compo ul{margin-bottom:12px;}
.compo ul li {background:transparent url(/images/common/BulletB.gif) no-repeat scroll 1.2em 0.5em; padding-left:24px;}
/* .compo ul li ul li  {background:none;} */ 
.topbtn {height:30px; width:10.4em; bottom:-22px; right:0; position:absolute; margin-right:-13px;  background:url(/images/common/bttop_bg.gif) no-repeat right; background-color:#fff; padding:16px 47px 0 0; text-align:right;}
.topbtn a {display:block; height:20px; width:10.2em; color:#000000; text-decoration:none;}

.pd {margin:0 13px 0 13px;}
.pd .exCode pre strong { color: #009966;}
.exCode {margin:0.5em 15px 15px 15px;} 
.exCode pre {font-size:100%; line-height:1.8em; font-family: monospace, "돋움"; display:block; border:1px solid #d2d2d2; background:#f7f7f7; padding:0.8em; margin-bottom:0.5em; overflow:auto; color:#535353;}
.exCode pre strong { font-style:normal; font-weight:bold; color: #c4006e; text-decoration:underline;}
.exCode pre em { color:#0033FF;}
.exImg cite,.exCode cite {display:block; font-style:normal; color:#333; padding-bottom:10px; text-align:center;}
.exCode a{text-decoration:underline; color:#1e45c0;}
.exCode pre span{display:block; padding:6px 0;}

.samplew{border-top:1px solid #cde0e4; border-left:2px solid #cde0e4; border-right:2px solid #cde0e4; border-bottom:2px solid #85c3cd; margin:20px 0 8px 0;}
.sampleWrap {margin-bottom:0; padding:0 0 0 0; position:relative;} /* margin-bottom:30px; */
.sampleWrap h4{ font-size:1.25em; color:#202997; margin:0 0 15px 0; padding:5px; border-bottom:1px solid #cde0e4; background-color:#f6f9fa; background-image:none;}
.sampleWrap h5 {clear:both; color:#3939D9;margin:0.3em 0; padding-left:33px; background:url(/images/common/icon_site.gif) no-repeat 15px 5px; font-size:1.1em;}
.sampleWrap h5.bt {color:#3939D9;margin:0.3em 0; padding-left:33px; background:url(/images/common/icon_site.gif) no-repeat 2% 50%; font-size:1.1em; float:left;}
.sampleWrap span.down{font-weight:normal; line-height:2em;}
.sampleWrap span.down a {text-decoration:underline; color:red; font-weight:normal;}
.c_ttl { margin-bottom:10px;color:#243369;font-size:1.05em; background:url(../images/common/btn_ttl.gif) no-repeat 5px 50%; padding:5px 5px 5px 22px !important;}

.btn_red{color:#fff; background:#E14400 url(/images/common/btnn_red.gif) no-repeat 0 0; font-size:0.9em; padding:4px 8px 4px 17px; margin-right:5px;}
.btn_blue{color:#fff; background:#1473D1 url(/images/common/btnn_blue.gif) no-repeat 0 0; font-size:0.9em; padding:4px 10px 4px 20px;margin-right:5px;}
.btn_gray{color:#fff; background:#585858 url(/images/common/btnn_gray.gif) no-repeat 0 0; font-size:0.9em; padding:4px 8px 4px 17px; margin-right:5px;}

.boardList {clear:both; border:0; width:100%; font-family:Sans-serif;margin:5px 0;}
.boardList caption, .board_fsh caption{position:absolute; visibility:hidden; overflow:hidden; height:0; width:0; font-size:0; text-align:left;}
/* .boardList caption.no {display:none;} */
.boardList.preview {border-top:2px solid #277889; border-bottom:1px solid #277889; margin-bottom:20px;}
.boardList.preview td.title {padding-left:18px; background:url(/images/board/icon_title.gif) no-repeat 8px 13px;}
.boardList .inputCheck {width:13px; height:13px;}

.boardList .section {margin:-3px 0;}
.boardList .section * {vertical-align:middle;}
.boardList .section select {font-size:1em;} 
.boardList .section button {width:1.7em; height:1.63em; text-align:center; background:#5F9D93 url(/images/board/bt_search.gif) no-repeat 0 0 ;  border-top:1px solid #7BAFA7;border-left:1px solid #7BAFA7; border-right:1px solid #355752;border-bottom:1px solid #355752; cursor:pointer; color:#fff;font-size:1em;} 

.boardList tr.notice {background:#f8f8f8;}
.boardList tr.total {background:#f8f8f8;}
.boardList th {border:0; padding:4px 5px; white-space:nowrap; text-align:center; color:#173e79; background:#F6FDF9 url(/images/common/table_headBg.gif) repeat-x left top; line-height:normal;}
.boardList th.first-child,.boardList th.last-child {padding:0 5px;}
.boardList th.first-child span, .boardList th.last-child span {display: block; padding:8px 0;}
.boardList th.first-child span {background:url(/images/common/table_head_first.gif) no-repeat left top; margin-left:-5px; padding-left:10px;}
.boardList th.last-child span {background:url(/images/common/table_head_last.gif) no-repeat right top; margin-right:-5px; padding-right:10px;}
.boardList td {border:0; border-bottom:1px solid #ddd; padding:6px; white-space:nowrap; text-align:center; color:#666; line-height:normal;}

.boardList td.num{font:1em Tahoma;}
.boardList td.check {font:1em Tahoma;}
.boardList td.title{width:100%; white-space:normal; text-align:left;}
.boardList td.title a:link, .boardList td.title a:visited {text-decoration:none;}
.boardList td.title .replyNum{color:#387C50; font:0.9em Tahoma;}
.boardList td.title img.reply { vertical-align: middle; margin-right:5px;}
.boardList td.state{ font:1em Tahoma;}
.boardList td.vCount{text-align:center; font:1em Tahoma;}
.boardList td.rCount{text-align:right; font:1em Tahoma;}
.boardList td.date{font:1em Tahoma;}
.boardList td.caseList {text-align:left;}
.boardList td.sectionEx {text-align:left}
.boardList td.caseEx {text-align:left;}
.boardList td.caseEx a:link {text-decoration:none;}
.boardList td.dateEx {width:80px;}
.boardList td.nameEx {width:60px;}

.exDescription {margin:5px 13px 0 13px; padding-bottom:10px; border-bottom:1px dotted #428090; font-size:1.1em;}
.exDescription.no {border-bottom:none;}
.exDescription li, .des_pt p, .fh_gui li{background:url(/images/common/icon_dot.gif) no-repeat 0.9em 0.6em; padding:0.1em 0 5px 1.6em; }
.exDescription ul { margin:0.1em 0 0.5em 0;}
.exDescription ul li{background:url(/images/common/icon_li2.gif) no-repeat 0.2em 0.4em; padding:0 0 0.5em 1.2em;}
.exDescription code{font-size:1em; color:#ca005f; font-family: "Dotum"; font-weight:bold;}

#content-area .dep3_tit {color:#006A81; font-size:1.1em; margin-bottom:7px;}
ul.fh_gui{margin-top:-10px;}
.conDes li {background:transparent url(/images/common/icon_li2.gif) no-repeat scroll 1.0em 0.5em; font-weight:normal; padding:0.3em 0 0 1.9em;}
a:hover{text-decoration:none;}
ul.ig_li01 li{background:transparent url(/images/common/icon_li2.gif) no-repeat scroll 0 0.5em; font-weight:normal; padding:0.3em 0 0 1em;}

/*  .board_fsh table{margin:0 16px 5px 16px; border-collapse:collapse; border:0; background:transparent url(/images/RIA/table_fshBg.gif) no-repeat left top;}  */  
.board_fsh table{margin:0 17px 5px 17px; border-collapse:collapse; border:0;}
.board_fsh td{border:1px solid #B8CEDA; line-height:1.5em; padding:6px 10px}
.board_fsh .it_spa01, .board_fsh .it_spa02{text-align:center;}
.board_fsh .it_spa01{border-left:0;}
.board_fsh .it_spa02{border-right:0;}
/* .board_fsh th{color:#173E79; line-height:1.4em; text-align:center; padding:4px 5px;} */
.board_fsh th{color:#173E79; line-height:1.4em; text-align:center; padding:4px 5px; border:1px solid #B8CEDA;}
tr.nobar_fsh td{}
.board_fsh .first-child{border-left:0;}
.board_fsh .last-child{border-right:0;}

#content-area .gopage a{background:transparent url(/images/wcag/blt_hyperlink_visited.png) no-repeat scroll right center; color:#D42A6A; font-size:12px; padding-right:14px;}
#content-area .gopage a:visited, #content-area .gopage a:hover{text-decoration:underline;}
.bt_ul li{margin-left:10px;}

/* 예제미리보기 버튼 */
.buttonwrapperEx {margin:0 0 0 0; padding:5px 10px 10px 10px;}

/* W3C document translation */
#Contents .heading {float: left; display: inline; font-size: 14px; margin-left: 20px; margin-top: 7px;}
.w3c_doc #Contents {min-height: 400px;}
#topmenu li.menu4 ul {width: 860px; left: 68px;}