@charset "utf-8";
/* NHN WebStandardization Team (http://html.nhndesign.com/)
author : Jeong, Chan Myeong 080215 */

.preview,
.preview *,
.code_manual,
.code_manual *{font:12px/16px "나눔고딕", NanumGothic, Dotum, Gulim, AppleGothic, Sans-serif;}

.code_manual{border-color:#BAD580 !important; margin-left:15px !important;}
li .preview,
li .code_manual{margin-left:0 !important;}
.preview strong,
.code_manual strong{color:#FF0000; font-weight:bold !important;}
.preview em,
.code_manual em{color:#FF6600; font-weight:normal !important;}
/* 090427 deleted by pearl  .notice{position:absolute; top:0; right:0;} */
.notice strong{color:#FF0000;}
.section p{padding:0 0 0 15px;}

.tab{display:block; position:relative; height:28px; margin:-1px 0 3em 0 !important; padding:0 !important; border-bottom:1px solid #dddddd;}
.tab li{list-style:none; display:block; position:relative; top:1px; float:left; margin:0 1px 0 0; padding-left:0 !important; background:url(http://html.nhndesign.com/img/tabLeftCap.gif) no-repeat 0 0 !important;}
.tab li a{display:block; float:left; padding:9px 19px 0 19px; height:19px; font:12px Gulim, Dotum, AppleGothic, Sans-serif; text-decoration:none; color:#686868; background:url(http://html.nhndesign.com/img/tabRightCap.gif) no-repeat right 0  !important;}
.tab li a:hover{color:#000000;}
.tab li.on{background-position:0 -28px;}
.tab li.on a{background-position:right -28px; font-weight:bold;}
.tab li ul{display:none; position:absolute; top:28px; left:0; margin:0 !important; padding:0 !important; border:none; width:600px;}
.tab li.on ul{display:block;}
.tab li ul li{background:none !important; margin:0; padding:0 !important;}
.tab li ul li a{background:none !important; margin:0; padding:9px 19px 0 19px;}
.tab li.on ul li a{font-weight:normal !important; background:none; white-space:nowrap;}

#content .section .go_to_top{position:absolute; top:-20px; right:0; text-decoration:none;}

.fs12,
.fs12 *{font-size:12px !important;}
#layout a{text-decoration:none;}
.code_manual {margin:10px 0 10px 0 !important; border:3px solid #7cbc50 !important;}
ul li .code_manual {margin:10px 0 10px 0 !important; border:3px solid #7cbc50 !important;}
ul li .code_manual * {font:12px/16px "나눔고딕" NanumGothic, Dotum, Gulim, AppleGothic, Sans-serif !important;}
.code_manual code,
ul li .code_manual code {margin:0 !important; border:none !important;}
.xe_content .section .preview {margin:10px 0 10px 38px !important; padding:15px; border:3px solid #7cbc50 !important;}
.xe_content .section ul li .preview {margin:10px 0 10px 0 !important;}