/* 본문제목 */ #contents h1 { width: auto; height: auto; margin: 0; padding: 0 0 0 18px; background: url('../images/sub/h1bg.gif') no-repeat 0 4px; color: #000; font: bold 1.34em/1.19 "돋움"; letter-spacing: -1px; } #contents h2 { width: auto; height: auto; margin: 1em 0; padding: 0 0 0 22px; background: url('../images/sub/h2bg.gif') no-repeat 0 0px; color: #72593c; font-weight: bold; font-size: 1.2em; text-align: left; letter-spacing: -2px; line-height: 1.25; clear:left;} #contents h3 { width: auto; height: auto; margin: 1em 0.5em; padding: 0 0 0 15px; background: url('../images/sub/h3bg.gif') no-repeat 0 1px; color: #ac7419; font-weight: bold; font-size: 1em; text-align: left; letter-spacing: -1px; line-height: 1.25; } #contents h4 { width: auto; height: auto; margin: 1em 0.4em; padding: 0 0 0 17px; background: url('../images/sub/h4bg.gif') no-repeat 4px 5px; color: #666; font-weight: bold; font-size: 1em; text-align: left; letter-spacing: 0; line-height: 1.25; } #contents h5 { width: auto; height: auto; margin: 1em 1em; padding: 0 0 0 10px; background: url('../images/sub/h5bg.gif') no-repeat 0 4px; color: #555; font-weight: bold; font-size: 1em; text-align: left; letter-spacing: 0; line-height: 1.25; } #contents h6 { width: auto; height: auto; margin: 1em 0; padding: 0 0 0 15px; background: url('../images/sub/h6bg.gif') no-repeat 0 2px; color: #000; font: bold 1em/1.19 "돋움"; letter-spacing: -1px; } #contents h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color: #555; font-weight: normal; letter-spacing: 0; } #contents .h0 /* 제목 초기화 */ { clear: left; margin: 0; padding: 0; background: transparent; font-weight: normal; font-size: 1em; letter-spacing:0;} #contents .h00 /* 제목 초기화 */ { clear: left; margin: 0; padding: 0 0 5px 0; background: transparent; font-weight: bold; font-size: 1.2em; letter-spacing:0; } /* Tag문단(Paragraph) */ #contents p.em { color: #06c; margin: 0; padding: 0; } #contents .text_center li img{float:left; vertical-align:top;} /* Tag목록(List) */ #contents ul.bu { margin: 0; padding: 0 0 0.5em 1.2em; list-style: none; text-align: left; } #contents td ul.bu { padding: 0; } /* 테이블 안에서 정렬 */ #contents ul.bu li { margin: 0; padding: 0 0 0 1.2em; list-style: none; background: url('../images/sub/bu_li1.gif') no-repeat 5px 0.5em; } #contents ul.bu li.nobg { margin: 0; padding: 0 0 0 1.2em; list-style: none; background: url() no-repeat ; } #contents ul.bu li.nobg2 { margin: 0; padding: 0 0 0 2.5em; text-indent:-1.3em; list-style: none; background: url() no-repeat ; } #contents ul.bu ul li { padding: 0 0 0 1.2em; background: url('../images/sub/bu_li2.gif') no-repeat 5px 0.5em; } #contents ul.bu ul ul li { padding: 0 0 0 0.7em; background: url('../images/sub/bu_li3.gif') no-repeat 0 0.5em; } #contents ul.bu ul ul ul li { padding: 0 0 0 0.7em;background: url('../images/sub/bu_li4.gif') no-repeat 0 0.5em; } #contents ul.bu ul, ul.bu ul ul, ul.bu ul ul ul { margin: 0; padding: 0 0 0.2em 0; } #contents ul.bu9 { margin: 0; padding: 0 0 0.5em 1.2em; list-style: none; text-align: left; } #contents ul.bu9 li { margin: 0; padding: 0 0 0 1.2em; list-style: none; background: url('../images/sub/bu_li9.gif') no-repeat 2px 2px; } #contents ol.bu { margin: 0; padding: 0 0 0.5em 1.2em; list-style: none; text-align: left;} #contents ol.bu li { margin: 0; padding: 0 0 0 1.2em; list-style: none; background: url('../images/sub/bu_li1.gif') no-repeat 0 0.2em; } #contents ul.bu2 { margin: 0; padding: 0 0 0.5em 1em; list-style: none; text-align: left; } #contents ul.bu2 li { margin: 0; padding: 0 0 0 1.2em; background: url('../images/sub/bu_li2.gif') no-repeat 0 0.2em; } #contents ul.bu2 ul li { background: url('../images/sub/bu_li3.gif') no-repeat 0 0.2em; } #contents ul.bu2 ul ul li { background: url('../images/sub/bu_li4.gif') no-repeat 0 0.2em; } #contents ul.bu2 ul, ul.bu ul ul { padding: 0 0 0.5em 0; } #contents ul.bu3 { margin: 0; padding: 0 0 0.5em 5px; list-style: none; text-align: left; } #contents ul.bu3 li { margin: 0; padding: 0 0 0 1.2em; background: url('../images/sub/bu_li2.gif') no-repeat 0 0.2em; } #contents ul.bu3 ul li { background: url('../images/sub/bu_li3.gif') no-repeat 0 0.2em; } #contents ul.bu3 ul ul li { background: url('../images/sub/bu_li4.gif') no-repeat 0 0.2em; } #contents ul.bu3 ul, ul.bu ul ul { padding: 0 0 0.5em 0; } #contents ul.bu4 { margin: 0; padding: 0.5em 0 0.2em 5px; list-style: none; text-align: left; } #contents ul.bu4 li { margin: 0; padding: 0 0 0 1.2em;} #contents ul.bu4 ul li { list-style: none; } #contents ul.bu4 ul ul li { list-style: none; } #contents ul.bu4 ul, ul.bu ul ul { padding: 0 0 0.2em 0; } #contents ul.bu5 { margin: 0; padding: 0 0 0.5em 0.5em; list-style: none; text-align: left; } td ul.bu5 { padding: 0; } /* 테이블 안에서 정렬 */ #contents ul.bu5 li { margin: 0; padding: 0 0 0 1.2em; list-style: none; background: url('../images/sub/bu_li1.gif') no-repeat 0 0.2em; } #contents ul.bu5 ul li { background: url('../images/sub/bu_li2.gif') no-repeat 0 0.2em; } #contents ul.bu5 ul ul li { background: url('../images/sub/bu_li3.gif') no-repeat 0 0.2em; } #contents ul.bu5 ul ul ul li { background: url('../images/sub/bu_li4.gif') no-repeat 0 0.2em; } #contents ul.bu5 ul, ul.bu5 ul ul, ul.bu5 ul ul ul { padding: 0 0 0.5em 0; } #contents ul.bu6 { margin: 0; padding: 0 0 0.2em 0; list-style: none; text-align: left; } #contents ul.bu6 li { margin: 0; padding: 0 0 0.5em 0;} #contents ul.bu6 ul li { list-style: none; } #contents ul.bu6 ul ul li { list-style: none; } #contents ul.bu6 ul, ul.bu ul ul { padding: 0 0 0.2em 0; } #contents ul.bu7 { list-style: none; margin: 3px 18px 0px 18px; padding: 0;} #contents ul.bu7 li { background: url('../images/sub/btn_bu.gif') no-repeat 0 3px; padding: 0 0 0 1em; line-height: 1.25; } #contents ul.bu7 li a { display: block;/* margin: 0 1em 3px 0; padding: 0 0 0 1.2em;*/ } #contents ul.bu8 {display:inline; float:left; list-style: none; margin: 0 0 0px 8px; padding: 0; } #contents ul.bu8 li { float:left; width:190px; margin-right:7px; background: url('../images/sub/btn_bu.gif') no-repeat 0 2px; padding: 0 0 0 1em; line-height: 1.25; } #contents ul.bu8 li a { display: block; letter-spacing:-0.05em;/* margin: 0 1em 3px 0; padding: 0 0 0 1.2em;*/ } #contents ol.bu8 {display:inline; float:left; list-style: none; margin: 0 0 0px 8px; padding: 0; } #contents ol.bu8 li { float:left; width:190px; margin-right:7px; background: url('../images/sub/btn_bu.gif') no-repeat 0 2px; padding: 0 0 0 1em; line-height: 1.25; } #contents ol.bu8 li a { display: block; letter-spacing:-0.05em;/* margin: 0 1em 3px 0; padding: 0 0 0 1.2em;*/ } #contents ul.bu_step { margin: 0; padding: 0 0 0.5em 1.2em; list-style: none; text-align: left; } #contents ul.bu_step li { margin: 0; padding: 0 0 0 2.5em; text-indent:-1.3em; list-style: none; background: url() no-repeat ; } #contents ul.dpi li { display: inline; } #contents ul.line { margin: 0; padding: 0 0; list-style: none; text-align: left; border: 1px solid #eee; border-width: 1px 0 0 0; } #contents ul.line li { margin: 0; padding: 0 0 0 1.2em; background: url('../images/sub/bu_li1.gif') no-repeat 0 50%; border: 1px solid #e4e4e4; border-width: 0 0 1px 0; padding: 5px 0 3px 1.2em; } #contents ol.num { list-style:none; margin:0 0 1em 1.2em; padding:0; } #contents ol.num li { background: no-repeat; background-position: 0 0.2em; padding: 0 0 0 2.2em;line-height:1.7em } #contents ol.num li.n01 { background: url('../images/sub/n01.gif') no-repeat 0.2em 0.2em; } #contents ol.num li.n02 { background: url('../images/sub/n02.gif') no-repeat 0.2em 0.2em; } #contents ol.num li.n03 { background: url('../images/sub/n03.gif') no-repeat 0.2em 0.2em; } #contents ol.num li.n04 { background: url('../images/sub/n04.gif') no-repeat 0.2em 0.2em; } #contents ol.num li.n05 { background: url('../images/sub/n05.gif') no-repeat 0.2em 0.2em; } #contents ol.num li.n06 { background: url('../images/sub/n06.gif') no-repeat 0.2em 0.2em; } #contents ol.num li.n07 { background: url('../images/sub/n07.gif') no-repeat 0.2em 0.2em; } #contents ol.num li.n08 { background: url('../images/sub/n08.gif') no-repeat 0.2em 0.2em; } #contents ol.num li.n09 { background: url('../images/sub//n09.gif') no-repeat 0.2em 0.2em; } #contents ol.num li.n10 { background: url('../images/sub/n10.gif') no-repeat 0.2em 0.2em; } #contents ol.num li.n11 { background: url('../images/sub/n11.gif') no-repeat 0.2em 0.2em; } #contents ol.num li.n12 { background: url('../images/sub/n12.gif') no-repeat 0.2em 0.2em; } #contents ol.num li.n13 { background: url('../images/sub/n13.gif') no-repeat 0.2em 0.2em; } #contents ol.num li.n14 { background: url('../images/sub/n14.gif') no-repeat 0.2em 0.2em; } #contents ol.num li.n15 { background: url('../images/sub/n15.gif') no-repeat 0.2em 0.2em; } #contents ol.num li.n16 { background: url('../images/sub/n16.gif') no-repeat 0.2em 0.2em; } #contents ol.num li.n17 { background: url('../images/sub/n17.gif') no-repeat 0.2em 0.2em; } #contents ol.num li.n18 { background: url('../images/sub/n18.gif') no-repeat 0.2em 0.2em; } #contents ol.num li.n19 { background: url('../images/sub/n19.gif') no-repeat 0.2em 0.2em; } #contents ol.num li.n20 { background: url('../images/sub/n20.gif') no-repeat 0.2em 0.2em; } #contents ol.line li { border-bottom: 1px solid #eee; padding: 4px 0 2px 2.2em; background-position: 0 0.5em; } #contents ol.line li ul.bu li { border: none; padding: 0 0 0 1.2em; background-position: 0 0.2em; } #contents ol.num ol { margin: 0; padding: 0 0 0 1em; } #contents ol.num ol li { background: none; margin: 0; padding: 0 0 0 1.2em; background: url('../images/sub/bu_li2.gif') no-repeat 0 0.2em;} #contents ol.num ol li ul { margin: 0; padding: 0; } #contents ol.num ol li ul li { background: none; list-style: none; margin: 0; padding: 0;} #contents ol.num ul { margin: 0; padding: 0 0 0 0.2em; } #contents ol.num ul li { background: none; margin: 0; padding: 0 0 0 1.0em; background: url('../images/sub/bu_li2.gif') no-repeat 0 0.6em;} #contents ol.num ul li ul { margin: 0; padding: 0; } #contents ol.num ul li ul li { background: none; padding: 0 0 0 0.6em; background: url('../images/sub/bu_li3.gif') no-repeat 0 0.6em;} #contents ol.num2 { list-style:none; margin:0; padding:0; } #contents ol.num2 li { background: no-repeat; background-position: 0 0.2em; padding: 0 0 0 2em; line-height:1.7em } #contents ol li.n01 { background: url('../images/sub/n01.gif') no-repeat 0 0.2em; } #contents ol li.n02 { background: url('../images/sub/n02.gif') no-repeat 0 0.2em; } #contents ol li.n03 { background: url('../images/sub/n03.gif') no-repeat 0 0.2em; } #contents ol li.n04 { background: url('../images/sub/n04.gif') no-repeat 0 0.2em; } #contents ol li.n05 { background: url('../images/sub/n05.gif') no-repeat 0 0.2em; } #contents ol li.n06 { background: url('../images/sub/n06.gif') no-repeat 0 0.2em; } #contents ol li.n07 { background: url('../images/sub/n07.gif') no-repeat 0 0.2em; } #contents ol li.n08 { background: url('../images/sub/n08.gif') no-repeat 0 0.2em; } #contents ol li.n09 { background: url('../images/sub/n09.gif') no-repeat 0 0.2em; } #contents ol li.n10 { background: url('../images/sub/n10.gif') no-repeat 0 0.2em; } #contents ol li.n11 { background: url('../images/sub/n11.gif') no-repeat 0 0.2em; } #contents ol li.n12 { background: url('../images/sub/n12.gif') no-repeat 0 0.2em; } #contents ol li.n13 { background: url('../images/sub/n13.gif') no-repeat 0 0.2em; } #contents ol li.n14 { background: url('../images/sub/n14.gif') no-repeat 0 0.2em; } #contents ol li.n15 { background: url('../images/sub/n15.gif') no-repeat 0 0.2em; } #contents ol li.n16 { background: url('../images/sub/n16.gif') no-repeat 0 0.2em; } #contents ol li.n17 { background: url('../images/sub/n17.gif') no-repeat 0 0.2em; } #contents ol li.n18 { background: url('../images/sub/n18.gif') no-repeat 0 0.2em; } #contents ol li.n19 { background: url('../images/sub/n19.gif') no-repeat 0 0.2em; } #contents ol li.n20 { background: url('../images/sub/n20.gif') no-repeat 0 0.2em; } #contents ol.line li { border-bottom: 1px solid #eee; padding: 4px 0 2px 2.2em; background-position: 0 0.5em; } #contents ol.line li ul.bu li { border: none; padding: 0 0 0 1.2em; background-position: 0 0.2em; } #contents ul.num { list-style:none; margin:0 0 1em 1.2em; padding:0; } #contents ul.num li { background: no-repeat; background-position: 0 0.2em; padding: 0 0 0 0.2em; line-height:1.7em } #contents ul.num li.n01 { background: url('../images/sub/n01.gif') no-repeat 0 0.2em; padding: 0 0 0 2.2em;} #contents ul.num li.n02 { background: url('../images/sub/n02.gif') no-repeat 0 0.2em; padding: 0 0 0 2.2em;} #contents ul.num li.n03 { background: url('../images/sub/n03.gif') no-repeat 0 0.2em; padding: 0 0 0 2.2em;} #contents ul.num li.n04 { background: url('../images/sub/n04.gif') no-repeat 0 0.2em; padding: 0 0 0 2.2em;} #contents ul.num li.n05 { background: url('../images/sub/n05.gif') no-repeat 0 0.2em; padding: 0 0 0 2.2em;} #contents ul.num li.n06 { background: url('../images/sub/n06.gif') no-repeat 0 0.2em; padding: 0 0 0 2.2em;} #contents ul.num li.n07 { background: url('../images/sub/n07.gif') no-repeat 0 0.2em; padding: 0 0 0 2.2em;} #contents ul.num li.n08 { background: url('../images/sub/n08.gif') no-repeat 0 0.2em; padding: 0 0 0 2.2em;} #contents ul.num li.n09 { background: url('../images/sub/n09.gif') no-repeat 0 0.2em; padding: 0 0 0 2.2em;} #contents ul.num li.n10 { background: url('../images/sub/n10.gif') no-repeat 0 0.2em; padding: 0 0 0 2.2em;} #contents ul.num li.n11 { background: url('../images/sub/n11.gif') no-repeat 0 0.2em; padding: 0 0 0 2.2em;} #contents ul.num li.n12 { background: url('../images/sub/n12.gif') no-repeat 0 0.2em; padding: 0 0 0 2.2em;} #contents ul.num li.n13 { background: url('../images/sub/n13.gif') no-repeat 0 0.2em; padding: 0 0 0 2.2em;} #contents ul.num li.n14 { background: url('../images/sub/n14.gif') no-repeat 0 0.2em; padding: 0 0 0 2.2em;} #contents ul.num li.n15 { background: url('../images/sub/n15.gif') no-repeat 0 0.2em; padding: 0 0 0 2.2em;} #contents ul.num li.n16 { background: url('../images/sub/n16.gif') no-repeat 0 0.2em; padding: 0 0 0 2.2em;} #contents ul.num li.n17 { background: url('../images/sub/n17.gif') no-repeat 0 0.2em; padding: 0 0 0 2.2em;} #contents ul.num li.n18 { background: url('../images/sub/n18.gif') no-repeat 0 0.2em; padding: 0 0 0 2.2em;} #contents ul.num li.n19 { background: url('../images/sub/n19.gif') no-repeat 0 0.2em; padding: 0 0 0 2.2em;} #contents ul.num li.n20 { background: url('../images/sub/n20.gif') no-repeat 0 0.2em; padding: 0 0 0 2.2em;} #contents ul.line li { border-bottom: 1px solid #eee; padding: 4px 0 2px 2.2em; background-position: 0 0.5em; } #contents ul.line li ul.bu li { border: none; padding: 0 0 0 1.2em; background-position: 0 0.2em; } #contents dl.bu { margin: 0 0 0 1.2em; padding: 0; } #contents dl.bu dt {margin: 0; padding: 0 0 0 1.2em; background: url('../images/sub/bu_li1.gif') no-repeat 5px 0.5em; font-weight: bold; } #contents dl.bu dd { margin: 0; padding: 0 0 0.5em 1.2em; } #contents dl.bu2 { margin: 0 0 0 1.2em; padding: 0; } #contents dl.bu2 dt {margin: 0 0.5em 0 0; padding: 0 0 0 1.2em; background: url('../images/sub/bu_li1.gif') no-repeat 5px 0.5em; font-weight: bold; float:left;} #contents dl.bu2 dd { margin: 0; padding: 0 0 0.5em 1.2em; } #contents dl.bu2 dd ul li{margin: 0 0em 0 -12px; padding: 0 0 0 0.8em; background: url('../images/sub/bu_li2.gif') no-repeat 0px 0.5em;} #contents dl.bu3 { margin: 0 0 0 1.2em; padding: 0; } #contents dl.bu3 dt {margin: 0 0.5em 0 0; padding: 0 0 0 1.2em; background: url('../images/sub/btn_bu.gif') no-repeat 0 0.2em; font-weight: bold; float:left;} #contents dl.bu3 dd { margin: 0; padding: 0 0 0.5em 1.2em; } #contents dl.t1 { border-top: 1px dashed #ccc; } #contents dl.t1 dt { margin: 0; padding: .5em 0 0 0; } #contents dl.t1 dd { margin: 0; padding: 0 0 .5em 0; border-bottom: 1px dashed #ccc; } /* Tag구문(Construction) */ #contents strong { font-weight: bolder; } /* 강조 */ #contents em { font-style: normal; color: #bc4d02; } /* 강조 */ #contents em em { color: #c39; } #contents blockquote { margin: 1em 0; padding: 0; font-weight: bold; font-size: 1.167em; color: #369; background: url('../images/sub/blockquote_begin.gif') no-repeat; } #contents blockquote span { margin: 0; padding: 0 1.5em; background: url('../images/sub/blockquote_end.gif') no-repeat right bottom; } #contents q { margin: 1em 0; padding: 0; font-weight: bold; font-size: 1.167em; color: #369; background: url('../images/sub/blockquote_begin.gif') no-repeat left 0; } #contents q span { margin: 0; padding: 0.5em 1.5em; background: url('../images/sub/blockquote_end.gif') no-repeat right 0; } /* Tag기타 */ #contents pre { margin: 1em 0; } /* 형식을가지고있는컨텐츠 */ #contents ins {} /* 추가 */ #contents del { text-decoration: line-through; color: #999; } /* 삭제 */ #contents address { font-style: normal; color: #666; } /* 주소 */ /* Body Content Template ***********************************************************************/ /* contenttabmenu **********/ #contents #contenttabmenu { width: 100%; margin: 0 0 10px 0; } #contents #contenttabmenu ul { margin: 0; padding: 0 0 0 0; list-style: none; height: 27px; border-bottom: 1px solid #c8c8c8; } #contents #contenttabmenu ul li { display: inline; float: left; margin: 0 1px 0 0; padding: 0 0 0 5px; background: transparent url('../images/sub/ctabmbg.gif') no-repeat 0 0; border: 1px solid #bbb; border-width: 0; border-color: #ccc #bbb #bbb #ccc; } #contents #contenttabmenu ul li a { display: block;padding: 6px 10px 5px 5px; background: transparent url('../images/sub/ctabmbg.gif') no-repeat 100% 0; color: #555; font-weight: normal; line-height: 1.25; cursor: pointer; } #contents #contenttabmenu ul li.on { background-position: 0 -100px; } #contents #contenttabmenu ul li.on a { background-position: 100% -100px; color: #fff; } #contents #contenttabmenu2 { width: 100%; margin: 5px 0 10px 0; } #contents #contenttabmenu2 ul { width: 100%; overflow: hidden; list-style: none; margin: 0; padding: 0; } #contents #contenttabmenu2 ul li { float: left; display: inline; margin: 0 2px 2px 0; padding: 0 4px 0 0; background: url('../images/sub/contenttabmenu2_btnbg.gif') no-repeat right -32px;} #contents #contenttabmenu2 ul li a { float: left; display: block; padding: 8px 20px 6px 20px; color: #666; font-weight: bold; letter-spacing: -1px; white-space: nowrap; background: url('../images/sub/contenttabmenu2_btnbg.gif') no-repeat left -32px;} #contents #contenttabmenu2 ul li a:hover {color: #478f2c; text-decoration:none} #contents #contenttabmenu2 ul li.on { background: url('../images/sub/contenttabmenu2_btnbg.gif') no-repeat right 0; } #contents #contenttabmenu2 ul li a.on { background: url('../images/sub/contenttabmenu2_btnbg.gif') no-repeat; color: #fff;} #contents #contenttabmenu3 { list-style: none; margin: 0; padding: 0;} #contents #contenttabmenu3 ul {display:inline; float:right; margin:0 0 0 0;} #contents #contenttabmenu3 li {float:left; text-align:right;} /* 내용 박스 */ #contents div.box_1 {width:600px; margin:5px auto; background:url('../images/sub/box_1_cen_bg.gif') repeat-y left top;} #contents div.box_1 .top_bg {height:15px; background:url('../images/sub//box_1_top_bg.gif') no-repeat left top;} #contents div.box_1 .text {margin:5px 20px;} #contents div.box_1 .bot_bg {height:10px; background:url('../images/sub/box_1_bot_bg.gif') no-repeat left top;} #contents div.box0 { border: 1px solid #ddd; padding: 0; margin: 0.5em 0; } #contents div.box1 { border: 4px solid #f7f7f7; padding: 9px 12px 9px; } #contents div.box2 { border: 4px solid #a99771; padding: 0; margin: 0.5em 0; } #contents div.box3 { border: 4px solid #f7f7f7; padding: 10px 14px 7px; } #contents div.box4 { border: 4px solid #e2e2e2; padding:5px 15px 15px;margin:20px 0} /* 플로우차트 */ #contents ol.flowchart { width:650px; margin: 1em auto; padding: 0; list-style: none; } #contents ol.flowchart li { display: inline; float: left; width: 30%; margin: 0; padding: 0; background: url('../images/sub/arrow15_2.gif') no-repeat 1px 50%; } #contents ol.flowchart li.first { padding: 0; background: transparent; } #contents ol.flowchart li dl { margin: 0 0 0 16px; padding: 0; border: 1px solid #ccc; } #contents ol.flowchart li dl dt { margin: 0; padding: 3px 6px 1px; border-bottom: 1px solid #ddd; background: #e9f1f5; font-weight: bold; line-height: 1.25; text-align: center; } #contents ol.flowchart li dl dd { margin: 0; padding: 0; } #contents ol.flowchart li dl dd ul { padding: 4px 2px 4px 4px; } #contents ol.flowchart li dl dd ul li { display: block; float: none; width: auto; margin: 0; padding: 0 0 0 1.2em; border: 0; line-height: 1.7; background:url('../images/sub/bu_li2.gif') no-repeat left 2px;} /* 플로트배치 등 */ #contents img.floatLeft { float: left; display: inline; margin: 0 5px 15px 0; } #contents img.floatRight { float: right; display: inline; margin: 0 0 15px 15px; } #contents img.center { margin: 1em auto; padding: 0; text-align: center; display: block;} /* 인라인요소는 margin: 1em auto; 적용안됨 */ #contents img.frame { border: 1px solid #ddd; padding: 4px; } #contents .floatLeft { float: left; display: inline; margin: 0 15px 15px 0; text-align: center; } #contents .floatRight { float: right; display: inline; margin: 0 0 15px 15px; text-align: center; } #contents .small { font-size: 0.92em; letter-spacing: -1px; } #contents .large { font-size: 1.167em; letter-spacing: -1px; } #contents .left { display:inline; float: left; position: relative; padding: 4px 0; } #contents .right { display:inline; float: right; position: relative; padding: 4px 0; } #contents .center { position: relative; text-align: center; padding: 5px 0; margin: 0 auto; } /* 플로우차트 */ #contents .leftm { float: left; padding: 0; margin-right: 20px; } #contents .rightm { float: right; padding:0; margin-left: 20px; } #contents .clear { clear: both; } #contents span.blank { padding-left: 1em; } /* FF에서는 margin-left, padding-left 값만 적용됨 */ #contents div.blank { float: left; width: 0; padding-left: 1em; } /* float 요소 간격 */ #contents .line1 { border: 1px solid #e7e7e7; border-width: 0 0 1px 0; } #contents .line2 { border: 1px solid #e7e7e7; border-width: 1px 0; padding: 9px 1.2em; margin:1em 0;} #contents .line_top { border: 1px solid #adc6e2; border-width: 1px 0 0 0; padding: 9px 0; } #contents .border1 { border: 1px solid #e7e7e7; } #contents .dot {display: block; margin:10px 0;font-size:0;line-height:0} #contents .dot { border-bottom : 1px dashed #ccc; } /* dotted --> dashed */ /* 개별조합속성클래스 */ #contents p.indent {margin:1em 0 1em 1.3em;} #contents .indent { margin-left: 1.3em; } #contents .image { vertical-align: top; } #contents .bottom { vertical-align: bottom; } #contents .margin_minus { margin-top:0.5em !important; } #contents .margin_t_5 { margin-top:5px !important; } #contents .margin_t_10 { margin-top:10px !important; } #contents .margin_t_20 { margin-top:20px !important; } #contents .margin_t_30 { margin-top:30px !important; } #contents .margin_t_40 { margin-top:40px !important; } #contents .margin_t_50 { margin-top:50px !important; } #contents .margin_t_60 { margin-top:60px !important; } #contents .margin_t_100 { margin-top:100px !important; } #contents .margin_t_150 { margin-top:150px !important; } #contents .margin_t_170 { margin-top:170px !important; } #contents .margin_t_200 { margin-top:200px !important; } #contents .margin_b_0 { margin-bottom:0px !important; } #contents .margin_b_5 { margin-bottom:5px !important; } #contents .margin_b_10 { margin-bottom:10px !important; } #contents .margin_b_20 { margin-bottom:20px !important; } #contents .margin_b_30 { margin-bottom:30px !important; } #contents .margin_b_40 { margin-bottom:40px !important; } #contents .margin_b_50 { margin-bottom:50px !important; } #contents .margin_r_10 { margin-right:10px !important; } #contents .margin_r_15 { margin-right:15px !important; } #contents .margin_r_20 { margin-right:20px !important; } #contents .margin_r_30 { margin-right:30px !important; } #contents .margin_r_40 { margin-right:40px !important; } #contents .margin_r_50 { margin-right:50px !important; } #contents .margin_r_100 { margin-right:100px !important; } #contents .margin_r_120 { margin-right:120px !important; } #contents .margin_r_150 { margin-right:150px !important; } #contents .margin_l_10 { margin-left:10px !important; } #contents .margin_l_15 { margin-left:15px !important; } #contents .margin_l_20 { margin-left:20px !important; } #contents .margin_l_30 { margin-left:30px !important; } #contents .margin_l_40 { margin-left:40px !important; } #contents .margin_l_50 { margin-left:50px !important; } #contents .margin_l_70 { margin-left:70px !important; } #contents .margin_l_90 { margin-left:90px !important; } #contents .margin_l_100 { margin-left:100px !important; } #contents .margin_l_120 { margin-left:120px !important; } #contents .margin_l_150 { margin-left:150px !important; } #contents .margin_l_170 { margin-left:170px !important; } #contents .margin_l_220 { margin-left:220px !important; } #contents .margin_l_225 { margin-left:225px !important; } #contents .margin_l_230 { margin-left:230px !important; } #contents .list_float li {float:left;} #contents .padding_t_5 { padding-top:5px !important; } /* 테이블(Table) */ table caption {display:block;} #contents table.table_t1 { border-collapse: collapse; width: 100%; margin: .5em 0px; border-top: 2px solid #675135; border-bottom: 1px solid #becf8e;} #contents table.table_t1.top_none { border-top: 0; } #contents table.table_t1 tr { } /* colgroup 으로 td 스타일제어하려면 tr에 정의 */ #contents table.table_t1 th, table.table_t1 td {border: 1px solid #c8c8c8; padding: 6px 6px 4px 6px; } #contents table.table_t1 thead, table.table_t1 tfoot { background: url('../images/sub/table_bg.gif') repeat-x right bottom; font-weight: normal; font-weight:bold; text-align:center; color: #986e43;} #contents table.table_t1 thead th, table.table_t1 tfoot th { background: url('../images/sub/table_bg.gif') repeat-x right bottom; color: #785531; font-weight: bold; text-align: center; vertical-align: middle; height:21px;} #contents table.table_t1 thead.alt th, table.table_t1 tfoot.alt th { font-weight: normal; } #contents table.table_t1 th { background: #fcfcfc; font-weight: bold; text-align: inherit; } #contents table.table_t1 tr.alt th { background: #f8f7f3; } #contents table.table_t1 tr.alt td { background: #f8f7f3; } #contents table.table_t1 th.alt { background: #fff; } #contents table.table_t2 { border-collapse: collapse; width: 100%; margin: .5em 0px; border-top: 2px solid #845b1b;} #contents table.table_t2 tr { } /* colgroup 으로 td 스타일제어하려면 tr에 정의 */ #contents table.table_t2 th, table.table_t2 td { border: 1px solid #dee6d2; padding: 6px 6px 4px 6px; } #contents table.table_t2 tbody th, #contents table.table_t2 tfoot th { background: #faf9f6; color: #977335; font-weight: bold; text-align: center; vertical-align: middle; } #contents table.table_t2 tbody.alt th, table.table_t2 tfoot.alt th { font-weight: normal; } #contents table.table_t2 th { background: #f9f9f9; font-weight: normal; text-align: inherit; } #contents table.table_t3 { border-collapse: collapse; width: 100%; margin: .5em 0px; border-top: 2px solid #bed99a;} #contents table.table_t3 tr { } /* colgroup 으로 td 스타일제어하려면 tr에 정의 */ #contents table.table_t3 th, table.table_t3 td { border: 1px solid #dee6d2; padding: 6px 6px 4px 6px; } #contents table.table_t3 tbody th, #contents table.table_t3 tfoot th { background: #f5f7f1; color: #7da348; font-weight: bold; text-align: center; vertical-align: middle; } #contents table.table_t3 tbody.alt th, table.table_t3 tfoot.alt th { font-weight: normal; } #contents table.table_t3 th { background: #f9f9f9; font-weight: normal; text-align: inherit; } #contents table.table_t4 { border-collapse: collapse; width: 100%; margin: .5em 0px; border-top: 2px solid #71aa36;} #contents table.table_t4 tr { } /* colgroup 으로 td 스타일제어하려면 tr에 정의 */ #contents table.table_t4 th, table.table_t4 td { border: 1px solid #c8c8c8; padding: 6px 6px 4px 6px; } #contents table.table_t4 tbody th, #contents table.table_t4 tfoot th { background: #ebf3e3; color: #434343; font-weight: bold; text-align: center; vertical-align: middle; } #contents table.table_t4 tbody.alt th, table.table_t4 tfoot.alt th { font-weight: normal; } #contents table.table_t4 th { background: #f9f9f9; font-weight: normal; text-align: inherit; } /* sidemenu5Depth */ #contents ul.depth5 {position:relative;width: 100%; overflow:hidden; margin: 0 0 13px 0; padding:0; } #contents ul.depth5 li {float:left; padding-right:2px; margin:0 0 5px 0;} #contents ul.depth5 li a {display:inline-block; vertical-align:top; padding:0 0 0 12px; border:2px solid #d5d5d5; font-weight:bold; background:url('../images/sub/tab01_r.gif') no-repeat 0 0;} #contents ul.depth5 li a span { display:inline-block; cursor:pointer; vertical-align:top; line-height:22px; padding:0 12px 0 0; white-space:nowrap; } #contents ul.depth5 li a:hover, #contents ul.depth5 li.on a { text-decoration:none; border:2px solid #338100; color:#fff; background:url('../images/sub/tab01_on.gif') repeat-x;} #contents ul.depth5 li.on a span, #contents ul.depth5 li a:hover span { font-weight:bold; } /* sidemenu6Depth #11contents ul.depth5 ul.depth6 {position:absolute;top:33px;left:0;} #11contents ul.depth5 ul.depth6 li{float:left;padding:0 10px;background:url('../images/common/lnb_depth2_bul.gif') no-repeat 0 4px} #11contents ul.depth5 ul.depth6 li.first{background:none} #11contents ul.depth5 ul.depth6 li a{background:none;padding:0; } #11contents ul.depth5 ul.depth6 li.on a{color:#518e20;background:none; } */ /* 텍스트 정렬 */ #contents .text_center {text-align:center;} #contents .text_right {text-align:right;} #contents .text_left {text-align:left;} /* 강조 글자 */ #contents .em_blue {color:#0861bc;} #contents .em_orange {color:#bc4d02;} #contents .em_red {color:#DE2500;} #contents .em_green {color:#398308;} #contents .em_brown {color:#835a08;} #contents .em_purple {color:#8a56af;} #contents .em_b_blue {color:#0861bc; font-weight:bold;} #contents .em_b_orange {color:#bc4d02; font-weight:bold;} #contents .em_b_red {color:#DE2500; font-weight:bold;} #contents .em_b_green {color:#398308; font-weight:bold;} #contents .em_b_brown {color:#835a08; font-weight:bold;} #contents .em_b_purple {color:#8a56af; font-weight:bold;} #contents .em_b_pastelgreen {color:#70aa78; font-weight:bold;} #contents .underline {text-decoration:underline;} #contents .weight {font-weight:bold;} /* 배경색 */ #contents .bg_blue {background:#f2faff;} /* 링크 스타일 */ a.download { width: 48px; height: 19px; padding: 0 0 0 1.1em; border-bottom: 1px dashed #999; background: transparent url('../images/sub/btn_bu.gif') no-repeat left 1px; color: #333; vertical-align: middle; white-space: nowrap; } a.download2 {padding-top:1px; padding-right:18px; background: transparent url('../images/sub/ico_download.gif') no-repeat right top;} a.download3 {padding-left:15px; background: transparent url('../images/sub/file_ico.gif') no-repeat left top;} a.link { padding: 0 0 0 1.1em; color: #333; background: transparent url('../images/sub/btn_bu.gif') no-repeat left 1px;vertical-align: middle; white-space: nowrap; } a.link2 { padding: 0 0 0 1.1em; color: #333; border-bottom: 1px dashed #999; background: transparent url('../images/sub/btn_bu.gif') no-repeat left 1px;vertical-align: middle; white-space: nowrap; } a.blank {padding:0 20px 2px 0; color: #1749c8; margin:0 5px; background:transparent url('../images/sub/ico_blank.gif') no-repeat right top;} a.download strong, a.link strong, a.blank strong { letter-spacing: -1px; } /* 레이어 스타일 */ .layer_popup div.logo {padding:5px 0; text-align:center;} .layer_popup { position:absolute; overflow:visible;} .layer_popup *{ line-height:normal;} .layer_popup img, .layer_popup fieldset{ border:none;} .layer_popup legend{ display:none;} .layer_popup .layer_content{ border:2px solid #62a120; background:#ffffff; position:relative; z-index:2;} .layer_popup .layer_header{ padding:8px 0 7px 11px; margin:0 0 5px 0; color:#000000; font:bold 13px 굴림, Gulim, 돋움, Dotum, AppleGothic, Sans-serif; background:#ecf4e4; text-align:center;} .layer_popup .layer_body{ padding:15px 0 4px 0; margin:0 20px 10px;} .layer_popup .layer_body *{ } .layer_popup .layer_body dt{ margin:0 0 9px 0;} .layer_popup .layer_body dd{ margin:0 0 6px 0;} .layer_popup .layer_body .input_radio{ vertical-align:middle;} .layer_popup .layer_footer{ border-top:1px solid #e8e8e8; margin:0 20px; padding:10px 0 15px 0; text-align:center;} .layer_popup .layer_footer *{ vertical-align:top;} .layer_popup .layer_footer input, .layer_popup .layer_footer a{ margin:0 1px 0 0;} #contents .tag_img {text-align:center} #contents .tag_img li {float:left;display:block;margin:0 40px;width:274px}