/* (주)한신정보기술 김상희 - 2014.12.01 */ /* 본문제목 */ h1,h2,h3,h4,h5,h6{text-align:left;} #contents h2,#contents .h2{display:block;padding:22px 0 15px 26px;line-height:130%;color:#333;font-weight:600;font-size:17px;letter-spacing:-1px;background:url('../images/sub/h2bg.png') left 22px no-repeat;clear:both;font-family:NanumGothic,'나눔고딕',NG,ng,Dotum,'돋움','굴림',Gulim,Helvetica,sans-serif;} #contents h3,#contents .h3{display:block;padding:8px 0 10px 26px;color:#5e5e5e;font-weight:600;font-size:15px;letter-spacing:-1px;background:url('../images/sub/h3bg.png') 7px 12px no-repeat;clear:both;} #contents h4,#contents .h4{display:block;padding:5px 0 5px 30px;color:#234275;font-size:13px;font-weight:600;background:url('../images/sub/h4bg.png') 16px center no-repeat;} #contents h5,#contents .h5{display:block;padding:3px 0 3px 30px;color:#666;font-weight:600;font-size:1em;background:url('../images/sub/h5bg.gif') 20px center no-repeat;} #contents h6,#contents .h6{display:block;padding:3px 0 3px 32px;color:#555;font-size:13px;font-weight:normal;letter-spacing:-1px;background:url('../images/sub/h6bg.gif') 24px center no-repeat;} #contents .h0{clear:left;margin:0;padding:0;background:transparent;font-weight:normal;font-size:1em;letter-spacing:0;} /* 목록(List) */ #contents ul.bu{margin:0;padding:2px 0 7px 25px; } #contents td ul.bu{padding:0;} /* 테이블 안에서 정렬 */ #contents .box ul.bu{margin:0;padding:2px 0 7px 5px; } /*box안에서 정렬 */ #contents ul.bu li{margin:0;padding:0 0 5px 13px;list-style:none;background:url('../images/sub/bu_li1.png') no-repeat 0 7px;} #contents ul.bu ul li{background:url('../images/sub/bu_li2.gif') no-repeat 3px 9px;} #contents ul.bu ul ul li{background:url('../images/sub/bu_li3.gif') no-repeat 0 7px;} #contents ul.bu ul ul ul li{background:url('../images/sub/bu_li2.gif') no-repeat 0 4px;} #contents ul.bu ul,ul.bu ul ul,ul.bu ul ul ul{margin:0;padding:0 0 5px 0;} #contents ul.bu2 { margin: 0; padding: 0 0 0.5em 0; list-style: none; text-align: left; } #contents ul.bu2 li { margin: 0; padding: 0 0 8px 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 ol.num{margin:5px 0 0 25px;padding:0;} #contents ol.num li{background-repeat:no-repeat;background-position:0 0;padding:0 0 5px 28px;} #contents ol.num li.n01{background-image: url('../images/sub/n01.gif')} #contents ol.num li.n02{background-image: url('../images/sub/n02.gif')} #contents ol.num li.n03{background-image: url('../images/sub/n03.gif')} #contents ol.num li.n04{background-image: url('../images/sub/n04.gif')} #contents ol.num li.n05{background-image: url('../images/sub/n05.gif')} #contents ol.num li.n06{background-image: url('../images/sub/n06.gif')} #contents ol.num li.n07{background-image: url('../images/sub/n07.gif')} #contents ol.num li.n08{background-image: url('../images/sub/n08.gif')} #contents ol.num li.n09{background-image: url('../images/sub/n09.gif')} #contents ol.num li.n10{background-image: url('../images/sub/n10.gif')} #contents ol.num li.n11{background-image: url('../images/sub/n11.gif')} #contents ol.num li.n12{background-image: url('../images/sub/n12.gif')} #contents ol.num li.n13{background-image: url('../images/sub/n13.gif')} #contents ol.num li.n14{background-image: url('../images/sub/n14.gif')} #contents ol.num li.n15{background-image: url('../images/sub/n15.gif')} #contents ol.num li.n16{background-image: url('../images/sub/n16.gif')} #contents ol.num li.n17{background-image: url('../images/sub/n17.gif')} #contents ol.num li.n18{background-image: url('../images/sub/n18.gif')} #contents ol.num li.n19{background-image: url('../images/sub/n19.gif')} #contents ol.num li.n20{background-image: url('../images/sub/n20.gif')} #contents ol.num li li{padding:0;} #contents ol.num li .bu{padding:2px 0 7px;} #contents ol.num li.ol_no{background:url('../images/sub/bu_li2.gif') no-repeat 3px 9px;padding:0 0 5px 12px;} #contents dl.bu{margin:0;padding:2px 0 7px 10px; } #contents dl.bu dt{clear:both;float:left;display:inline;margin:0;padding:0 0 5px 20px;color:#003399;font-weight:bold;background:url('../images/sub/tab_menu2_bul_on.gif') 5px 6px no-repeat;} #contents dl.bu dd{float:left;display:inline;margin:0;padding:0 0 5px 5px;} /* 표(table) */ #contents table.table_t1{width:100%;margin:10px 0 20px;border-top:2px solid #f87d5e;border-bottom:2px solid #dfc7c7;} #contents table.table_t1 th,table.table_t1 td{padding:6px 10px 4px;border:1px solid #c8c8c8;word-break: break-all;} #contents table.table_t1 thead th{font-weight:bold; background-color:#f3f3f3;} #contents table.table_t1 tbody th,#contents table.table_t1 tfoot th{background-color:#fbfbfb;} #contents table.table_t1.tp th,table.table_t1.tp td{padding:5px;} #contents table.table_t1 input { border:1px solid #dfc7c7; } #contents table.table_t2{width:100%;margin:10px 0px;border-bottom:2px solid #dfc7c7;} #contents table.table_t2 tbody{border-top:2px solid #892350;} #contents table.table_t2 th,table.table_t2 td{padding:6px 6px 4px;border:1px solid #c8c8c8;} #contents table.table_t2 tbody th{background-color:#f6f6f6;} /* 강조 글자 */ #contents .small{font-size:0.92em;letter-spacing:-1px;} #contents .large{font-size:1.167em;letter-spacing:-1px;} #contents .underline{text-decoration:underline;} #contents .em_blue{color:#0d72c8;} #contents .em_orange{color:#df0000;} #contents .em_red{color:#de2500;} #contents .em_b_blue{color:#0d72c8;font-weight:bold;} #contents .em_b_orange{color:#d90000;font-weight:bold;} #contents .em_b_red{color:#de2500;font-weight:bold;} #contents .em_b{font-weight:bold;} /* 텍스트 정렬 */ #contents .text_center{text-align:center;} #contents .text_right{text-align:right;} #contents .text_left{text-align:left;} /* 개별조합속성클래스 */ #contents p.indent{padding-left:30px; margin-bottom:7px; } #contents .indent{padding-left:30px;} #contents a.blank{padding:0 18px 2px 0;margin:0;color:#175ebe;vertical-align:bottom;border-bottom:1px solid #175ebe;background:url('../images/sub/ico_blank.gif') no-repeat right top;white-space:nowrap;} #contents a.download{padding:0 12px 0 0;color:#175ebe;vertical-align:bottom;border-bottom:1px solid #175ebe;background:url('../images/sub/ico_down.gif') no-repeat right top;white-space:nowrap;} #contents .dot{display:block;margin:15px 0;border-bottom:1px dotted #ccc;} #contents .dash{display:block;margin:15px 0;border-bottom:1px dashed #ccc;} #contents .margin_0{margin:0 !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_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_r_10{margin-right:10px !important;} #contents .margin_r_20{margin-right:20px !important;} #contents .margin_r_30{margin-right:30px !important;} #contents .margin_r_40{margin-right:30px !important;} #contents .margin_l_5{margin-left:5px !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_25{margin-left:25px !important;} #contents .margin_l_30{margin-left:30px !important;} #contents .margin_l_35{margin-left:35px !important;} #contents .margin_l_40{margin-left:40px !important;} #contents .margin_l_45{margin-left:45px !important;} /* 박스(box) */ .box_tit{padding:4px;background:url(../images/sub/box_tit_bg.gif) repeat;} .box_tit .box{padding:15px 3.6%;background-color:#fff;} .box_gray{padding:15px 3.6%; background-color:#f5f5f5;} /* 버튼 스타일 */ #contents a.btn{display:inline-block;line-height:26px;text-decoration:none} #contents .btn.orange{background:url('../images/sub/btn_orange_bg.png') repeat-x} #contents .btn.orange span{display:inline-block;padding:0 15px 4px;color:#303030;background:url('../images/sub/btn_orange_right_bg.png') no-repeat right top} #contents .btn.gray{background:url('../images/sub/btn_gray_bg.png') repeat-x} #contents .btn.gray span{display:inline-block;padding:0 15px 4px;color:#fff;background:url('../images/sub/btn_gray_right_bg.png') no-repeat right top} /* tab */ #tab_menu{margin:0 0 15px} #tab_menu ul{} #tab_menu li{float:left;display:inline;border-right:solid 1px #fff;} #tab_menu li a{display:block;padding:0 25px;height:37px;line-height:37px;background:#e9e9e9;border-top:solid 2px #fff;border-bottom:solid 1px #a5a5a5;} #tab_menu li.on a{color:#fff;background:#234275;border-top:solid 2px #f87d5e;border-bottom:solid 1px #234275;} #tab_menu li.on a:focus{outline: 3px solid #f87d5e;} @media only screen and (max-width:640px){ #tab_menu li a{padding:0 13px;} } #tab_menu2{margin:0 0 10px;border-bottom:solid 1px #d4d4d4;} #tab_menu2 ul{margin:1px 0 0;padding:15px 25px;background:#fafafa url('../images/sub/tab_menu2_bg.gif') repeat-x;} #tab_menu2 li{float:left;display:inline;margin-right:2px;background: url('../images/sub/tab_menu2_bul.gif') no-repeat 0 10px;} #tab_menu2 li a{display:block;padding:3px 26px 3px 12px;height:20px;line-height:20px;white-space:nowrap} #tab_menu2 li.on a{color:#d90000;font-weight:bold;background: url('../images/sub/tab_menu2_bul_on.gif') no-repeat 0 9px;} /*플로트 배치*/ #contents img.center { display: block; margin: 1em auto; padding: 0; text-align: center; } /* 인라인요소는 margin: 1em auto; 적용안됨 */