@import "./common.css"; 

/* 공통레이아웃 */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,tr,td,thead,tbody,form,fieldset,legend,select,input,textarea,button { margin: 0; padding: 0; font-family: "Nanum Gothic", sans-serif; font-size: 13px; }
ul,ol,li,dl,dt,dd { list-style: none; }
i,em,address { font-style: normal; }
label,button { cursor: pointer; border: 0; }
legend { position: absolute; top: 0; left: -1000%; width: 1px; height: 1px; line-height: 0; overflow: hidden; font-size: 0; }
fieldset,img { border: 0; }
caption { line-height: 0; font-size: 0; }
a { text-decoration: none; color: #666; }
input,select,button, textarea { vertical-align:middle; }
table { border-collapse: collapse; padding: 0; border-spacing: 0; }
hr {border:none; border-top:1px solid #ccc; margin:20px 0 0 0;}
.rbox {margin-top:10px; border:1px solid #b2b2b2; -ms-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}


#accessibility { position: absolute; top: 0; left: 0; width: 100%; z-index: 2; }
#accessibility a { display: block; margin-bottom: -1px; width: 1px; height: 1px; overflow: hidden; font-weight: bold; text-align: center; color: #fff; }
#accessibility a:focus, #accessibility a:active { padding: 7px 0; width: 100%; height: auto; background-color: #ae1932; border:2px dashed yellow; text-decoration:underline; }
h2 { position: absolute; overflow: hidden; top: -1000px; height: 0; }
.center-wrap { position: relative; margin: 0 auto; width: 1000px; }

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus{outline:3px dashed #ff2b55 !important;}


/* 상단 */
#header { height: 90px; border-bottom: 4px solid #d7213a; }
#header .top-nav { height: 28px; border-bottom: 1px solid #dcdcdc; }
#header .top-nav ul { text-align: right; line-height: 28px; }
#header .top-nav ul li { display: inline-block; margin-left: 8px; padding-left: 13px; background: url(../images/common/split_top.gif) no-repeat left center; }
#header .top-nav ul li:first-child { padding-left: 0; background: none; }
#header .top-nav ul li a { font-weight: bold; color: #717171; }
#header .top-nav ul li a:hover { color: #d9544d; }
#header .main-nav { display: block; z-index: 9999; position: absolute; border-bottom: 1px solid #d7213a; width: 100%; min-width: 1000px; height: 64px; background-color: #fff; overflow: hidden; } /*khkeniras   */
#header .main-nav .main-bar { display: block; z-index: 10000; position: absolute; top: 61px; border-bottom: 4px solid #d7213a;  width: 100%; min-width: 1000px; height: 0px; overflow: hidden; }
#header #gnb { position: absolute; top: 0; right: 0; }
#header #gnb > ul > li { display: inline-block; margin: 0 45px; position: relative; }
#header #gnb > ul > li:first-child { margin-left: 0; }
#header #gnb > ul > li > a { font-size: 18px; font-weight: bold; color: #535353; text-decoration: none; line-height: 61px; height: 61px; }
#header #gnb > ul > li > a:hover, #header #gnb ul li a:focus { color: #d1372c; text-decoration: underline;  }
#header .main-nav .center-wrap h1{position: absolute; top:9px;}

/*서브메뉴*/
#header ul li ul.submenu { width:140px; display:block; position:absolute; top:80px; left: 2px; background:#fff; z-index:9999;} /* border-bottom:1px solid #d6d6d6; position:absolute; */   
#header ul li ul.submenu li a {line-height:28px; text-decoration:none; letter-spacing:-0.05em; font-size:13px; color:#666;}
#header ul li ul.submenu li a:hover {color:#000; text-decoration:underline;}
#header ul li ul.subcate0 { left: 2px; }
#header ul li ul.subcate1 { left: -4px; }
#header ul li ul.subcate2 { left: 23px; }
#header ul li ul.subcate3 { left: -20px; }

/* 컨텐츠레이아웃 */
#contents-wrap { position: relative; margin:0 auto; width: 1000px; padding-top:45px; padding-bottom:100px; background:url('../images/sub/bg_subvisual.gif') no-repeat 0 0;}

/* 좌측 */
#contents-wrap .left-wrap { position: absolute; top:45px; left: 0; width: 189px; }
#contents-wrap .left-wrap .menu-title { padding: 2px 0 0 7px; height: 36px; font-size: 18px; font-weight: bold; color: #2e2e2e; }
#lnb ul { border-top: 2px solid #000; border-bottom: 2px solid #000; }
#lnb ul li { border-top: 1px solid #d3d3d3; }
#lnb ul li:first-child { border-top: 0; }
#lnb ul li a { display: block; padding: 0 0 0 11px; height: 39px; line-height: 39px; font-size: 13px; color: #3c3c3c; }
#lnb ul li a:hover, /* #lnb ul li a:focus, */ #lnb ul li a.on { font-weight: bold; color: #d1372c;}
#lnb ul li a.on {  background:url('../images/sub/submenu_sel.gif') no-repeat 168px 13px; }
#lnb ul li p{ padding-top:7px; border-top:dashed 1px #dedede; background:#f9f9f9;}
#lnb ul li p a{ height:21px; line-height:21px; padding:0 0 5px 15px; display:block; font-size:13px;}
#lnb ul li .sel  a{ font-weight: bold; color: #d1372c;}


/* 우측 */
#sub-contents { margin-left:218px; min-height: 600px; height: auto !important; height: 600px; }
#sub-contents .location { margin-bottom: -26px; height: 26px; line-height: 26px; font-size: 13px; text-align: right; color:#666; /*color: #b1b1b1;*/ }
#sub-contents .location span { margin: 0 6px; vertical-align: middle; color: #595959; }
#sub-contents .location span.home { display: inline-block; width: 12px; height: 11px; overflow: hidden; text-indent: -9999px; background: url(../images/common/ico_home.gif) no-repeat left center; }
#sub-contents .location span.current { font-weight: bold; color: #343434; }
#sub-contents h3 { height: 38px; font-size: 27px; font-weight: bold; color: #2e2e2e; border-bottom: 1px solid #c3c3c3; }
#sub-contents .contents { margin-top: 39px; font-size: 13px; color: #333; }

/* 하단배너 */
.f-banner { clear: both; height: 77px; border-top: 1px solid #d6d6d6; background-color: #eee; }
.f-banner button { position: absolute; top: 30px; }
.f-banner button.prev { left: 19px; }
.f-banner button.next { right: 16px; }
.f-banner .banner-list { position: absolute; top: 0; left: 99px; width: 810px; height: 77px; overflow: hidden; }
.f-banner .banner-list ul { position: absolute; top: 0; left: 0; width: 10000%; height: 77px; padding:0 4px; }
.f-banner .banner-list ul li { float: left; display: inline; margin-right: 90px; padding-top: 27px; }

/* 하단 */
#footer { clear: both; height: 120px; background-color: #5b5b5b; }
#footer .f-logo { padding: 47px 0 0 48px; }
#footer .f-menu { position: absolute; top: 26px; left: 301px; }
#footer .f-menu ul li { display: inline-block;}
#footer .f-menu ul li a{display:block; margin-left: 25px; padding-left: 24px; color:#d3d3d3; background: url(../images/common/split_fmenu.gif) no-repeat left center;}
#footer .f-menu ul li:first-child a{ margin-left: 0; padding-left: 0; background: none; }
#footer .copyright { position: absolute; top: 55px; left: 301px; line-height: 20px; font-family: "Nanum Gothic", sans-serif; font-size: 13px; color:#d3d3d3;}
#footer .qrcode { position: absolute; top: 21px; right: 43px; }

/* 탭메뉴 */
#sub-contents .contents .tab ul { margin-top: 10px; height: 31px; border-bottom: 1px solid #666; }
#sub-contents .contents .tab ul:first-child { margin-top: 0; }
#sub-contents .contents .tab ul li { display: inline-block; margin-right: -1px;}
#sub-contents .contents .tab ul li a { display: block; padding: 0 15px; line-height: 30px; color:#707070; border: 1px solid #cbcbcb; border-bottom:solid 1px #666; background-color: #f8f8f8; border-top-left-radius:5px; border-top-right-radius:5px; }
#sub-contents .contents .tab ul li a.on { font-weight: bold; color: #fff; background: #da2d14; border:solid 1px #de3d38; border-top-left-radius:5px; border-top-right-radius:5px; text-decoration:underline;}

/* 컨텐츠 공통 */
.contents p {text-align:justify;}
.contents h4 { margin:20px 0 10px 0; padding-left: 10px; font-size: 16px; font-weight: 700; color: #333; background: url(../images/common/bullet_01.gif) no-repeat left center; clear:both;}
.contents h4 span { font-size: 13px; font-weight: normal; color: #d42a14;}
.contents h5 {background:url('../images/common/bullet_02.gif') no-repeat left 50%; padding-left:22px; font-size:13px; font-weight:600; color:#333; margin-top:10px; line-height:22px;}
.contents p.summary { margin: 5px 0 0 0; padding-left: 10px; line-height: 20px; background: url(../images/common/bullet_03.gif) no-repeat left 9px; }
.contents ul.summary { margin-left:0px; }
.contents ul.summary li { margin-top: 5px; padding-left: 10px; line-height: 20px; background: url(../images/common/bullet_03.gif) no-repeat left 9px; }
.contents ul.nsummary li { margin-top: 5px; padding-left: 10px; line-height: 20px; }
.contents ul.summary li ul { margin-left: 0; }
.contents ul.summary li ul li { padding: 0; background: none; }
.contents ol.summary li { padding-left: 10px; line-height: 20px; background: url(../images/common/bullet_03.gif) no-repeat left 9px; }
.contents table.list { margin-top: 10px; width: 100%; border-top: 2px solid #333; }
.contents table.list tr th { padding: 10px; font-size: 13px; font-weight: bold; color: #333; border: 1px solid #d2d2d2; background-color: #f9f9f9; }
.contents table.list tr td { padding: 10px 15px; line-height: 22px; text-align: center; color: #666; border: 1px solid #d2d2d2; }
.contents table.list tr th:first-child {border-left:none;}
.contents table.list tr td:first-child {border-left:none;}
.contents table.list tr th:last-child {border-right:none;}
.contents table.list tr td:last-child {border-right:none;}
.contents table.list tr td.l { text-align: left; }
.contents table.list tr td.r { text-align: right; }
.contents table.list tr td ul.summary { margin-left: 0; }
.contents table.list tr td img { vertical-align: middle; }
.contents dl {line-height:25px;}
.contents dt {font-size:14px; font-weight:600; }
.contents .mt3 { margin-top: 3px !important; }
.contents .mt10 { margin-top: 10px !important; }
.contents .mt20 { margin-top: 20px !important; }
.contents .mt30 { margin-top: 30px !important; }
.contents .mt40 { margin-top: 40px !important; }
.contents .mt50 { margin-top: 50px !important; }
.contents .mr10 { margin-right: 10px !important; }
.contents .mb3 { margin-bottom: 3px !important; }
.contents .highlight { color: #006EBD !important; }
.contents .important { font-weight: bold; color: #d42a14; }
.contents .s-important { margin-left: 23px; font-weight: bold; color: #e73c00; }
.contents .depth2 { padding-left: 9px; font-size: 13px; color: #666; background: url(../images/sub/bul_depth2.gif) no-repeat 1px 6px; }
.contents .img { margin: 30px 0; text-align: center; }
.contents .download { margin-top: 20px; }
.contents .filedownload{ margin-top:10px;}
.contents .filedownload a { display: inline-block; padding-left: 22px; height: 17px; line-height: 17px; background: url(../images/common/ico_file.gif) no-repeat left top; margin-top:5px;}
.contents a.btn { border-radius:3px; display: inline-block; padding: 0 15px; height: 26px; line-height: 26px; vertical-align: middle; font-weight: bold; color: #fff; border:solid 1px #de3d38; background-color: #eb5752; }
.contents a.btn3 {display: inline-block; padding: 0 15px; height: 28px; line-height: 26px; font-weight: 600; color: #fff; cursor: pointer; border: 1px solid #4276bd; background-color: #5082c9; -ms-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;/* -ms-text-shadow: 1px #247ab7; -webkit-text-shadow: 1px #247ab7; -moz-text-shadow: 1px #247ab7; -o-text-shadow: 1px #247ab7; text-shadow: 1px #247ab7; background: -ms-linear-gradient(#6c9de0, #2d62ac); background: -webkit-linear-gradient(#6c9de0, #2d62ac); background: -moz-linear-gradient(#6c9de0, #2d62ac); background: -o-linear-gradient(#6c9de0, #2d62ac); background: linear-gradient(#6c9de0, #2d62ac);*/ }
.contents a.btn:hover {background:#fe5651;}
.contents input.btn { border-radius:3px; display: inline-block; padding: 0 15px; height: 26px; line-height: 24px; font-weight: bold; color: #fff; cursor: pointer; border:solid 1px #de3d38; background-color: #eb5752; }
.contents input.btn:hover {background:#ff6964;}
.contents input.btn1 { border-radius:3px; display: inline-block; padding: 0 15px; height: 26px; line-height: 24px; font-weight: bold; color: #333; cursor: pointer; border: 1px solid #999; background-color: #f3f3f3; -ms-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -ms-text-shadow: 1px #999; -webkit-text-shadow: 1px #999; -moz-text-shadow: 1px #999; -o-text-shadow: 1px #247ab7; text-shadow: 1px #247ab7; background: -ms-linear-gradient(#f3f3f3, #dadada); background: -webkit-linear-gradient(#f3f3f3, #dadada); background: -moz-linear-gradient(#f3f3f3, #dadada); background: -o-linear-gradient(#6c9de0, #dadada); background: linear-gradient(#f3f3f3, #dadada); }
.contents input.btn1:hover {background:#ebebeb; border-radius:3px;} 
.contents input.btn2 { border-radius:3px; display: inline-block; padding: 0 15px; height: 26px; line-height: 24px; font-weight: bold; color: #fff; cursor: pointer; border:solid 1px #4276bd; background-color: #5082c9; }
.contents input.btn2:hover {background:#598bd0;}


.contents a.btn1 {  border-radius:3px; color: #444; padding: 0 15px; height: 25px; line-height: 24px; border: 1px solid #a6a6a6; background-color: #f3f3f3; background: -ms-linear-gradient(#fff, #f3f3f3); background: -webkit-linear-gradient(#fff, #f3f3f3); background: -moz-linear-gradient(#fff, #f3f3f3); background: -o-linear-gradient(#fff, #f3f3f3); background: linear-gradient(#fff, #f3f3f3); }
.contents a.btn1:hover {background:#e9e9e9;}
.contents a.btn-big { padding: 0 30px; height: 32px; line-height: 32px; }
.contents input.btn-big { padding: 0 30px; height: 34px; line-height: 32px; }
.contents a.sbtn { background:#fff; display: inline-block; font-family:'dotum'; padding: 1px 10px 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-weight: bold; color: #666; border:solid 1px #ccc; font-size:11px; border-radius:3px; margin:3px;}
.contents a.sbtn span{ display:inline-block; background:url('../images/common/arrow_red_s.gif') no-repeat right 40%; padding-right:10px;font-weight:normal;}
.contents a.sbtn02 { display: inline-block; font-family:'dotum'; padding: 3px 15px 1px 15px; height: 20px; line-height: 20px; vertical-align: middle; font-weight: bold; color: #fff; background:#eb5752; border:solid 1px #de3d38; font-size:12px; border-radius:3px; }
.contents .subcnt_box{padding:40px 0 20px 0; text-align:center; border:solid 1px #ddd; margin-top:20px;position:relative;}
.contents .subcnt_box h6{ background:#666; padding:5px 10px; color:#fff; position:absolute; left:0; top:0; font-size:12px; font-weight:normal;}
.contents .subcnt_box02{ margin: 30px 0 0 10px; padding: 20px; width: 712px; border: 1px solid #e4e4e4; -ms-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 10px; -ms-box-shadow: -10px -10px #f4f4f4, 10px -10px #f4f4f4, -10px 10px #f4f4f4, 10px 10px #f4f4f4; -webkit-box-shadow: -10px -10px #f4f4f4, 10px -10px #f4f4f4, -10px 10px #f4f4f4, 10px 10px #f4f4f4; -moz-box-shadow: -10px -10px #f4f4f4, 10px -10px #f4f4f4, -10px 10px #f4f4f4, 10px 10px #f4f4f4; -o-box-shadow: -10px -10px #f4f4f4, 10px -10px #f4f4f4, -10px 10px #f4f4f4, 10px 10px #f4f4f4; box-shadow: -10px -10px #f4f4f4, 10px -10px #f4f4f4, -10px 10px #f4f4f4, 10px 10px #f4f4f4; }
.contents select { height: 23px; line-height: 23px; }
.contents input[type=text] { padding: 0 5px; height: 22px; line-height: 22px; border: 1px solid #bebebe; }
.contents textarea { padding: 5px; width: 500px; height: 50px; overflow: auto; line-height: 18px; border: 1px solid #bebebe; }
.contents .hide { display: none; }
.contents .c { text-align: center; }
.contents .r { text-align: right; }
.contents .l {text-align:left; }
.contents .u { text-decoration: underline; }
.contents .b { font-weight: bold; }
.contents ol.depth2 { margin-left: 15px; }
.contents ul.depth2 { margin-left: 15px; }
.contents ol.depth3 { margin-left: 15px; }
.contents ol li {line-height: 20px; }
.contents p {line-height:22px; text-align:justify; }
.contents .red {color:#d7213a;}
.contents .hwp{ background:url('../images/sub/ico_hwp.gif') no-repeat 0 50%;}
.contents .xls, .contents .xlsx{ background:url('../images/sub/ico_xls.gif') no-repeat 0 50%;}
.contents .pdf{ background:url('../images/sub/ico_pdf.gif') no-repeat 0 50%;}
.contents .jpg, .contents .jpeg{ background:url('../images/sub/ico_jpg.gif') no-repeat 0 50%;}
.contents .doc, .contents .docx{ background:url('../images/sub/ico_doc.gif') no-repeat 0 50%; }
.contents .txt{ background:url('../images/sub/ico_doc.gif') no-repeat 0 50%; }

/*.contents a {border-bottom:1px solid #d4443a; margin-bottom:1px; color:#d4443a;}*/
.contents .normal {font-style:normal; }
 
/* 게시물목록 */
.contents .board-list-wrap .page-total { padding-left: 2px; height: 30px; font-size: 13px; font-weight: bold; color: #464646; }
.contents .board-list-wrap .page-total .num { color: #d1372c; }
.contents .board-list-wrap .board-list { width: 100%; border-top: 2px solid #3b3b3b; }
.contents .board-list-wrap .board-list th { height: 39px; font-size: 13px; font-weight: bold; text-align: center; color: #343434; border-bottom: 1px solid #b7b7b7; background: url(../images/sub/split_th.gif) no-repeat left center; padding:0 15px;}
.contents .board-list-wrap .board-list th:first-child { background: none; }
.contents .board-list-wrap .board-list td { height: 39px; text-align: center; color: #6d6d6d; border-bottom: 1px solid #e5e5e5; }
.contents .board-list-wrap .board-list td.l { padding-left: 20px; text-align: left; }
.contents .board-list-wrap .board-list td a { color: #6d6d6d;}
.contents .board-list-wrap .board-list td img { vertical-align: middle; }
.contents .board-list-wrap .paging { margin-top: 32px; text-align: center; }
.contents .board-list-wrap .paging p { display: inline-block; border: 1px solid #d7d5d5; }
.contents .board-list-wrap .paging p a { display: inline-block; color: #767676; }
.contents .board-list-wrap .paging p.prev { margin: 0 -4px 0 0; border-right: 0; }

.contents .board-list-wrap .paging ul {  display: inline-block; padding:0; vertical-align: top; font-family: tahoma, vardana, "Nanum Gothic", sans-serif; border-top: 1px solid #d7d5d5; border-bottom: 1px solid #d7d5d5; background: url(../images/split_page.gif) no-repeat left center; }
.contents .board-list-wrap .paging ul li { font-size:11px; display: inline-block; margin-left: -4px; line-height: 32px; /*font-weight: bold;*/ border-left: 1px solid #d7d5d5; }
.contents .board-list-wrap .paging ul li:first-child { margin-left: 0; }
.contents .board-list-wrap .paging ul li:first-child a { padding-left: 1px; }
.contents .board-list-wrap .paging ul li:last-child {border-right: 1px solid #d7d5d5; }
.contents .board-list-wrap .paging ul li a { display: block; width: 33px; height: 32px; color: #353535; }
.contents .board-list-wrap .paging ul li a:hover { color:#c83930; font-weight:600;}
.contents .board-list-wrap .paging ul li strong { display: inline-block; color: #353535; width: 33px; height: 29px; border-bottom: 3px solid #d1372c; }
.contents .board-list-wrap .command { margin-top: 20px; }
.contents .board-list-wrap .board-list td.wait{ text-align:left; padding-left:65px; background:url('../images/common/ico_wait.gif') no-repeat 8px 50%;}
.contents .board-list-wrap .board-list td.done{ text-align:left; padding-left:65px; background:url('../images/common/ico_done.gif') no-repeat 8px 50%;}
.contents .board-list-wrap .board-list td.svcenter{ text-align:left; padding-left:65px; background:url('../images/common/ico_center.gif') no-repeat 8px 50%;}
.contents .board-list-wrap .board-list td.ing{ text-align:left; padding-left:65px; background:url('../images/common/ico_ing.gif') no-repeat 8px 50%;}
.contents .board-list-wrap .board-list tr.reply td.subject { padding-left: 14px; background: url(../images/reply.gif) no-repeat left center; }

/* 게시물보기 */
.contents .board-view-wrap .board-view { width: 100%; border-top: 2px solid #333; }
.contents .board-view-wrap .board-view th { padding: 10px 0; font-size: 13px; font-weight: bold; text-align: center; color: #2c2d2d; border-bottom: 1px solid #d2d2d2; background: url(../images/sub/split_th.gif) no-repeat right center; }
.contents .board-view-wrap .board-view td { padding: 10px 10px 10px 25px; color: #6e6d6d; border-bottom: 1px solid #d2d2d2; word-break:break-all;}
.contents .board-view-wrap .board-view td .board_content { min-height:300px; font-size:13px; line-height:18px; white-space: pre;}
.contents .board-view-wrap .board-view td p { padding-left: 22px; line-height: 24px; }
.contents .board-view-wrap .content { padding: 20px; line-height: 20px; color: #7b7b7b; border-bottom: 1px solid #d2d2d2; word-break:break-all; min-height:300px;}
.contents .board-view-wrap .command { margin-top: 20px; }
.contents .board-view-wrap .content_answer {padding: 20px; line-height: 25px; border-bottom: 1px solid #d2d2d2; background:#f7f7f7;}



/* 게시물등록 */
.board-insert-wrap .board-insert { width: 100%; border-top: 2px solid #333; }
.board-insert-wrap .board-insert th { min-height: 39px; height: auto !important; height: 39px; font-size: 13px; font-weight: bold; text-align: center; color: #2c2d2d; border-bottom: 1px solid #d2d2d2; background: url(../images/sub/split_th.gif) no-repeat right center; }
.board-insert-wrap .board-insert td { padding: 8px 10px 8px 20px; border-bottom: 1px solid #d2d2d2; }
.board-insert-wrap .board-insert td input[type=text] { padding: 0 5px; width: 150px; height: 24px; line-height: 24px; border: 1px solid #c4c4c4; }
.board-insert-wrap .board-insert td input[type=text].long { width: 520px; }
.board-insert-wrap .board-insert td input[type=password] { padding: 0 5px; width: 130px; height: 24px; line-height: 24px; border: 1px solid #c4c4c4; }
.board-insert-wrap .board-insert td input[type=file] { width: 250px; height: 24px; line-height: 24px; border: 0; }
.board-insert-wrap .board-insert td textarea { padding: 5px; width: 97%; height: 220px; overflow: auto; line-height: 18px; border: 1px solid #c4c4c4; }
.board-insert-wrap .command { margin-top: 20px; }
.board-insert-wrap .command a { vertical-align: middle; }

/*결제시스템 - 팝업 */
.contents .payment {/*background:url('../images/bg_payment.jpg') repeat;*/ padding:15px;}
.contents .title {background:url('../images/payment_tit.jpg')repeat; height:53px;}
.contents .title h1 {padding:16px 0 0 15px;}
.contents .title span {color:#fff; float:right; margin-top:4px; margin-right:10px;}
.contents .payment .pay_border {border:2px solid #3564af;}
.contents .payment table.pay {background:#fff; width:98%; text-align:left; padding:10px 20px; margin-left:5px;}
.contents .payment table.pay tr {border-bottom:1px dotted #ddd; height:30px;}
.contents .payment table.pay tr:last-child {border-bottom:none; }
.contents .payment table.pay tr th { text-align:left; width:85px; margin-top: 20px; padding-left:20px; line-height: 20px; font-size: 13px; font-weight: bold; color: #424242; background: url(../images/bullet_04.gif) no-repeat left 10px center; }
.contents .payment table.pay tr td { line-height: 22px; text-align: center; color: #666; padding:5px; }
.contents .payment table.pay tr td.l { text-align: left; }
.contents .payment table.pay tr td.r { text-align: right; }
.contents .payment table.pay tr.noline { border-bottom:none;}

/*main*/
.main_visual{ background:url('../images/main/visual_main.jpg') no-repeat center 0; height:400px;}
.main_visual01{ background:url('../images/main/visual_main02.jpg') no-repeat center 0; height:400px;}
.main_visual02{ background:url('../images/main/visual_main03.jpg') no-repeat center 0; height:400px;}
.main_visual p, .main_visual01 p, .main_visual02 p{width:0; height:0; font-size:0; text-indent:-999px;}
.main_cnt .quick{width:1000px; margin:0 auto; padding:25px 0;}
.main_cnt .quick:after{display:block; content:''; clear:both;}
.main_cnt .quick dl{ float:left; padding-left:20px; }
.main_cnt .quick dt{ font-size:17px; font-weight:600; color:#222;}
.main_cnt .quick dd{ line-height:20px; margin-top:15px;font-size:12px; color:#666;}
.main_cnt .quick dd.num{ font-family:'tahoma'; font-size:30px; font-weight:600; letter-spacing:-1px; color:#e95649;}
.main_cnt .quick ul{ float:right;}
.main_cnt .quick li{display:inline-block;}
.main_cnt .quick li a{ display:block; width:180px; text-align:center; padding:90px 0 5px 0; font-size:13px; color:#333; border-left:dashed 1px #bbb;}
.main_cnt .quick li a:hover{text-decoration:underline;}
.main_cnt .quick li.ico01{ background:url('../images/main/ico_quick_01.gif') no-repeat center top;}
.main_cnt .quick li.ico02{ background:url('../images/main/ico_quick_02.gif') no-repeat center top;}
.main_cnt .quick li.ico03{ background:url('../images/main/ico_quick_03.gif') no-repeat center top;}
.main_cnt .quick li.ico04{ background:url('../images/main/ico_quick_04.gif') no-repeat center top;}

.main_cnt .inner{ width:100%; border-top:solid 1px #ccc;}
.main_cnt .box{ width:1000px; margin:0 auto; padding-bottom:10px;}
.main_cnt .box:after{ display:block; content:''; clear:both;}
.main_cnt .notice{ float:left; padding:20px 20px 0 0; width:350px;  height:190px;}
/*.main_cnt .notice .tab{ position:relative;}
.main_cnt .notice .tab ul { margin-top: 10px; height: 31px; border-bottom: 1px solid #ccc;}
.main_cnt .notice .tab ul:first-child { margin-top: 0; }
.main_cnt .notice .tab ul li {display: inline-block; margin-right: -2px;}
.main_cnt .notice .tab ul li a { display: block; padding: 0 20px; line-height: 30px; color: #6c6c6c; font-weight:600; border: 1px solid #eee; border-bottom:solid 1px #ccc; background-color: #eee; border-top-left-radius:10px; border-top-right-radius:10px; }
.main_cnt .notice .tab ul li a.on { font-weight: bold; color:#222; background:#fff; border:solid 1px #ccc;border-bottom:solid 1px #fff; border-top-left-radius:10px; border-top-right-radius:10px;}*/
.main_cnt .notice .tab .more{position:absolute; right:0; top:10px; cursor:pointer;}
/*250404 CSS 추가*/
.main_cnt .notice .tab {position:relative; height: 31px; border-bottom: 1px solid #ccc; margin-right: -2px;}
.main_cnt .notice .tab a {position:absolute; top:0; display: block; width: 90px; text-align:center; line-height: 30px; color: #6c6c6c; font-weight: 600; border: 1px solid #eee; border-bottom: solid 1px #ccc; background-color: #eee; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.main_cnt .notice .tab:first-child a{margin-right: 4px;}
.main_cnt .notice .tab a.on {position:absolute; top:0; font-weight: bold; color: #222; background: #fff; border: solid 1px #ccc; border-bottom: solid 1px #fff; border-top-left-radius: 10px; border-top-right-radius: 10px;}
/*250404 CSS END*/
.main_cnt .notice .list{ margin-top:15px; margin-left:5px;}
.main_cnt .notice .list li{ background:url('../images/main/bullet_red.gif') no-repeat left 50%; padding-left:10px;}
.main_cnt .notice .list li .subject{  max-width:75%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;   display:inline-block; width:270px; padding-right:10px; height:25px;line-height:25px; overflow:hidden; vertical-align:middle; margin-bottom:1px;}
.main_cnt .notice .list li .subject:hover{ text-decoration:underline; color:#222;}
.main_cnt .notice .list li .date{  font-family:'tahoma'; color:#757575; font-size:11px; vertical-align:middle; margin-left:2px;}
.main_cnt .popup{ float:left; padding:20px 15px 0; height:190px; position:relative;}
.main_cnt .popup h3{font-size:17px; font-weight:600; color:#222;}
.main_cnt .popup .control{ position:absolute; top:25px; right:15px;}
.main_cnt .popup .control li{ display:inline-block; width:10px; height:10px; cursor:pointer;}
.main_cnt .popup .control li.on{background:url('../images/main/popup_on.gif') no-repeat;}
.main_cnt .popup .control li.off{background:url('../images/main/popup_off.gif') no-repeat;}
.main_cnt .popup .imgbox{ border:solid 1px #ddd; position:relative; margin-top:10px;}
.main_cnt .popup .imgbox button { position: absolute; top: 53px; background:transparent;}
.main_cnt .popup .imgbox button.prev { left:0;}
.main_cnt .popup .imgbox button.next { right:0;}
.main_cnt .banner{ float:right; padding:0 15px;height:210px; text-align:center;}
.main_cnt .banner li{border-bottom:dotted 1px #ccc; padding:8px 0;}
.main_cnt .banner li.last{ border:none;}

/* 로그인 */
.login .box { position: relative; margin-top: 15px; padding: 18px 0 18px 311px; ; border: 1px solid #c3c3c3; }
.login .box .img { position: absolute; top: 48px; left: 74px; margin: 0; }
.login .box .data { padding-left: 41px; height: 261px; border-left: 1px dotted #b4b4b4; }
.login .box .data .frm { position: relative; padding-top: 32px; width: 378px; height: 122px; border-bottom: 1px solid #dcdcdc; }
.login .box .data .frm ul { height: 36px; }
.login .box .data .frm ul li { display: inline-block; line-height: 31px; }
.login .box .data .frm ul li:first-child { width: 64px; }
.login .box .data .frm ul li label { font-size: 15px; color: #444; }
.login .box .data .frm ul li input { padding: 0 5px; width: 192px; height: 29px; line-height: 29px; border: 1px solid #c4c4c4; }
.login .box .data .frm p.save { padding: 7px 0 0 69px; }
.login .box .data .frm p.save input {}
.login .box .data .frm p.save label { font-size: 13px; color: #666; }
.login .box .data .frm p.command { position: absolute; top: 33px; right: 0; }
.login .box .data .frm p.command input { width: 99px; height: 67px; color: #fff; border: 0; background-color: #d1372c; }
.login .box .data .another { padding-top: 24px; }
.login .box .data .another ul { height: 32px; }
.login .box .data .another ul li { display: inline-block; font-size: 13px; letter-spacing: -1px; }
.login .box .data .another ul li:first-child { width: 229px; }
.login .box .data .another ul li a { padding: 0; width: 135px; text-align: center; color: #767676; }


/*이미지*/
.img_container {border:1px solid #ddd; text-align:center; margin:15px 0; }
.img_container2 {border:2px solid #ddd; margin-bottom:5px;}
.img_container3 {border:1px solid #ddd;  text-align:center; margin:15px 0; padding:20px;}
.img_container4 {border:1px solid #ddd;  text-align:center; margin:15px 0; padding:20px; }
.img_container5 {text-align:center; margin:15px 0; }
.img_container5 p{text-align:center;}
.img_container6 {border:1px solid #ddd; text-align:center; margin-right:15px;}
.br {border-right:1px solid #ddd;}

/* 아이디 비번찾기 */
.idpwfind {height:150px; border:1px solid #ddd; text-align:center; margin-top:10px; vertical-align:middle;}
.idpwfind a.fbtn { width:50px; height:43px; line-height:43px; margin-bottom:5px;
 display: inline-block;  padding:10px 15px; vertical-align: top;  
background:#d1372c;  border:solid 1px #d1372c;}
.idpwfind a.fbtn span{ color:#fff; font-size:13px; font-weight: bold;}
.idpwfind a.fbtn:hover { background:#dd453a; }
.idpwfind .findid input { width:260px; height:18px; vertical-align:middle; border:1px solid #ccc; margin:0 10px 5px 10px; padding:5px; }
.idpwfind table {position:relative; margin-top:40px;margin-left:150px; letter-spacing:-0.5px;}
.idpwfind table .absol{position:absolute; top:0; right:-80px;}
.idpwfind table  tr th {font-size:14px; color:#444; text-align:left;}
.idpwfind input.bdnone {border:none; margin:0; padding:0;}

/* 회원탈퇴 */
.revoke {height:150px; border:4px solid #ddd; text-align:center; margin-top:10px; vertical-align:middle; }
.revoke .findid input { width:260px; height:18px; vertical-align:middle; border:1px solid #ccc; margin:5px 10px 5px 15px; padding:5px; }
.revoke table {/*margin-top:48px; margin-left:185px; */display:inline-block; margin-top:45px; }
.revoke table  tr th {font-size:14px; color:#444; text-align:left; letter-spacing:-0.5px; height:22px;}
.revoke table  tr td {font-size:14px; color:#444; text-align:left; }
.revoke input.bdnone {border:none; margin:0; padding:0;}

/* 설비계약서 작성시 유의사항/시설분담금이란(팝업) */
.contents.pop401 { padding: 10px; font-size: 12px; }
.contents.pop401 h4 { margin-top: 0; }
.contents.pop401 ol.depth1 { margin: 30px 0; }
.contents.pop401 .unit { margin-top: -20px; text-align: right; }

.contents.sub402 .unit { margin-top: 10px; text-align: right; }

/*sub101*/
/*CEO메세지*/
.sub101 .ceo_img{float:left;}
/*.sub101 .ceo_con{width:100%; height:460px; background:url('../images/sub/sub01/bg_ceo.jpg') no-repeat left top;}*/
.sub101 .ceo_con{width:100%; height:460px;}
.sub101 .ceo_con .ceo_text_area {width:500px; float:right; text-align:justify;}
.sub101 .ceo_con .ceo_tit{font-size:16px; font-weight:600; margin-bottom:15px; line-height:15px;}
.sub101 .ceo_con .ceo_text01, .ceo_text02{font-size:13px; margin-bottom:15px; text-align:justify;}
.sub101 .ceo_con .ceo_text03{font-size:13px; margin-bottom:0px; text-align:justify;}
.sub101 .ceo_con img{float:right; margin-left:20px; margin-top:-20px;}
.sub101 .clear{clear:both;}

/*C.I */
.sub102 .ci_bg {width:380px; height:80px; border:1px solid #ddd; text-align:center; line-height:80px; padding-top:10%;}
.sub102 .ci_bg2 {width:380px; height:100px; border:1px solid #ddd; text-align:center; line-height:100px; padding-top:6%;}


/* 요금단가표 */
.sub102 .search { margin-top: 20px; padding: 10px; border-top: 1px solid #919191; border-bottom: 1px solid #919191; }
.sub102 .search ul li { display: inline-block; }
.sub102 .search ul li.head { padding-left: 11px; width: 80px; font-weight: bold; background: url(../images/bul_dot.gif) no-repeat left 5px; }
.sub102 .search ul li.fid { margin-right: 3px; }
.sub102 .search ul li.fid select { height: 18px; line-height: 18px; font-size: 11px; }
.sub102 .unit { color: #666; }
.sub102 .download { text-align: center; }
.sub102 .download .head { display: inline-block; margin-right: 3px; padding-left: 10px; background: url(../images/bul_dot.gif) no-repeat left 5px; }
.sub102 .download a { display: inline-block; padding-left: 22px; height: 17px; line-height: 17px; background: url(../images/ico_file.gif) no-repeat left top; }

/*연혁 */
.sub103 {margin:0px; padding:0; /* background:url('../images/sub/sub01/history_bg.jpg') no-repeat left 55px; */ }
.sub103 p {line-height:24px; color:#393939; font-size:15px;}
.sub103 h4 {font-family:tahoma; color:#e62d3c; font-size:40px; background:none; margin:0; padding:5px 0 0 0; letter-spacing:-0.5px;}
.sub103 h5 { font-family:tahoma; color:#e84351; font-size:22px; background:none; padding:0; font-weight:600; letter-spacing:-0.5px; margin-bottom:5px;}
.sub103 .history {margin-left:275px; margin-top:15px;}
.sub103 dl {margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #ddd; width:445px;}
.sub103 dt {float:left;  font-family:tahoma; padding-left:10px; margin:0 8px 0 0;  font-size:15px;
background: url(../images/common/bullet_03.gif) no-repeat left 13px;  letter-spacing:-0.5px;   }
.sub103 dd {overflow:hidden; text-align:justify;}

/*연혁 new - 202310*/
.newHistory .txt{background:none !important;}
.newHistory .hisList{position:relative; display:flex; flex-direction:column; gap:36px; margin-top:50px;}
.newHistory .hisList::before{position:absolute; content:''; width:1px; height:calc(100% - 19px); background:#dbdbdb; left:151px; top:11px;}
.newHistory .hisList .yearDiv{position:relative; padding-left:151px;}
.newHistory .hisList .yearDiv .year{position:absolute; left:0; top:0; font-size:20px; color:#999;}
.newHistory .hisList .yearDiv .year .em{display:block; font-size:24px; color:#D7213A; font-weight:bold;}
.newHistory .hisList .yearDiv .year::before{position:absolute; content:''; width:13px; height:13px; background:#fff; border:3px solid #D7213A; border-radius:100%; right:-40px; top:5px; box-sizing:border-box;}
.newHistory .hisList .yearDiv .year::after{position:absolute; content:''; width:50px; height:1px; background:#dbdbdb; right:-90px; top:11px;}
.newHistory .hisList .toryList{display:flex; flex-direction:column; gap:16px; transform:translateY(4px);}
.newHistory .hisList .toryList > li{position:relative; padding-left:190px; display:flex; color:#333;}
.newHistory .hisList .toryList > li::before{position:absolute; content:''; left:0; top:7px; width:50px; height:1px; background:#dbdbdb;}
.newHistory .hisList .toryList > li .date{position:absolute; left:74px; font-weight:900; font-size:15px;}
.newHistory .hisList .toryList > li .txt{line-height:20px; font-size:13px;}

/*
.sub103 p.his_tit {color:#f26522; font-size:14px; font-weight:600; padding-left:10px;}
.sub103 h5 {color:#e84351; font-weight:600; font-size:22px; background:none; letter-spacing:-0.1px; font-family:tahoma;}
.sub103 dl {width:240px;}
.sub103 dt {float:left; margin-right:10px; font-family:tahoma;}
.sub103 dd {overflow:hidden; text-align:justify;}

.sub103 .history {background:url('../images/sub/sub01/history_bg.jpg') no-repeat; width:782px; height:720px; margin:20px 0 0 10px; position:relative;}
.sub103 .history .his_2013 h5{position:absolute; left:48px; top:8px}
.sub103 .history .his_2013 dl {position:absolute; left:135px; top:50px;}

.sub103 .history .his_2012 h5{position:absolute; left:389px; top:8px}
.sub103 .history .his_2012 dl {position:absolute; left:480px; top:50px;}

.sub103 .history .his_2004 h5{position:absolute; left:48px; top:225px}
.sub103 .history .his_2004 dl {position:absolute; left:135px; top:265px;}

.sub103 .history .his_2010 h5{position:absolute; left:389px; top:225px}
.sub103 .history .his_2010 dl {position:absolute; left:480px; top:265px;}

.sub103 .history .his_2002 h5{position:absolute; left:48px; top:385px}
.sub103 .history .his_2002 dl {position:absolute; left:135px; top:426px;}

.sub103 .history .his_1997 h5{position:absolute; left:389px; top:385px}
.sub103 .history .his_1997 dl {position:absolute; left:480px; top:426px;}

.sub103 .history .his_1993 h5{position:absolute; left:48px; top:645px;}
.sub103 .history .his_1993 dl {position:absolute; left:135px; top:683px;}

.sub103 .history .his_1995 h5{position:absolute; left:389px; top:645px;}
.sub103 .history .his_1995 dl {position:absolute; left:480px; top:683px;}
*/

/*회원가입-인증*/
.confirm {height:190px; border:1px solid #ddd; text-align:center;}
.confirm h4 {font-size:18px; color:#515151; font-weight:600; letter-spacing:-0.2px; background:none; margin-left:15px; padding-top:20px;}
.confirm ul {height:190px; text-align:center;}
.confirm ul li.phone {background:url('../images/common/bg_phone.jpg') no-repeat 43% 13px; text-align:center;}
.confirm p {margin-top:5px;}
.confirm a.cbtn { display: inline-block; color:#fff; padding:10px 15px; vertical-align: middle; font-weight: bold; background:#ea5c52;  border:solid 1px #df4c42;  font-size:13px; border-radius:3px;  margin-top:10px;}
.confirm a.cbtn:hover { background:#ff5549; }

/*그룹 및 계열사 소개*/
.sub105 h5.orange {background:none; color:#ff7101; font-size:16px; padding:0; margin-bottom:10px;}
.sub105 h5.green {background:none; color:#93a11c; font-size:16px; padding:0; margin-bottom:10px;}

.sub105 p { text-align:justify;}

/* 오시는길 */
.sub106 dl {margin-top:5px; margin-left:5px;}
.sub106 dt {float:left; margin-right:10px; color:#d42a14; background:url('../images/common/bullet_red01.gif') no-repeat 0 50%; padding-left:10px;}
.sub106 dd {float:left; margin-right:30px;}
.sub106 dt.car { clear: both; }
.sub106 dt.bus { clear: both; }


/* 요금경감제도 */
.sub106 .download { /*margin-left: 200px;*/ }
.sub106 .download.dn1 { margin: 10px 0; }
.sub106 .download.dn2 { margin: 10px 0 10px 33px; }
.sub106 .download p { padding: 5px 0; }
.sub106 .download a { font-weight:600; margin:0; display: inline-block; padding-left: 22px; height: 17px; line-height: 17px; background: url(../images/ico_file.gif) no-repeat left top; }
.sub106 .download a:hover {color:#bf1f07;}

/* 이삿날점검사항 */
.sub107 .step { margin-left: 35px;}
.sub107 .step li{ display:block; min-height:75px; padding:5px 0 10px 115px; border-bottom:dashed 1px #ddd; margin-top:20px;}
.sub107 .step li .s-tt {position:absolute;  font-size: 15px; font-weight: bold; font-size:0; font-weight:0; text-indent:-9999px;}
.sub107 .step li dl { line-height: 22px;}
.sub107 .step li dl dt { font-size: 14px; font-weight: bold; color:#000;}
.sub107 .step li dl dd { padding-left: 10px; background: url(../images/bul_dot.gif) no-repeat left 8px; }
.sub107 .box { margin-top:20px;padding: 20px; line-height: 25px; font-size: 14px; font-weight: bold; border: 1px solid #ccc; background-color: #ffc; -ms-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.sub107 .step li.step01{ background:url('../images/bg_step01.gif') no-repeat left 10px; height:100px;}
.sub107 .step li.step02{ background:url('../images/bg_step02.gif') no-repeat left 5px; height:90px;}
.sub107 .step li.step02 dt{padding-top:15px;}
.sub107 .step li.step03{ background:url('../images/bg_step03.gif') no-repeat left 5px; height:90px;}
.sub107 .step li.step04{ background:url('../images/bg_step04.gif') no-repeat left 5px; height:90px;}

/* 서비스센터 */
.sub109 span.ar { margin-left: 37px; }
.sub109 table.list { margin-top: 15px; }
.sub109 dl{/*border-right:solid 1px #ddd; border-left:solid 1px #ddd; */}
.sub109 dl dt{  background:#f9f9f9; position:relative; padding:20px 20px 20px 22px; border-bottom:solid 1px #ddd;  font-size:14px; font-weight:600; /*background: url(../images/bullet_02.gif) no-repeat 20px 50%;*/}
.sub109 dl dd{ padding:12px 20px 15px 0; border-bottom:solid 1px #ddd; line-height:24px; }
.sub109 dl dd.hidden{ display:none;}
.sub109 dl.topline {border-top:2px solid #000;}

/*sub201*/
/* 우리집 가스시설 점검 */
.sub201 .homeCare ol li {clear:both;}
.sub201 .homeCare img {float:left; margin:0 15px 15px 0;}
.sub201 .securityRule h5 {color:#3b3b3b; margin-bottom:5px;}
.sub201 .securityRule ul li {margin-bottom:10px;}
.sub201 .gasBoiler ol li {clear:both;}
.sub201 .gasBoiler img {float:left; margin:0 15px 15px 0;}
.sub201 .gasAccident .img_container4 {position:relative; text-align:left; }
.sub201 .gasAccident .con_list {position:absolute; right:45px; top:30px; width:330px; line-height:20px;}
.sub201 .gasEmergency ol li {margin-bottom:10px;}
.sub201 .gasEmergency dd {margin: 5px 0 0 5px; padding-left:10px; line-height: 20px; background: url(../images/common/bullet_03.gif) no-repeat left 9px; }


/*sub201*/
/*굴착공사관리*/
.sub201_2 .step_img {margin:20px 0 50px 0; text-align:right; background:url('../images/sub/sub02/actManage.png') no-repeat; width:767px; height:436px; position:relative;}
.sub201_2 .step_img p {font-weight:600; font-size:14px; color:#292929;}
.sub201_2 .step_img span {color:#aaa; font-weight:600; font-size:12px;}

.sub201_2 .step_img .step01 p {position:absolute; left:70px; top:35px;}
.sub201_2 .step_img .step01 span {position:absolute; left:30px; top:68px;}

.sub201_2 .step_img .step02 p {position:absolute; left:32px; top:121px;}
.sub201_2 .step_img .step02 span {position:absolute; left:100px; top:155px;}

.sub201_2 .step_img .step03 p {position:absolute; left:47px; top:211px;}
.sub201_2 .step_img .step03 span {position:absolute; left:128px; top:244px;}

.sub201_2 .step_img .step04 p {position:absolute; left:47px; top:300px;}
.sub201_2 .step_img .step04 span {position:absolute; left:95px; top:332px;}

.sub201_2 .step_img .step05 p {position:absolute; left:390px; top:35px;}
.sub201_2 .step_img .step05 span {position:absolute; left:465px; top:68px;}
.sub201_2 .step_img .step05 span.n_gas {position:absolute; left:325px; top:6px;}

.sub201_2 .step_img .step06 p {position:absolute; left:351px; top:121px;}
.sub201_2 .step_img .step06 span {position:absolute; left:398px; top:154px;}
.sub201_2 .step_img .step06 span.y_gas {position:absolute; left:325px; top:92px;}

.sub201_2 .step_img .step07 p {position:absolute; left:388px; top:210px;}
.sub201_2 .step_img .step07 span {position:absolute; left:465px; top:243px;}

.sub201_2 .step_img .step08 p {position:absolute; left:373px; top:299px;}
.sub201_2 .step_img .step08 span {position:absolute; left:398px; top:332px;}

.sub201_2 .step_img .fin01 p {position:absolute; left:390px; top:386px;}
.sub201_2 .step_img .fin01 span {position:absolute; left:322px; top:419px;}

.sub201_2 .step_img .fin02 p {position:absolute; left:632px; top:35px;}
.sub201_2 .step_img .fin02 span {position:absolute; left:710px; top:68px;}



/*첨단안전시스템*/
.sub201_2 h5 {background:none; padding:0;  font-size:14px; font-weight:600; color:#d42a14; margin-top:10px;}
.sub201_2 .systemList {padding: 0 0 10px 0; border:2px solid #e4e4e4; margin-top:15px; line-height:20px;  height:240px;}
.sub201_2 .systemList dt {float:left; margin-right:5px; font-size:13px;}
.sub201_2 .systemList h6 {color:#d42a14; font-size:14px; text-align:center; margin:15px 0;}
.sub201_2 .systemList .SCADA_list {float:left; width:45%;  margin:5px 0 5px 38px;}
.sub201_2 .systemList .SCADA_list2 {float:left; width:45%;  margin:15px 0 5px 38px;}
.sub201_2 .systemList .SCADA_list ul {margin-top:10px;}
.sub201_2 .systemType img {float:left; margin-right:15px;}
.sub201_2 .systemType .summary { margin-top: 5px; padding-left: 345px; line-height: 20px; background: url(../images/common/bullet_03.gif) no-repeat left 9px; }

.mint {color:#1169c1; font-size:14px;}
.dash {border-right:1px #ddd dashed;}


/*sub201_3*/
/*안전문화활동*/
.sub201_3 .imgcontainer {text-align:center;}


/*sub202*/
/*정보 및 개요*/
.sub202 .gas_info ol li {list-style:decimal; list-style-position:inside; line-height:24px;}
.sub202 .gas_info dl {margin-left:5px;}
.sub202 .gas_info dt { font-size:13px; float:left; margin-right:5px;}
.sub202 .gas_info dd {overflow:hidden; }

.sub202 .gas_info2 dl {margin-bottom:10px;}
.sub202 .gas_info2 dt {color:#d42a14;}
.sub202 .gas_info2 dd {margin-top: 5px; padding-left: 10px; background: url(../images/common/bullet_03.gif) no-repeat left 11px;}
.sub202 .gas_info2 dd.nsummary {background:none;}

.sub202 table.list { margin-top:10px; width: 100%; border-top: 2px solid #333; margin-bottom:10px; }
.sub202 table.list caption { line-height:20px; font-size:14px; font-weight:600; text-align:center; margin-bottom:5px; }
.sub202 table.list em { float:right; font-style:normal; font-size:12px;}
.sub202 table.list tr th { padding: 10px; font-size: 13px; font-weight: bold; color: #333; border: 1px solid #d2d2d2; background-color: #f9f9f9; }
.sub202 table.list tr td { padding: 10px 15px; line-height: 22px; text-align: center; color: #666; border: 1px solid #d2d2d2; }
.sub202 table.list tr td.l { text-align: left; }
.sub202 table.list tr td.r { text-align: right; }
.sub202 table.list tr td ul.summary { margin-left: 0; }
.sub202 table.list tr td img { vertical-align: middle; }

.sub202 .img_usegas {background: url(../images/sub/sub02/gasmulti_flow.png) no-repeat center;height:465px; text-align:center; position:relative;}
.sub202 .img_usegas h5 {background:none; color:#292929; font-size:14px; position:absolute; left:333px; top:207px;}
.sub202 .img_usegas .list01 {position:absolute; left:257px; top:75px; line-height:18px;}
.sub202 .img_usegas .list02 {position:absolute; right:270px; top:85px; }
.sub202 .img_usegas .list03 {position:absolute; right:172px; top:245px; }
.sub202 .img_usegas .list04 {position:absolute; right:270px; top:400px;}
.sub202 .img_usegas .list05 {position:absolute; left:252px; top:400px;}
.sub202 .img_usegas .list06 {position:absolute; left:163px; top:245px;}


/*영업용 이것이 궁금하다*/
.sub202 .bizflow01 {background: url(../images/sub/sub02/bizfloat1.png) no-repeat 50%; height:379px;  margin-bottom:40px; position:relative;}
.sub202 .bizflow01 dt {background:none; color:#fff; font-size:16px; font-weight:600;}
.sub202 .bizflow01 dd {background:none; color:#292929; font-size:16px; font-weight:600;}

.sub202 .bizflow01 .list01 dt  {position:absolute; top:20px; left:67px;}
.sub202 .bizflow01 .list02 dt  {position:absolute; top:98px; left:74px;}
.sub202 .bizflow01 .list03 dt  {position:absolute; top:175px; left:67px;}
.sub202 .bizflow01 .list04 dt  {position:absolute; top:250px; left:60px;}
.sub202 .bizflow01 .list05 dt  {position:absolute; top:328px; left:67px;}

.sub202 .bizflow01 .list01 dd  {position:absolute; top:20px; left:220px;}
.sub202 .bizflow01 .list01 dd:last-child  {position:absolute; top:20px; left:582px;}

.sub202 .bizflow01 .list02 dd  {position:absolute; top:98px; left:230px;}
.sub202 .bizflow01 .list02 dd:last-child  {position:absolute; top:98px; left:535px;}

.sub202 .bizflow01 .list03 dd  {position:absolute; top:175px; left:210px;}
.sub202 .bizflow01 .list03 dd:last-child  {position:absolute; top:175px; left:530px;}

.sub202 .bizflow01 .list04 dd  {position:absolute; top:250px; left:210px;}
.sub202 .bizflow01 .list04 dd:last-child  {position:absolute; top:250px; left:575px;}

.sub202 .bizflow01 .list05 dd  {position:absolute; top:328px; left:190px;}
.sub202 .bizflow01 .list05 dd:last-child  {position:absolute; top:320px; left:525px; text-align:center; line-height:21px;}

/*설치가능 업소(업종)*/
.sub202 .bizflow02 {background: url(../images/sub/sub02/bizfloat2.png) no-repeat 50%; height:645px;  margin-top:20px; margin-bottom:40px; position:relative; }
.sub202 .bizflow02 dl {text-align:center; line-height:20px; letter-spacing:-0.5px;}
.sub202 .bizflow02 dt {color:#292929; font-size:15px; font-style:normal;}
.sub202 .bizflow02 dd {color:#292929; font-size:15px; }

.sub202 .bizflow02 h5 {background:none; color:#000; font-size:16px; font-weight:600; position:absolute; left:320px; top:290px; }
.sub202 .bizflow02 dd {font-size:13px;}
.sub202 .bizflow02 .list01 dl {position:absolute; top:100px; left:345px;}
.sub202 .bizflow02 .list02 dl  {position:absolute; top:180px; left:490px;}
.sub202 .bizflow02 .list03 dl  {position:absolute; top:349px; left:553px;}
.sub202 .bizflow02 .list04 dl  {position:absolute; top:485px; left:439px;}
.sub202 .bizflow02 .list05 dl  {position:absolute; top:490px; left:252px;}
.sub202 .bizflow02 .list06 dl  {position:absolute; top:349px; left:140px;}
.sub202 .bizflow02 .list07 dl  {position:absolute; top:180px; left:175px;}

.sub202 .imgcontainer3 img {border:1px solid #ddd;}
.sub202 .imgcontainer3 ul li {float:left; margin-right:22px; margin-bottom:20px;}
.sub202 .imgcontainer3 {margin:10px 0; text-align:center;} 



/*주택용*/
.sub202_2 h5 {margin-bottom:10px; background:none;}
.sub202 .houseinfo img {float:left; margin-right:15px; border:1px solid #ddd; padding:10px;}
.sub202 .houseinfo ul {padding-bottom:10px;}
.sub202 .houseinfo .summary  {margin-top: 5px; padding-left: 340px; line-height: 20px; /*background: url(../images/common/bullet_03.gif) no-repeat left 9px;*/}

/*주택용 가스기기 */
.sub202 .homepro .imgcontainer2 {margin:10px 0; text-align:center;} 
.sub202 .homepro .imgcontainer2 ul li {float:left; margin-right:5px; margin-bottom:20px;}
.sub202 .homepro .imgcontainer2 img {border:1px solid #ddd; padding:5px;}
.sub202 .homepro dl {margin-top:10px; line-height:18px; margin-bottom:10px; color:#333;}
.sub202 .homepro dt {font-weight:600; font-size:13px; }
.sub202 .homepro p {text-align:center; margin-top:5px; padding:0; font-size:13px; font-weight:600; color:#333;}


/*영업용개요*/
.sub202 .sub_tit01 {font-size:14px; font-weight:600; color:#d1372c; margin:10px 0;}
.sub202 .con_list {clear:both; line-height:20px;}
.sub202 .con_list img {float:left; border:1px solid #ddd; margin-right:15px;}
.sub202 .con_list ul li {margin-bottom:5px;}
.sub202 .con_list dl {}
.sub202 .con_list dt { text-transform:uppercase; font-size:13px; float:left; margin-bottom:5px;}
.sub202 .con_list dt span {color:#a10085; margin-left:5px;}
.sub202 .con_list dd {overflow:hidden; padding:0 10px;margin-bottom:5px;}

/*산업용*/
.sub202 .bl {color:#3d3d3d;}
.sub202 .br {border-right:1px solid #ddd;}

.sub202 .img_container4 {position:relative; text-align:left; }
.sub202 .eng_list {position:absolute; right:50px; top:20px; width:340px; line-height:20px;}
.sub202 .eng_list dt {float:left; margin-right:5px;}
.sub202 .eng_list dd {overflow:hidden;}


/*소형열병합발전*/
.sub202 .ganer_flow {background: url(../images/sub/sub02/generator_flow.svg) no-repeat 50%; height:473px;  margin-top:20px; margin-bottom:40px; position:relative;}
.sub202 .ganer_flow h5 {color:#292929; background:none;}
.sub202 .ganer_flow p {color:#e73c00; font-size:24px; font-weight:600; position:absolute; left:60px; top:220px;}

.sub202 .ganer_flow h5.first {position:absolute; left:40px; top:-15px;}
.sub202 .ganer_flow h5.second {position:absolute; left:433px; top:-15px;}
.sub202 .ganer_flow h5.third {position:absolute; right:80px; top:-15px;}
.sub202 .ganer_flow .list01 {position:absolute; left:260px; top:80px; text-align:center;}
.sub202 .ganer_flow .list01 li {font-size:15px; font-weight:600; margin-bottom:121px;}
.sub202 .ganer_flow .list02 {position:absolute; left:450px; top:80px; text-align:center;}
.sub202 .ganer_flow .list02 li { color:#D43700; font-size:15px; font-weight:600; margin-bottom:130px;}
.sub202 .ganer_flow .list03 {position:absolute; right:40px; top:54px; text-align:center;}
.sub202 .ganer_flow .list03 li {font-size:12px; font-weight:600; margin-bottom:42px;}


/* 사용자 시설 융자지원 안내 */
.sub204 a {border-bottom:1px solid #d4443a; margin-bottom:1px; color:#d4443a;}


/*신규공급절차안내*/
.new_step ol li {clear:both; }
.new_step ul li {overflow:hidden; width:600px;}
.new_step img{}
.new_step dt {float:left; margin:10px 20px 20px 0;}
.new_step dd {float:left; margin-top:15px;}

/* 조직구성 */
.sub104 .organization { width: 0; height: 0; text-indent: -9999px; }
.sub104 .organization h4 { width: 0; background: none; height: 0; text-indent: -9999px; }


/* 간편요금계산 */
.sub305 .search { margin-top: 20px; padding: 10px; border-top: 2px solid #000; border-bottom: 2px solid #000; }
.sub305 .search ul { margin-top: 5px; }
.sub305 .search ul:first-child { margin-top: 0; }
.sub305 .search ul li { display: inline-block; }
.sub305 .search ul li.head { padding-left: 11px; width: 80px; font-weight: bold; background: url(../images/bul_dot.gif) no-repeat left 5px; }
.sub305 .search ul li.fid { margin-right: 3px; }
.sub305 .search ul li.fid select { width: 262px; height: 23px; line-height: 23px; font-size: 11px; }
.sub305 .search ul li.fid span { display: inline-block; padding: 3px; border: 1px solid #bebebe; }
.sub305 .search ul li.fid span input[type=text] { width: 90px; height: 16px; line-height: 16px; font-size: 11px; color: #7c7c7c; border: 0; }
.sub305 .search ul li.fid1 span { border: 0; }
.sub305 .search ul li.fid1 span label {}
.sub305 .search ul li.fid1 span input[type=text] { width: 70px; height: 22px; line-height: 22px; border: 1px solid #bebebe; }
.sub305 .search ul li.fid span img { vertical-align: middle; }
.sub305 .search p.btn a { float:right;  display: inline-block; padding: 0 25px; height: 28px; line-height: 26px; vertical-align: middle; font-weight: bold; color: #fff; border:solid 1px #de3d38; background-color: #eb5752;  }
.sub305 .result { position: relative; }
.sub305 .result .price-box { position: absolute; top: 10px; left: 10px; width: 310px; height: 207px; font-size: 20px; font-weight: 600; color: #7e7e7e; border: 1px solid #b2b2b2; background-color: #f4f4f4; -ms-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.sub305 .result .price-box p { padding: 20px; }
.sub305 .result .price-box p.price { margin: 3px 0; font-size: 30px; color: #d7213a; text-align: center; }
.sub305 .result .price-box p.r { text-align: right; }
.sub305 .result .data { margin-left: 340px; width: 434px; border-top: 2px solid #333; }
.sub305 .result .data th { padding: 5px 15px; font-size: 12px; font-weight: bold; text-align: left; color: #333; border: 1px solid #d2d2d2; background-color: #f9f9f9; }
.sub305 .result .data tr th:first-child {border-left:none;}
.sub305 .result .data tr td:first-child {border-left:none;}
.sub305 .result .data tr th:last-child {border-right:none;}
.sub305 .result .data tr td:last-child {border-right:none;}
.sub305 .result .data th span { font-weight: normal; }
.sub305 .result .data td { padding: 5px 15px; line-height: 18px; vertical-align: top; text-align: right; color: #666; border: 1px solid #d2d2d2; }

.sub404 dl{/*border-right:solid 1px #ddd; border-left:solid 1px #ddd;*/}
.sub404 dl dt{ position:relative; padding:15px 20px 15px 50px; border-bottom:solid 1px #ddd; background:url('../images/sub/ico_q.gif') no-repeat 15px 50%;  font-size:14px; }
.sub404 dl dt .sort{ color:#278bdd}
/* .sub404 dl dt .up{display:block; width:17px; height:15px; cursor:pointer; position:absolute; right:15px; top:23px; background:url('../images/sub/arrow_up.gif') no-repeat;}*/
/* .sub404 dl dt .down{display:block; width:17px; height:15px; cursor:pointer; position:absolute; right:15px; top:23px; background:url('../images/sub/arrow_down.gif') no-repeat;}*/
.sub404 dl dt .up{width: 100%; cursor:pointer; background:url('../images/sub/arrow_up.gif') no-repeat 688px 3px;}
.sub404 dl dt .down{width: 100%; cursor:pointer; background:url('../images/sub/arrow_down.gif') no-repeat 688px 3px;}
.sub404 dl dd{ padding:15px 20px 15px 50px; border-bottom:solid 1px #ddd; background:#f9f9f9 url('../images/sub/ico_a.gif') no-repeat 15px 17px; line-height:24px; }
.sub404 dl dd.hidden{ display:none;}

.sub407 .search_center li{ display:inline-block; background:url('../images/common/bullet_gray.gif') no-repeat 0 50%; padding-left:10px;}
.sub407 .search_center li.si{width:20%;}
.sub407 .search_center li.dong{width:40%;}
.sub407 .work{ margin-top:30px;}
.sub407 .work:after{ display:block; content:''; clear:both;}
.sub407 .work dl{ float:left; margin-right:30px; width:360px;}
.sub407 .work dt{ background:url('../images/common/bullet_gray.gif') no-repeat 0 50%; padding-left:10px;color:#222;}
.sub407 .work dd{ padding:20px; background:#f9f9f9; border-bottom:solid 1px #ddd; border-top:solid 1px #de3d38; margin-top:5px;}
.sub407 .work dd li{ line-height:24px;}

.sub408 .doclist{ padding:10px 20px 10px 30px; border:solid 1px #cbcbcb; background:#f9f9f9; border-radius:10px; margin-top:10px;}
.sub408 .doclist ul:after{display:block; content:''; clear:both;}
.sub408 .doclist li{display:inline-block; width:45%; float:left; border-bottom:dashed 1px #ddd; line-height:40px; padding-left:25px;}
.sub408 .doclist li:hover{ text-decoration:underline; font-weight:600; cursor:pointer;}
.sub408 .doclist li.last{border:none;}

/*사회복지시설*/
.sub306 ul li dt {float:left; margin-right:10px;}
.sub306 dd {overflow:hidden;}
.sub306 ol li {line-height:24px;}
.sub306 .summary.box { margin-top: 20px; padding: 15px 20px; font-size: 13px; border: 1px solid #b2b2b2; background-color: #e9f0f5; -ms-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.sub306 .nsummary.box { margin-top: 20px; padding: 15px 20px; font-size: 13px; border: 1px solid #b2b2b2; background-color: #e9f0f5; -ms-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }

/* 개인정보취급방침*/
.personal h5 {margin-bottom:10px;}
.personal p {line-height:22px; margin-bottom:5px;}
.personal ol {margin-bottom:10px; padding-left:10px; margin-top:10px;}
.personal ol li {line-height:26px;}
.personal ul {margin-bottom:10px; padding-left:10px;}
.personal ul li {line-height:26px;}

/*이용약관*/
.access_terms p {line-height:22px; margin-bottom:5px;}
.access_terms ol {margin-bottom:10px; padding-left:10px;}
.access_terms ol li {line-height:26px;}
.access_terms ul {margin-bottom:10px; padding-left:10px;}
.access_terms ul li {line-height:26px;}

/* 월별요금조회 */
.sub201 .box { margin: 30px 0 30px 10px; padding: 20px; width: 720px; border: 1px solid #e4e4e4; -ms-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -ms-box-shadow: -10px -10px #f4f4f4, 10px -10px #f4f4f4, -10px 10px #f4f4f4, 10px 10px #f4f4f4; -webkit-box-shadow: -10px -10px #f4f4f4, 10px -10px #f4f4f4, -10px 10px #f4f4f4, 10px 10px #f4f4f4; -moz-box-shadow: -10px -10px #f4f4f4, 10px -10px #f4f4f4, -10px 10px #f4f4f4, 10px 10px #f4f4f4; -o-box-shadow: -10px -10px #f4f4f4, 10px -10px #f4f4f4, -10px 10px #f4f4f4, 10px 10px #f4f4f4; box-shadow: -10px -10px #f4f4f4, 10px -10px #f4f4f4, -10px 10px #f4f4f4, 10px 10px #f4f4f4; }
.sub201 .box .row {}
.sub201 .box .row li { display: inline-block; line-height: 30px; }
.sub201 .box .row li.head { width: 100px; font-weight: bold; text-align: center; color: #333; }
.sub201 .box .row li.fid {}

.sub201 a.btn-bill{ display: inline-block; padding:10px 0;margin-top:10px; width:30%; text-align:center; font-size:13px; font-weight: bold; color: #fff; border: 1px solid #5a90c5; background:#6fa0d1; border-radius:5px;}
.sub201 a.btn-bill:hover{ background:#427fbc; border: 1px solid #3170af;}

/* 가중평균열량조회 */
.sub101 .search { margin-top: 20px; padding: 10px; border-top: 1px solid #919191; border-bottom: 1px solid #919191; }
.sub101 .search ul li { display: inline-block; }
.sub101 .search ul li.head { padding-left: 11px; width: 80px; font-weight: bold; background: url(../images/bul_dot.gif) no-repeat left 5px; }
.sub101 .search ul li.fid { margin-right: 3px; }
.sub101 .search ul li.fid span { display: inline-block; padding: 3px; border: 1px solid #bebebe; }
.sub101 .search ul li.fid span input[type=text] { width: 90px; height: 16px; line-height: 16px; font-size: 11px; color: #7c7c7c; border: 0; }
.sub101 .search ul li.fid span img { vertical-align: middle; }
.sub101 .result { margin-top: 20px; height: 120px; text-align: center; background-color: #e9f0f5; }
.sub101 .result p { display: inline-block; line-height: 120px; vertical-align: middle; font-size: 20px; }
.sub101 .result p.val { margin: 0 50px; font-size: 25px; }
.sub101 .result p.val span { font-size: 40px; font-weight: bold; color: #1b87cf; }
.sub101 .result .no-date { height: 120px; font-size: 13px; font-weight: bold; text-align: center; color: #919191; }

/*사이트맵*/
.contents2 .sitemap dl {width:155px; padding-bottom:40px; margin-right:40px; float:left;}
.contents2 .sitemap dl dt {color:#424242; letter-spacing:-1px; font-weight:600; padding: 0 0 10px 7px; font-size:19px; border-bottom:3px solid #df4646;}
.contents2 .sitemap .depth1 li {color:#555; line-height:20px; padding:10px 0 10px 10px; font-size:13px; border-bottom:1px solid #ddd;}
.contents2 .sitemap .depth2 li  {color:#888; line-height:20px; padding:5px 0 5px 7px; font-size:12px; border:none; background:url('../images/icon_sub_tit06.gif') no-repeat left 50%;  }
.contents2 .sitemap .depth1 li a {color:#555; font-weight:600;}
.contents2 .sitemap .depth1 li a:hover {color:#5082c9; }
.contents2 .sitemap .depth2 li a {color:#888;}
.contents2 .sitemap .depth2 li a:hover {color:#555; text-decoration:underline;}

.contents table.list2 {width: 100%; border-radius:5px;-ms-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.contents table.list2 tr {border-bottom:1px dotted #ccc;}
.contents table.list2 tr:last-child {border-bottom:none;}
.contents table.list2 tr th { padding: 10px; font-size: 13px; line-height:18px; font-weight: bold; color: #333; /*background-color: #f9f9f9;*/ border-right:1px dotted #ddd; }
.contents table.list2 tr td { padding: 10px 15px; line-height: 18px; text-align: center; color: #666;}
.contents table.list2 tr th:first-child { border-left:none;}
.contents table.list2 tr th:last-child { border-right:none;}
.contents table.list2 tr td:first-child { border-left:none;}
.contents table.list2 tr td:last-child { border-right:none;}


.contents table.list3 {width: 100%; background:#d7e8ff; border-radius:5px;-ms-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.contents table.list3 tr th { padding: 10px; font-size: 15px; line-height:18px; font-weight: bold; color: #333;  border-right:1px dotted #ddd; }
.contents table.list3 tr td { padding: 10px 15px; line-height: 18px; text-align: center; color: #2e6bc2; font-size: 15px; font-weight: bold;}

.contents table.list4 {width: 100%; background:#ecf4ff; border-radius:5px;-ms-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.contents table.list4 tr th { padding: 10px; font-size: 15px; line-height:18px; font-weight: bold; color: #333;  border-right:1px dotted #ddd; }
.contents table.list4 tr td { padding: 10px 15px; line-height: 18px; text-align: center; color: #2e6bc2; font-size: 15px; font-weight: bold;}

.down{display:inline-block; width:74px; height:20px; text-align:left; margin:0 0 0 15px; cursor:pointer; background:url('../images/sub/arrow_down.gif') no-repeat 54px 7px;}
.up{display:inline-block; width:74px; height:20px; text-align:left; margin:0 0 0 15px; cursor:pointer; background:url('../images/sub/arrow_up.gif') no-repeat 54px 7px;}

.sub404 dl dt .up{margin: 0;}
.sub404 dl dt .down{margin: 0;}

/* 설비시공업체 */
.sub501 .search { margin-top: 20px; padding: 10px; border-top: 1px solid #919191; border-bottom: 1px solid #919191; }
.sub501 .search ul li { display: inline-block; }
.sub501 .search ul li.head { padding-left: 11px; width: 80px; font-weight: bold; background: url(../images/bul_dot.gif) no-repeat left 5px; }
.sub501 .search ul li.fid { margin-right: 3px; }
.sub501 .search ul li.fid select { height: 18px; line-height: 18px; font-size: 11px; }

/* 230323 달력css 수정 */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{color:#002c4c !important;}
.ui-widget-header{background:#10629f !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{background:#fff !important; box-shadow:inset 0 0 0 2px #10629f !important; border:1px solid #10629f !important;}

/* 20250311 _ 단계표시기 */
.krds-step-wrap {display: flex; gap: 24px; padding: 32px; margin: 0 0 40px 0 !important; background-color: #fafafa; border-radius: 4px;}
.sr-only {position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;}
.krds-step-wrap li {padding-top: 40px; width: calc(100% / 4 - 12px); position: relative;}
.krds-step-wrap li::after {content: ""; position: absolute; top: 12px; left: 26px; width: 100%; height: 2px; background-color: #676767;}
.krds-step-wrap li.done::after {background-color: #000000;}
.krds-step-wrap li:last-child:after {content: none;}
.krds-step-wrap li > span {display: flex; flex-direction: column; gap: 2px;}
.krds-step-wrap li > span:before {content: ""; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background-color: #676767; border: 0.1rem solid #676767; border-radius: 100px;}
.krds-step-wrap li.active > span:before {background-color: #DD0A03; border: 0.1rem solid #DD0A03;}
.krds-step-wrap li.done > span:before {background-color: #000000; border: 0.1rem solid #000000;}
.krds-step-wrap li.active > span::after {content: ""; position: absolute; top: 4px; left: 4px; width: 14px; height: 14px; border: 2px solid #fff; border-radius: 100px;}
.krds-step-wrap li.done > span::after {content: "✓"; position: absolute; top: 4px; left: 8px; color: #fff;}
.krds-step-wrap li span .step {position: relative;}
.krds-step-wrap li span .step-tit {font-size: 16px; font-weight: 600;}