@charset "euc-kr"; /************************************************************************ 공통 ***********************************************************************/ .errorbg {background:url('../img/errorbg.jpg') repeat-x 0 0;} #errortop {width:620px;padding:0 0 10px 0;margin:40px auto 0;border-bottom:2px solid #2838A2;} #errortop h1 {padding:0;margin:0;background:none;} #error {width:620px;margin:0 auto;} #error .cont {padding:0;margin:40px 20px;} #error .cont h2 {padding:0;margin:0 0 20px 0;background:none;font-size:125%;letter-spacing:-1px;} #error .cont p {padding:0;margin:10px 0;color:#777;} /* 서브퀵메뉴 */ #sbnr {width:210px;height:210px;margin-left:30px;background:url('../img/sbnr_tbg_2018.png') no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/sbnr_tbg.png', sizingMethod='crop');} #sbnr h3 {padding:0;margin:0;background:transparent;} #sbnr ul {width:180px;padding:10px 0;margin:0 0 0 15px;} #sbnr ul li a {position:relative;display:block;float:left;padding:5px 0;margin:0;border-bottom:1px solid #ccc;} /* box */ .graybg {background:#f7f7f7;padding:20px;margin:0 0 10px 0;} .graybg h4 {padding:0;margin:0 0 4px 0;} .graybox {background:#f7f7f7;border:1px solid #dfdfdf;padding:20px;margin:0 0 10px 0;} .bs1df {border:1px solid #dfdfdf;padding:20px;margin:0 0 10px 0;} .bs2df {border:2px solid #dfdfdf;padding:20px;margin:0 0 10px 0;} .bs2rd {border:2px solid #E64100;padding:20px;margin:0 0 10px 0;} #rbox {border:1px solid #ddd;border-radius:6px;} #rboxbg {border:3px solid #efefef;border-radius:6px;padding:30px;} #rboxbg:after {content:"";clear:both;display:block;float:none} ol.num li {list-style-type:decimal;margin-left:14px;padding:0} #rboxbg .tit {font-family:'Nanum Myeongjo';color:#1A328A;font-size:20px;font-weight:600;background:url('../board_img/17_img_arrow.png') no-repeat 50% 100%;padding-bottom:60px;} #rboxbg .tit:before {content:"\f024";display:inline-block;font-family:'FontAwesome';color:#1A328A;font-size:20px;font-weight:normal;margin-right:5px;} #rboxbg .txt:before {content:"\f05a";display:inline-block;font-family:'FontAwesome';color:#ddd;font-size:16px;font-weight:normal;margin:5px 0;} ol.num li ol li {margin:0 0 0 -3.4em;} ol.num li ul.bu li {padding:0 0 0 0.7em;margin:0 0 0 -1.4em;background-position:0 0.5em;font-weight:normal;color:#666;} ol.line li { border-bottom: 1px solid #eee;padding:5px 0 2px 2em;margin:0.5em 0 0 0;background-position:0 0.5em; background-repeat:no-repeat;font-weight:bold;color:#4177CF;} ol.line li ul.bu li {border:none;padding:0 0 0 0.7em;margin:0 0 0 -1.4em;background-position:0 0.4em;font-weight:normal;color:#666;} dl.bu { margin: 0; padding: 0.5em 0; } dl.bu dt { margin: 0; padding: 0 0 0 1.2em; background: url('../img/bu_li1.gif') no-repeat 0 0.2em; font-weight: bold; } dl.bu dd { margin: 0; padding: 0 0 0.5em 1.2em; } /* sub-content */ table.t1 {margin:0 0 20px 0;border-top:1px solid #9db7de;} table.t1 thead th {background:#eff3f9;border:1px solid #9db7de;padding:10px;line-height:1.25;color:#2e59a7;text-align:center;} table.t1 tbody th {background:#f7f7f7;border:1px solid #ddd;padding:15px;line-height:1.25;color:#555555;} table.t1 td {background:#ffffff;border:1px solid #ddd;padding:15px;} table.t1 td ul {margin:0;line-height:1.6;} table.t1 tr.ybg td {background:#fffaea;} table.t1 tr.rbg td {background:#ffefe3;font-weight:bold;color:#333;} table.t1 tfoot th {background:#f7f7f7;border:1px solid #ddd;padding:6px 5px 5px 5px;line-height:1.25;color:#555555;text-align:left;} table.t1.table-sm th, table.t1.table-sm td {padding:8px 5px;} table.tc1 {margin:0 0 20px 0;border-top:1px solid #9db7de;text-align:center;} table.tc1 thead th {background:#eff3f9;border:1px solid #9db7de/*#beceeb*/;padding:6px 5px 5px 5px;line-height:1.25;color:#2e59a7;} table.tc1.t23 td:nth-child(3){text-align:left;} table.tc1 tbody th {background:#f7f7f7;border:1px solid #ddd;padding:6px 5px 5px 5px;line-height:1.25;color:#555555;} table.tc1 td {background:#ffffff;border:1px solid #ddd;padding:5px;} table.tc1 td ul {margin:0;line-height:1.6;text-align:left;} table.tc1 tr.ybg td {background:#fffaea;} table.tc1 tr.rbg td {background:#ffefe3;font-weight:bold;color:#333;} table.tc1 tfoot th {background:#f7f7f7;border:1px solid #ddd;padding:6px 5px 5px 5px;line-height:1.25;color:#555555;} table.t2 {margin:0 0 20px 0;border:2px solid #C9C5C0;} table.t2 thead th {background:#f4f4f4;border:1px solid #ddd;padding:6px 5px 5px 5px;text-align:center;} table.t2 tbody th {background:#ffffff;border:1px solid #ddd;padding:6px 5px 5px 5px;} table.t2 td {background:#ffffff;border:1px solid #ddd;padding:5px;} table.tc2 {margin:0 0 20px 0;border-top:1px solid #9db7de;text-align:center;} table.tc2 thead th {background:#eff3f9;border:1px solid #9db7de/*#beceeb*/;padding:5px 5px 4px 5px;line-height:1.25;color:#2e59a7;} table.tc2 tbody th {background:#f7f7f7;border:1px solid #ddd;padding:5px 5px 4px 5px;line-height:1.25;color:#555555;} table.tc2 td {background:#ffffff;border:1px solid #ddd;padding:4px;} table.tc2 td ul {margin:0;line-height:1.5;text-align:left;} table.tc2 tr.ybg td {background:#fffaea;} table.tc2 tr.rbg td {background:#ffefe3;font-weight:bold;color:#333;} table.tc2 tfoot th {background:#f7f7f7;border:1px solid #ddd;padding:6px 5px 5px 5px;line-height:1.25;color:#555555;} table.tc3 {margin:0 0 20px 0;text-align:center;} table.tc3 thead th {background:#eff3f9;border:1px solid #111111;padding:6px 5px 5px 5px;line-height:1.25;color:#2e59a7;} table.tc3 tbody th {background:#f7f7f7;border:1px solid #222222;padding:6px 5px 5px 5px;line-height:1.25;color:#555555;} table.tc3 td {background:#ffffff;border:1px solid #222222;padding:5px;} table.tc3 td ul {margin:0;line-height:1.6;text-align:left;} table.tc3 tr.ybg td {background:#fffaea;} table.tc3 tr.rbg td {background:#ffefe3;font-weight:bold;color:#333;} table.tc3 tfoot th {background:#f7f7f7;border:1px solid #ddd;padding:6px 5px 5px 5px;line-height:1.25;color:#555555;} /* Tab Control */ #imgtab {margin:0 0 30px 0;background:#f5f5f5;} #imgtab ul:after{content:"";clear:both;display:block;float:none} #imgtab ul li{float:left;} /***********************************************************************************************************************************************/ /* 공단소개 */ #greeting {text-align:center;margin:0 40px;/*background:url('../intro_img/01_bg_2013.jpg') no-repeat left top;*/} #symbol1 {padding:0;margin:0 0 20px 0;} #symbol1 .img{float:left;width:260px;margin:0 0 10px 0;} #symbol1 .txt{float:left;width:calc(100% - 260px)} #symbol1 .txt h3{background:transparent;padding:0;margin:0 0 10px 0;} #symbol1 .txt img{padding:0;margin:10px 0 0 0;} #symbol2 {padding:0;margin:0 0 20px 0;} #symbol2 img {padding:0;margin:0 0 10px 0;} #philosophy{text-align:center;width:100%;} #philosophy img{margin:6px 0 10px 0;} #philosophy h3{margin:0 0 4px 0;background:none;font-size:118%;font-weight:bold;color:#B8713D;} #philosophy ul li{} #org {position:relative;width:100%;height:365px;margin:0 0 10px 0;background:url('../intro_img/org_bg.gif') no-repeat;} #org1 {text-align:center;padding-top:30px;} #org2 {padding:0;margin:0;} #org2 .org21{position:absolute;left:460px;top:30px;} #org2 .org22{position:absolute;left:460px;top:70px;} #org3 {position:absolute;top:170px;left:20px;width:640px;padding:0;margin:0;} #org3 .org31 {float:left;padding-right:15px;} #org3 .org31 ul li {float:left;padding:48px 5px 0 0;margin:0;} #org3 .org31 ul li.end {float:left;padding-right:0px;} #org3 .org32 {float:left;padding-right:15px;} #org3 .org32 ul li {float:left;padding:48px 5px 0 0;margin:0;} #org3 .org32 ul li.end {float:left;padding-right:0px;} #org3 .org32 ul ul li {float:left;padding:6px 0 0 0;margin:0;} #org3 .org33 {float:left;padding-right:0px;} #org3 .org33 ul li {float:left;padding:48px 5px 0 0;margin:0;} #org3 .org33 ul li.end {float:left;padding-right:0px;} #org3 .org33 ul ul li {float:left;padding:6px 0 0 0;margin:0;} #org3 .org34 {float:left;} #telephone {width:100%;} .tellbg {float:left;width:170px;height:380px;background:url('../intro_img/05_bg01.jpg') no-repeat;text-align:left;} #address{width:100%;height:98px;background:url('../intro_img/06_bg.gif') no-repeat;margin:10px 0 0 0;padding:15px 0 0 0;} #address h3{background:transparent;font-weight:bold;color:#333333;font-size:112%;letter-spacing:-0.05em;padding:0 0 8px 0;margin:0 0 0 140px;} #address ul li{padding:0;margin:0 0 0 140px;} #address ul li span{float:left;font-weight:bold;width:60px;} /***********************************************************************************************************************************************/ /* 경영공시 */ #ann_purpose {height:220px;background:url('../ann_img/011_bg.jpg') no-repeat left top;} #ann_purpose h2 {background:transparent;padding:0;margin:10px 0 8px 0;} #ann_purpose ul li {padding:0;margin:0 0 14px 0;} #ann_purpose .base {width:360px;border-top:1px solid #CCC5BD;border-bottom:1px solid #CCC5BD;padding:14px 0 12px 0;} #ann_purpose .base h3{background:transparent;padding:0;} #ann_purpose .base ul li{padding:0 0 4px 0;margin:0;} #ann_purpose .base ul li.end{padding:0;margin:0;} #ann_history {} #history:after {content:"";clear:both;display:block;float:none} #history > p {float:left;margin: 0 0 0 10px;} #history .history_line {background:url('../intro_img/history_line.gif') repeat-x 0 50%; margin: 5px 0 0 0; padding: 15px 0;} table.history {margin:0 0 20px 0;border-top:1px solid #CCC5BD;border-bottom:1px solid #CCC5BD;} table.history tbody th {padding:3px 0 3px 0;color:#a07054;text-align:left;} table.history td {padding:3px 0 3px 0;} table.history th.fst {padding:13px 0 3px 0;} table.history th.end {padding:3px 0 10px 0;} table.history td.fst {padding:13px 0 3px 0;} table.history td.end {padding:3px 0 10px 0;} .history_new{} .history_new dl:before, .history_new dl:after{content:"";clear:both;float:none;display:block;} .history_new dl:first-child dt, .history_new dl:first-child dd{border:none;padding-top:0} .history_new dt, .history_new dd{padding:20px 0;border-top:1px dashed #ddd;} .history_new dt{float:left;width:120px;font-family:Lato;font-size:32px;font-weight:700;color:#222;line-height:1} .history_new dd{float:left;width:calc(100% - 120px)} .history_new .date{display:inline-block;width:60px;font-family:Lato;font-weight:400;color:#1a328a;} .graphbox1 {padding:15px;margin:0 0 20px 0;border:1px solid #dfdfdf;} .graphimg {float:left;width:calc(100% - 180px);} .graphtb {float:right;width:160px;} .graphbox2 {padding:15px 0 15px 0;margin:0 0 20px 0;border:1px solid #dfdfdf;} .yeartit {float:left;padding:0;margin:0;color:#222;font-weight:bold;font-size:118%;letter-spacing:0.02em;} .ann_select {float:right;padding:0;margin:0;} .ann_select select {width:auto;} /***********************************************************************************************************************************************/ /* 고객서비스헌장 */ .charter21{background:url('../charter_img/02_bg01.gif') no-repeat left top;padding-left:70px;} .charter22{background:url('../charter_img/02_bg02.gif') no-repeat left top;padding-left:70px;} .charter23{background:url('../charter_img/02_bg03.gif') no-repeat left top;padding-left:70px;} .charter24{background:url('../charter_img/02_bg04.gif') no-repeat left top;padding-left:70px;} .ch_contact{padding:20px 20px 20px 160px;background:url('../charter_img/03_contactbg.gif') no-repeat left top;border:2px solid #C9C5C0;} .ch_contact ul li {padding:0 0 5px 12px;background:url('../img/h4bg.gif') no-repeat 0 6px;} .ch_contact ul li span {float:left;width:100px;font-weight:bold;color:#4E453D;} .ch_contact ul li .txt {float:left;width:500px;} .ch_contact ul li .txt ul li{padding:0 0 1px 10px;background:url('../img/h5bg.gif') no-repeat 0 6px;} /***********************************************************************************************************************************************/ /* 윤리경영 */ #ethics2 {width:100%;height:460px;background:url('../ethics_img/02_bg.jpg') no-repeat;padding:40px 0 0 0;} #ethics2 h2 {float:left;background:transparent;padding:0;margin:0;} #ethics2 .econ {float:right;width:490px;} #ethics2 .econ h3{float:left;padding:0 0 8px 0;margin:15px 0 0 0;} #ethics2 .econ h3.fst{float:left;padding:0 0 8px 0;margin:0;background:transparent;} #ethics2 .econ ul{float:left;padding:0 0 15px 20px;margin:0;background:url('../ethics_img/02_dot2.gif') repeat-x left bottom;} #ethics2 .econ ul.end{float:left;padding:0 0 0 20px;margin:0;background:transparent;} #ethics2 .econ ul li{float:left;background:url('../img/h5bg.gif') no-repeat 0 6px;padding:2px 0 0 12px;} #ethics3 {background:url('../ethics_img/03_bg.gif') no-repeat;padding:34px 0 0 88px;} #ethics3 h2 {background:transparent;margin:1em 0 1em 0;padding:0;} /***********************************************************************************************************************************************/ /* 관리시설안내 */ #facility {position:relative;width:100%;height:260px;background:url('../facility_img/ftop_bg.jpg') no-repeat;padding:18px 0 0 0;} #facility h2 {position:absolute;top:18px;left:10px;padding:0;margin:0;background:transparent;} #facility .fcon {float:left;width:200px;padding:80px 0 0 16px;margin:0;color:#fff;} #facility .fcon ul li span{float:left;width:200px;font-weight:bold;letter-spacing:-0.05em;} #facility .fimg {float:right;padding-right:16px;margin:0;} #facility .fbtn {position:absolute;top:228px;left:10px;} #facility .fbtn ul li{float:left;padding:0;margin:0;} #facility .fbtn ul li.ml2{float:left;padding:0 0 0 2px;margin:0;} #fphoto {width:100%;height:100px;background:url('../facility_img/fphoto_bg.jpg') no-repeat;margin:0 0 10px 0;} #fphoto h3 {float:left;padding:15px 0 0 15px;margin:0;background:transparent;} #fphoto ul {float:right;width:524px;padding:11px 0 11px 0;margin:0;} #fphoto ul li {float:left;padding:0 6px 0 0;margin:0;} #fphoto ul li.end {float:left;padding:0 10px 0 0;margin:0;} #fphoto ul li img {width:120px;height:74px;border:2px solid #dfdfdf;} #fphoto2 {width:100%;height:360px;background:url('../facility_img/fphoto_bg2.jpg') no-repeat;margin:0 0 10px 0;} #fphoto2 h3 {float:left;padding:15px 0 0 15px;margin:0;background:transparent;} #fphoto2 ul {float:right;width:524px;padding:11px 0 11px 0;margin:0;} #fphoto2 ul li {float:left;padding:0 6px 0 0;margin:0;} #fphoto2 ul li.end {float:left;padding:0 10px 0 0;margin:0;} #fphoto2 ul li img {width:120px;height:74px;border:2px solid #dfdfdf;} #fphoto3 {width:100%;height:180px;background:url('../facility_img/fphoto_bg3.jpg') no-repeat;margin:0 0 10px 0;} #fphoto3 h3 {float:left;padding:15px 0 0 15px;margin:0;background:transparent;} #fphoto3 ul {float:right;width:524px;padding:11px 0 11px 0;margin:0;} #fphoto3 ul li {float:left;padding:0 6px 0 0;margin:0;} #fphoto3 ul li.end {float:left;padding:0 10px 0 0;margin:0;} #fphoto3 ul li img {width:120px;height:74px;border:2px solid #dfdfdf;} #fphoto4 {width:100%;height:180px;background:url('../facility_img/fphoto_bg3.jpg') no-repeat;margin:0 0 10px 0;} #fphoto4 h3 {float:left;padding:15px 0 0 15px;margin:0;background:transparent;} #fphoto4 ul {float:right;width:524px;padding:11px 0 11px 0;margin:0;} #fphoto4 ul li {float:left;padding:0 6px 0 0;margin:0;} #fphoto4 ul li.end {float:left;padding:0 10px 0 0;margin:0;} #fphoto4 ul li img {width:120px;height:74px;border:2px solid #dfdfdf;} #fbox {border:1px solid #ddd;border-radius:6px;} #fboxbg {border:3px solid #efefef;border-radius:6px;padding:30px;} #fboxbg table.t1{border-collapse:collapse;width:640px;margin:0;border-top:1px solid #9db7de;} .fimgtab {float:right;margin:6px 0 0 0;} .fimgtab ul li {float:left;padding:0 2px 0 0;} #c_shop{width:640px;background:#f4f4f4;padding:18px 0 10px 0;margin:0;} #c_shop label{display:none;} #c_shop ul li{margin:0 0 0 160px;padding:0;} #c_shop input{vertical-align:top;margin:0;padding:0;} #c_shop input.btn{position:absolute;top:72px;left:392px;} table.f_monthly {border-collapse:collapse; width:100%;margin:0;border:1px solid #9db7de;} table.f_monthly thead th {background:#eff3f9;border:1px solid #9db7de;padding:2px;text-align:center;font-size:90%;font-weight:normal;letter-spacing:-0.03em;} table.f_monthly tbody th {background:#f4f4f4;border:1px solid #ddd;padding:2px;text-align:center;font-weight:normal;} table.f_monthly td {background:#ffffff;border:1px solid #ddd;padding:2px;text-align:center;} #film1 {padding:0;} #film2 {padding:0;} .filmbx {clear:both;padding:0;margin:0;border-bottom:1px dashed #ccc;} .filmbx span {float:left;padding:0 2px 0 0;margin:0;} .filmbx img.photo {float:left;width:220px;height:160px;padding:15px 0;margin:0;} .filmbx .cont {float:right;width:560px;padding:15px 0 0 0;margin:0;} .filmbx .cont h3 {padding:0;margin:0 0 6px 0;background:none;font-size:124%;letter-spacing:-0.05em;color:#B8713D;text-decoration:underline;} .filmbx .cont ul li {clear:both;padding:0;margin:0;} /*.fbtn_anchor {float:right;}*/ .fbtn_anchor {margin-bottom:10px;} .fbtn_anchor p {margin-left:0;} /* .fbtn_top {float:right;margin-top:10px;} */ .fbtn_top {position:fixed;width:1200px;bottom:10%;left:50%;margin-left:-600px;} .fbtn_top a {position:absolute;top:0;right:-20px;} /***********************************************************************************************************************************************/ /* 열린공단 */ #calendar {border:1px solid #ccc;border-radius:8px;padding:30px;margin:0 0 10px 0;} #month {float:left;padding:0;margin:0;} #month img {float:left;padding:0 10px;margin:0;vertical-align:middle;} .yeartit {float:left;padding:0;margin:0;color:#222;font-weight:bold;} .selectyear {float:right;padding:0;margin:0;text-align:right} .selectyear select{height:20px;line-height:20px;padding:0;margin:0;width:100px;} table.schedule {margin:0;padding:0;} table.schedule thead th {background:#eff3f9;border:1px solid #9db7de;padding:6px 5px 5px 5px;line-height:1.25;color:#2e59a7;text-align:center;} table.schedule tbody td {min-height:80px;height:80px;background:#ffffff;border:1px solid #ddd;vertical-align:top;} table.schedule td .day {padding:6px;/*background:url('../culture_img/schedule_bg.gif') no-repeat;*/font-weight:bold;} table.schedule td img {padding:0 2px 0 0;margin:-2px 0 0 0;vertical-align:middle;} table.schedule td ul {padding-left:6px;margin:0;} table.schedule td ul li {float:left;padding:2px 0 2px 0;margin:0;line-height:1.6;} .sun{color:#eb4d0a;} .sat{color:#446BBB;} #kindstaff {background:url('../board_img/12_bg01-2.png') no-repeat 0 0;height:445px;text-align:center;margin-bottom:20px;} #kindstaff .tit {padding:50px 0;} #kindstaff .img_frame {width:200px;height:200px;background:url('../board_img/12_bg02.png') no-repeat 0 0;margin:15px auto;} #kindstaff .img_frame img {width:140px;height:140px;margin-top:30px;} #kindstaff .txt {font-size:20px;color:#666; display:inline-block;} #kindstaff .txt span {font-weight:bold;} /**************************************************************************/ /* 적극행정 */ .survey {margin-bottom:20px;} .survey .left {background:url('../board_img/survey_ico.png') no-repeat;padding-left:90px;} .survey .left .tit {margin-bottom:5px;} .survey .left .txt {line-height:1.5;} .survey .right .txt {width:275px;} .survey .right .btn_d {padding:5px 10px;} /***********************************************************************************************************************************************/ /* member */ #loginbox {padding:4px;background:#f4f4f4;border:1px solid #ccc;border-radius:8px;} .loginsbox {padding:20px;background:#fff;border-radius:6px;} .loginsbox fieldset{width:40%;margin:0 auto;position:relative;} .loginsbox label{display:inline-block;width:60px;} .loginsbox ul li{margin:2px 0;} .loginsbox img{vertical-align:middle;} .loginsbox input.w14{width:140px;} .loginsbox input.btn{position:absolute;top:22px;right:0;} #lservice {width:320px;padding:25px 0 0 0;margin-left:20px;} #lservice ul {float:left;} #lservice ul li{float:left;background:url('../img/h5bg.gif') no-repeat 0 0.45em;padding-left:10px;} #lservice ul li.btn{width:120px;background:none;float:right;} #lservice2 {width:600px;padding:25px 0 0 0;margin-left:20px;} #lservice2 ul {float:left;} #lservice2 ul li{float:left;background:url('../img/h5bg.gif') no-repeat 0 0.45em;padding-left:10px;} .policy{border-bottom:1px dashed #ccc;padding-bottom:20px;} .policy p{margin-left:0px;} .policy ul{padding-left:0px;} .policy ol{padding-left:0px;} #policy1{border-bottom:1px dashed #ccc;padding-bottom:25px;} #policy2{padding-bottom:25px;} /**************************************************************************/ /* 실명인증 */ #certificate{width:680px;vertical-align:top;} .popbx{border:4px solid #608DD9;padding:0px 15px 15px 15px;margin:0;} .cerbx{background:#f7f7f7;padding:10px;margin:10px 0 10px 0;} .cerbx ul li{width:360px;} .cerbx label{padding:4px 0 2px 0;font-weight:bold;} .cerbx input.btn{position:absolute;left:260px;top:196px;} /**************************************************************************/ /* 기타서비스 */ .sitemap {margin:0 -20px 20px;} .sitemap:after {content:"";display:block;float:none;clear:both;} .sitemap_bx {float:left;width:240px;padding:0;margin:20px;} .sitemap_bx h2 {padding:10px 0;margin:0;background:#f6f6f6;color:#243D9B;font-size:1.15em;font-weight:bold;letter-spacing:-0.05em;text-align:center;} .sitemap_bx ul li {border-bottom:1px solid #ddd;padding:4px 0 4px 10px;margin:0;background:url('../img/h5bg.gif') no-repeat 0 1.1em;font-weight:normal;} .sitemap_bx ul ul li{border-bottom:none;padding:1px 0 1px 8px;margin:0;background:url('../img/h6bg.gif') no-repeat 0 0.3em;font-weight:normal;} #policy {} #policy h3 {background:none;padding:0;margin:20px 0 4px 0;} #policy h4 {background:none;padding:0;margin:10px 0 4px 0;} #policy a {color:#3D5DA9 !important;} #policy p {padding:0;margin:0 0 6px 0;} #policy ul {padding:0 0 0 2px;margin:3px 0;} /*#policy ul li {padding:0;margin:0 0 4px 0;} #policy ul ul li{padding-left:10px;margin:0;}*/ #email_refuse{height:230px;padding:40px 80px 0 200px;background:url('../guide_img/email_bg.gif') no-repeat left top;} #email_refuse p{background:none;padding:0;margin:0 0 10px 0;} .viewer {width:640px;padding:0;} .viewer ul {float:left;} .viewer ul:after{content:"";clear:both;float:none;display:block;} .viewer ul li{float:left;padding:0 23px 0 0;} .viewer ul li.end{float:left;padding:0 0 0 0;} /* #banner {padding:6px 0 50px 0;margin:0;} #banner ul li {float:left;width:150px;height:50px;background:url('../guide_img/banner_bg.gif') no-repeat;padding:0;margin:0 4px;} #banner ul li img{vertical-align:top;width:138px;height:33px;padding:0;margin:6px 0 0 5px;} */ #banner ul {margin:0 -10px;} #banner ul li {float:left;width:25%;margin:0 0 20px;} #banner ul li a {position:relative;display:block;margin:0 10px;border:1px solid #ddd;padding:10px;text-align:center;height:55px;} #banner ul li img {height:33px;} /* 공통 */ #contact {float:left;width:660px;padding:6px 10px 2px 10px;margin:0 0 2px 0;background:#F6F6F6;border:1px solid #d6d6d6;font-size:90%;} #contact ul li {float:left;padding:0 20px 0 0;margin:2px 0 0 0;} #contact ul li span{padding:0 4px 0 0;font-weight:bold;letter-spacing:-0.05em;} #contact ul li.date{padding:0 0 0 15px;background:url('../../img/ico_lastdate.gif') no-repeat 0 0.05em;} #contact ul li.pagebtn{float:right;padding:0 0 0 15px;margin:0;} .layerpop_wrap {position:absolute;left:50%;top:100px;margin-left:-480px;width:980px;height:260px;} .layerpop_wrap #titleBar img {width:100%;height:200px;} .layerpop_wrap .popup_all_close {position:absolute;right:0;bottom:0;z-index:9999;} .layerpop_wrap .popup_all_close a{display:block;width:80px;height:27px;line-height:27px;text-align:center;background:#990000;font-weight:bold;color:#fff;} .tab_part {position:relative;padding:10px;margin:50px 0 20px 0;background:#fff;border:1px solid #203984;text-align:center;font-size:12px;min-height:28px;} .tab_part ul {display:table;overflow:hidden;table-layout:fixed;width:100%;} .tab_part li {float:left;padding:0;} .tab_part li a {display:inline-block;margin:0;padding:0 10px;line-height:28px;} .tab_part li.on a {background:#203984;color:#fff;text-decoration:none;border-radius:2px;} .tab_part li:after {content:"|";float:right;color:#ccc;vertical-align:middle;line-height:28px;} .tab_part li:last-child:after{content:" ";} .tab_part ul.tab2 li {width:50%;} .tab_part ul.tab3 li {width:33.333%;} .tab_part ul.tab4 li {width:25%;} .tab_part ul.tab5 li {width:20%;} .tab_part ul.tab6 li {width:16.6666%;} .tab_part ul.tab7 li {width:14.28%;} .tab_part ul.tab8 li {width:12.5%;} .tab_part .part_btn {position:absolute;right:10px;top:10px;} .oneway {position:relative;font-size:16px;padding:25px 30px;background:#f5f5f5;} .oneway p {margin:3px 0;} .oneway span{margin-right:50px;font-weight:600;color:#1A328A;} .oneway a {position:absolute;right:30px;top:50%;transform:translateY(-50%);} /*0415팝업*/ .pop_wrap_20190415 {position:relative;padding:30px;background-color:#fff;width:280px;height:380px;text-align:center;} .pop_wrap_20190415 .tit {color:#DD4E62;font-weight:bold;font-size:25px;line-height:1.2;letter-spacing:-1px;} .pop_wrap_20190415 .txt {margin:20px 0;font-weight:bold;line-height:1.5;} .pop_wrap_20190415 .date{color:#364864;font-size:30px;font-weight:bold;line-height:1;} .pop_wrap_20190415 .img {position:absolute;left:0;bottom:0;width:100%;height:140px;background:url(../data/designImages/pop_day_img.png) no-repeat 100% 100%;} /*직장내 성희롱,성폭력 신고센터*/ #snb2m6 {letter-spacing:-1px;} .fbox {border:1px solid #ddd;border-radius:6px;} .fboxbg {border:3px solid #efefef;border-radius:6px;padding:30px;} .fboxbg table.t1{border-collapse:collapse;width:640px;margin:0;border-top:1px solid #9db7de;} #body_content.hit a{display: block; background-color:#475BA1; width:150px; margin:0 auto; color:#ffffff; text-align: center; padding:10px; font-size:17px; margin-top:50px;} /*고객만족도조사*/ .ann_process .p15{letter-spacing: -1px; text-align: center;} /*비대면 감면서비스 확인 _ 2ver.php*/ .reduce-chk {font-size:16px;} .reduce-chk .check_box01{display:flex;} .reduce-chk .check_box01 .num{display:inline-block;width:40px;line-height:40px;height:40px;text-align:center;border-radius:50%;background:#1A328A;margin-right:20px;color:#fff;font-weight:700;} .reduce-chk .check_box01 .box-wrap{width:calc(100% - 70px);} .reduce-chk .check_box01 em{line-height: 40px;font-size: 1.2rem;font-weight: bold;display: block;border-bottom:1px solid #ccc;margin-bottom:10px;color:#1A328A;} .reduce-chk .check_box01 em span{font-size:0.9rem;color:#777;font-weight:normal;} #check_discount a{display:inline-block;width:150px;line-height:45px;background:#0c206a;color:#fff;border-radius:5px;} /*230602 d8 list추가*/ .tab_txt{border-bottom:none;} .tab_txt .d8 li{width:calc(100% / 4);height:43px;} .tab_txt .d8 li:nth-child(5){border-left:1px solid #dadada;} .tab_txt .d8 li:nth-child(6), .tab_txt .d8 li:nth-child(7), .tab_txt .d8 li:nth-child(8), .tab_txt .d8 li:nth-child(9){border-bottom:1px solid #dadada;} .tab_txt .d8 li:nth-child(9){border-left: 1px solid #dadada;} .tab_txt a:hover, .tab_txt a.on{height:43px;}