<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8"; 
/* 웹폰트적용 */
@import url("font.css");
/*@import url("../fonts/font-awesome-4.7.0/css/font-awesome.min.css");*/


/* Layout CSS Document */
.skipNav {display:block; position: fixed; top: 0; left: 0; width: 100%; z-index: 101;}
.skipNav a {display: block; position: absolute; top: -9999px;}
.skipNav a span {display: block; padding: 10px 0; border: 3px solid #FFB747; background: #000; color: #fff; text-align: center;}
.skipNav a:hover, .skipNav a:active, .skipNav a:focus {display:inline-block; width: 100%; z-index: 100; top:0;}


/* Desktop Layout Style */
.sectionWrap {display:block;position:relative;min-width:320px;margin:0; padding:0; box-sizing:border-box;}
.innerZone {display:block;position:relative;width:1200px;margin:0 auto;box-sizing:border-box;}

/* header layout  */
.sectionHeader {display:block; position:relative; margin:0; padding:35px 0 0 0; background-color:#5f5f5f; z-index:100;}
.sectionHeader .toastBanner {display:none;}
.sectionHeader .headerWrap {display:block;position:relative;height:80px;margin:0;padding:0;border-bottom: 1px solid #ccc;background-color:#FFF;}
.sectionHeader .headerWrap .innerZone {padding:0;}
.sectionHeader .headerWrap a.logo {display:inline-block; position:absolute; left:0; top:23px;}
.sectionHeader .headerWrap a.logo img {position:relative; vertical-align:middle;}
.sectionHeader .headerWrap a.logo img + img {width:112px; margin-left:16px; padding-left:20px; background:url('/images/common/layout/h1_linedot.jpg') no-repeat center left; background-size:2px 34px;}

.headerWrap .quickBg {display:none;}
.headerWrap .otherHome {display:none; position:absolute; left:0; top:-35px; font-size:1.4em;}
.headerWrap .otherHome li {float:left; display:inline-block; height:27px; padding:8px 20px 0 20px;}
.headerWrap .otherHome li.current {background-color:#fff;}
.headerWrap .otherHome li.current a {color:#333;}
.headerWrap .otherHome li.current a:hover {color:#333;}
.headerWrap .otherHome li a {color:#ccc;}
.headerWrap .otherHome li a:hover {color:#fff;}

.headerWrap .quickArea.pc {position:absolute; top:30px; right:0px; cursor:pointer}
.headerWrap .quickArea{display:inline-block; color:#666}
.headerWrap .quickArea li {float:left; display:inline-block; position:relative; margin:0;}
.headerWrap .quickArea li a {display:block;color:#333;padding:5px 10px;border-radius:2px;border:1px solid #ccc;}
.headerWrap .quickArea li a:hover {color:#0075c2;background-color:#f5f5f5;}
.headerWrap .quickArea span, remote_btn{ background:url("../images/main/icon01.png") no-repeat 13px ; background-color:#5c98d7; width:101px; padding:5px 10px 6px 40px;border-radius: 5px; margin-left: 5px;cursor: pointer;behavior: url("PIE.htc");}
.headerWrap .quickArea span a, remote_btn a{color: #fff; width:100%; font-size:14px;}
.headerWrap .quickArea li + li {padding-left:7px;}
.headerWrap .quickArea li.lang {padding:5px 3px; background:none;}
.headerWrap .quickArea li.lang a {display:inline-block; font-size:13px; padding:0 15px; border:1px solid #ccc; border-radius:20px;}
.headerWrap .quickArea li.lang a:hover {background:#4f4f4f;}

.headerWrap .quickmenu.pc {position:absolute; top:30px; right:200px; cursor:pointer }
.headerWrap .quickmenu{display:inline-block; color:#666}
.headerWrap .quickmenu li {float:left; display:inline-block; position:relative; height:32px; margin:0 10px; padding:5px 7px 2px 7px;}
.headerWrap .quickmenu li.qmenu_01 {padding-left:25px;background:url(../images/common/icon_monitor.png) no-repeat 0 47%;}
.headerWrap .quickmenu li.qmenu_02 {padding-left:25px;background:url(../images/common/icon_lock.png) no-repeat 0 47%;}
.headerWrap .quickmenu li.qmenu_03 {padding-left:25px;background:url(../images/common/icon_headphone.png) no-repeat 0 47%;}
.headerWrap .quickmenu li a {color:#333;}
.headerWrap .quickmenu li a:hover {color:#0075c2;}
.headerWrap .quickmenu span, remote_btn{ background:url("../images/main/icon01.png") no-repeat 13px ; background-color:#5c98d7; width:101px; padding:5px 10px 6px 40px;border-radius: 5px; margin-left: 5px;cursor: pointer;behavior: url("PIE.htc");}
.headerWrap .quickmenu span a, remote_btn a{color: #fff; width:100%; font-size:14px;}
.headerWrap .quickmenu li + li {padding-left:7px; background:url("../images/common/dot22_b3.gif") no-repeat left 50%;}
.headerWrap .quickmenu li.lang {padding:5px 3px; background:none;}
.headerWrap .quickmenu li.lang a {display:inline-block; font-size:13px; padding:0 15px; border:1px solid #ccc; border-radius:20px;}
.headerWrap .quickmenu li.lang a:hover {background:#4f4f4f;}

.headerWrap .headFunction {position:absolute; top:25px; right:0;  z-index:102;}
.headerWrap .headFunction .keeasitelink {font-size:12px; font-family:NotoKR-Regular !important;}
.headerWrap .headFunction .keeasitelink &gt; button.btn_keeasiteLink {display:block; position:relative; width:150px; font-size:12px; border:1px solid #ddd; padding:10px 30px 10px 10px; background-color:#fff; }
.headerWrap .headFunction .keeasitelink &gt; button.btn_keeasiteLink:after {content:""; display:block; position:absolute; right:5%; top:50%; width:11px; height:11px; margin-top:-6.0px;  background:url('../images/common/familysite_arrow.png') no-repeat center bottom; background-size:11px 22px;}
.headerWrap .headFunction .keeasitelink &gt; button.btn_keeasiteLink.open {border:1px solid #0075c2; background-color:#f5f5f5; }
.headerWrap .headFunction .keeasitelink &gt; button.btn_keeasiteLink.open:after {background-position:center top;}
.headerWrap .headFunction .keeasitelink ul.keeasitelink_box {background-color:#0075c2;}
.headerWrap .headFunction .keeasitelink ul.keeasitelink_box li {}
.headerWrap .headFunction .keeasitelink ul.keeasitelink_box li &gt; a {display:block; color:#fff; padding:8px 15px;}
.headerWrap .headFunction .keeasitelink ul.keeasitelink_box li &gt; a:hover {background-color:#003366;}
.headerWrap .headFunction .keeasitelink ul.keeasitelink_box li &gt; a span {display:block;}


/* 본문영역 layout  */
.sectionBody {display:block; position:relative; margin:0; padding:0;}
.sectionBody .subVisual {display:table;position:relative;width:100%;height:200px;margin:0;padding:0;background-color:#FFF;background-position:50% 50%;background-repeat:repeat-x;}

/* title */
h1.svH{display:block;position:relative;margin:0;padding:10px 0 5px;color:#fff;font-size:2.429rem;font-weight:bold;text-align:center;} 
/* title 하단 슬로건 */
.svH_txt{color:#fff;font-size:1rem;text-align:center;}

.sectionBody .subVisual .innerZone .sVisual_txt {display:table;width:100%;height:150px;color:#fff;text-align:center;}
.sectionBody .subVisual .innerZone .sVisual_txt .s_txt {display:block;font-size:16px;}
.sectionBody .subVisual .innerZone .sVisual_txt .b_txt {display:table-cell;font-size:34px;letter-spacing:-0.05em;vertical-align:middle;font-family:NotoKR-Medium !important;}

.sectionBody .subVisual.gnb01 {background:url("../images/common/subvisualBg_01.jpg") no-repeat center top;}/* 조합서비스 */
.sectionBody .subVisual.gnb02 {background:url("../images/common/subvisualBg_02.jpg") no-repeat center top;}/* 마이페이지 */
.sectionBody .subVisual.gnb03 {background:url("../images/common/subvisualBg_03.jpg") no-repeat center top;}/* 인터넷영업점 */
.sectionBody .subVisual.gnb08 {background:url("../images/common/subvisualBg_04.jpg") no-repeat center top;}/* 조합소개 */
.sectionBody .subVisual.gnb09 {background:url("../images/common/subvisualBg_05.jpg") no-repeat center top;}/* 업무안내 */
.sectionBody .subVisual.gnb11 {background:url("../images/common/subvisualBg_06.jpg") no-repeat center top;}/* 법령정보 */
.sectionBody .subVisual.gnb12 {background:url("../images/common/subvisualBg_07.jpg") no-repeat center top;}/* 제휴서비스 */
.sectionBody .subVisual.gnb13 {background:url("../images/common/subvisualBg_08.jpg") no-repeat center top;}/* 커뮤니티 */
.sectionBody .subVisual.gnb14 {background:url("../images/common/subvisualBg_09.jpg") no-repeat center top;}/* 자문서비스 */
.sectionBody .subVisual.gnb17 {background:url("../images/common/subvisualBg_11.jpg") no-repeat center top;}/* 자문서비스 */
.sectionBody .subVisual.gnb18 {background:url("../images/common/subvisualBg_12.jpg") no-repeat center top;}/* 자문서비스 */

.sectionBody .pageNav {display:block; position:relative; margin:0; padding:0; border-bottom:solid #e6e6e6 1px; font-size:1em;}
.sectionBody .pageNav .innerZone {border-left:solid #e6e6e6 1px; border-right:solid #e6e6e6 1px;}
.sectionBody .pageNav .innerZone:after {content:''; display:block; clear:both;}
.sectionBody .pageNav button[type="button"] {float:left; display:block; position:relative; width:69px; height:50px; margin:0; padding:0; text-indent:-9999px; font-size:0; border:none; background-color:#FFF;}
.sectionBody .pageNav button[type="button"]:hover {background-color:#e4f3fa;}
.sectionBody .pageNav button[type="button"] var {display:block; position:absolute; width:100%; height:100%; left:0; top:0; background:url("/images/common/ico_home.png") no-repeat}
.sectionBody .pageNav button[type="button"].home var {background-position:50% -8px;}
.sectionBody .pageNav button[type="button"].share {left:-1px; border-right:1px solid #e6e6e6;}
.sectionBody .pageNav button[type="button"].share var {background-position:50% -208px;}
.sectionBody .pageNav button[type="button"].print var {background-position:50% -108px;}
.sectionBody .pageNav .share_list {display:none; position:absolute; width:71px; padding:69px 0 0 0; border:solid #e6e6e6 1px; background:#FFF; right:69px; top:0; z-index:5;}
.sectionBody .pageNav .share_list ul {display:block; position:relative; margin:0; padding:5px 8px;}
.sectionBody .pageNav .share_list li {display:block; position:relative; margin:0; padding:5px 0; text-align:center;}
.sectionBody .pageNav .share_list button {float:inherit; width:40px; height:40px; margin:0 auto;}
.sectionBody .pageNav .share_list button.pUrl {background:url("/images/common/Share/mUrl.png") no-repeat left top; background-size:cover}
.sectionBody .pageNav .share_list button.pFacebook {background:url("/images/common/Share/mFacebook.png") no-repeat left top; background-size:cover}
.sectionBody .pageNav .share_list button.pMail {background:url("/images/common/Share/mMail.png") no-repeat left top; background-size:cover}
.sectionBody .pageNav .share_list button.close_share {position:absolute; width:69px; height:69px; background:url("/images/common/Share/pClose.png") no-repeat left top; background-size:cover; left:0; top:0}

.sectionBody .pageNav .lnb {float:left; display:block; position:relative; width:930px; margin:0; padding:0; box-sizing:border-box; border-left:solid #e6e6e6 1px; z-index:50;}
.sectionBody .pageNav .lnb .item {float:left; display:table; position:relative; margin:0; padding:0; border-right:solid #e6e6e6 1px; background:url("/images/common/lnbArrow_befor.png") no-repeat right 50%; box-sizing:border-box;}
.sectionBody .pageNav .lnb .item.on {background-image:url("/images/common/lnbArrow_open.png")}
.sectionBody .pageNav .lnb .item a {display:table-cell; position:relative; height:50px; min-width:258px; margin:0; padding:0 30px 0 20px; vertical-align:middle;}
.sectionBody .pageNav .lnb .item ul {display:none; position:absolute; width:100%; padding:17px 0; left:-1px; top:50px; z-index:10; background-color:#FFF; border:solid #e6e6e6 1px;}
.sectionBody .pageNav .lnb .item ul li {display:table; position:relative; width:100%; margin:0; padding:0;}
.sectionBody .pageNav .lnb .item ul li a {display:table-cell; position:relative; width:inherit; height:20px; margin:0; padding:10px 20px; background:none; font-size:1em; line-height:1.15em;}
.sectionBody .pageNav .lnb .item ul li a:hover, .sectionBody .pageNav .lnb .item ul li a:focus {background-color:#e4f3fa; color:#0d0d0d;}

.sectionBody .contentsArea {display:block; position:relative; padding:0;}
.sectionBody .bodyArea {margin-bottom: 40px;}
.sectionBody .bodyArea .innerZone{padding-top:50px;}

/* 왼쪽 메뉴 영역 */
.sectionBody .bodyArea #lmb {float:left;width:250px;background: #fff;}
#lmb .lmb_title {display:table;color:#fff;width:100%;height:90px;font-size:23px;font-weight: bold;padding:0 0 0 0;
background: #159957;  /* fallback for old browsers */
background: -webkit-linear-gradient(135deg, #155799 50%, #159957);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(135deg, #155799 50%, #159957); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

font-family: NotoKR-Light !important;}
#lmb .lmb_title span {display:table-cell;height:90px;vertical-align:middle;padding:0 0 0 20px;background: url(../images/common/lmb_titl_bg.png) no-repeat 150% 25px;}
#lmb .lmb_depth2 {border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
#lmb .lmb_depth2 li {position:relative; display:block; color:#333; font-size:15px; letter-spacing:-0.05em; border-bottom:1px solid #ddd; font-family:NotoKR-Regular !important;}
#lmb .lmb_depth2 a.depth2 {display:block; padding:13px 40px 13px 13px;}
#lmb .lmb_depth2 a.depth2:hover {display:block; color:#0075c2;}
#lmb .lmb_depth2 a.depth2:after {display:inline-block; position:absolute; top:0; right:0; width:28px; height:47px; background:url('../images/common/layout/side_depth2.png') no-repeat 0 0; content:''; overflow:hidden;}
#lmb .lmb_depth2 li.current {margin-top:-1px; background-color:#fff;}
#lmb .lmb_depth2 li.current &gt; a {color:#0075c2;font-family: NotoKR-Medium !important;}
#lmb .lmb_depth2 li.current a:hover {color:#0075c2;}
#lmb .lmb_depth2 li.current a:after {background-position:0 -50px;}
#lmb .lmb_depth2 li.plus a:after {background-position:0 -101px;}
#lmb .lmb_depth2 li.msc a:after {background-position:0 -150px;}
#lmb .lmb_depth2 &gt; li.on &gt; a  {color:#0075c2;}

#lmb .lmb_depth2 &gt; li.current &gt; .depth3,
#lmb .lmb_depth2 &gt; li.plus &gt; .depth3 { padding:12px 19px 12px; background-color:#fafbfd; border-top:1px solid #dddddd;}
#lmb .depth3 &gt; li { padding:2px 9px;border-bottom:none;background:url('../images/new/layout/side_depth3.gif') no-repeat 0 12px;}
#lmb .depth3 &gt; li.on { background:url('../images/new/layout/side_depth3_on.gif') no-repeat 0 12px;}
#lmb .depth3 &gt; li &gt; a {color:#333;font-size:13px;}
#lmb .depth3 &gt; li &gt; a:hover {color:#0075c2;}
#lmb .depth3 &gt; li.on &gt; a {color:#0075c2;}

/* 본문 영역 */
.sectionBody .bodyArea #content {margin-left:270px;/*width:826px;*/background: #fff;min-height:550px;}

.sectionBody .bodyArea #content:after {display:block; content:""; clear:both; }
#content h1.stitle{position:relative; font-size:30px; letter-spacing:-0.06em;padding-bottom:10px;border-bottom:1px solid #ddd; font-family:NotoKR-Medium, Roboto-Medium !important;}
#content h1.stitle span.bullet_content_title {position:absolute; top:-13px; left:0px;}

#content .path_wrap {position:absolute;top:17px;width:100%;height:30px;z-index:11;right:50px;}
#content .path_wrap ul {position:absolute; right:0;}
#content .path_wrap ul.path li {display:inline-block; float:left; font-size:14px; padding-left:15px; background:url('../images/common/layout/location_arrow.gif') no-repeat left center; font-family:NotoKR-Regular !important;}
#content .path_wrap ul.path li:last-child{color: #006cab}
#content .path_wrap ul.path li.home {width:20px; height:20px; padding-left:0; background:url('../images/common/layout/icon_home.gif') no-repeat 0 0;}
#content .path_wrap ul.path li.home a span {font-size:0; text-indent:-9999px;}
#content .path_wrap ul.path li a {display:block;}
#content .path_wrap ul.path li a:hover {color:#006cab}

#content .print_wrap {position:absolute;top:17px;left:0;width:100%;height:30px;z-index:11;}
#content .print_wrap ul {position:absolute; right:0;}
#content .print_wrap ul.print li {display:inline-block; float:left; font-size:14px; padding-left:15px; font-family:NotoKR-Regular !important;}



/* 페이지상단 설명 및 안내 */
/*#content .detail_content {position:relative; min-height:300px; /*margin-bottom:80px;*/ overflow:hidden; letter-spacing:1em; line-height:1.6; font-family:NotoKR-Normal !important;}*/
#content .detail_content {position:relative; min-height:300px; /*margin-bottom:80px;*/ overflow:hidden;  line-height:1.6; }
#content .detail_content .page_intro {position:relative;}
#content .detail_content .page_intro h2 {font-size:18px;font-weight:600;line-height:1.4;}
#content .detail_content .page_intro h2 span,
#content .detail_content .page_intro p span {color:#e5005a;}
#content .detail_content .page_intro p {margin-top:5px; text-align:justify;}

/* KEEA SITE LINK */
.keeasite_sidelink {display:none;position:absolute;top:30px;right:0;width:160px;}
.keeasite_sidelink h3 {color:#fff; font-size:13px; text-align:center; padding:10px 0; background-color:#a2b4cc;border-top: 1px solid #cbd0d6;border-left: 1px solid #cbd0d6;border-right: 1px solid #cbd0d6}
.keeasite_sidelink ul li {height: 47px;padding:10px 0; border-left:1px solid #cbd0d6; border-right:1px solid #cbd0d6; border-bottom:1px solid #cbd0d6; background-color:#fff;}
.keeasite_sidelink ul li:nth-child(3),
.keeasite_sidelink ul li:nth-child(5),
.keeasite_sidelink ul li:nth-child(8){padding:2px 0;}

.keeasite_sidelink ul li a {position: relative;display:block; padding:5px 5px 5px 35px; font-size:12px; letter-spacing:-0.05em; background:url('../images/common/layout/icon_keeasitelink.jpg') no-repeat; font-family:NotoKR-Regular !important;}
.keeasite_sidelink ul li a.ksl01 {background-position:2px 7px;}/* 전기인 뉴스*/
.keeasite_sidelink ul li a.ksl02 {background-position:2px -35px;}/* 공동 구매몰*/
.keeasite_sidelink ul li a.ksl03 {background-position:2px -67px;}/* 정보통합센터(신고 및 증명서 발급)*/
.keeasite_sidelink ul li a.ksl04 {background-position:2px -125px;}/* 전기기술지원센터*/
.keeasite_sidelink ul li a.ksl05 {background-position:2px -165px;}/* 진단정보 종합관리시스템*/
.keeasite_sidelink ul li a.ksl06 {background-position:2px -225px;}/* 전기기술연구원*/
.keeasite_sidelink ul li a.ksl07 {background-position:2px -276px;}/* 전기기술교육원*/
.keeasite_sidelink ul li a.ksl08 {background-position:2px -315px;}/* 전력분야 인력양성사업*/
.keeasite_sidelink ul li a.ksl09 {background-position:2px -373px;}/* 공제 홈페이지*/
.keeasite_sidelink ul li a.ksl10 {background-position:2px -425px;}/* 시도회 홈페이지*/
.keeasite_sidelink ul li a.ksl03:after,
.keeasite_sidelink ul li a.ksl05:after,
.keeasite_sidelink ul li a.ksl08:after{display:inline-block; position:absolute; top:-4px; right:0; width:20px; height:47px; background:url('../images/common/layout/side_depth3.png') no-repeat 0 0; content:''; overflow:hidden;}

.keeasite_sidelink ul li a.ksl01:after,
.keeasite_sidelink ul li a.ksl02:after,
.keeasite_sidelink ul li a.ksl04:after,
.keeasite_sidelink ul li a.ksl06:after,
.keeasite_sidelink ul li a.ksl07:after,
.keeasite_sidelink ul li a.ksl09:after,
.keeasite_sidelink ul li a.ksl10:after{display:inline-block; position:absolute; top:-12px; right:0; width:20px; height:47px; background:url('../images/common/layout/side_depth3.png') no-repeat 0 0; content:''; overflow:hidden;}
.keeasite_sidelink ul li a span,
.keeasite_sidelink ul li a em {display:block; font-style:normal;}
.keeasite_sidelink ul li a em {font-size:11px;}

.keeasite_sidelink .Top {margin-top:20px; text-align:center;}
.keeasite_sidelink .Top a {display:inline-block; width:60px; height:60px; font-size:0; text-indent:-9999px; background:url('../images/common/share/pTop.png') no-repeat 0 0;}

.mShare {display:none;}


/* 컨텐츠 영역분할  */
.partitionWrap {display:block; position:relative; margin:0; padding:0;}
.partitionWrap:after {content:''; display:block; clear:both;}
.partitionWrap .deck {display:block; position:relative; margin:0; padding:0; box-sizing:border-box;}
.partitionWrap.col02 .deck, .partitionWrap.col03 .deck, .partitionWrap.col04 .deck {float:left;}
.partitionWrap.col02 .deck {width:535px;}
.partitionWrap.col02 .deck + .deck {margin-left:70px;}
.partitionWrap.col03 .deck {width:348px;}
.partitionWrap.col03 .deck + .deck {margin-left:48px;}
.partitionWrap.col04 .deck {width:267px;}
.partitionWrap.col04 .deck + .deck {margin-left:24px;}


/* modalDeck */
.modalDeck {display:none; position:fixed; width:100%; height:100%; left:0; top:0; z-index:999;}
.modalDeck.on {display:block;}
.modalDeck .modal_bg {display:block; position:absolute; width:100%; height:100%; background-color:#000; opacity:0.8; left:0; top:0;}
.modalDeck .modal_layer {display:block; position:absolute; margin:0; padding:0; background-color:#FFF; left:50%; top:50%; z-index:1;}
.modalDeck .modal_layer.s360 {width:360px; margin-left:-180px;}
.modalDeck .modal_layer.s500 {width:500px; margin-left:-250px;}
.modalDeck .modal_layer.s600 {width:600px; margin-left:-300px;}
.modalDeck .modal_layer .head_title {display:table; position:relative; width:100%; height:50px; margin:0; padding:0 60px 0 20px; box-sizing:border-box; background-color:#007dc5; color:#FFF}
.modalDeck .modal_layer .head_title h1 {display:table-cell; position:relative; margin:0; padding:0; font-size:1.375em; color:#FFF; vertical-align:middle;}
.modalDeck .modal_layer .head_title h3 {display:table-cell; position:relative; margin:0; padding:0; font-size:1.375em; color:#FFF; vertical-align:middle;}
.modalDeck .modal_layer .innerWrap {display:block; position:relative; /*min-height:150px;*/ margin:0; padding:30px;}
.modalDeck .modal_layer .innerWrap .modal_title {display:block; position:relative; margin-bottom:20px; text-align:center;}
.modalDeck .modal_layer .innerWrap .password input {display:block; position:relative; width:100%; text-align:center;}
.modalDeck .modal_layer .innerWrap .btn_wrap {margin-top:30px;}
.modalDeck .modal_layer .innerWrap .url {display:block; position:relative; width:100%;}
.modalDeck .modal_layer .innerWrap .url input {display:block; position:relative; width:100%;}
.modalDeck .modal_layer .modal_closed {display:block; position:absolute; width:50px; height:50px; border:none; background:url("/images/common/modal_closed.png") no-repeat left top; background-size:cover; text-indent:-9999px; right:0; top:0;}


/* 인증레이어-휴대폰인증추가 */
.myself_certified {display:table; position:relative; max-width:538px; margin:0 auto; padding:0;}
.myself_certified .phone_certified {float:left; display:table-cell; position:relative; width:252px; margin:0; padding:45px 0 30px; border:solid #ccc 1px;}
.myself_certified .phone_certified .phone_backg {display:block; position:relative; margin-bottom:30px; padding-bottom:137px; background:url('/shared_growth/images/common/popup/bg_phone_certified.png') no-repeat center bottom; font-size:1.125em; color:#0d0d0d; text-align:center;}
.myself_certified .ipin_certified {float:right; display:table-cell; position:relative; width:252px; margin:0 0 0 30px; padding:45px 0 30px; border:solid #ccc 1px;}
.myself_certified .ipin_certified .ipin_backg {display:block; position:relative; margin-bottom:30px; padding-bottom:137px; background:url('/shared_growth/images/common/popup/bg_ipin_certified.png') no-repeat center bottom; font-size:1.125em; color:#0d0d0d; text-align:center;}
.certified_phrase {display:block; position:relative; margin-top:30px; padding:0; font-size:1em; color:#666;}
.btn_certified .btnLarge {max-width:110px; padding:0 26px; font-size:1em;}

/* popDeck */
.popDeck {display:block; position:relative; margin:0; padding:0;}
.popDeck .head_title {display:table; position:relative; width:100%; height:50px; margin:0; padding:0 60px 0 20px; box-sizing:border-box; background-color:#007dc5; color:#FFF}
.popDeck .head_title h1 {display:table-cell; position:relative; margin:0; padding:0; font-size:1.125em; color:#FFF; vertical-align:middle;}
.popDeck .innerWrap {display:block; position:relative; min-height:150px; margin:0; padding:30px;}
.popDeck .modal_closed {display:block; position:absolute; width:50px; height:50px; border:none; background:url("/images/common/modal_closed.png") no-repeat left top; background-size:cover; text-indent:-9999px; right:0; top:0;}

/* Footer layout  */
.sectionFooter {display:table; position:relative; width:100%; background-color:#fff;}
.sectionFooter .userGuide {display:block; position:relative; height:49px; margin:0; padding:0;border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.sectionFooter .userGuide .innerZone:after {content:''; display:block; clear:both;}
.sectionFooter .userGuide .link {float:left; display:table; position:relative; margin:0; padding:14px 0;}
.sectionFooter .userGuide .link li {float:left; display:inline-block; position:relative; margin:0 18px 0 0;}
.sectionFooter .userGuide .link li a {background: url("../images/common/layout/line_btm.png") no-repeat left; padding-left:18px;}
.sectionFooter .userGuide .link li:first-child a{background: none; padding-left: 0px;}
.sectionFooter .userGuide .link li.focus a {color:#e5005a;font-size: 14px;}

.sectionFooter .userGuide .snsLink {display:inline-block; position:relative; float:right; margin:0; padding:0;}
.sectionFooter .userGuide .snsLink ul {height:50px;}
.sectionFooter .userGuide .snsLink ul li {float:left; margin-left:15px; line-height:1;}
.sectionFooter .userGuide .snsLink ul li a {display:inline-block; width:36px; height:36px; border:1px solid #e5e5e5; border-radius:18px; text-indent:-9999px; font-size:0; background:url('../images/common/icon_snslink.png') no-repeat;}
.sectionFooter .userGuide .snsLink ul li a.facebook {background-position:12px 8px;}
.sectionFooter .userGuide .snsLink ul li a.naverblog {background-position:-22px 8px;}
.sectionFooter .userGuide .snsLink ul li a.twitter {background-position:-62px 8px;}
.sectionFooter .userGuide .snsLink ul li a.kakao {background-position:-101px 8px;}
.sectionFooter .userGuide .snsLink ul li a.instagram {background-position:-137px 8px;}


.sectionFooter .userGuide .familySite {display:inline-block; position:relative; float:right; margin:0; padding:0;}
.sectionFooter .userGuide .familySite .familySite_layer {display:block; position:absolute; bottom:60px; width:175px; border:1px solid #e5e5e5; background-color:#fff; z-index:100;}
.sectionFooter .userGuide .familySite .familySite_layer li a {display:block; padding:5px 20px;}
.sectionFooter .userGuide .familySite .familySite_layer li a:hover {background-color:#f8f8f8;}
.sectionFooter .userGuide .btn_familySite {display:block; position:relative; font-size: 14px; width:177px; height:48px; line-height:1em; margin:0; padding:0px 25px 0px 10px; color:#333333; text-align:left; border:solid #e5e5e5 1px; border-width:0 1px; background:transparent;}
.sectionFooter .userGuide .btn_familySite:after {content:""; display:block; position:absolute; right:5%; top:50%; width:11px; height:11px; margin-top:-5.5px; background:url(../images/common/familysite_arrow.png) no-repeat center bottom;background-size:11px 22px;}
.sectionFooter .userGuide .btn_familySite.open {background:#3c3d3f;}
.sectionFooter .userGuide .btn_familySite.open:after {background-position:center top;}
.sectionFooter .userGuide .btn_familySite.open + .familySite_layer {display:block;}

.sectionFooter .addressArea {display:block;position:relative;margin:0;padding:30px 0;}
.sectionFooter .addressArea .address {position:relative;}
.sectionFooter .addressArea .address:after {content:'';display:block;clear:both;}
.sectionFooter .addressArea .address .logo {float:left;display:block;}
.sectionFooter .addressArea .address .add_copy_txt {float:left;color:#666;font-size:13px;padding-left:30px;}


.sectionFooter .addressArea .logo img {width:100%;}
.sectionFooter .addressArea .address ul {display:block; position:relative; margin:0; padding:0;}
.sectionFooter .addressArea .address li {position:relative; margin:0; padding:0;}
.sectionFooter .addressArea .address li.cut {margin-left:0 !important; clear:left;}
.sectionFooter .addressArea .certificate {display:inline-block; position:absolute; padding-left:80px; right:0; top:0; font-size:0.857em}
.sectionFooter .addressArea .certificate .logo {display:block; position:absolute; width:60px; height:60px; left:0; top:0;}
.sectionFooter .addressArea .webaccess {display:block; position:absolute; width:91px; height:60px; left:710px; top:0;}
.sectionFooter .addressArea .webaccess img {width:100%;}
.sectionFooter .addressArea .certificate ul {display:block; position:relative; margin:0; padding:0;}
.sectionFooter button.pTop {display:block; position:fixed; width:60px; height:60px; left:50%; margin-left:590px; bottom:10px; border:none; background:url("/images/common/Share/pTop.png") no-repeat left top; background-size:cover; text-indent:-9999px; z-index:20;}

.sectionFooter .addressArea .mark{float: right}
.sectionFooter .addressArea .mark li{float: left;margin-left: 17px; }


/* header / footer 기능구현 배경처리 */
.header_bg_box {display:none; position:absolute; left:0; top:0; width:100%; height:0; background:#fff; opacity:0; z-index:1; border-top:1px solid #e6e6e6}
.header_bg_box.on,
.header_bg_box.gnb_on {display:block; top:79px; height:200px; opacity:1;}
.useToast .header_bg_box.gnb_on {top:265px;}
.header_bg_box.on:after {content:""; position:absolute; left:0; top:0; width:100%; height:60px; background:#007dc5;}
.header_bg_box.gnb_on {border-bottom:2px solid #333;box-shadow: 0px 3px 3px #bbb;}
.header_bg_box.gnb_on .btn_gnb_close {display:inline-block;position:absolute;right:100px;bottom:-37px;height:37px;padding:7px 17px 7px 33px; color:#fff; border-width:0; background:#173865; font-size:1em;}
.header_bg_box.gnb_on .btn_gnb_close:after {content:""; position:absolute; left:13px; top:50%; width:11px; height:11px; margin-top:-5.5px; background:url('../images/common/layout/btn_gnb_close.png') 0 0 no-repeat;}

.footer_bg_box {display:none; position:absolute; left:0; bottom:0; width:100%; height:0; background:#fff; opacity:0; z-index:1;}
.footer_bg_box.on {display:block; bottom:0; height:200px; opacity:1;}

/* Gnb */
/* pc / mobile 나눔 */
.gnb_bg {width:100%; position: absolute; top:127px;left:0; height:200px; background:#fff; border-bottom:1px solie #ccc; display: none;}
.gnbArea.pc {display:block;position:absolute;top:80px;right:0px;left:100px;box-sizing:border-box;z-index:101;}
.gnbArea.pc .gnbToggle {display:inline-block; float:right; width:113px;	height:50px; font-size:14px; color:#666;font-family: NotoKR-Medium !important; border:none;	background:#fff url('../images/common/layout/header_generalmenu.png') no-repeat 2px 2px;border-left: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;margin:  1px 0;padding:0 0 0 26px}
.gnbArea.pc .gnbToggle.close {background:#e5005a url('../images/common/layout/btn_gnbToggle_close.png') no-repeat 50% 50%;}
.gnbArea.mobile {display:none;}
.gnbArea.pc .btn_gnb_close {display:inline-block; position:absolute; right:0; bottom:-53px; height:37px; padding:7px 17px 7px 33px; color:#fff; border-width:0; background:#0079bf; font-size:1em;}
.gnbArea.pc .btn_gnb_close:after {content:""; position:absolute; left:13px; top:50%; width:11px; height:11px; margin-top:-5.5px; background:url(/images/common/layout/btn_gnb_close.png) 0 0 no-repeat;}
.gnb_close_bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99; font-size:0; text-indent:-9999px; opacity:0;}
.gnb_close_bg.gnb_on {display:block;}
.pc .gnb_depth1 {display:inline-block;}
.pc .gnb_depth1 &gt; li {display:table-cell;position:relative;text-align:center;min-width:190px;}
.pc .gnb_depth1 &gt; li:first-child .gnb_cont {border-left:1px solid #eee;}
.pc .gnb_depth1 .depth1 {display:inline-block;padding:10px 51px;text-align:center; font-size:17px;letter-spacing:-0.7px;border-width:0;/*border-top:3px olid #060c23; */font-family: NotoKR-Medium !important;background-color:#fff;}

.pc .gnb_depth1 .depth1.government {position:relative; padding-left:58px;}
.pc .gnb_depth1 .depth1.government:after {content:""; position:absolute; left:0; top:17px; width:58px; height:18px; background:url(/images/common/layout/depth1_company_government.png) 0 50% no-repeat;}
.pc .gnb_depth1 .depth1 img{vertical-align:text-top;}
.pc .depth1_banner {float:left; padding-left:30px;}
.pc .depth1_banner li + li {margin-top:8px;}
.pc .gnb_cont {display:block;position:absolute;top:47px;width:100%;text-align:left;border-right: 1px solid #eee;min-height:200px;z-index:-1;}
.pc .gnb_cont .gnb_depth2 {display:block; position:relative;padding:20px 0;}
.pc .gnb_cont .gnb_depth2 .depth2 {margin-left:15px;display:block;line-height:17px;color:#666;text-align:left;padding:2px 12px;font-weight:bold}
.pc .gnb_cont .gnb_depth2 .gnb_depth3{display:block; position:relative;}
.pc .gnb_cont .gnb_depth2 .gnb_depth3 .depth3 {margin-left:20px;display:block;line-height:17px;color:#666;text-align:left;padding:1px 12px;}

.gnb_cont_all {display:block; position:absolute; top:80px; width:100%; font-size:14px; background-color:#fff; z-index:200; border-top: 1px solid #ddd; border-bottom: 2px solid #333;}
.gnb_cont_all .gnb_line{position: absolute ;height: 52px; width: 100%;border-bottom: 1px solid #ddd;z-index: 2}
.gnb_cont_all .gnb_depth1 {display: block;    position: relative;    width: 1200px;  margin: 0 auto;    box-sizing: border-box;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.gnb_cont_all .gnb_depth1 h3 {font-size:18px; padding:13.2px 0; text-align: center;}
.gnb_cont_all .gnb_depth1 &gt; li {display:table-cell; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.gnb_cont_all .gnb_depth1 &gt; li:last-child {border-right:none;}
.gnb_cont_all .gnb_depth2 {display:block; position:relative; padding:16px;}
.gnb_cont_all .gnb_depth2 li:hover ,
.gnb_cont_all .gnb_depth2 li:focus{background:#0075c2;}
.gnb_cont_all .gnb_depth2 li:hover a,
.gnb_cont_all .gnb_depth2 li:focus a{color: #fff;}
.gnb_cont_all .gnb_depth2 .depth2 {display:block;line-height:1.8;font-size:13px;text-align:left;padding:0 7.5px;border-width:0;}
.gnb_cont_all .gnb_depth1 &gt; li:hover,
.gnb_cont_all .gnb_depth1 &gt; li:focus{color:#fff; background:#FAFAFA url(/images/common/layout/ico_arr_depth2.png) 95% 50% no-repeat;}

.pc .gnb_depth1 &gt; li .depth1:hover, 
.pc .gnb_depth1 &gt; li .depth1:focus, 
.pc .gnb_depth1 &gt; li.current .depth1{color:#1f4f9b;font-family: NotoKR-Medium !important;}
.pc .gnb_depth1 &gt; li .depth1:hover:after, 
.pc .gnb_depth1 &gt; li .depth1:focus:after,
.pc .gnb_depth1 &gt; li.current .depth1:after{content: '';display: block;position: absolute;top: 43px;left: 0;width: 100%;background-color: #1f4f9b;height: 4px;}

.pc .gnb_depth1 &gt; li.current .gnb_cont {display:block;left:0;z-index:100;}
.pc .gnb_depth2 .depth2:hover,
.pc .gnb_depth2 .depth2:focus,
.pc .gnb_depth2 &gt; li.current .depth2 {color:#0075c2; background-color:#f8f8f8;}
.pc .gnb_depth2 &gt; li.current .gnb_depth3 {display:block;}
.pc .gnb_depth3 .depth3:hover,
.pc .gnb_depth3 .depth3:focus,
.pc .gnb_depth3 &gt; li.current .depth3 {background:#e4f3fa;}

/* Gnb Tablet */
@media all and (min-width:768px) and (max-width:1150px) {
}

/* Gnb Mobile */
@media all and (max-width:767px) {	
}


/* 상단 통합검색/전체메뉴 버튼 */
.headFunction .commonSearch {float:left; display:block; margin:0; padding:0;}
.headFunction .commonSearch .searchBtn {display:block; position:relative; width:48px; height:48px; border:solid #e6e6e6 1px; background:#FFF url("/images/common/layout/header_search.png") no-repeat left top; background-size:cover; text-indent:-9999px;}
.headFunction .generalMenu {float:right; display:block; margin:0; padding:0;}
.headFunction .generalMenu .menuOpen {display:block; position:relative; width:48px; height:48px; border:solid #e6e6e6 1px; border-left:0; background:#FFF url("/images/common/layout/header_generalmenu.png") no-repeat left top; background-size:cover; text-indent:-9999px;}

/* 상단 Familysite/Language Selectbox Tablet */
@media all and (min-width:768px) and (max-width:1150px) {	
}

/* 상단 Familysite/Language Selectbox Tablet */
@media all and (max-width:767px) {
}


/* 상단 통합검색 레이어 */
.commonSearch .searchBtnClose {display:none;}
.commonSearch.on .commonSearch_open_box {display:table; left:0; opacity:1; z-index:200;}
.commonSearch.on .searchBtn {display:none;}
.commonSearch.on .searchBtnClose {display:block; position:relative; width:48px; height:48px; border:solid #007dc5 1px; text-indent:-9999px; background:#007dc5 url(/images/common/layout/searchBtn_input_close.png) center center no-repeat;}
.commonSearch_open_box {display:none; position:absolute; left:-99999px; top:81px; width:100%; opacity:0; z-index:-1;}
.commonSearch_open_box:after {display:block; content:""; clear:both;}
.commonSearch_input {display:table; width:100%; height:60px; background:#007dc5;}
.commonSearch_input input[type="text"] {float:left; width:92%; height:60px; border:0; color:#fff; font-size:16px; line-height:60px; background-color:transparent;} 
.commonSearch_input .searchBtn_input {display:inline-block; float:right; width:26px; height:60px; border:0px; text-indent:-99999px; background:transparent url(/images/common/layout/searchBtn_input.png) right center no-repeat;}
.commonSearch_keyword {display:table; width:100%; background:#fff;}
.commonSearch_input ul {display:block; position:absolute; top:59px; width:100%; border:1px solid #0079bf; border-top:0 none; background:#fff; box-sizing:border-box; z-index:100;}
.commonSearch_input ul li {display:block; position:relative;}
.commonSearch_input ul li a {display:block;height:30px;padding:0 10px;color:#666;font-size:1em;line-height:30px;}
.commonSearch_input ul li a.current {background:#f3f3f3;}
.commonSearch_input ul li a strong {color:#007dc5;}

.keyword_cont {display:table-cell; width:50%; position:relative; padding:25px 0 30px 3.3%;}
.keyword_cont:after {content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#e6e6e6;}
.keyword_cont:first-child {width:50%; padding-left:0;}
.keyword_cont:first-child:after {display:none;}
.keyword_cont .keyword_tit {margin-bottom:14px; color:#007dc5; font-size:1em; vertical-align:top;}
.keyword_cont ul {display:table; width:100%;}
.keyword_cont li {float:left; margin:0 20px 6px 0;}
.keyword_cont li a {display:inline-block; color:#0d0d0d; font-size:14px; letter-spacing:-1px;}
.keyword_cont li a:visited,.keyword_cont li a:hover,.search_keyword_cont li a:focus {color:#0d0d0d; text-decoration:underline;}
.keyword_cont .type2 li {float:left; margin:0 5px 4px 0;}
.keyword_cont .type2 li a {display:block; padding:3px 12px 4px; color:#0d0d0d; border-radius:2px 2px; background:#e5f4fb;}

/* 상단 통합검색 레이어 Tablet */
@media all and (min-width:768px) and (max-width:1150px) {
}

/* 상단 통합검색 레이어 Mobile */
@media all and (max-width:767px) {	
}


/* 상단 전체메뉴 레이어 */
.generalMenu_cont {display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:110;}
.generalMenu_cont .gMbg {display:block; position:absolute; width:100%; height:100%;  background:#fff; opacity:0.9;}

.generalMenu_cont .gMbg_head {display:block; position:relative; width:100%; margin:0; padding:0;}
.generalMenu_cont .generalMenu_txt {display:block; position:relative; padding:34px 0; text-align:center; color:#0d0d0d; background:#FFF; font-size:28px;}
.generalMenu_cont .generalMenu_txt span {color:#0079bf; font-size:1em;}
.generalMenu_cont .menu_sort {display:block; position:relative; width:100%; margin:0 0 50px 0; background:#0079bf;}
.generalMenu_cont .menu_sort ul {display:table; position:relative; margin:0 auto; padding:0;}
.generalMenu_cont .menu_sort ul li {float:left; display:inline-block; position:relative; margin:0 5px 0 0 ; padding:0 0 5px 0;}
.generalMenu_cont .menu_sort ul li + li {margin-left:0;}
.generalMenu_cont .menu_sort button {display:inline-block; position:relative; height:55px; padding:0 20px ; color:#fff; font-size:18px; font-weight:normal; border-width:0; vertical-align:middle; background:transparent; line-height:55px;}
.generalMenu_cont .menu_sort li + li:after {content:""; position:absolute; left:0; top:29%; width:1px; height:30%; opacity:.25; background:#fff;}
.generalMenu_cont .menu_sort button:hover,
.generalMenu_cont .menu_sort button:focus,
.generalMenu_cont .menu_sort button.current {height:52px; border-bottom:3px solid #fff;}

.generalMenu_list {display:table; width:100%;}
.generalMenu_list dl {display:table-cell; padding-left:40px;}
.generalMenu_list dl:first-child {padding-left:0;}
.generalMenu_list dt {padding-left:15px; margin-bottom:20px; color:#0d0d0d; font-size:18px;}
.generalMenu_list dd {margin-bottom:16px;}
.generalMenu_list dd a {padding:7px 15px 7px; font-size:14px;}
.generalMenu_list dd a.current {color:#fff; border-radius:5px; background:#0079bf;}
.generalMenu_list dd a.current:hover,
.generalMenu_list dd a.current:focus {text-decoration:underline;}

.menuOpen.on + .generalMenu_cont {display:block;}
.generalMenu_cont .btn_generalMenu_close {display:inline-block; position:absolute; right:0; top:-182px; width:33px; height:33px; text-indent:-99999px; border-width:0; background:url(/images/common/layout/btn_generalMenu_close.png) 0 0 no-repeat;}

/* 상단 전체메뉴 Tablet */
@media all and (min-width:768px) and (max-width:1150px) {	
}

/* 상단 전체메뉴 Mobile */
@media all and (max-width:767px) {	
}


/*황효덕 2017.09.07*/
.quickArea.pc button, .quickArea.pc .button{
	position:relative;
	font-size:18px;
	font-weight:500;
	letter-spacing:-0.1em;
	padding-left:20px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background-color:#ff0000;
	behavior: url("../new_css/PIE.htc");/*해당 html 파일 기준 경로 잡을 것*/
	}




/* btn color */
a.orange, button.orange{background-color:#CCA63D; color:#FFF;}
a.orange:hover, button.orange:hover, button.orange:focus{background-color:#997000;}
a.blue, button.blue{background-color:#007dc5; color:#FFF;}
a.blue:hover, button.blue:hover, button.blue:focus{background-color:#006cab;}
a.gray, button.gray{background-color:#999; color:#FFF;}
a.gray:hover, button.gray:hover, button.gray:focus{background-color:#808080;}
a.white, button.white{background-color:#FFF; color:#0d0d0d; border:solid #4d4d4d 1px;}
a.white:hover, button.white:hover, white:focus{background-color:#f2f2f2;}
a.white, button.white{background-color:#FFF; color:#0d0d0d; border:solid #4d4d4d 1px;}
a.white:hover, button.white:hover, white:focus{background-color:#f2f2f2;}

/* btn 기능 */
a.download, button.download {padding-right:50px; background-image:url(../images/common/ico_download.png); background-repeat:no-repeat ;background-position:95% 50%;}
.btnSmall.download {padding-right:40px; background-image:url(../../images/new/sub/download_small.png); background-repeat:no-repeat ;background-position:right 50%;}
a.prev_list, button.prev_list {padding-left:60px; background-image:url(../images/common/buttonIcon/prevList.png); background-repeat:no-repeat ;background-position:left 50%; background-color:#f2f2f2; border-color:#999; color:#999;}
a.next_list, button.next_list {padding-right:60px; background-image:url(../images/common/buttonIcon/nextList.png); background-repeat:no-repeat ;background-position:right 50%; background-color:#f2f2f2; border-color:#999; color:#999;}
a.white.pager, button.white.pager {padding-right:50px; background-image:url(../images/common/buttonIcon/p_pager.png); background-repeat:no-repeat; background-position:right 50%;}
a.blue.pager, button.blue.pager {padding-right:50px; background-image:url(../images/common/buttonIcon/p_pager_w.png); background-repeat:no-repeat; background-position:right 50%;}
a.allList, button.allList {padding-right:50px; background-image:url(../images/common/buttonIcon/all_list.gif); background-repeat:no-repeat ;background-position:right 50%;}
a.excel, button.excel {padding-left:50px; background-image:url(../images/common/buttonIcon/icon_excel.png); background-repeat:no-repeat ;background-position:20px 50%;}
a.api, button.api {padding-right:50px; background:url(../images/common/buttonIcon/icon_api.png); background-repeat:no-repeat; background-position:right 50%;}

/* button guide */
.btn_CRUD{position: relative;padding:0px 20px;height:34px;border:1px solid #cccccc;font-family: NotoKR-Medium;font-size:15px;color:#333; background: #fff;  -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius: 5px;cursor: pointer;behavior: url("../css/new/PIE.htc");}
.btn_CRUD_Blue{position: relative;padding:0px 22px;height:34px;border:0 none;font-family: NotoKR-Medium;font-size:15px;color:#fff; background: #5c98d7;  -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius: 5px;cursor: pointer;behavior: url("../css/new/PIE.htc");}
.btn_CRUD_gray{position: relative;padding:0px 22px;height:34px;border:0 none;font-family: NotoKR-Medium;font-size:15px;color:#fff;background: #666;cursor: pointer;}
.btn_CRUD_Pink{position: relative;padding:0px 22px;height:34px;border:0 none;font-family: NotoKR-Medium;font-size:15px;color:#fff; background: #e5568e;  -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius: 5px;cursor: pointer;behavior: url("../css/new/PIE.htc");}
.btn_CRUD_Bgreen{position: relative;padding:0px 22px;height:34px;border:0 none;font-family: NotoKR-Medium;font-size:15px;color:#fff; background: #30a4c4;  -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius: 5px;cursor: pointer;behavior: url("../css/new/PIE.htc");}
.btn_CRUD_Violet{position: relative;padding:0px 22px;height:34px;border:0 none;font-family: NotoKR-Medium;font-size:15px;color:#fff; background: #8a8cd3;  -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius: 5px;cursor: pointer;behavior: url("../css/new/PIE.htc");}
.btn_add{position: relative;padding-left:20px;width:54px;height:26px;border:0 none;font-family: NotoKR-Regular;font-size:12px;color:#fff; background: #5c98d7 url("../../images/new/icon_add.png") no-repeat 8px center;  -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius: 5px;cursor: pointer;behavior: url("../css/new/PIE.htc");}
.btn_del{position: relative;padding-top:-2px;padding-left:20px;width:54px;height:26px;border:1px solid #ccc;font-family: NotoKR-Regular;font-size:12px;color:#333; background: #fff url("../../images/new/icon_del.png") no-repeat 8px center;  -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius: 5px;cursor: pointer;behavior: url("../css/new/PIE.htc");}
.btn_go{position: absolute;top:-55px;padding:2px 20px 2px 10px;font-family: NotoKR-Regular;font-size:12px;  -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius: 5px;cursor: pointer;behavior: url("../css/new/PIE.htc");}
.btn_go.c_blue{color:#fff;border:1px solid #5c98d7;background: #5c98d7 url("../../images/new/bullet_go.png") no-repeat 95% center;}
.btn_reset{position: relative;padding-top:-2px;padding-left:20px;width:82px;height:26px;border:1px solid #ccc;font-family: NotoKR-Regular;font-size:12px;color:#333; background: #fff url("../../images/new/icon_reset.png") no-repeat 10px center;  -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius: 5px;cursor: pointer;behavior: url("../css/new/PIE.htc");}
.btn_download{position:relative;padding:3px 10px 3px 30px;border:1px solid #ccc;font-family: NotoKR-Regular;font-size:13px;color:#333;letter-spacing:-0.05em; background: #fff url("../../images/new/icon_download.png") no-repeat 10px center;  -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius: 5px;cursor: pointer;behavior: url("../css/new/PIE.htc");}
.btn_addr{position: relative;padding-top:-2px;padding-left:22px;width:82px;height:26px;border:0 none;font-family: NotoKR-Regular;font-size:12px;color:#fff; background: #5a6273 url("../../images/new/icon_addr.png") no-repeat 8px center;  -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius: 5px;cursor: pointer;behavior: url("../css/new/PIE.htc");}

/* table_in_small_button */
.btn_CRUD_S {display:inline-block;width:80px;padding:0px 10px;border:1px solid #cccccc;font-family: NotoKR-Medium;font-size:12px;border-radius:2px;}
.btn_CRUD_S span.txt {color:#fff;}
.btn_Orange {border:1px solid #dc4f11;background-color:#f38713;}
.btn_Green {border:1px solid #457c21;background-color:#73ad4d;} 
   
.btn_Blue {border:0px solid #457c21;color:#fff;  background-color: rgba(20,30,90,0.9);cursor: pointer; -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius: 5px;cursor: pointer;behavior: url("../css/new/PIE.htc");}
.btn_BlueViolet {border:1px solid #566ae8;background-color:#909ef3;}
.btn_RedViolet {border:1px solid #9452de;background-color:#bb8bf1;}
.btn_White {position:relative;padding-right:30px;border:1px solid #aaa;background-color:#fff;}
.btn_Plus {position:absolute;right:0;height:20px;font-size:16px;padding:0px 6px;margin-top:-4px;margin-left:5px;}

/* paging  */
.paging {display:block; position:relative; margin:0; padding:0; text-align:center;}
.paging a {display:inline-block; width:34px; height:34px; border:1px solid #e5e5e5; color:#666; font-size:14px; line-height:34px; vertical-align:middle;background-color:#fff;}
.paging a:hover {background:#5c98d7;color:#fff;}
.paging a.current {background:#006cab;border:1px solid #006cab;color:#fff;font-family:NotoKR-Medium !important;}
.paging button {display:inline-block; width:34px; height:34px; border:1px solid #ccc; vertical-align:middle;  text-indent:-9999px;}
.paging button.pg_first {background:#fff url("../images/common/pg_first.png") no-repeat center;}
.paging button.pg_prev {background:#fff url("../images/common/pg_prev.png") no-repeat center;}
.paging button.pg_next {background:#fff url("../images/common/pg_next.png") no-repeat center;}
.paging button.pg_last {background:#fff url("../images/common/pg_last.png") no-repeat center;}
.paging button.pg_first.disable {background:#fff url("../images/common/pg_firstD.png") no-repeat center; cursor:default;}
.paging button.pg_prev.disable {background:#fff url("../images/common/pg_prevD.png") no-repeat center; cursor:default;}
.paging button.pg_next.disable {background:#fff url("../images/common/pg_nextD.png") no-repeat center; cursor:default;}
.paging button.pg_last.disable {background:#fff url("../images/common/pg_lastD.png") no-repeat center; cursor:default;}

/*button 정렬 및 간격 조절 class*/
.floatl{float:left;}
.floatr{float:right;}

.ml05, .mL05, .mL5{margin-left: 5px}
.ml10, .mL10 {margin-left: 10px}
.ml15, .mL15 {margin-left: 15px}
.ml20, .mL20 {margin-left: 20px}
.ml25, .mL25 {margin-left: 25px}
.ml30, .mL30 {margin-left: 30px}
.ml40, .mL40 {margin-left: 40px}
.ml50, .mL50 {margin-left: 50px}

.mr05, .mR05, .mR5 {margin-right: 5px}
.mr10, .mR10 {margin-right: 10px}
.mr15, .mR15 {margin-right: 15px}
.mr20, .mR20 {margin-right: 20px}
.mr30, .mR30 {margin-right: 30px}
.mr40, .mR40 {margin-right: 40px}
.mr50, .mR50 {margin-right: 40px}

.mb05, .mB05, .mB5 {margin-bottom: 5px;}
.mb10, .mB10{margin-bottom: 10px;}
.mb20, .mB20{margin-bottom: 20px;}
.mb30, .mB30{margin-bottom: 30px;}
.mb40, .mB40{margin-bottom: 40px;}
.mb50, .mB50{margin-bottom: 50px;}

.mt05, .mT05, .mT5 {margin-top: 5px;}
.mt10, .mT10 {margin-top: 10px;}
.mt20, .mT20 {margin-top: 20px;}
.mt30, .mT30 {margin-top: 30px;}
.mt40, .mT40 {margin-top: 40px;}
.mt50, .mT50 {margin-top: 50px;}

/* border-top(1px) */
.bTop01 {border-top:1px solid #99d1e7;}
.bTop02 {border-top:2px solid #99d1e7;}

/* subpage tab guide (4개 짜리)*/
.subpage_tab_4{height:auto;}
.subpage_tab_4 &gt; ul{border-bottom:1px solid #e5e5e5;*zoom:1;}
.subpage_tab_4 &gt; ul:after {content:"";display:block;clear:both;width:0px;height:0px;}
.subpage_tab_4 &gt; ul &gt; li{float:left;position:relative;width:25%;}
.subpage_tab_4 &gt; ul &gt; li &gt; a{display:block;text-align:center;}
.subpage_tab_4 &gt; ul &gt; li &gt; a &gt; span{display:block;color:#666;padding:6px 20px;border:1px solid #e5e5e5;border-right:none;border-bottom:none;background:#fafafa;/*height:42px;line-height:44px;*/transition:all 0.2s linear;font-family:NotoKR-Medium !important;}
.subpage_tab_4 &gt; ul &gt; li:last-child &gt; a &gt; span{border-right:1px solid #e5e5e5;}
.subpage_tab_4 &gt; ul &gt; li:nth-child(4n+4) &gt; a &gt; span{border-right:1px solid #e5e5e5;}
.subpage_tab_4 &gt; ul &gt; li.on &gt; a &gt; span{background:#006cab;border-top:1px solid #006cab;border-left:1px solid #006cab;border-right:1px solid #006cab;color:#fff;}
.subpage_tab_4 .depth5{width:764px;display:none;position:absolute;box-sizing:border-box;background-color:#006cab;}
.subpage_tab_4 .depth5:after{content:"";display:block;clear:both;width:0px;height:0px;}
.subpage_tab_4 .depth5 li{float:left;border-bottom:1px solid #6da7e4;}
.subpage_tab_4 .depth5 li a{display:block;text-align:center;}
.subpage_tab_4 .depth5 li.on a span{color:#ffff66;text-align:left;padding-left:20px;margin-left:5px;margin-right:5px;background: url("../../images/new/layout/tab_check.png") no-repeat 92% center;background-color:#3f6d9d;}
.subpage_tab_4 .depth5 li a span{display:block;height:23px;color:#fff;line-height:23px;margin:5px 0;}
.subpage_tab_4 .depth5.set5{left:-158px;}
.subpage_tab_4 .depth5.set5 li{width:19.88%;}
.subpage_tab_4 .depth5.set4{left:-238px;}
.subpage_tab_4 .depth5.set4 li{width:25%;}

/* subpage tab guide */
.subpage_tab{height:144px;}
.subpage_tab &gt; ul{border-bottom:2px solid #5c98d7;*zoom:1;}
.subpage_tab &gt; ul:after {content:"";display:block;clear:both;width:0px;height:0px;}
.subpage_tab &gt; ul &gt; li{float:left;position:relative;}
.subpage_tab &gt; ul &gt; li &gt; a{display:block;text-align:center;}
.subpage_tab &gt; ul &gt; li &gt; a &gt; span{display:block;color:#666;padding:6px 20px;border:1px solid #e5e5e5;border-right:none;border-bottom:none;background:#fafafa;/*height:42px;line-height:44px;*/transition:all 0.2s linear;font-family:NotoKR-Medium !important;}
.subpage_tab &gt; ul &gt; li:last-child &gt; a &gt; span{border-right:1px solid #e5e5e5;}
.subpage_tab &gt; ul &gt; li.on &gt; a &gt; span{background:#5c98d7;border-top:1px solid #5c98d7;border-left:1px solid #5c98d7;border-right:1px solid #5c98d7;color:#fff;}
.subpage_tab .depth5{width:764px;display:none;position:absolute;box-sizing:border-box;background-color:#5c98d7;}
.subpage_tab .depth5:after{content:"";display:block;clear:both;width:0px;height:0px;}
.subpage_tab .depth5 li{float:left;border-bottom:1px solid #6da7e4;}
.subpage_tab .depth5 li a{display:block;text-align:center;}
.subpage_tab .depth5 li.on a span{color:#ffff66;text-align:left;padding-left:20px;margin-left:5px;margin-right:5px;background: url("../../images/new/layout/tab_check.png") no-repeat 92% center;background-color:#3f6d9d;}
.subpage_tab .depth5 li a span{display:block;height:23px;color:#fff;line-height:23px;margin:5px 0;}
.subpage_tab .depth5.set5{left:-158px;}
.subpage_tab .depth5.set5 li{width:19.88%;}
.subpage_tab .depth5.set4{left:-238px;}
.subpage_tab .depth5.set4 li{width:25%;}

/* subpage tab guide(width:100%, colum:4개) */
.Tab_Style_02{margin:10px 0 30px;}
.Tab_Style_02 &gt; ul:first-child {border-top:1px solid #ccc;}
.Tab_Style_02 &gt; ul:after {content:"";display:block;clear:both;width:0px;height:0px;}
.Tab_Style_02 &gt; ul.column03 &gt; li{float:left;position:relative;width:33.3333%;border-bottom:1px solid #ccc;}
.Tab_Style_02 &gt; ul.column03 &gt; li &gt; span.au_bar {position:absolute;top:10px;right:0;display:inline-block;width:1px;height:14px;background-color:#ccc;}
.Tab_Style_02 &gt; ul.column04 &gt; li{float:left;position:relative;width:25%;border-bottom:1px solid #ccc;}
.Tab_Style_02 &gt; ul.column04 &gt; li &gt; span.au_bar {position:absolute;top:10px;right:0;display:inline-block;width:1px;height:14px;background-color:#ccc;}
.Tab_Style_02 &gt; ul.column05 &gt; li{float:left;position:relative;width:20%;border-bottom:1px solid #ccc;}
.Tab_Style_02 &gt; ul.column05 &gt; li &gt; span.au_bar {position:absolute;top:10px;right:0;display:inline-block;width:1px;height:14px;background-color:#ccc;}
.Tab_Style_02 &gt; ul.column06 &gt; li{float:left;position:relative;width:16.6666%;border-bottom:1px solid #ccc;}
.Tab_Style_02 &gt; ul.column06 &gt; li &gt; span.au_bar {position:absolute;top:10px;right:0;display:inline-block;width:1px;height:14px;background-color:#ccc;}
.Tab_Style_02 &gt; ul &gt; li &gt; a{display:block;text-align:center;}
.Tab_Style_02 &gt; ul &gt; li &gt; a:hover{color:#5c98d7}
.Tab_Style_02 &gt; ul &gt; li &gt; a &gt; span{display:block;/*color:#666;*/padding:0 20px;background:#f3f3f3;padding:6px 0;transition:all 0.2s linear;font-family:NotoKR-Medium !important;}
.Tab_Style_02 &gt; ul &gt; li.on &gt; a &gt; span{background:#5c98d7;border-top:1px solid #5c98d7;border-left:1px solid #5c98d7;border-right:1px solid #5c98d7;color:#fff;}

/*왼쪽메뉴 영역 스타일추가*/
#lmb .lmb_depth2-1 {border-left: 1px solid #ccc;border-right: 1px solid #ccc;cursor:pointer}
#lmb .lmb_depth2-1 li {position:relative; display:block; color:#333; font-size:15px; letter-spacing:-0.05em; border-bottom:1px solid #ddd; font-family:NotoKR-Regular !important;}
#lmb .lmb_depth2-1 li:nth-child(1){background-color:#BDBDBD;height:40px; padding: 8px 0px 0px 13px; margin-top:20px;font-size:16px;}
#lmb .lmb_depth2-1 li:nth-child(n+3){padding:5px 5px 5px 13px;}
#lmb .lmb_depth2-1  li:nth-child(n+3) &gt; a {font-size:14px;}


/* 180731 추가 */
.txt_c {text-align:center;}

/*h3.sub_title .bullet_st{margin-left:0;margin-right:8px;padding-left:7px;border-left:none;background-color:#007dc5;border-radius:4px;}*/
h3.sub_title .bullet_st{margin-left:0;margin-right:8px;padding-left:0px;border-left:none;border-radius:4px;}
h3.sub_title span{ color:#64666b;font-size:15px;line-height:20px;padding-left:15px; margin-left:15px;}
/*h3.sub_title span{ color:#64666b;font-size:15px;border-left:1px #d0d1d2 solid;line-height:20px;padding-left:15px; margin-left:15px;}*/
h3.sub_title .btn_right{ float:right;}


/*.contentWrap table {width:100%;}*/
/* 190607 BSG 추가 작업 */
.cont_none {display:none;}
.input_disabled {background-color:#F4F4F4;}

/* 로딩바 */
#mask {position:absolute;left:0;top:0;z-index:100;background-color:#000;display:none;}
#loadingImg { position:absolute;left:45%;top:50%;z-index:120;}

.lifixR {display:inline-block;text-align:right}
.lifixL {display:inline-block;text-align:left}


/* NEW Button (2018.07.27 황효덕 추가) */
.btn_wrap {display:block; position:relative; width:100%; padding:0; text-align:center;}
.btn_wrap:after {content:''; display:block; clear:both;}
.btn_wrap .inner {display:table; position:relative; margin:0 auto; padding:0;}
.btn_wrap .fr {float:right; display:table; position:relative;}
.btn_wrap .fl {float:left; display:table; position:relative;}
.btn_wrap .ar {display:table; position:absolute; right:0; top:0;}
.btn_wrap .al {display:table; position:absolute; left:0; top:0;}
.btn_wrap .inner + .fr {float:inherit; position:absolute; right:0; top:0;}

.btn_wrap a, .btn_wrap button[type="button"] {float:left;}
.btnAcc {display:inline-block; position:relative; min-width:60px; height:26px; margin:0; font-size:0.9em; border:none; line-height:23px; box-sizing:border-box; text-align:center;float:right;}

/* Button color */
a.blue, button.blue{background-color:#007dc5; color:#FFF;border:none;cursor:pointer}
a.blue:hover, button.blue:hover, button.blue:focus{background-color:#006cab;}
a.dark_blue, button.dark_blue{background-color:#2b436b; color:#FFF;border:none;cursor:pointer}
a.dark_blue:hover, button.dark_blue:hover, button.dark_blue:focus{background-color:#112342;}

a.dark_green, button.dark_green{background-color:#22741C; color:#FFF;border:none;cursor:pointer}
a.dark_green:hover, button.dark_green:hover, button.dark_green:focus{background-color:#10620A;}

a.green, button.green{background-color:#0BC904; color:#FFF;border:none;cursor:pointer}
a.green:hover, button.green:hover, button.green:focus{background-color:#00B700;}


a.gray, button.gray{background-color:#999; color:#FFF;border:none;cursor:pointer}
a.gray:hover, button.gray:hover, button.gray:focus{background-color:#808080;}

a.orange, button.orange{background-color:#CCA63D; color:#FFF;border:none;cursor:pointer}
a.orange:hover, button.orange:hover, button.orange:focus{background-color:#997000;}

a.red, button.red{background-color:#F15F5F; color:#FFF;border:none;cursor:pointer}
a.red:hover, button.red:hover, button.red:focus{background-color:#CC3D3D;}

a.gray_gradation, button.gray_gradation{
background: #fff;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #FFFFFF, #eee);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #FFFFFF, #eee); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */;
}

a.gray_gradation:hover, button.gray_gradation:hover, button.gray_gradation:focus{background-color:#BDBDBD;}

a.green_gradation, button.green_gradation{
background: #fff;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #6ABC64, #6ABC64);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #6ABC64, #6ABC64); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */;
}

a.green_gradation:hover, button.green_gradation:hover, button.green_gradation:focus{background-color:#22741C;}

a.dark_gray, button.dark_gray{background-color:#666; color:#FFF;}
a.dark_gray:hover, button.dark_gray:hover, button.gray:focus{background-color:#333;}
a.white, button.white{background-color:#FFF; color:#0d0d0d; border:solid #4d4d4d 1px;}
a.line_white, button.line_white{color:#fff; border:solid #a3b4cb 1px;border-radius:5px;}
a.line_white:hover, button.line_white:hover{color:#fff; border:solid #a3b4cb 1px;background-color:#063760;}
a.white:hover, button.white:hover, white:focus{background-color:#f2f2f2;}


/* Button */
.button, .button a {display:inline-block;cursor:pointer;font-size:11px; color:#333;font-weight: normal;text-align:center;overflow:visible;border-radius:2px;border:1px solid #ccc;border-bottom:1px solid #c7cbd0;background:#fff; padding:0;text-decoration: none !important;vertical-align:middle;white-space:nowrap;}
.button { vertical-align:middle; margin-right:0px;}
/*
.button:hover{color:#fff;background:#1f62be;font-weight: normal;}
*/

/* 행추가 삭제 타이틀 우측 버튼 활용*/
.button.btn_default, .btnTag.btn_default {color:#44474e;border:1px solid #cfd1d5;border-bottom:1px solid #bfc3c9;background:#fff;height:24px;line-height:22px;padding:0 5px;}/* 기본 버튼 */
.button.btn_default:hover, .btnTag.btn_default:hover {color:#0075c2;background:#f5f5f5;}

.button.btn_cancel, .btnTag.btn_cancel {color:#44474e;border:1px solid #cfd1d5;border-bottom:1px solid #c7cbd0;background:#fff;height:28px;line-height:12px;padding:2px 15px 2px 15px;}/* 기본-취소 버튼(필요시에만) */
.button.btn_cancel:hover, .btnTag.btn_cancel:hover {color:#44474e;border:1px solid #1f62be;background:#fff;}
.button.btn_search, .btnTag.btn_search {color:#fff;border:1px solid #4c515c;background:#4c515c;height:28px;line-height:12px;padding:2px 15px 2px 15px;}/* 검색/초기화 */
.button.btn_search:hover, .btnTag.btn_search:hover {color:#fff;border:1px solid #323641;background:#323641;}

/* Button size */
.btnLarge {display:inline-block; position:relative; min-width:115px; height:50px; margin:0; padding:0 40px; font-size:1.125em; border:none; line-height:48px; box-sizing:border-box; text-align:center}
.btnMid {display:inline-block;position:relative;min-width:64px;height:26px;margin:0;padding:0 12px; font-size:1em;line-height:26px;box-sizing:border-box;text-align:center;border-radius:2px;cursor:pointer}
.btnSmall {display:inline-block;position:relative;min-width:45px;height:22px;margin:0;padding:0 12px; 8px;font-size:12px;line-height:22px;box-sizing:border-box;border:none;text-align:center;border-radius:2px;}
.btn_wrap .btnLarge + .btnLarge {margin-left:7px;}
.btn_wrap .btnMid + .btnMid {margin-left:6px;}
.btn_wrap .btnSmall + .btnSmall {margin-left:5px;}
.btn_wrap .btn_right{ float:right;} 

</pre></body></html>