.content_area{ margin:25px 0 0 0;}
.content_area h4 { margin-bottom:10px;color:#243369;font-size:1.2em; background:url(/images/common/btn/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/ico/icon_arrow.gif) no-repeat 0.4em 0.5em !important}
.content_area h5 span.btn_after {background:url(../images/common/btn_ttl.gif) no-repeat 0 0.5em}
.content_area h6 {color:#3939D9;margin:0.3em 0; padding-left:18px; background:url(../images/common/ico/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/ico/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/ico/icon_li2.gif) no-repeat 0 0.5em; padding:0.3em 0 0 1em;  font-weight:normal}
.term code, .term pre {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/ico/icon_dot.gif) no-repeat 0.7em 1em}
.termDetail dd { padding:0.5em 1.8em}
.termDetail dd ul li { background:url(../images/common/ico/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:12px; line-height:1.8em; font-family:"Dotum"; display:block; border:1px solid #d2d2d2; background:#f7f7f7; padding:0.8em 0.6em; margin-bottom:0.5em; color:#535353;}
.exCode pre strong { white-space: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:left}
.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/ico/icon_dot.gif) no-repeat 0 0.7em}
#caseList ul li.end {border-bottom:none; padding: 4px 0 2px 28px; background:url(/images/common/ico/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/ico/icon_li1.gif) no-repeat 0 50%}
#caseList ul li a.no {color:#c4006e; text-decoration:none; background:url(../images/common/ico/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/ico/icon_good.gif) no-repeat 0 70%}
#caseList .bad {color:#FD2E00;background: url(/images/common/ico/icon_bad.gif) no-repeat 0 60%}
#caseList .so {color: #666;background: url(/images/common/ico/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/ico/icon_site.gif) no-repeat 15px 5px}
.sampleWrap h5.bt {color:#3939D9;margin:0.3em 0; padding-left:33px; background:url(/images/common/ico/icon_site.gif) no-repeat 2% 50%; 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/btn_ttl.gif) no-repeat 5px 50%; padding:5px 5px 5px 22px !important}

.btn_red{color:#fff; background:#E14400 url(/images/common/btn/btn_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/btn/btn_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/btn/btn_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 a{ border:none; line-height:1.5}
.ScreenReader.bt {margin:0.8em 1em; padding-left:20px}
a.blank { background:url(/images/common/ico/icon01_link.gif) no-repeat scroll right bottom transparent; margin-right:3px; padding-right:14px;}

.exDescription {margin:5px 13px 0 13px; padding-bottom:10px; border-bottom:1px dotted #428090}
.exDescription.no {border-bottom:none}
.exDescription li	{background:url(/images/common/ico/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/ico/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/ico/icon_site.gif) no-repeat 0.2em 0.3em}
.connect ul li { background: url(/images/common/ico/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/ico/icon_li1.gif) no-repeat 0.4em 1.2em; 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/ico/icon_dot.gif) no-repeat 0.6em 0.7em}
.parDetail dd { padding:0.3em 1.8em}
.parDetail dd ul li { background:url(/images/common/ico/icon_li3.gif) no-repeat -0 0.5em; padding:0 0em 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}
div.board { margin:0}

.topBtn {height:30px; width:10.4em; float:right; margin:-5px -13px 0 0; display:inline;  background:url(/images/common/btn/bg_top.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}


/* samplew2 */
.samplew2{ background:#f7fafa; padding:0 13px 15px 13px; border-top:2px solid #acc1cf; border-bottom:2px solid #acc1cf;}
.samplew2.towbox{margin-top:25px;}
.sampleWrap2{ background:#FFF; padding-bottom:12px;}
.sampleWrap2 h4{ padding:10px 0; background:#f7fafa; position:relative;}
.sampleWrap2 h4 strong{ display:block; line-height:1.8em; height:21px; width:76px; padding-left:25px; background:url(/images/common/btn/btn01_sample.gif) no-repeat; }
.sampleWrap2 h4 strong.wrong{ background:url(/images/common/btn/btn02_sample.gif) no-repeat;}
.sampleWrap2 h4 span{ position:absolute; left:110px; top:12px; font-size:1.167em; color:#189a36;}
ul.sampDwon{ background:url(/images/common/background/line01_sample.gif) left bottom repeat-x; margin:0 10px 10px 10px; padding:10px 0 0 0; overflow:hidden; height:100%;}
ul.sampDwon li{ float:left; margin:0 0 0 10px; padding-bottom:10px; }
.sampleWrap2 h5{ padding:8px 0 8px 30px; background:url(/images/common/ico/ico01_sample.gif) 5px 8px no-repeat; color:#1d61a8;}
.parImg2{ margin:0 5px 5px 5px; background:#fff; padding:9px 0 12px 0; text-align:center;}
.parImg3{ margin:12px 5px 5px 5px; background:#FFF; padding:9px 0 12px 0; text-align:center;}
.imgInfo2{  background:#f7fafa; text-align:center; padding:8px 0 0 0; color:#666; font-weight:bold;}
.imgInfo3{  background:#f7fafa; text-align:center; padding:8px 0 30px 0; color:#666; font-weight:bold;}
.exCode2{ margin:12px 4px 0 6px; background:url(/images/common/background/line03_sample.gif) 0 0 repeat-y;}
.exCode2.twocode{margin:12px 13px 19px 23px; }
.exCode2 .exCodeT{ height:8px; background:url(/images/common/background/line02_sample.gif) left top no-repeat; line-height:0; font-size:0;}
.exCode2 .exCodeB{ height:8px; background:url(/images/common/background/line02_sample.gif) left bottom no-repeat; line-height:0; font-size:0;}
.exCode2 pre {font-size:12px; line-height:1.8em; font-family:Dotum; display:block;  padding:0.3em 1.8em; margin-bottom:0.5em; color:#535353}
.exCode2 pre strong { white-space:normal; font-weight:normal; color:#f07248; display:block}
.exCode2 pre strong.oneline{ display:inline; font-weight:bold; white-space:nowrap}
.exCode2 pre strong em{ font-weight:bold; color:#f07248}
.exCode2 pre em { color:#0033FF}
.exImg cite, .exCode cite {display:block; font-style:normal; color:#333; padding-bottom:10px; text-align:left}
.exCode2 a{text-decoration:underline; color:#1e45c0}
.exCode2 pre span{display:block; padding:6px 0}
.exCode2 pre span.oneline{ display:inline; color:#f07248}