@charset "utf-8";
@import url('font.css'); /* 기본설정 */

/* CSS Document */
html, body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, tr, th, td {margin: 0; padding: 0; font-size: 100%; }
fieldset {border:0;}
legend {display:none; border:0;}
html {overflow-y:scroll; _overflow-y:scroll !important;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
form {margin:0; padding:0; border:0;}
img {border:0; vertical-align: middle;}
a, button, input {word-wrap:expression( this.style.wordWrap="normal",this.hideFocus=true); }
a:link, a:visited { color:#636363;}

textarea {margin:0; font:12px Dotum; color:#7d7d7d;width:99%; border:1px solid #dbdbdb;}
select,option,input,textarea {vertical-align: middle; font:12px dotum, sans-serif;}
select {border:1px solid #dadada; color:#7d7d7d; margin:0; height:20px; line-height:22px; }

body {font:12px gulim, tahoma; line-height:18px;}
/*{ color:#666; } */

input {margin:0;}
input {font-size:12px Dotum; color:#7d7d7d; vertical-align:middle;padding-left:3px; height:17x; line-height:17px; }
input.textArea{border:1px solid #dbdbdb;padding:2px 3px 2px; height:15px; }
input.seperat{border:1px solid #dbdbdb;padding:2px 3px 2px; height:15px; }
/*input.textArea2{border:1px solid #dbdbdb;height:23px; width:99%;}
input.textArea3{border:1px solid #dbdbdb;height:23px; width:70%;}*/
/*input.text {height:15px; padding:3px 3px 2px; border:1px solid #d1d1d1; font:12px dotum, sans-serif; color:#4a4a4a;}
input.file {height:20px; padding:0 5px; border:1px solid #d1d1d1; font:12px dotum, sans-serif; background:#f0f0f0; color:#4a4a4a;}
textarea.text {padding:5px; border:1px solid #d1d1d1; font:12px dotum, sans-serif; color:#4a4a4a;}*/

/* 추가 : CSS ( 2016-11-24) */
.bottomContents{ margin-top:220px; }

.indexContentswrapper{ width:1040px; margin:0 auto; position:relative; background:url(../../images/main_intro/index_contents_bg.png) no-repeat 0 0; height:478px; margin-top:0px;}
.indexContents h3{ padding-top:30px; margin-left:30px; font-size:17px; }

/* 메뉴 바로가기 : 추가-190403*/
.menuShortcut{height:126px; position:relative; padding:20px; text-align:center;}
.menuShortcut ul li.menuShortcut01 {float:left; width:126px; height:126px; margin-right:40px; margin-left:110px; cursor: pointer;  background:url("../../images/main_intro/new_menu_shortcut_01.png") no-repeat 0 0px; }
.menuShortcut ul li.menuShortcut01:hover {background:url("../../images/main_intro/new_menu_shortcut_01_on.png") no-repeat 0 0px;}
.menuShortcut ul li.menuShortcut02 {float:left; width:126px; height:126px; margin-right:40px; cursor: pointer; background:url("../../images/main_intro/new_menu_shortcut_02.png") no-repeat 0 0px; }
.menuShortcut ul li.menuShortcut02:hover {background:url("../../images/main_intro/new_menu_shortcut_02_on.png") no-repeat 0 0px;}
.menuShortcut ul li.menuShortcut03 {float:left; width:126px; height:126px; margin-right:40px; cursor: pointer; background:url("../../images/main_intro/new_menu_shortcut_03.png") no-repeat 0 0px; }
.menuShortcut ul li.menuShortcut03:hover {background:url("../../images/main_intro/new_menu_shortcut_03_on.png") no-repeat 0 0px;}
.menuShortcut ul li.menuShortcut04 {float:left; width:126px; height:126px; margin-right:40px; cursor: pointer; background:url("../../images/main_intro/new_menu_shortcut_04.png") no-repeat 0 0px; }
.menuShortcut ul li.menuShortcut04:hover {background:url("../../images/main_intro/new_menu_shortcut_04_on.png") no-repeat 0 0px;}
.menuShortcut ul li.menuShortcut05 {float:left; width:126px; height:126px; cursor: pointer; background:url("../../images/main_intro/new_menu_shortcut_05.png") no-repeat 0 0px; }
.menuShortcut ul li.menuShortcut05:hover {background:url("../../images/main_intro/new_menu_shortcut_05_on.png") no-repeat 0 0px;}
.menuShortcutImgClear{ clear:both; }

/* 로그인 : 추가 */
.indexLoginArea{ position:absolute; top:0; left:0;  }
.indexLogin{ margin-top:40px; margin-left:30px; width:200px; height:380px; background-color:#fff; }
.indexLogin h3{ padding-top:30px; margin-left:20px; font-size:17px; margin-bottom:15px; }
.formStyleIndex{ width:160px; height:40px; border:1px solid #d9d9d9; margin-left:20px; margin-bottom:6px; }
.indexLoginBtn{ margin-left:20px; margin-top:20px; }
.indexLoginBtnTwo{ margin-top:4px; }
.joinIdPw{ margin-top:15px; margin-left:20px; }
.joinIdPw li{float:left; }
.idpwline{ color:#d9d9d9; }

/* 공지사항 : 추가 */
.indexcustomerCenter { margin-left:2px; }
.customer_tel_img{ margin-top:20px; margin-left:26px;  }

/* // 추가 : CSS ( 2016-11-24) */

/* Main Contents margin-top:2px; */
.mainContentswrapper{ width:1040px; height:645px; margin:0 auto 60px; position:relative; background: #FFF/*url(../../images/main_intro/main_contents_bg.png) no-repeat*/; margin-top:2px; border: 1px solid #e1e1e1; border-top: 0;}/*241119 수정*/
.mainContentswrapper h3{ padding-top:30px; margin-left:30px; font-size:17px; }

.mainContents h3{  color:#333;  }

.mainVisual,
.monthlyOccurrence,
.unconfirmed{ float:left; }
.mainContentsTopClear{ clear:both; }

/* 회원정보 */
.mainVisual{ background: #acacac /* url(../../images/main_intro/main_visual.png) no-repeat*/; width:260px; height:241px; border-right: 1px solid #e1e1e1;} /*220728 수정*//*241119 수정*/
.mainVisual h3{ color:#fff; }
.membershipBtn{ padding-top:13px; padding-left:10px; }/*241119 수정*/
.membershipBtn li{ float: left; }
.membershipBtnClear{ clear:both; }
.membership{ margin-left:10px; margin-right:10px; color:#fff; font-weight:bold; } /*241119 수정*/
.membership ul.membershipName,
.membership ul.membershipinformation{ float: left; margin-top:15px; } /*241119 수정*/
.membershipName li,
.membershipinformation li span{ color:#fff; }
.membershipName{ margin-left:10px; }
.membershipinformation{ margin-left:45px; width:120px}
.membershipTextClear{ clear:both; }
.membership ul li{ margin-bottom:4px; font-size: 12px;}/*241119 수정*/

/* 월별이용현황 */
.monthlyOccurrence{ width:260px; height:320px; position:relative; border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;} /*241119 수정*/
.monthlyOccurrence h3{ margin-left: 20px; } /*241119 추가*/
.monthlyOccurrence #container { margin:20px 10px 0;} /*241119 수정*/
.monthlyOccurrence .tabWrap{ padding:43px 5px 0; } /*241119 추가*//*250117 수정*/
#container { margin-top:20px; margin-left:30px; }
 
.unconfirmedTitle li.title{ color:#333; }

ul.tabs { width:520px; margin-top:20px; margin-left:30px; margin:0; padding: 0; float: left; list-style: none; height: 37px; width: 100%; font-family:"dotum"; font-size:12px; }
ul.tabs li { float: left; text-align:center; cursor: pointer; width: auto; min-width: 25px; height: 31px; padding: 0 11px; line-height: 31px; border-top: 1px solid #dedede; border-bottom: 2px solid #dedede; border-left: none; font-weight: bold; overflow: hidden; position: relative; }/*241119 수정*/
ul.tabs li.active { border-bottom: 2px solid #ea0d8c; }
/* ul.tabs li a:hover{ text-decoration:none;} 	*/

.tabWrap{ padding-top:50px; }
/*.tab_container { background:url(../../images/main_intro/monthlyOccurrence_bg.png) no-repeat; width:459px; height:171px; }*/
.tab_container {position: relative; background:#f9f7f8; width:230px; height:195px;} /*241119 수정*//*250117 수정*/
.tab_container .tab_con_bg { font-size: 11px; letter-spacing: -0.07em; font-weight: bold; color: #b0afab; text-align: right; padding: 2px 10px 0;}/*241119 추가*/
.tab_container .tab_con_bg:before {content: ""; position: absolute; top: 18px; left: 10px; display: block; width:209px; height: 1px; background: url(../../images/main_intro/monthlyOccurrence_top_bg.png) repeat-x;} /*241119 추가*/
.tab_container:before {content: ""; position: absolute; top: 165px; left: 10px; display: block; width:209px; height: 8px; background: url(../../images/main_intro/monthlyOccurrence_btm_bg.png) 0 0 no-repeat;} /*241119 추가*//*250117 수정*/
.tab_container:after {content: ""; position: absolute; top: 165px; right: 10px; display: block; width:7px; height: 8px; background: url(../../images/main_intro/monthlyOccurrence_btm_bg.png) -382px 0 no-repeat;} /*241119 추가*//*250117 수정*/
.tab_container .tab_content{position: absolute;}/*241119 추가*/
.monthGraph{width: 230px; /*margin-left:90px;*/ padding-top:120px; font-size:11px; color:#666666;}/*250117 수정*/
.monthGraph {padding-top:100px\0/IE8;} /*ie8적용*//*250117 수정*/
.tab_container ul.monthGraph {display: flex;
    justify-content: space-between;
    padding: 120px 16px 0;
    box-sizing: border-box;}
.monthGraph li {display: inline-block; width: 25px; text-align: center; letter-spacing: -0.05em;}/*250117 수정*/
.monthGraphClear{ clear:both; }
/* #a9a9a9 #d141a3 */
.monthGraphNumber{ font-size:10px; color:#d141a3; margin-bottom:2px; text-align:center; }/*250117 수정*/

/*250117 수정*/
.monthGraphImg01{ position:absolute; left:20px; bottom:22px; }
.monthGraphImg02{ position:absolute; left:55px; bottom:22px; }
.monthGraphImg03{ position:absolute; left:90px; bottom:22px; }
.monthGraphImg04{ position:absolute; left:125px; bottom:22px; }
.monthGraphImg05{ position:absolute; left:160px; bottom:22px; }
.monthGraphImg06{ position:absolute; left:195px; bottom:22px; }

.tab_content p { padding:55px 35px; }

.tab_content  ul li img{ display:block; }

.tab_container .cases{font-size: 0; width: 0; padding: 0; margin: 0;} /*250117 추가*/
.cases{ width:40px; padding-top:10px; text-align:right; color:#666666; }
.cases li{ padding-bottom:15px; }

/* 메뉴 바로가기 */
.menuShortCut{ position:absolute; top:0px; left:780px;}
.menuShortCut h3{ margin-left:30px; }
.menuShortCutList{ margin-left:30px; margin-top:40px; }
.contentsMenuBottom{ margin-top:110px; }

/* 
.shortCutTop li{ float:left;  background:url("../../images/main_intro/menu_top_all.png") no-repeat 0px 0px; height:100px;  }
.shortCutTop li.MO { padding-left:0px; background-position: 30px 30px; width:130px; height:130px;}
.shortCutTop li.HS {background-position: -100px 30px;width:130px;height:110px; }
.shortCutTop li.UB {background-position: -260px -157px;width:72px; }
.shortCutTop li.CS {background-position: -366px -157px;width:85px;}

.shortCutTop li:hover  { float:left;  background:url("../../images/main_intro/menu_top_all.png") no-repeat 0px 0px; height:100px;  }
.shortCutTop li.MO:hover { padding-left:0px; background-position: 30px 30px; width:130px; height:130px;}
.shortCutTop li.HS:hover {background-position: -248px 30px;width:130px;height:110px; }
.shortCutTop li.UB:hover {background-position: -260px -157px;width:72px; }
.shortCutTop li.CS:hover {background-position: -366px -157px;width:85px;}

.shortCutTop li:first-child {margin-left:0px;}
.shortCutTop li a {display:block; height:100px;  font-size:0; font-weight:bold; ; text-shadow:1px -1px 1px #890D57;text-indent: -5000px; font:0/0 a;}
.shortCutTop a span {float:left;}
.shortCutTopl a{ text-decoration:none; }
*/

/* 서비스안내 */
.guideOnService{ position:absolute; top:340px; left:780px; }
.guideOnService h3{ margin-left:30px; }

/* 미확인문서현황 */
.unconfirmed{ position:absolute; top:0; left:261px; width: 580px;} /*241119 수정*/
.unconfirmedFrom{ margin:20px 70px 0 30px; display: flex; align-items: center; justify-content: flex-start;}

input{border:#f62ca2 1px solid; height:34px; width:82px; color:#cfcfcf; }

/*.inputA,
.inputABtn { float:left; }
.inputB,
.inputBBtn { float:left; } 241119 삭제 */

.inputAClear,
.inputBClear,
.inputABClear,
.unconfirmedClear,
.unconfirmedFromClear{ clear:both; }

/*.inputAWrapper,
.inputBWrapper { float:left;} 241119 삭제 */

/*.unconfirmedFromUl,
.unconfirmedFromBtn{ float:left; } 241119 삭제 */

/*241119 추가 */
.unconfirmedFromUl li {display: flex; width: 245px; justify-content: space-between;}
.unconfirmedFromUl .inputAWrapper .inputA {}
.unconfirmedFromUl .tcalInput {width: 120px; height: 34px; padding: 0 30px 0 10px; box-sizing: border-box;}


.inputBWrapper{ margin-left:5px; }

.unconfirmedFromBtn li {float:left; padding-left:5px; }

.unconfirmedFromText{ padding-top:33px; padding-left:50px; }
.unconfirmedFromText li.title{ font-size:16px; font-weight:bold; }
.unconfirmedContnetns{ padding-top:15px; font-size: 12px;}

/* .unconfirmedTitle,
.unconfirmedSum{ float: left; }
.unconfirmedSum{ margin-top:36px; margin-left:20px; }
*/

.SumFrist{ position:absolute; top:170px; left:190px; font-size: 12px;}
.SumTwo{ position:absolute; top:170px; left:480px; font-size: 12px;} /*241119 수정*/
.SumThree{ position:absolute; top:273px; left:190px; font-size: 12px;}
.SumFour{ position:absolute; top:273px; left:480px; font-size: 12px;}

.electronicTaxInvoice,
.ElectronicContract{ /*float:left;*/ display: inline-block; width: 287px; }/*241119 수정*/
.unconfirmedConClear{ clear:both; }

.order,
.fficialDocument{ float:left; }

.ElectronicContract{ /*padding-left:100px;*/ } /*241119 수정*/
.fficialDocument{ padding-left:110px; }

/* 이벤트 */
.event{ width:260px; }
.event p{ margin-top:20px; margin-left:30px; }

.event,
.notice { float:left; }/*241119 수정*/
/*.customer{ float:left; }*/

/* 공지사항 */
.notice{ width:520px; position:relative; }

ul.tabs_notice { width:520px; margin-top:20px; margin-left:30px; margin:0; padding: 0; float: left; list-style: none; height: 37px; width: 100%; font-family:"dotum"; font-size:12px;}
ul.tabs_notice li { float: left; text-align:center; cursor: pointer; width:230px; height: 31px; line-height: 31px; border-top: 1px solid #dedede; border-bottom: 2px solid #dedede; border-left: none; font-weight: bold; overflow: hidden; position: relative; }
ul.tabs_notice li.active { border-bottom: 2px solid #ea0d8c; }

.tab_notice{ margin-top:0px; background:url(../../images/main_intro/notice_bg.png) no-repeat 0 40px; }
.tab_notice ul{ padding-top:15px;  }
.tab_notice ul li{ padding-bottom:18px; }

.noticeDate{ position:absolute; top:118px; left:425px; }

.tabs_more{ position:absolute; top:30px; left:472px } 
.tabs_more li.moreTab2 { }

/*241119 추가*/
/* 로그인 후 */
.mainContentswrapper .notice {position: relative; width:580px; border-top: 1px solid #e1e1e1;}
.mainContentswrapper .notice .tabs_more {left: auto; right: 30px;}
.mainContentswrapper .notice #container {margin:20px 30px 0;}
.mainContentswrapper .notice .tabContentNoticeWrapper {position: relative;}
.mainContentswrapper .noticeDate {bottom: 0; right: 0; top: auto; left: auto;}
.mainContentswrapper ul.tabs_notice li {width:260px;}

/* // 공지사항 *
.notice{ width:520px; position:relative; }

.noticeTabArea{position:relative;margin:30px}
#noticeTab1,
#noticeTab2 a{padding:5px;color:#333;text-decoration:none;text-transform: uppercase;background:#ccc}
#noticeTab1,
#noticeTab2 a:hover{background:#eee}
.noticeTab{position:absolute;left:0;top:26px;width:50%;padding:1%;min-height:100px;background:#ddd}
.noticeTab:nth-of-type(2){display:none}
#noticeTab1:target ~ a:nth-of-type(1),
#noticeTab2:target ~ a:nth-of-type(2),
#noticeTab2:not(:target) ~ a:nth-of-type(1){background:#ddd}
#noticeTab2:target ~ .noticeTab:nth-of-type(2){display:block}

/*241119 수정,추가*/
/* 고객센터 */
.customer {clear: both; width: 840px; border-top: 1px solid #e1e1e1;}
.customer h3{width: 65px; padding-top: 0;} 
.customerCon{display: flex; height: 80px; align-items: center;justify-content: space-between;}
.customerBtnWrapper{margin-right: 30px;}
.customerBtn {font-size: 0; margin-left: 20px;}
/*.customerBtnWrapper p{ margin-bottom:1px  } 241119 삭제*/
/*.customerBtn li{ float:left; } 241119 삭제*/
.customerBtnTwo{ margin-left:2px; }
/*.customerBtnClear{ clear:both; } 241119 삭제*/

.customerTel {margin-left: 20px; font-size:16px; font-weight:bold; color: #333;}
.customerCenter{letter-spacing: -0.07em;}
.certificateUse{font-size:13px; font-weight:bold; color: #333;}
.businessHours{font-size:13px; font-weight:bold;}

/* footer */
.footerWrapper{ background-color:#fafafa; height:110px; margin-top:30px; }
#footer{ width:1040px; margin:0 auto; padding-top:40px; position: relative; }
#footer ul{ position:absolute; top: 20px; left:0px; }
#footer ul li{ float: left; padding-left:23px; background:url(../../images/main_intro/footer_list_bg.png) no-repeat 10px 5px; }
#footer ul li.frist{ background:0; padding-left:0px; }
address{ margin-top:10px; }
#footer p{ margin-top:3px; }


/* 기존 CSS */


/*비쥬얼슬라이딩*/
.mainVisualBox {width:100%; height:317px; border-bottom:1px #d6d6d6 solid;}
.mainVisualBox .visualWrap{width:100%;}
.mainVisualBox .visualMiddle{width:1041px; margin:0 auto; ;position:relative;}
.mainVisualBox .itemStatus{ }

.mainVisualBox .loginArea{width:265px; position:absolute; top:30px; right:0; border:1px solid #d6d6d6; height:252px; background:#fff;font-size:12px; color:#797c8a; font-family:굴림; }
.mainVisualBox .loginArea h2{ margin:16px 0 0 13px;}
.mainVisualBox .loginArea .saveId{ margin:21px 0 7px 13px;}
.formArea {margin:0 0 0 13px; position:relative; display: block;}
.formArea img{position:absolute; top:0px; right:13px;}
.formArea .formStyle {width:162px; height:22px;margin:0 0 4px 0; border: 1px solid #d0d0d0; color:#9298b1; line-height:18px; font-family:굴림; font-size:12px;}
.joinMember{ padding:11px 0 14px 17px; position:relative; display: block; }
/*비쥬얼슬라이딩*/

.contentBox{width:100%; margin:12px 0 0 0; clear:both; overflow:hidden; }
.contentBox .contentMiddle{margin:0 auto; width:1040px;} /*250310 수정*/
.contentBox .contentMiddle .conLeft{float:left; width:351px; height:150px;}
.contentBox .contentMiddle .conLeft .goDirect { height:148px; width:337px; border:1px solid #d6d6d6;}
.contentBox .contentMiddle .conLeft .goDirect ul li{float:left; }

.contentBox .contentMiddle .conRight{float:left; width:690px; height:150px;}
.contentBox .contentMiddle .conRight .noticeArea{width:337px; border:1px solid #d6d6d6; height:148px; float:left; font-family:굴림; font-size:12px;color:#71707a; line-height:18px;}
.contentBox .contentMiddle .conRight .noticeArea h2 {padding:16px 0 0 19px; float:left;}
.contentBox .contentMiddle .conRight .noticeArea .button{float:right;margin:18px 18px 0 0; }
.contentBox .contentMiddle .conRight .noticeArea ul{ clear:both;margin:0 0 0 18px; padding:15px 0 0 0;width:296px;}
.contentBox .contentMiddle .conRight .noticeArea ul li{border-bottom:1px dotted #cacaca; padding:5px 0 5px 5px;}
.contentBox .contentMiddle .conRight .noticeArea ul li a{ text-decoration:none; color:#71707a;}
.contentBox .contentMiddle .conRight .noticeArea ul li a:hover{ text-decoration:underline;}

.contentBox .contentMiddle .conRight .bannerBox{float:right; width:337px; height:148px; border:1px solid #d6d6d6;}

/*비회원 문서조회*/
.contentBox .contentMiddle .breadcrumbs {font-size:11px; color:#9298b1; text-align:right; font-family:돋움; }
.contentBox .contentMiddle .searchNoneMember{padding:50px 0 ; text-align:center;}
.contentBox .contentMiddle .loginArea02{width:744px; margin:48px auto; overflow:hidden;}
.contentBox .contentMiddle .loginArea02 .loginLeft{float:left;border:1px solid #d6d6d6;width:366px; background:#f7f7f7; text-align:left; height:282px;}
.contentBox .contentMiddle .loginArea02 .loginLeft h3 {margin:44px 0 0 53px;}
.contentBox .contentMiddle .loginArea02 .loginLeft .formArea01{margin:29px 0 85px 53px;}
.contentBox .contentMiddle .loginArea02 .loginLeft .formArea01 .formStyle{width:252px; height:25px;margin:0 0 4px 0; border: 1px solid #d0d0d0; color:#9298b1; line-height:18px; font-family:굴림; font-size:12px;}

.contentBox .contentMiddle .loginArea02 .loginRight{float:right;border:1px solid #d6d6d6; width:366px; background:#f7f7f7; text-align:left;  height:282px;}
.contentBox .contentMiddle .loginArea02 .loginRight h3 {margin:44px 0 0 53px;}
.contentBox .contentMiddle .loginArea02 .loginRight .formArea01{margin:15px 0 63px 53px;}
.contentBox .contentMiddle .loginArea02 .loginRight .formArea01 .formStyle{width:252px; height:25px;margin:0 0 4px 0; border: 1px solid #d0d0d0; color:#9298b1; line-height:18px; font-family:굴림; font-size:12px;}
.contentBox .contentMiddle .loginArea02 .loginRight .formArea01 .formStyle01{width:78px; height:25px;margin:0 0 4px 0; border: 1px solid #d0d0d0; color:#9298b1; line-height:18px; font-family:굴림; font-size:12px;}
.contentBox .contentMiddle .loginArea02 .loginRight .formArea01 .formStyle02{width:82px; height:29px;margin:0 0 4px 0; border: 1px solid #d0d0d0; color:#9298b1; line-height:18px; font-family:굴림; font-size:12px; vertical-align:middle; padding-bottom:3px;}

.contentBox .contentMiddle .memo{ text-align:left; font-family:굴림; font-size:12px; color:#656565; width:744px; margin:0 auto; line-height:18px; padding:10px;}
.contentBox .contentMiddle .memo h4{ padding:12px 0 5px 0; }
.contentBox .contentMiddle .memo ul{margin:10px 0 0 0; padding:0 0 0 18px;}
.contentBox .contentMiddle .memo ul li{ list-style:circle;}
/*비회원 문서조회*/

.customerARea{clear:both; width:100%; padding:12px 0 0 0;}
.customerARea .customerMiddle{width:1041px; margin:0 auto;}

.footerArea {width:100%; margin:12px 0 0 0; overflow:hidden; font-family:돋움; font-size: 11px; line-height:18px; color:#959595; }
.footerArea .footerMiddle{ width:1041px; margin:0 auto; border-top:1px solid #d6d6d6; padding:12px 0 0 0; }
.footerArea .footerMiddle .footerLeft{float:left; width:917px; height:65px;}
.footerArea .footerMiddle .footerLeft .logo{width:125px; float:left; padding:15px 0 0 0;}
.footerArea .footerMiddle .footerLeft .about{float:right; width:792px;}
.footerArea .footerMiddle .footerLeft .about ul li{ float:left; background:url(../images/biz_img/iconCopyright.gif) no-repeat 0 8px; margin:0 5px 0 0;padding:0 0 0 8px; }
.footerArea .footerMiddle .footerLeft .about ul li a{ text-decoration:none; color:#656565;}
.footerArea .footerMiddle .footerLeft .copyright {padding:15px 0 0 0; width:792px; float:right;}

.footerArea .footerMiddle .footerRight {float:right; width:124px;}
.footerArea .footerMiddle .footerRight .goToService{position:relative; width:120px; height:20px;}
.footerArea .footerMiddle .footerRight .goToService a.text {width:120px;height:20px; background:url(../images/biz_img/goDirectBg.gif) no-repeat; color:#FFF; padding:2px 0 2px 10px; display:block; text-decoration:none;}
.footerArea .footerMiddle .footerRight .goToService a.arrow {position: absolute; top:8px; left:104px;}
.footerArea .footerMiddle .footerRight ul.goSubService{width:114px; margin:0 0 0 3px; }
.footerArea .footerMiddle .footerRight ul.goSubService li{border-bottom:1px solid #fff;padding:1px 7px; background:#8e9096; display:block;}
.footerArea .footerMiddle .footerRight ul.goSubService li a{color:#FFF; text-decoration:none;}


/* 메인비주얼 | 이미지 자동롤링 */

/* BODY 템플릿 */
.bodyContentBox{width:100%; margin:12px 0 0 0; clear:both; overflow:hidden;}
.bodyContentBox .bodyContentMiddle{margin:0 auto; width:1041px;}



/*메인 전체 수정*/
/*240226 추가 -s-*/
.mainWrap {position: relative; width:1041px; margin:30px auto 0; display: flex; justify-content: space-between;}

.mainWrap .menuShortcut{position:absolute; top: 0; left: auto; right: -140px; width: 110px; height: 731px; padding:0; text-align:center; }/*250806 수정*/
.mainWrap .menuShortcut ul {width: 110px; height:572px;}
.mainWrap .menuShortcut ul li {float: none;width: 110px; height: 110px; display: block; margin-top: 5px; margin-right: 0; margin-left: 0;}
.mainWrap .menuShortcut ul li:first-child {margin-top: 0;}

.mainWrap .indexContentswrapper{width: auto; height:auto; margin:0 auto; position:relative; background: none;}

.mainWrap .mainLeft {position: relative; width:230px; box-sizing: border-box;}
.mainWrap .indexLoginArea {position: relative; margin-bottom: 13px;}
.mainWrap .indexLogin {width: 230px; height: 365px; margin: 0; padding: 20px; border: 1px #d6d6d6 solid; box-sizing: border-box;}
.mainWrap .indexLogin h3 {padding: 0; margin-left: 0;}
.mainWrap .indexLogin .formStyleIndex {width: 100%; margin-left: 0; box-sizing: border-box;}
.mainWrap .indexLogin .indexLoginBtn {margin-left: 0; margin-top: 15px;}
.mainWrap .indexLogin .joinIdPw {position: relative; margin-left: 0; display: flex; justify-content: space-between;}
.mainWrap .indexLogin .joinIdPw li {float: none; letter-spacing: -0.07em;}
.mainWrap .indexLogin .joinIdPw li .idpwline {display: none;}
.mainWrap .indexLogin .joinIdPw li:first-child:after {content: ""; display: block; position: absolute; top: 4px; left: 63px; width: 1px; height: 11px; background: #d9d9d9;}
.mainWrap .indexCheckBox {width: 230px; height: 373px; padding: 20px; border: 1px #d6d6d6 solid; box-sizing: border-box;} /*241119 수정*/
.mainWrap .indexCheckBox .indexCkTit {font-size: 16px; font-weight: bold; color: #333333; margin-bottom: 5px; letter-spacing: -0.1em;}
.mainWrap .indexCheckBox .indexCkTxt {font-size: 13px; line-height: 130%; color: #7f7f7f; letter-spacing: -0.1em;}
.mainWrap .indexCheckBox li {margin-top: 6px; line-height: 100%; font-size: 13px; font-weight: bold; color: #7f7f7f; letter-spacing: -0.05em;}
.mainWrap .indexCheckBox li label {vertical-align: middle;}
.mainWrap .indexCheckBox .indexBtnBox {padding-top: 5px;}
.mainWrap .indexCheckBox .indexBtnBox a {display: block; line-height: 100%; font-size: 13px; font-weight: bold; color: #5b5b5e; text-align: center; margin-top: 5px; padding: 10px 0; background: #f4f4f4; letter-spacing: -0.13em; text-decoration: none;}

.mainWrap .mainRight {position: relative; width:780px;}
.mainWrap .mainRight .mainVisualBox{height: 422px; box-sizing: border-box; overflow: hidden;}
.mainWrap .mainRight .mainVisualBox .visualMiddle{width:auto;}
.mainWrap .mainRight .mainVisualBox .indexVisuals {display: flex; width:780px; height: 422px; border: 1px solid #d6d6d6; box-sizing: border-box; background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(233,236,241,1) 100%);}
.mainWrap .mainRight .mainVisualBox .indexVisuals li {width: 389px; position: relative; display: block;}
.mainWrap .mainRight .mainVisualBox .indexVisuals li.main_visual_01 {background: url(../../images/main_intro/new_main_visual_01.png) 0 0 no-repeat;}
.mainWrap .mainRight .mainVisualBox .indexVisuals li.main_visual_02 {background: url(../../images/main_intro/new_main_visual_02.png) 0 0 no-repeat;}
.mainWrap .mainRight .mainVisualBox .indexVisuals li:before {display: block; position: absolute; content: ""; top: 24px; width: 1px; height: 370px; border-left: 1px dashed #d6d6d6;}
.mainWrap .mainRight .mainVisualBox .indexVisuals li:first-child:before {display: none;}
.mainWrap .mainRight .mainVisualBox .indexVisuals li div.visualsTxtBox {padding: 290px 0 25px 30px;}
.mainWrap .mainRight .mainVisualBox .indexVisuals li div.visualsTxtBox .visualsTxt {margin-top: 15px; font-size: 14px; line-height: 22px; letter-spacing: -0.13em;}

.mainWrap .mainRight .notice {float: none; width: 100%; height: 220px; padding: 45px 0 0; box-sizing: border-box; border-top: 0;}/*241119 수정*/
.mainWrap .mainRight #container {margin: 0;}
.mainWrap .mainRight ul.tabs_notice {float: none; display: flex; height: auto; justify-content: space-between; border-top: 0;}
.mainWrap .mainRight ul.tabs_notice li {float: none; height: auto; line-height: 100%; padding-bottom: 20px; margin-bottom: 20px; font-size: 16px; font-weight: bold; color: #333333; text-align: left; border-top: 0; width: 375px; border-bottom: 1px solid #dedede;}
.mainWrap .mainRight ul.tabs_notice li.active {border-bottom: 1px solid #dedede;}
.mainWrap .mainRight ul.tabs_notice li #tax_more,
.mainWrap .mainRight ul.tabs_notice li #nts_more {font-size: 22px;}
.mainWrap .mainRight .tabWrap {padding-top: 0;}
.mainWrap .mainRight .tabWrap .tabContentNoticeWrapper {display: flex; justify-content: space-between;}
.mainWrap .mainRight .tabWrap .tab_notice {display: block; position: relative; width: 375px; background: none;}
.mainWrap .mainRight .tabWrap .tab_notice ul {padding-top: 0;}
.mainWrap .mainRight .tabWrap .tab_notice ul.noticeCon {width: 300px;}
.mainWrap .mainRight .tabWrap .tab_notice ul.noticeDate {top: auto; left: auto; bottom: 0; right: 0; color: #a5a5a5;}
.mainWrap .mainRight .tabWrap .tab_notice ul li {padding-bottom: 0; margin-top: 14px; font-size: 12px;}
.mainWrap .mainRight .tabWrap .tab_notice ul li:first-child {margin-top: 0;}
.mainWrap .mainRight .tabWrap .tab_notice ul.noticeCon li {width: 100%; font-size: 13px; letter-spacing: -0.07em; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; word-wrap: normal; word-break: break-all;}

.mainWrap .mainRight .event {display: none;}
.mainWrap .mainRight .customer {float: none; margin-top: 45px; width: auto; border-top: 0;} /*241119 수정*/
.mainWrap .mainRight .customer .indexcustomerCenter {display: flex; height: 63px; margin: 0; justify-content: space-between; overflow: hidden;}
.mainWrap .mainRight .customer .indexcustomerCenter li{width: 375px;}
.mainWrap .mainRight .customer .indexcustomerCenter li a {display: inline-block;}
.mainWrap .mainRight .customer .indexcustomerCenter .customer_tel_img{margin: 0;}
/*240226 추가 -end-*/


/*250422 수정,추가*/
/*241119 추가*/
/* 로그인 후 */
.mainContentswrapper .mainContents .menuShortCut {width: 159px; height: auto; right: 0; left: auto; bottom: 0; text-align: left; padding: 30px 20px 20px; border-left: 1px solid #e1e1e1;}
.mainContentswrapper .mainContents .menuShortCut h3 {margin: 0 0 20px 0; padding-top: 0;}
.mainContentswrapper .menuShortCutList {margin: 15px 0 0 0; border: 1px solid #eeeeee; border-radius: 5px;}
.mainContentswrapper .menuShortCutList .menuShortContit {padding: 14px 15px; font-size: 13px; height: 42px; line-height: 100%; color: #333; font-weight: bold; background: #eeeeee; box-sizing: border-box;} 
.mainContentswrapper .menuShortCutList .menuShortCon {} 
.mainContentswrapper .menuShortCutList .menuShortCon li {padding: 11px 15px 10px; height: 36px; line-height: 100%; border-top: 1px solid #eeeeee; box-sizing: border-box;} 
.mainContentswrapper .menuShortCutList .menuShortCon li a{display: inline-block; font-size: 13px; line-height: 100%; color: #636363; font-weight: bold;} 
.mainContentswrapper .menuShortCutList .menuShortCon li a:hover{text-decoration: none; color: #333;}


/* Poplayer */
.Poplayer {min-height: 205px; max-height: 450px;}
.Poplayer a:hover {text-decoration: none;}
.Poplayer textarea {width: 100%; color: #7d7d7d; border: 1px solid #dbdbdb; background: #FFF; padding: 10px; line-height: 125%; font-size: 12px; font-family: 돋움, 'Dotum'; font-weight: normal; box-sizing: border-box;resize: none;}
.Poplayer textarea:focus {outline:transparent;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.Poplayer .layer_tit_bg {width: 100%; height: 38px; padding-left: 14px; padding-right: 15px; background: #87286c url(../../images/bg/popup_title_center.gif) 0 0 repeat-x;}
.Poplayer .layer_in {height: 100%; background-color: #fff; padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; scrollbar-highlight-color: #CCCCCC; scrollbar-shadow-color: #CCCCCC; scrollbar-arrow-color: #CCCCCC; scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF;}
.Poplayer .layer_in .contents {padding: 0;}
.Poplayer .text_white_tb {color: #fff; font-family: 돋움, 'Dotum'; text-decoration: none; font-size: 14px; font-weight: bold; line-height: 17px;}
.Poplayer .layer_txt {padding-bottom: 8px; font-size: 12px; line-height: 130%; color: #666666; font-family: '나눔고딕', NanumGothic, 'Nanum Gothic';}
.Poplayer .bgTbWrap {background: #f1f1f1;}
.Poplayer .bgTbWrap td {padding: 16px 10px; font-size: 12px; line-height: 100%; color: #666666; font-family: 돋움, 'Dotum'; vertical-align: top; border-spacing: 0;}
.Poplayer .bgTbWrap td.layerTbtit {line-height: 28px; text-align: center; font-family: 돋움, 'Dotum'; font-weight: bold;}
.Poplayer .bgTbWrap td .layerTbtxt {font-size: 12px; line-height: 100%; color: #9d9d9d; font-family: 돋움, 'Dotum'; font-weight: normal;}
.Poplayer .bgTbWrap .scrollTb {text-align: center; border-spacing: 0; border-collapse: collapse;}
.Poplayer .bgTbWrap .scrollTb td {padding: 0 15px 20px; border-spacing: 0}
.Poplayer .bgTbWrap .scrollTb td.layerTbtit {padding: 8px 15px 0;}
.Poplayer .bgTbWrap .scrollTb .scrollTbTit {background: #f4f0ea;}
.Poplayer .bgTbWrap .scrollTb .scrollTbTit td {padding: 8px 0; font-size: 12px; color: #4a3010; font-family: 돋움, 'Dotum'; font-weight: bold; border: 1px solid #a09186; border-right: 0;}
.Poplayer .bgTbWrap .scrollTb .scrollTbTit td:nth-child(2){border-left: 0;}
.Poplayer .bgTbWrap .scrollTb .scrollTbTit td:nth-child(3){border-left: 0; border-right: 1px solid #a09186;}
.Poplayer .bgTbWrap .scrollTb .scrollTbBox {padding: 0;}
.Poplayer .bgTbWrap .scrollTb .scrollTbBox ul {background: #FFF; padding: 8px 10px 8px 10px; height: 160px; overflow-y: auto; box-sizing: border-box;}
.Poplayer .bgTbWrap .scrollTb .scrollTbBox ul li {display: flex; width: 100%; height: 18px; line-height: 18px; font-size: 12px; font-family: 돋움, 'Dotum'; font-weight: normal; text-align: left; word-break: break-all; word-wrap: break-word; overflow: hidden;}
.Poplayer .bgTbWrap .scrollTb .scrollTbBox ul li span {display: block; width: 31%; height: 18px; line-height: 18px; font-size: 12px; font-family: 돋움, 'Dotum'; font-weight: normal; text-align: ;}
.Poplayer .bgTbWrap .scrollTb .scrollTbBox ul li span:nth-child(2){width: 38%; padding: 0 2px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center;}
.Poplayer .bgTbWrap .scrollTb .scrollTbBox ul li span:nth-child(3){width: 29%; text-align: right;}
.Poplayer .bgBtnGr {min-width: 56px;padding: 6px 13px;}
.Poplayer .bgBtnPk {min-width: 56px;padding: 6px 13px;}