@charset "utf-8";
#Contents { float:right; width:760px; min-height:550px; padding:1px 0 20px 0; margin:0; background:none;}
#Contents h1.content { height:48px; border-bottom:1px solid #b4cfd5; background:url(/images/Consulting/h1_icon_contents.gif) no-repeat 0 20px;}
#Contents h1.content img {padding:10px 0 0 21px;}
#location {text-align:right; font-size:1em; margin:0; padding:0 0 5px 24px;}
#Contents h1.content {height:38px; border-bottom:1px solid #CCC; background:url(../../images/Consulting/h1_icon_contents.gif) no-repeat 0 12px;}
#Contents h1.content img {padding:10px 0 0 21px;}
#location { position:absolute; top:160px; right:10px; text-align:right; font-size:0.9em; margin:11px 0 0 0; padding:10px 0 11px 24px;}
#location div.narrow {} 
#location a {text-decoration:none; font-size:1.1em;}
#location a.home {padding-left:13px;}
#location a.current {font-weight:bold;}

#content-area {clear:both; width:744px; font-family:Dotum,"Malgun Gothic", "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; margin-top:30px; position:relative;}
#content-area h2 {padding:10px 0 10px 15px; background:url(/images/Consulting/h2_icon.gif) no-repeat 0 1.2em; font-size:1.35em;}
#content-area h2 a {font-size:12px; padding-left:7px; padding-right:14px; background:url(/images/wcag/blt_hyperlink_visited.png) no-repeat right; color:#D42A6A;}
#content-area p {font-size:1.1em; padding:5px 5px 5px 0; border-bottom:1px dotted; border-color:#8ac4cf; }
#content-area p strong {color:#006a81;}
#content-area h3.title{font-size:1.1em; color:#006a81; padding-left:15px; margin-bottom:7px; border-bottom:none; background:url(/images/common/icon_li3.gif) no-repeat 1% 50%;}
.box {width:744px; background: url(/images/example/time/top_line.gif) no-repeat left top;  }
.box-line {background: url(/images/example/time/line.gif) repeat-y left top;}
.box-bot {background: url(/images/example/time/bot_line.gif) no-repeat left bottom; padding:10px;}
.themeSummary ul { color:#484848; padding:0 10px 10px 20px; }
.themeSummary ul li { padding:0.2em 0; margin:0 0.2em 0 1.1em; list-style-type:decimal; color:#000;}
.themeSummary ul li ul { padding:3px 0 7px 0; margin:0;}
.themeSummary ul li ul li { padding:0.2em 0 0.2em 0.8em; margin:0; list-style-type:none; background:url(/images/common/icon_li2.gif) no-repeat 0 0.4em; color:#666;}
.themeSummary dl{padding:3px 5px; margin:0 8px;}
.themeSummary dt {clear:both;float:left;color:#006a81;padding:0.25em 0 0.15em 0; width:9em; font-weight:bold;}
.themeSummary dd {padding:0.15em 2.5em 0.15em 0em; overflow:hidden;}
.themeSummary dd a.pageLink { padding-left:13px; color:#cf215e; margin-left:7px; background: url(/images/common/icon_plink.gif) no-repeat 0 0.2em; text-decoration:underline;}
.themeSummary dt.w3c {}

#footerW{clear:both; width:100%; text-align:center; background:url(../../images/common/bg_bot.gif) repeat-x; } /*   height:123px;  */

.pd40{margin-top:10px;}
/* 콘텐츠 용 */
h4 { 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";}
.caseTitle{color:#c4006e; font-weight:bold;  padding-left:40px;}
.after{background:#f0f0f0 url(/images/common/icon_arrow.gif) no-repeat 0.4em 0.5em !important;}
h5 span.btn_after {background:url(../images/common/btn_ttl.gif) no-repeat 0 0.5em;}
h6 {color:#3939D9;margin:0.3em 0; padding-left:18px; background:url(../images/common/icon_site.gif) no-repeat 0 50%;}
.term {line-height:1.4em; padding-left:13px; border-bottom:1px dotted; border-color:#8ac4cf;}
.term li {background:url(/images/common/icon_li1.gif) no-repeat 0 0.3em; padding:0 0 1.8em 0.8em; font-weight:bold;}
.term li ul { margin:0.3em 0 0.2em 0.4em;} 
.term li ul li {background:url(/images/common/icon_li2.gif) no-repeat 0 0.5em; padding:0.3em 0 0 1em;  font-weight:normal;}
.term code {font-size:1em; font-family: "Dotum";}

.termDetail { margin:20px 0 20px 0;}
.termDetail dl{ border:1px solid #b1d4db; padding:5px;}
.termDetail dt { font-weight:bold; margin:0 0.5em; padding:0.5em 1.3em; background:#f6f9fa url(/images/common/icon_dot.gif) no-repeat 0.7em 1em;}
.termDetail dd { padding:0.5em 1.8em;}
.termDetail dd ul li { background:url(../images/common/icon_li1.gif) 0.5em 0.5em; padding:0 0.3em 0.4em 0.2em;}
.termDetail dd ol li{list-style-type:decimal; margin-left:20px;}
.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;}

#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:link {}
#caseList ul li a:hover { text-decoration: underline;}

#caseList .case {font-weight:bold; padding-left:23px;}
#caseList .good { color:#1473D1; background: url(/images/common/icon_good.gif) no-repeat 0 70%;}
#caseList .bad {color:#FD2E00;background: url(/images/common/icon_bad.gif) no-repeat 0 60%;}
#caseList .so {color: #666;background: url(/images/common/icon_so.gif) no-repeat 0 60%;}

.samplew{border-top:1px solid #cde0e4; border-left:2px solid #cde0e4; border-right:2px solid #cde0e4; border-bottom:2px solid #85c3cd; margin-top:20px;}
.sampleWrap {margin-bottom:30px; padding:0 0 1em 0; position:relative;}
.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 {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;}

.exImg { margin:10px 13px 15px 13px; border:1px solid #D9D9D9; padding-top:10px;} /* padding:0 0 10px 0; */
.exImg p {margin:0; padding:0; text-align:center; border:none !important;}

.ScreenReader { margin:0.8em 2.5em;}
.ScreenReader.bt {margin:0.8em 1em; padding-left:20px; }

.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	{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;}

.connect h5 {padding-left:22px; background:url(/images/common/icon_site.gif) no-repeat 0.2em 0.3em; font-size:1.1em;  }
.connect ul li { background: url(/images/common/icon_dot.gif) no-repeat 0.9em 0.6em; padding:0.1em 0 0.1em 1.8em;}
.connect ul li em { font-style:normal; font-weight:bold; color:#006a81; margin-right:12px;}
.connect a{text-decoration:underline; color:#1e45c0;}
.parDetail { margin:20px 0 20px 0;}
.parDetail h5{padding:10px 5px 5px 15px; background:#f6f9fa url(/images/common/icon_li1.gif) no-repeat 0.4em 1.2em; font-size:1.1em; border-top:1px solid #cde0e4; border-left:1px solid #cde0e4; border-right:1px solid #cde0e4;}
.parDetail dl{ border:1px solid #b1d4db; padding:5px;}
.parDetail dt { font-weight:bold; margin:0 0.5em; padding:0.2em 1.3em; background:url(/images/common/icon_dot.gif) no-repeat 0.6em 0.7em;}
.parDetail dd { padding:0.3em 1.8em;}
.parDetail dd ul li { background:url(/images/common/icon_li3.gif) no-repeat -0 0.5em; padding:0 0.3em 0.4em 0.7em;}

.parImg { margin:10px 0px 25px 0px; border:1px solid #D9D9D9; padding-top:10px;}
.parImg p {margin:0; padding:0; text-align:center; border-bottom:none !important;}
.imgInfo{ text-align:center; margin:10px 0px 0px 0px !important; padding:3px 15px !important; background-color:#d9d9d9; color:#202997; font-weight:bold;}

/* subMenu */
#sube { float:left; position:relative; width:194px; margin-bottom:20px; margin-top:12px; background:url(/images/common/subBox_bgm2.gif) repeat-y left top;}
#sube div {background:transparent url(/images/common/subBox_bgt2.gif) no-repeat scroll left top; width:194px;}
#sube div h2 {height:55px; margin:0; padding-bottom:7px; text-align:center;}
#sube div h2 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.on {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;}

.longText {letter-spacing:-0.1em;}
#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;}
/*tab menu*/
.ubercolortabs{padding: 0; width: 100%; overflow: hidden; background: transparent; margin:20px 0;}
.ubercolortabs ul{font-weight:bold; margin: 0; padding: 0; list-style: none;}
.ubercolortabs li{display: inline; margin: 0 2px 0 0; padding: 0; text-transform: uppercase;font-family:"Dotum","Malgun Gothic";}
.ubercolortabs a{float: left; color: #222; background: #eff0f7 url(/images/common/roundleft.gif) no-repeat left top; margin: 0 2px 0 0; padding: 0 0 1px 3px; text-decoration: none; letter-spacing: 1px;}
.ubercolortabs a span{float: left; width:160px; display: block; background: transparent url(/images/common/roundright.gif) no-repeat right top; padding: 5px 9px 3px 6px; cursor: pointer; text-align:center; font-size:1.2em;}
.ubercolortabs a span{float: none;}
.ubercolortabs a:hover, .ubercolortabs li.selected a{background-color: #2484a8; color: white;}
.ubercolortabs a:hover span{background-color: transparent;}
.ubercolordivider{clear: both; padding: 0; margin:0; width: 100%; height: 2px; background: #77a5bd; overflow:hidden;}
/*tab menu*/
.bt1 {width:190px; margin:22px 0 0 5px; text-align:center;}
.bt1 a.button {display:block; border:0; background:#1D5B6A url(../../images/board/bg_botton_default.gif) no-repeat 0 0; vertical-align:middle; color:#fff; font-weight:bold; padding:1px 8px; cursor:pointer; text-decoration:none;}
.bt1 .buttonRight a {float:left; margin-left:5px;}

#content-area p.btn_pdf {position:absolute; right:0; top:10px; border-bottom: none; margin:0; padding:0;}
#quick {display:none;}
#Tim {display:none;}

@media print {
#Contents {float:none;}
#location {position:relative; top:0; right:0; margin:0;}
}