@charset "utf-8";

/* webkit solution */ 
::-webkit-input-placeholder { 
     color:#999;
	 font-size:13px; 
} 
/* mozilla solution */ 
input:-moz-placeholder { 
     color:#999;
	 font-size:13px; 
} 


.tapt {padding-top:30px;}
/* skip .skipnav.top_navi {overflow:hidden; position:relative; width:100%; z-index:2;}
.skipnav.top_navi a {display:block;font-size:0;margin:0 -1px -1px 0;width:1px;height:1px;text-align:center;overflow:hidden}
.skipnav.top_navi a:hover, .skipnav.top_navi a:focus, .skipnav.top_navi a:active {background:#000;font-size:11px;color:#FFF;height:20px;line-height:1;margin:0;width:auto;padding-top:5px;}*/

/* top_pop */
.top_pop {width:100%; background:#f4f4f4; position:relative}
.top_pop .top_pop_box {width:804px; height:140px; margin:0 auto; position:relative}
.top_pop .top_pop_box.h200 {height:190px !important}
.top_pop .top_pop_box.h110 {height:110px !important}
.top_pop .top_pop_box.h120 {height:120px !important}

.top_pop .top_pop_box .txt_btn_area {padding-top:20px; position:relative}
.top_p_txt {font-size:13px; font-weight:bold; display:inline-block;  margin-bottom:10px;}

.semoo {border:1px solid #d7d7d7; padding:36px; margin-top:30px}
.semoo.padT20 {padding:20px 36px 36px 36px !important}
.semoo_area {position:relative; margin-bottom:15px}
.semoo_title {color:#0676cb; font-size:16px; font-weight:bold; margin-bottom:15px}
.btn_insave_area {position:absolute; right:0; top:10px;}
.btn_semoo_area {position:absolute; right:0; bottom:-10px;}
.btn_insave, .btn_semoo {text-align:center; display:inline-block; height:32px; line-height:32px; padding:0 15px; background:#77b4ec}
.btn_insave a, .btn_insave a:hover, .btn_semoo a, .btn_semoo a:hover {color:#FFF; font-size:13px; display:block; text-decoration:none}
.marR5 {margin-right:5px}
.pop_close {position: absolute; right: -34px; top: 13px; width: 24px; height: 24px; background: url(../img/pop_close.png) center no-repeat;  text-indent:-9999px}

.bu_cont {position:relative; margin-top:5px}
.bu_btn_area {width:334px; float:left; margin-right:24px}
.bu_btn_area ul li {float:left}
.btn_bu {background:#009beb; width:163px; height:32px; line-height:32px; font-size:13px; text-align:center; display:inline-block}
.btn_bu a, .btn_bu a:hover {display:block; color:#fff; text-decoration:none}
.marR8 {margin-right:8px}
.marB8 {margin-bottom:8px}
.marT30 {margin-top:30px}

.bu_ps_area {float:left}
.bu_txt ul li {margin-bottom:5px; color:#333; font-size:13px}

.btn_paper_area {margin-top:13px}
.btn_paper_area.marTnone {margin-top:0 !important}
.btn_paper {display:inline-block;background:#8994aa; width:167px; height:32px; line-height:32px; font-size:13px; text-align:center}
.btn_paper a, .btn_paper a:hover {color:#FFF; font-size:13px; display:block; text-decoration:none}




.busi_calen .busi_arr_before {float:left; background:url('../img/calen_arr_before_02.png') no-repeat; background-size:100%; width:18px; height:24px; vertical-align:middle; display:block;}
.busi_calen .busi_arr_next {float:right; background:url('../img/calen_arr_next_02.png') no-repeat; background-size:100%; width:18px; height:24px; vertical-align:middle; display:block}


/*///////////////// 2020 0130 로그인전 메인화면 개편 /////////////////*/
.warpMain {position:relative; font-family: 'Noto Sans KR', sans-serif;}
.warpMain .warpBox{ width:100%;height:100%;position:relative;color:#FFFFFF;font-size:24pt;}

/* header */
.warpMain .warpHeader {width:100%; height:75px; background:#fff; z-index:99;}
.warpMain .warpHeader .header {width:1328px; margin:0 auto;}
.warpMain .warpHeader .header::after {content:''; display:block; clear:both;}
.warpMain .warpHeader .header h1 {padding:18px 45px 18px 0; display:block; float:left;}
.warpMain .warpHeader .header ul.mainGnb {padding-top:22px; display:block; float:left;}
.warpMain .warpHeader .header ul.mainGnb li {margin-right:30px; display:inline-block;}
.warpMain .warpHeader .header ul.mainGnb li:last-child{margin:0;}
.warpMain .warpHeader .header ul.mainGnb li a {font-size:18px; color:#32383c;}
.warpMain .warpHeader .header .mainLogin {padding-top:18px; display:block; float:right;}
.warpMain .warpHeader .header .mainLogin span { margin-right:10px; display:inline-block;}
.warpMain .warpHeader .header .mainLogin form {margin-right:10px; display:inline-block;}
.warpMain .warpHeader .header .mainLogin span:last-child {margin:0;}
.warpMain .warpHeader .header .mainLogin form label {width:0px; text-indent: -999em; font-size:0px;}
.warpMain .warpHeader .header .mainLogin form input {width:165px; height:35px; padding-left:5px; border:1px #cfd6db solid; font-size:14px; color:#32383c;}
.warpMain .warpHeader .header .mainLogin span.btn_top_login {width:80px; height:35px; background:#308fd7; border:1px #4ba3e5 solid; font-size:13px; color:#fff;}
.warpMain .warpHeader .header .mainLogin span.btn_top_idpwsh {width:80px; height:35px; background:#757f87; border:1px #9d9d9e solid; font-size:13px; color:#fff;}
.warpMain .warpHeader .header .mainLogin span a {font-size:13px; font-weight:300; color:#fff;}

/* 우측 로케이션 */
.rightLocation {width: 360px; margin: 0 0 0 600px; padding-left: 0; position: fixed; top: 50%; left: 50%; box-sizing: border-box; z-index: 19; font-family: 'Montserrat', sans-serif;}
.rightLocation ul {width: 180px; position:absolute; top:50%; left:100px;     -webkit-transform: translate(0, -50%); transform: translate(0, -50%);
-ms-transform: translate(0, -50%); text-align:left; z-index: 2;}
.rightLocation ul li{margin-top:10px;}
.rightLocation ul li:first-child {margin-top:0;}
.rightLocation ul li a {width: 100%; height: 30px; display:block;     position: relative; line-height: 30px; z-index: 2;}
.rightLocation ul li.on a {color:#fff;}
.rightLocation ul li span.txt {padding-left: 28px;  position: relative; display: block; z-index: 2; font-size: 13px; color:#fff;}
.rightLocation ul li:first-child::before {content: ""; display: block; width: 33px; height: 33px; border: 1px solid #FFF; border-radius: 50px; position: absolute;left: -11px;   top: 0; opacity: 50%;}
.rightLocation ul li a span.txt::after {content: ""; display: block;width: 7px; height: 7px; background: #fff; border-radius: 50px;position: absolute; left:2px; top: 13px;}
.rightLocation ul a:after, .rightLocation ul a .txt {-webkit-transition: all 200ms ease-out;-moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out;}
.rightLocation ul a::after { content: ""; width: 100%; height: 30px; display: block; border-radius: 50px;background-color: #fff; position: absolute; left: 20px;top: 0;opacity: 0; filter: alpha(opacity=0);}
.rightLocation ul::after{ content: ""; display: block;width: 1px; height: -webkit-calc(100% - 36px);height: calc(97% - 43px); position: absolute; left: 5px; top:32px; background: #fff;}

/* 메인 비쥬얼 */
.warpMain .bg01 {width:100%; height:937px; background:url(../img/bg01.png)no-repeat center/cover;}
.warpMain .bg01 .inner {width:1368px; margin:0 auto;}
.warpMain .bg01 .inner .scroll {width:100%; font-size:0; line-height:0; text-align:center; position:absolute; left:0; bottom:28px; animation-duration: 1s; z-index:7;}
.warpMain .bg01 .inner .scroll span {width:85px; height:85px; margin:0 auto; display:block; border:1px #ffffff7a solid; border-radius:50%; text-align:center;}
.warpMain .bg01 .inner .scroll span img {margin-top:25px; vertical-align:middle;}
.warpMain .bg01 .inner .mainTitle{width:100%; padding:25% 0; text-align:center; opacity: 1;animation-duration: 3s;
  animation-delay: 2s;
  animation-iteration-count: infinite;}
.warpMain .bg01 .inner .mainTitle h2 {font-size:48px; color:#fff; text-shadow:0px 1px #757f87;}
.warpMain .bg01 .inner .mainTitle h3 {margin-top:10px; font-size:26px; color:#fff; text-shadow:0px 1px #757f87;}
.warpMain .bg01 .inner .mainTitle button {width:275px; height:60px; margin-top:30px; position:relative; border-radius:10px; border:1px #87bce6 solid; font-size:18px; color:#fff;
    background: /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#318bcf+0,55adf0+100 */
background: #318bcf; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #318bcf 0%, #55adf0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #318bcf 0%,#55adf0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #318bcf 0%,#55adf0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#318bcf', endColorstr='#55adf0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.warpMain .bg02 {width:100%; height:937px; background:url(../img/bg02.png)no-repeat center/cover;}
.warpMain .bg02 .inner01 {width:1368px; margin:0 auto;}
.warpMain .bg02 .inner01 .typeCenter01 {padding-top:120px;}
.warpMain .bg02 .inner01 .typeCenter01::after {content:''; display:block; clear:both;}
.warpMain .bg02 .inner01 .typeCenter01 .left {padding-top:170px; padding-left:70px; display:block; float:left; line-height:1.4; letter-spacing:-0.8px;}
.warpMain .bg02 .inner01 .typeCenter01 .left P {margin-bottom:20PX; font-size:48px; font-weight:bold; color:#fff; text-shadow:0px 1px #757f87;}
.warpMain .bg02 .inner01 .typeCenter01 .left span {font-size:26px; color:#fff; text-shadow:0px 1px #757f87;}
.warpMain .bg02 .inner01 .typeCenter01 .right {display:block; margin: 0 212px;float:right;}


.warpMain .bg03 {width:100%; height:937px; background:url(../img/bg03.png)no-repeat center/cover;}
.warpMain .bg03 .inner02 {width:1368px; margin:0 auto;}
.warpMain .bg03 .inner02 .typeCenter02 {padding-top:120px;}
.warpMain .bg03 .inner02 .typeCenter02::after {content:''; display:block; clear:both;}
.warpMain .bg03 .inner02 .typeCenter02 .left {padding-left:70px; display:block; float:left;}
.warpMain .bg03 .inner02 .typeCenter02 .right {margin:159px 212px; display:block; float:right; line-height:1.4; letter-spacing:-0.8px;}
.warpMain .bg03 .inner02 .typeCenter02 .right P {margin-bottom:20PX; font-size:48px; font-weight:bold; color:#fff; text-shadow:0px 1px #757f87;}
.warpMain .bg03 .inner02 .typeCenter02 .right span {font-size:26px; color:#fff; text-shadow:0px 1px #757f87;}


.warpMain .bg04 {width:100%; height:937px; background:url(../img/bg04.png)no-repeat center/cover;}
.warpMain .bg04 .inner03 {width:1368px; margin:0 auto;}
.warpMain .bg04 .inner03 .typeCenter03 {padding-top:120px;}
.warpMain .bg04 .inner03 .typeCenter03::after {content:''; display:block; clear:both;}
.warpMain .bg04 .inner03 .typeCenter03 .left {padding-top:170px; padding-left:70px; display:block; float:left; line-height:1.4; letter-spacing:-0.8px;}
.warpMain .bg04 .inner03 .typeCenter03 .left P {margin-bottom:20PX; font-size:48px; font-weight:bold; color:#fff; text-shadow:0px 2px #757f87;}
.warpMain .bg04 .inner03 .typeCenter03 .left span {font-size:26px; color:#fff; text-shadow:0px 2px #757f87;}
.warpMain .bg04 .inner03 .typeCenter03 .right {display:block; margin: 0 212px;float:right;}




.warpMain .bg05 {width:100%; height:937px; background:url(../img/bg05.png)no-repeat center/cover;}
.warpMain .bg05 .inner04 {width:1368px; margin:0 auto;}
.warpMain .bg05 .inner04 .typeCenter04 {padding-top:80px; position:relative;}
.warpMain .bg05 .inner04 .typeCenter04 h4 {line-height:1.4; text-align:center; font-size:36px; font-weight:400; color:#fff;}
.warpMain .bg05 .inner04 .typeCenter04 h4 b {font-size:42px; font-style:normal;}
.warpMain .bg05 .inner04 .typeCenter04  .swiper-container .swiper-slide::after {content:''; display:block; clear:both;}
.warpMain .bg05 .inner04 .typeCenter04  .swiper-container .swiper-slide
{display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;}
.warpMain .bg05 .inner04 .typeCenter04  .swiper-container .swiper-slide .thme01 {padding-top:103px; display:block; float: left; z-index:7;}
.warpMain .bg05 .inner04 .typeCenter04  .swiper-container .swiper-slide .text01 {padding-left:120px; position:relative; display:block; float: left;}
.warpMain .bg05 .inner04 .typeCenter04  .swiper-container .swiper-slide .thme02 {padding-top:256px; padding-right:60px; display:block; float: left;}
.warpMain .bg05 .inner04 .typeCenter04  .swiper-container .swiper-slide .text02 {padding-right:171px; position:relative; display:block; float: left;}
.thme03 {padding-top:262px; padding-right:60px; display:block; float: left;}
.warpMain .bg05 .inner04 .typeCenter04  .swiper-container .swiper-slide .text03 {padding-right:171px; position:relative; display:block; float: left;}


    .swiper-pagination-bullet {
      width: 48px;
      height: 5px;
    margin-right: 20px;
        display:inline-block;
        text-indent:-999em;
      text-align: center;
      line-height: 0px;
      font-size: 0px;
      opacity: 1;
      background: #FFF;
        cursor:pointer;
    }
    .swiper-pagination-bullet-active {
      background: #fff;
        opacity: 0.5;
    }

.warpMain .bg05 .inner04 .typeCenter04  .swiper-container .swiper-slide .text01 p {position:relative; letter-spacing:-1px; font-size:36px; color:#234b69;}
.warpMain .bg05 .inner04 .typeCenter04  .swiper-container .swiper-slide .text01 p.textbg {content:''; width:80%; height:20px; position:absolute; bottom:150px; right:0; display:inline-block; background:#8dc6f166;}
.warpMain .bg05 .inner04 .typeCenter04  .swiper-container .swiper-slide .text01 span {margin-top:20px; display:block; font-size:22px; color:#2b3135;}

.warpMain .bg05 .inner04 .typeCenter04  .swiper-container .swiper-slide .text02 p {position:relative; letter-spacing:-1px; font-size:36px; color:#234b69;}
.warpMain .bg05 .inner04 .typeCenter04  .swiper-container .swiper-slide .text02 p.textbg{content:''; width:75%; height:20px; position:absolute; bottom:150px; right:166px; display:inline-block; background:#8dc6f166;}
.warpMain .bg05 .inner04 .typeCenter04  .swiper-container .swiper-slide .text02 span {margin-top:20px; display:block; font-size:22px; color:#2b3135;}

.warpMain .bg05 .inner04 .typeCenter04  .swiper-container .swiper-slide .text03 p {position:relative; letter-spacing:-1px; font-size:36px; color:#234b69;}
.warpMain .bg05 .inner04 .typeCenter04  .swiper-container .swiper-slide .text03 p.textbg {content:''; width:68%; height:20px; position:absolute; bottom:150px; right:178px; display:inline-block; background:#8dc6f166;}
.warpMain .bg05 .inner04 .typeCenter04  .swiper-container .swiper-slide .text03 span {margin-top:20px; display:block; font-size:22px; color:#2b3135;}


.warpMain .bg05 .inner04 .typeCenter04 .boxbg {width:1215px; height:554px; margin-top:120px; border:30px #fff solid; position:absolute;}

.warpMain .bg06 {width:100%; letter-spacing:-3px;}
.warpMain .bg06 .inner05 {width:100%; height:520px; background:#f7f8f8;}
.warpMain .bg06 .inner05 .typeCenter05 {width:1368px; height:520px; margin:0 auto; position:relative;}
.warpMain .bg06 .inner05 .typeCenter05 .thme {position:absolute; bottom:0; left:0;}
.warpMain .bg06 .inner05 .typeCenter05 .title {display:block; position:absolute; top:44px; right:54px; font-size:36px; color:#2b3135;}
.warpMain .bg06 .inner05 .typeCenter05 .title b {color:#1975bb;}


.warpMain .bg06 .inner06 {width:100%; height:315px; background:#fafdff;}
.warpMain .bg06 .inner06 .typeCenter06 {width:1368px; margin:0 auto; padding-top:60px;}
.warpMain .bg06 .inner06 .typeCenter06 p {margin-bottom:20px; text-align:center; font-size:36px; color:#2b3135;}
.warpMain .bg06 .inner06 .typeCenter06 .typeBtn{text-align:center;}
.warpMain .bg06 .inner06 .typeCenter06 .typeBtn button {margin-right:30px;}
.warpMain .bg06 .inner06 .typeCenter06 .typeBtn button:last-child {margin:0;}


/* 2020 개편 서브페이지 */
.innersub {width:100%; position:relative;}
.innersub .topVisual {height:200px; background:url(../img/bg01.png)no-repeat center/cover;}
.innersub .subBoxin01 {width:1368px; margin:0 auto; padding:30px 0px; text-align:center; letter-spacing:-1px;}
.innersub .subBoxin01 h2 {width:227px; margin:0 auto; padding-top:12px; border-top:2px #afb6ba solid; font-size:36px; color:#2b3135;}
.innersub .subBoxin01 h3 {margin-top:30px; line-height:1.4; font-size:28px; color:#234b69;}
.innersub .subBoxin01 h4 {margin-top:25px; line-height:1.4; font-size:18px; color:#616569;}
.innersub .subBoxin01 span {display:block; margin-top:40px;}

.innersub .subBoxin02 {width:1368px; margin:0 auto; padding:30px 0px;  text-align:center; letter-spacing:-1px;}
.innersub .subBoxin02 h2 {width:145px; margin:0 auto; padding-top:12px; ; border-top:2px #afb6ba solid; font-size:36px; color:#2b3135;}
.innersub .subBoxin02 h3 {margin-top:20px; line-height:1.4; font-size:28px; color:#234b69;}
.innersub .subBoxin02 span {display:block; margin-top:20px;}
.innersub .subBoxin02 .typeBtn{padding:80px 0px; text-align:center;}
.innersub .subBoxin02 .typeBtn button {margin-right:30px;}
.innersub .subBoxin02 .typeBtn button:last-child {margin:0;}





/* 앱링크 주소받기 첫화면 */
#bggray {background: #ebebeb}
#contbdy_scroll	{position:relative; min-height: 100%;}

.intro_bg {height:390px; text-align:center; position:relative; margin-bottom:12px;}
.intro_bg .int_tit {font-size:22px; font-weight:bold; color:#fff; margin-bottom:15px; line-height:22px;}
.intro_bg .int_txt {font-size:15px; color:#fff}
.int_01 {background:#32ac6f;}
.int_02 {background:#7569cb;}
.int_03 {background:#589de1;}
.int_01 .int_img_area {}
.int_01 .int_img_area .int_img01 {background-size: 100%; background-repeat: no-repeat; background-position: left center;background-image: url('../img/mobile_01.png'); width: 196px; height: 220px; margin:27px auto;}
.int_02 .int_img_area .int_img02 {background-size: 100%; background-repeat: no-repeat; background-position: left center;background-image: url('../img/mobile_02.png'); width: 196px; height: 220px; margin:27px auto}
.int_03 .int_img_area .int_img03 {background-size: 100%; background-repeat: no-repeat; background-position: left center; background-image: url('../img/mobile_03.png'); width: 196px; height: 220px; margin:27px auto}

.rolling {padding: 22px 0 22px 0; width: 100%; text-align: center;}
.rolling ul li.on {background: #fff;}
.rolling ul li {display: inline-block; width: 10px; height: 10px; border-radius: 20px; margin-right: 6px; background: #c2c2c2;}

.cont_bg_white {padding:30px 24px; background:#fff; margin-bottom:12px; overflow:hidden}
.app_link_tit {font-size:20px; color:#000; margin-bottom:15px; line-height:28px;}
.app_link_tit p {font-size:22px;}
.app_link_tit p b {font-weight:bold; color:#ef6678}
.app_link_send {margin-bottom:20px; overflow:hidden}
.app_link_num_area {float:left; width:70%; display:inline-block; vertical-align:middle; background:#f9f9f9; height:44px;line-height:40px;  border:1px solid #cccccc; border-radius:3px;}
.app_link_num_area input {font-size:17px; font-weight:bold; color:#bababa; padding:0 10px; background:#f9f9f9; border:none; vertical-align:top; text-align:left;  width:100%;}

input.pager_num::-webkit-input-placeholder {color: #bababa; text-align:left; font-size:17px; font-weight:bold}
input.pager_num::-moz-input-placeholder {color: #bababa; text-align:left; font-size:17px; font-weight:bold}
input.pager_num::-ms-input-placeholder {color: #bababa; text-align:left; font-size:17px; font-weight:bold}

.btn_send_area {display:inline-block; vertical-align:middle; width:30%; float:left}
.btn_send_area .send {background: #ef6678; font-size: 16px; font-weight: bold; height: 44px; line-height: 42px;
 text-align: center; border-radius: 3px; padding: 0 15px; display:inline-block;	margin-left:6px; display:block}
.btn_send_area span.send a {color:#fff; display: block}
.btn_send_area span.send a:hover {color:#fff;}

.app_link_ps {line-height:18px;}
.app_link_ps ul li {font-size:12px; color:#999; letter-spacing:-0.5px; position: relative; list-style: none; padding-left:10px;}
.app_link_ps ul li:before {content: "-"; position: absolute; left: 0; top: -2px; width: 5px; height: 1px; font-weight: normal;}

.cont_bg_yell {background:#fef5cc; padding:30px 24px; margin-bottom:12px;}
.faq_tit {font-size:20px; line-height:20px; font-weight:bold; margin-bottom:20px}
.faq_list {}
.faq_list ul li {font-size:12px; margin-bottom:8px; position:relative; padding-left:16px; letter-spacing:-1px;}
.faq_list ul li:last-child {margin-bottom:0}
.faq_list ul li.question {color:#333;}
.faq_list ul li.answer {color:#9b9373;}
.faq_list ul li.question:before {content: '질문'; position: absolute; top: 3px; left: 0; overflow: hidden; width: 13px; height: 13px; background-size:100%; text-indent: 20px; background: url('../img/q_bl.png') no-repeat;}
.faq_list ul li.answer:before {content: '답변'; position: absolute; top: 3px; left: 0; overflow: hidden; width: 13px; height: 13px; background-size:100%; text-indent: 20px; background: url('../img/a_bl.png') no-repeat;}

footer.cont_bg_white .chung_logo {text-indent:-9999px; background:url('../img/chung_logo.png')no-repeat; width:130px; height:24px; background-size:100%; margin-bottom:10px;}
footer.cont_bg_white .ft_menu {overflow:hidden}
footer.cont_bg_white .ft_menu ul li {float: left; margin-right:10px;  text-align: center; font-size: 13px;vertical-align: middle; position:relative;}
footer.cont_bg_white .ft_menu ul li a {color:#000; display:block}
footer.cont_bg_white .ft_menu ul li.m2 {margin-right:0 !important; padding-left:10px;}
footer.cont_bg_white .ft_menu ul li.m2:after {position: absolute; left: 0px; top: 3px; width: 1px; height: 12px; background: #000; content: "";}
footer.cont_bg_white .address {margin-top: 10px;}
footer.cont_bg_white .address ul li {font-size:11px; color:#999}


/***** 메인 자금,세금리포트 *****/
.report_area {overflow:hidden; margin-top:14px}
.report_1 {width:438px; height:242px; background:#f8f8f8; padding:44px 30px; float:left}
.report_2 {width:577px; height:242px; background:#f8f8f8; padding:44px 30px; float:right; margin-left:10px}

.report_1 ul li, .report_2 ul li {position:relative}
.report_tit {display:inline-block; font-size:16px; font-weight:bold; color:#333; text-align:left}
.report_tit_s {display:inline-block; font-size:13px; color:#333; text-align:left; margin-left:10px}
.re_txt_r {display:inline-block; text-align:right; position:absolute; right:0; top:0}
.col_gr_l, .col_red_l {font-size:24px; line-height:18px; font-weight:bold;}
.col_gr_l a, .col_gr_s a {color:#0abba8; text-decoration:underline; display:block}
.col_gr_s, .col_red_s {font-size:18px; line-height:18px;}
.col_red_l a, .col_red_s a {color:#f25d60; text-decoration:underline; display:block}
.col_gy_none {font-size:17px; color:#bebebe;}

.report_txt {display:inline-block; position:absolute; right:0; top:0}
.txt_gr {display:inline-block; width:170px; text-align:right}
.txt_red {display:inline-block; width:170px; text-align:right}

.re_ps {font-size:12px; color:#999; margin-top:70px}
.marB35 {margin-bottom:35px}
.marT40 {margin-top:40px}


/***** new 탑메뉴영역 *****/
.gnb_wrap {width:100%; background:#0676cb; height:70px;}
.gnb_wrap_01 {width:100%; min-width:1000px; background:#fff; height:70px;}
.gnb_wrap_01.bggray {background:#f3f3f3 !important;}
.gnb {margin:0 auto; width:1100px; height:100%; position:relative;}
.gnb:after {content:''; display:block; clear:both;}
.logo_wrap_s, .logo_wrap_01, .logo_wrap_02 {float:left;}
.logo_wrap_s {margin-right:60px;}
.logo_wrap_s h1 { background: url('../img/logo_s.png') no-repeat 0 0; width: 204px; text-indent: -9999px; margin-top: 10px; margin-bottom: 10px; height: 45px;}


.logo_wrap_s h1>a, .logo_wrap_01 h1>a, .logo_wrap_02 h1>a {display:block; height:100%;}
/*.gnbArea {position:absolute; right:0; top:22px;}*/
nav.top_navi.top_menu {height:70px; position:relative; float:left;}
nav.top_navi.top_menu>ul {margin:0; padding:0;}
nav.top_navi>ul:after {display:block;content:'';clear:both;}
nav.top_navi>ul>li {float:left; padding-right:38px; position:relative;}
nav.top_navi>ul>li>a {letter-spacing:-0.5px; color:#fff; line-height:70px; position:relative; display:block}
nav.top_navi>ul>li>a:hover, .gnbArea>ul>li>a:active {color:#ffc000; text-decoration:none;}
nav.top_navi>ul>li>a strong {display:block; font-weight:bold; font-size:16px;} 
nav.top_navi>ul>li>a.on strong {color:#ffc000;}
nav.top_navi>ul>li.last {padding-right:0;}


nav.top_navi>ul>li>ul{visibility: hidden; display: none; position: absolute; margin-left:-100px; top:55px; left: 50%; box-shadow: 0px 3px 10px rgba(0,0,0,0.2);}
nav.top_navi>ul>li:hover>ul{visibility: visible; display: block; border:1px solid #000; width:154px; background: #fff; z-index:2;}
nav.top_navi>ul>li:hover>ul>li {padding: 0 0 10px 15px;}
nav.top_navi>ul>li:hover>ul>li.padtop {padding-top:13px;}
nav.top_navi>ul>li:hover>ul>li>a {display:block; font-size:14px; color:#999;}
nav.top_navi>ul>li:hover>ul>li>a:hover {color:#2e74d9; text-decoration:underline;}
nav.top_navi>ul>li:hover>ul>h3 {padding: 10px 0 10px 15px; border-bottom:1px solid #dbdbdb; font-size:14px; color:#333; margin-bottom:10px; margin-top:10px; font-weight:bold;}
nav.top_navi>ul>li:hover>ul>h3.btop {border-top:1px solid #dbdbdb;}


.etc_area, .login_area {position:absolute; right:0; top:0;}
.etc_area .etc_menu {height:70px; position:relative; float:left;}
.etc_area .etc_menu>ul {margin:0; padding:0;}
.etc_area .etc_menu>ul:after {display:block;content:'';clear:both;}
.etc_area .etc_menu>ul>li {float:left; padding-right:18px; position:relative;}
.etc_area .etc_menu>ul>li.none {padding-right:0;}
.etc_area .etc_menu>ul>li>a {letter-spacing:-0.5px; font-size:13px; color:#fff; line-height:70px; position:relative; display:block}
.etc_area .etc_menu>ul>li>a:hover, .gnbArea>ul>li>a:active {color:#fff; text-decoration:none;}
.etc_area .etc_menu>ul>li>a strong {display:block; font-weight:bold; font-size:16px;} 
.etc_area .etc_menu>ul>li.last {padding-right:0;}
.etc_area .etc_menu>ul>li>ul{visibility: hidden; display: none; position: absolute; margin-left:-65px; top:55px; left: 50%; box-shadow: 0px 3px 10px rgba(0,0,0,0.2);}
.etc_area .etc_menu>ul>li:hover>ul{visibility: visible; display: block; border:1px solid #000; width:105px; background: #fff; z-index:2;}
.etc_area .etc_menu>ul>li:hover>ul>li {padding: 0 0 10px 15px;}
.etc_area .etc_menu>ul>li:hover>ul>li.padtop {padding-top:13px;}
.etc_area .etc_menu>ul>li:hover>ul>li>a {display:block; font-size:12px; color:#999;}
.etc_area .etc_menu>ul>li:hover>ul>li>a:hover {color:#2e74d9; text-decoration:underline;}


/**/
#first_wrap {width:700px; height:100%; padding:36px 30px;}
header.first .title01 {color:#0e76c9; font-size:32px; font-weight:bold; margin-bottom:10px;}
header.first .title02 {color:#000; font-size:20px; font-weight:bold; margin-bottom:24px;}
.signup_area {background:#f5f4f1; border:1px solid #e5e5e5; width:642px;}
.signup_area ul li {padding:20px 25px; border-bottom:1px solid #e5e5e5; position:relative; height:84px}
.signup_area ul li:last-child {border-bottom:0}
.cont_tit {display:inline-block}
.cont_tit strong {color:#333; font-size:16px; font-weight:bold; display:block}
.cont_tit .ps_tit {color:#999; font-size:13px;}
.cont_btn_area {float:right; display:inline-block}
.cont_btn_area .download {width:118px; height:30px; line-height:28px; background:#fff; text-align:center; border:1px solid #0e76c9; display:inline-block; margin-right:5px;}
.cont_btn_area .download a {color:#0e76c9; font-size:13px; display:block; text-decoration:none}
.cont_btn_area .download a:hover {color:#0e76c9; text-decoration:none}
.cont_btn_area .upload {width:118px; height:30px; line-height:28px; background:#0e76c9; text-align:center; display:inline-block}
.cont_btn_area .upload a {color:#fff; font-size:13px; display:block; text-decoration:none}
.cont_btn_area .upload a:hover {color:#fff; text-decoration:none}
.cont_btn_area .finish {width:118px; height:30px; line-height:28px; background:#959595; text-align:center; display:inline-block}
.cont_btn_area .finish a {color:#c7c7c7; font-size:13px; display:block; text-decoration:none}
.cont_btn_area .finish a:hover {color:#c7c7c7; text-decoration:none}

.ex_txt {margin-top:36px;}
.ex_txt.marT10 {margin-top:10px !important; margin-bottom:20px; padding:0 26px;}
.ex_txt h2 {color:#ff6666; font-size:16px; font-weight:bold; margin-bottom:15px;}
.ex_txt ul li {color:#333; font-size:13px; margin-bottom:8px; background:url('../img/bl_check.png') no-repeat 0 2px; padding-left:24px;}
.ex_txt ul li em {color:#999}

/* 마케팅수신동의-팝업 */
#market_wrap {width:450px; padding-top:20px;}

/* 현금매출입력-팝업 */
#tax_inpt_wrap {width:360px; padding-top:26px;}
.ra_area {margin-right:6px; display:inline-block}
.label_s {color: #7a7a7a; font-size: 12px; font-weight: normal; display: inline-block;	margin-bottom:0; line-height: 1;}
.radio_s {border: 1px solid #cccccf; background: #f4f4f4; width: 13px; height: 13px; margin: 0; padding-left: 0;	vertical-align:top; display: inline-block;}
.inputbox_tax {width:100%; padding:2px; text-align:right; border:1px solid #CCC;}


/* salary-popup */
#salary_wrap {width:512px; height:734px; padding-top:26px;}
#salary_wrap h2.sa_title, #employee_p h2.sa_title {font-size:18px; color:#000; font-weight:bold; margin:0 26px 10px 26px;}
#salary_wrap h2.sa_title em, #employee_p h2.sa_title em {color:#ff3333;}

#employee_p {width:600px; height:460px; margin-top:20px;}
.p_btn_add {text-align:right; padding-right:10px; margin-bottom:10px}
.p_btn_add02 {text-align:right; margin-bottom:10px}

.data_get {overflow:hidden}
.data_get ul li {width:50%; float:left}
.data_get ul li:last-child {padding-left:8px;}

.d_get_area {margin-bottom:3px}
.btn_d_get {width:100%; border: 1px solid #0e76c9; height: 36px; line-height: 34px; background:#f3f7fb;font-size:14px; display:inline-block; text-align:center}
.btn_d_get a.d_get {color:#0e76c9; font-weight:bold; text-decoration:none; display:block}
.btn_d_get a:hover.d_get {color:#0e76c9; font-weight:bold; text-decoration:none}

.btn_add {width:94px; border: 1px solid #0e76c9; height: 36px; line-height: 34px; background:#f3f7fb;font-size:14px; display:inline-block}
.btn_add a.add_family {padding:0 25px; color:#0e76c9; font-weight:bold; text-decoration:none; display:block}
.btn_add a:hover.add_family {color:#0e76c9; font-weight:bold; text-decoration:none}

.p_selt {border:1px solid #cacacd; background:#fff; color:#666; text-align:left; padding-left:10px; width:140px; height:30px; margin-right:10px; vertical-align:middle;}
.p_selt_02 {border:1px solid #cacacd; background:#e7e7e7; color:#666; text-align:left; padding-left:10px; width:120px; height:30px; vertical-align:middle;}
.w120 {width:120px !important;}
.marR0 {margin-right:0 !important;}

.family_add {margin-bottom:20px; margin-left:10px; margin-right:10px; border:1px solid #dddddd; padding-bottom:10px;}
.top_ps {margin:0 26px 10px 26px; font-size:13px;}
.mem_info {background:#f3f3f3; padding:20px; margin:0 26px 8px 26px; position:relative}
.mem_info.marLRnone {margin:10px 10px 8px 10px !important;}
.mem_info.marB20 {margin-bottom:20px !important;}
.marR20 {margin-right:20px !important;}
.marR10 {margin-right:10px !important;}
.marR105 {margin-right:105px !important;}
.mem_info ul li {margin-bottom:6px;}
.mem_info ul li:last-child {margin-bottom:0;}
.mem_info ul li .info_txt {display:inline-block}
.mem_info ul li .info_txt .tit_a {display:inline-block; width:74px; }
.mem_info ul li .info_txt .tit_a label {font-size:14px; color:#333; font-weight:bold; vertical-align:middle; margin-bottom:0}

.mem_info ul li .info_txt .tit_a02 {display:inline-block; width:96px; }
.mem_info ul li .info_txt .tit_a02 label {font-size:14px; color:#333; font-weight:bold; vertical-align:middle; margin-bottom:0}
.s_tit {display:inline-block; margin-right:10px; color:#7a7a7a}

.mem_info ul li .info_txt .inputBox01 {width:80px; height:30px; background:#e7e7e7; border:1px solid #cacacd; color:#666; text-align:center}
.padL260 {padding-left:260px;}

.check_paper {}
.check_paper .tit_a02 {font-size: 14px; color: #333; font-weight: bold; vertical-align: middle;  margin-bottom: 0;}
.check_paper p {display:inline-block}
.check_paper p input {border: 1px solid #cccccf;    background: #f4f4f4;    width: 16px;    height: 16px; margin-top: 0; margin-right: 0; paddin;g-left: 0; display: inline-block;}
.check_paper p label {vertical-align:middle; display:inline-block; margin-left:5px; margin-right:15px; font-size:13px; margin-bottom:0}

.w140 {width:140px !important}
.detail_wrap{border:1px solid #e0e2e5; height:422px; margin:0 26px;}
.detail_info {width:229px; float:left; position:relative}
.detail_info.bd_line_R {border-right:1px solid #e0e2e5; height:100%; }
.detail_info .detail_tit {background:#f5f4f1; height:38px; line-height:38px; padding-left:16px; font-size:14px; color:#333; font-weight:bold; border-bottom:1px solid #e0e2e5;}
.detail_info .pay_sumArea {background:#ebebeb; padding:0 16px; height:38px; line-height:38px; border-top:1px solid #e0e2e5}
.detail_info .pay_sumArea.posi_ab {position:absolute; bottom:0; left:0;}
.detail_info .pay_sumArea.bg_Lred {background:#ffecec !important;}
.detail_info .pay_sumArea.bg_Lgreen {background:#f3f7fb !important;}
.detail_info .pay_sumArea .pay_sum {font-weight:bold; text-align:right; float:right}
.detail_info ul.de_info_box {padding:6px 16px 0 16px;;}
.detail_info ul.de_info_box li {margin-bottom:6px;}
.detail_info ul.de_info_box.marB30 {margin-bottom:30px !important;}

i.arr_d {display:inline-block; margin-left:5px;}
i.arr_d img {vertical-align:middle;}

.tit_b {display:inline-block; width:86px;}
.tit_b label {font-size:12px; color:#333; font-weight:normal; margin-bottom:0}
.tit_b .etc {color:#99cc33 !important; text-decoration:underline;}
.tit_b .etc a {color:#99cc33 !important; text-decoration:underline;}
.tit_b .etc a:hover {color:#99cc33 !important; text-decoration:underline;}
.tit_b .etc_list {color:#99cc33 !important;}
.tit_b label.except {color:#ff3333}

.inputBox02 {width:110px; height:28px; background:#fff; border:1px solid #cacacd; color:#333; text-align:right; padding-right:10px;vertical-align: baseline;}
.inputBox02.padR {padding-right:0 !important;}
.inputBox02.txtC {text-align:center !important;}
.inputBox02.bgred {background:#ffecec}
.inputBox02.bggreen {background:#f3f7fb !important}
.inputBox03 {width:110px; height:28px; background:#e7e7e7; border:1px solid #cacacd; color:#333; text-align:right; padding-right:10px; vertical-align: baseline;}
.inputBox04 {width:110px; height:26px; background:#f2f8e7; border:1px solid #d8ecb4; color:#94b903; text-align:right; padding-right:10px; font-size:12px;}
.inputBox05 {width:200px; height:30px; background:#fff; border:1px solid #cacacd; color:#333; text-align:left; padding-left:10px;}
.inputBox_pop {width: 120px; height: 30px; background: #fff; border: 1px solid #cacacd; color: #333; text-align: center;}
.inputBox_pop.w100pro {width:100% !important; text-align:right !important; padding-right:10px !important}

.detail_info .radio_ch {background:#fffff5; height:38px; line-height:38px; border-bottom:1px solid #e0e2e5; padding:0 16px; text-align:right;}
.detail_info .radio_ch .marR {margin-right:6px;}
.detail_info .radio_ch label {color:#7a7a7a; font-size:12px; font-weight:normal; display:inline-block; margin-right:5px; vertical-aling:middle; line-height:1}
.detail_info .radio_ch input.radio {border: 1px solid #cccccf; background: #f4f4f4; width: 15px; height: 15px; margin:0; padding-left: 0; display: inline-block;}
.salary_ps {margin:10px 26px; font-size:12px; color:#666;}
.salary_ps .sa_ps_tit {display:block; color:#000}
.salary_ps em {color:#e3ad1c}

.radio_02 label {color: #7a7a7a; font-size: 12px;  font-weight: normal; display: inline-block; margin-right: 5px;    vertical-aling: middle; line-height: 1;}
.radio_02 input {border: 1px solid #cccccf; background: #f4f4f4; width: 15px; height: 15px; margin: 0; padding-left: 0; display: inline-block;}

.pop_btn_area {text-align:right; padding-right:26px}
.pop_btn_area.padRnone {padding-right:0 !important}


/* popup */
#pop-content_area {width:698px; overflow:hidden;}
#pop-content_area .cont_area {margin:20px 10px;}
#pop-content_area .cont_area:after {content:''; display:block; clear:both;}
#pop-content_area .cont_area .top_tit_txt {font-size:20px; color:#999; font-weight:bold; margin-bottom:20px;}
#pop-content_area .cont_area .top_tit_txt .col-b01 {color:#2e74d9;}
#pop-content_area .cont_area .top_tit_txt .col-b02 {color:#2e74d9; text-decoration:underline;}
#pop-content_area .cont_area .top_tit_txt .col-b03 {color:#0e76c9;}
#pop-content_area .cont_area .top_tit_txt .col-b04 {color:#0e76c9; text-decoration:underline;}
#pop-content_area .cont_area .txt {margin-bottom:10px; overflow:hidden;}
#pop-content_area .cont_area .txt p {font-size:13px; color:#333; margin-bottom:3px;}
#pop-content_area .cont_area .pop_ps01 {width:100%; padding:14px; font-size:12px; color:#669ff1; border:1px solid #ededed; background:#f9f9fa; margin-top:20px;}
#pop-content_area .cont_area .pop_ps01.col_b {color:#666 !important;}
span.install {display:block}
span.install a.pop_button01 {text-align:center; width:78px; height:28px; line-height:28px; color:#fff; font-size:12px; font-weight:bold; background:#2b3747; margin-left:8px; display:inline-block; text-decoration:none;}
span.install a:hover.pop_button01 {text-decoration:none;}

#pop-content_area_02 {width:450px; overflow:hidden;}
#pop-content_area_02 .cont_area {margin:30px 10px;}
#pop-content_area_02 .cont_area .txt_box {margin-bottom:20px;}
#pop-content_area_02 .cont_area p {text-align:center;}
#pop-content_area_02 .cont_area p.txt01 {font-size:14px; color:#666; margin-bottom:15px;}
#pop-content_area_02 .cont_area p.txt02 {font-size:13px; color:#999;}
#pop-content_area_02 .cont_area p .col-b01 {color:#ff0000; text-decoration:underline}
#pop-content_area_02 .cont_area p .col-b02 {color:#2583f8}
.input_pop {width:210px; height: 30px; border: 1px solid #cbcbcb; background: #fff; font-size: 14px; color: #666;    padding-left: 10px; margin-right: 10px;}
.input_pop02 {width:150px; height: 30px; border: 1px solid #cbcbcb; background: #fff; font-size: 14px; color: #666;    padding-left: 10px;}
.bgcol_pop {background:#f6f6f6 !important;}

.fish_txt {color:#000; font-weight:bold; font-size:15px; margin-bottom:15px;}
.fish_selt {border: 1px solid #cbcbce; background: #fafafa; color: #000; text-align: left; padding-left: 10px; width: 350px; height: 34px; font-size:13px; margin-top:10px; margin-bottom:5px}

.txt_box ul li {margin-bottom:10px;}
.txt_box ul li.pw_pop {padding-left:40px;}
.txt_box ul li.pw_pop label {font-size:15px;margin-bottom:0; display:inline-block; width:120px;}
.reason textarea  {width:350px; height:80px;color: #666;
    border: #ccc 1px solid;
    overflow: auto;
    padding: 10px;
    font-size: 14px;
    margin-bottom: 0;}

input.card_num {width:90px; height:20px; border:1px solid #e3e3e3; background:#fff; font-size:13px; color:#333; padding-left:10px; margin-right:10px; text-align:center; vertical-align:top}
input.card_num.last {margin-right:0;}
input.ck_card {border:1px solid #b7b7b7; margin:0; width:14px; height:14px;}
input.byname {border:1px solid #e3e3e3; width:100%; height:20px; padding-left:5px;}
em.red {color:#F00;}
.p_center {text-align:center;}
#pop-content_area .cklist {display:inline-block; margin-right:15px; font-weight:bold}

.pop-w {width:550px !important;}
.code_sh_area {width:100%; height:47px; padding:8px 0 0 20px; border:1px solid #dbdbdb; background:#f7f9fa;}
.code_sh_area label {padding:4px 10px 0 0; margin-bottom:0; display:inline-block; font-size:14px; font-weight:bold; color:#333;}
.code_sh_area input {width:220px; height:28px; background:#fff; border:1px solid #bdc1c6; font-size:13px; text-align:left; padding-left:10px; color:#808080; vertical-align:top;}




/* main*/
#main_wrap {width:100%; margin:0 auto; background:#fff; min-width:1150px;}
#head_wrap {background:#f4eddb; position:relative; width:100%; height:564px;  margin: 0 auto;}
#header.main {} /* z-index: 1; */
.bggray {background:#f4fbff !important;} 


.headDiv {position: relative; width: 1100px; margin: 0 auto;}
.headDiv:after {content:''; display:block; clear:both;}
.headDiv h1 {float: left; text-indent:-9999px; background:url('../img/logo_01.png') no-repeat 0 0; width: 204px; height:45px; margin-top:50px;}
.headDiv h1 a {display:block;}
.logo_c {background:url('../img/topLogo.png') no-repeat 0 0 !important;}


.headDiv ul.m_menu {float:right; overflow:hidden; margin-top:68px;}
.headDiv ul.m_menu li {float:left; margin-right:50px; line-height:21px;}
.headDiv ul.m_menu li a {font-size:21px; font-weight:bold; color:#000; display:block}
.headDiv ul.m_menu li a:hover {color:#0676cb; text-decoration:none;}
.headDiv ul.m_menu li:last-child {margin-right:0;}
.headDiv ul.m_menu li a.on {color:#99cc33; text-decoration:none;}


.main_top_visual {overflow: hidden; position: relative; width:1100px; height:647px; background:url('../img/main_top_visual.png') no-repeat right 150px; margin: 0 auto;}

.c_visual {background:url('../img/main_top_visual_c.png') no-repeat right 95px !important;}

.main_top_visual .main_txt {width:100%; text-align:left; color:#fff; margin-top:95px; line-height:1;}
.main_top_visual .main_txt .tit01 {font-size:36px; color:#5c5f69; margin-bottom:15px;}
.main_top_visual .main_txt .tit02 {font-size:40px; color:#3c3f4a; margin-bottom:34px; font-weight:bold;}
.main_top_visual .main_txt .tit03 {font-size:20px; color:#5c5f69; line-height:30px; margin-bottom:34px;}
.txt_c {margin-top:125px !important;}

.btn_serv {display: inline-block; min-width: 254px; height:50px; line-height:46px; background:#f7931d;}
.btn_serv_02 {display: inline-block; min-width: 254px; height:50px; line-height:46px; background:#0676cb;}
.btn_serv a, .btn_serv_02 a {display:block; margin-left:33px; font-size: 22px; text-align:left; color:#fff; background:url('../img/serv_arr.png') no-repeat 168px center;}
.btn_serv a:hover, .btn_serv_02 a:hover {color:#fff; text-decoration:none; filter:alpha(opacity=50);opacity:.50;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}



.btn_radius_02 {display: inline-block; background:#2e74d9; border-radius: 25px; min-width: 167px; height:40px; line-height:40px; font-size: 18px; text-align:center;}
.btn_radius_02 a {width:100%;color:#fff; display:inline-block;}
.btn_radius_02 a:hover {color:#fff; text-decoration:none;}
.btn_radius_03 {display: inline-block; background:#2e74d9; border-radius: 25px; min-width: 254px; height:40px; line-height:40px; font-size: 18px; text-align:center;}
.btn_radius_03 a {width:100%; color:#fff; display:inline-block;}
.btn_radius_03 a:hover {color:#fff; text-decoration:none;}
.btn_smart {display: inline-block; background:#2e74d9; padding:0 25px; height:40px; line-height:40px; font-size: 18px; text-align:center;}
.btn_smart a {width:100%; color:#fff; display:inline-block;}
.btn_smart a:hover {color:#fff; text-decoration:none;}


#main_container {width:100%; position:relative;}
#main_container:after {content:''; display:block; clear:both;}
#main_cont01_area {width:100%; background:#dee3e9;}
#main_cont01_area_c {width:100%; background:#fff;}

.link_box {width: 1100px; margin: 0 auto; position: relative;}
.cont_bg_sky {background:#dee3e9; margin-bottom:0; padding:50px 24px; overflow:hidden}
.f30 {font-size:30px !important}
.down_tit {font-size:40px !important; line-height: 34px;}
.down_tit strong {color:#42444f}

.main_cont01_txt {width:1100px; margin:0 auto; min-height:626px; text-align:center; padding-top:106px; line-height:56px; position:relative;}
.main_cont01_txt_c {width:1100px; margin:0 auto; min-height:504px; text-align:center; padding-top:100px; position:relative;}
.main_cont01_txt .txt {font-size:40px; color:#808390; font-weight:100; margin-bottom:58px;}
.main_cont01_txt .txt b {color:#42444f;}

.main_cont01_txt .item {overflow:hidden;}
.main_cont01_txt .item ul li {float:left; width:275px;}
.main_cont01_txt .item ul li.last {}
.main_cont01_txt .item ul li span.item_cicle {display:block; width:195px; height:195px; background:#fff; border-radius:100%; text-align:center; margin:0 40px;}
.main_cont01_txt .item ul li span.item_cicle img {margin-top:65px;}
.main_cont01_txt .item ul li p.item_txt {text-align:center; margin-top:28px; font-size:16px; color:#808390; line-height:24px;}
.main_cont01_txt .item ul li p.item_txt strong {display:block; color:#42444f; font-size:20px; margin-bottom:16px;}

.main_cont01_txt_c .item_c {overflow:hidden;}
.main_cont01_txt_c .item_c ul li {float:left; width:367px;}
.main_cont01_txt_c .item_c ul li:last-child {float:left; width:366px;}
.main_cont01_txt_c .item_c ul li p {text-align:center; margin-bottom:30px;}
.main_cont01_txt_c .item_c ul li p img {vertical-align:bottom;}
.main_cont01_txt_c .item_c ul li strong {text-align:center; font-size:20px; color:#42444f; font-weight:bold; margin-bottom:12px; display:block; line-height:28px;}
.main_cont01_txt_c .item_c ul li span {display:block; font-size:16px; color:#808390; line-height:26px;}
.main_cont01_txt_c .item_c ul li em {display:block; font-size:14px; color:#a4a6b3; line-height:24px;}

#main_cont04_area {width:100%; background:#0676cb;}
.main_cont04_txt {width:1100px; margin:0 auto; min-height:222px; text-align:left; padding-top:65px; position:relative; line-height:1;}
.main_cont04_txt .txt {font-size:38px; color:#fff; font-weight:100; margin-bottom:20px;}
.main_cont04_txt .txt.center {text-align:center;}
.main_cont04_txt .bg_right {position:absolute; background:url('../img/main_cont_img04.png') no-repeat; right:120px; top:0; width:238px; height:222px;}

.main_cont02_area {width:100%; height:490px; background:#fff;}
.main_cont02_area .main_cont02_txt {width:1100px; margin:0 auto; min-height:454px; padding-top:116px; line-height:1; position:relative; }
.main_cont02_txt .txt01 {font-size:38px; color:#42444f; font-weight:bold; margin-bottom:18px;}
.main_cont02_txt .txt02 {font-size:20px; color:#42444f; line-height:40px; padding-top:18px;}
.main_cont02_txt .bg_right {position:absolute; background:url('../img/main_cont_img02.png') no-repeat; right:0; top:70px; width:533px; height:339px;}


.main_company_area {width:100%; height:521px; background:url('../img/company_bg.png') no-repeat center top; margin:0 auto; text-align:center; padding:116px 0;}
.main_company_area .txt_01 {font-size:32px; color:#FFF; margin-bottom:5px;}
.main_company_area .txt_02 {font-size:42px; color:#FFF; margin-bottom:60px; font-weight:bold}
.main_company_area .txt_03 {font-size:20px; color:#FFF; line-height:38px;}


.main_step_area {width:100%; background:#f4fbff;}
.main_step_txt {width:1100px; margin:0 auto; min-height:540px; text-align:center; padding-top:90px; line-height:56px; position:relative;}
.main_step_txt .txt {font-size:40px; color:#808390; font-weight:100; margin-bottom:45px;}
.main_step_txt .txt b {color:#42444f;}
.main_step_txt .item {overflow:hidden;}
.main_step_txt .item ul li {float:left; width:220px; position:relative}
.main_step_txt .item ul li.last {}
.main_step_txt .item ul li .step_num {display:block; position:absolute; top:0; left:20px; background:#0676cb; border-radius:100%; line-height:50px; text-align:center; width:50px; height:50px; font-size:22px; color:#fff;}
.main_step_txt .item ul li span.item_cicle {display:block; width:172px; height:172px; background:#f4fbff; border-radius:100%; text-align:center; margin:0 24px; border:1px solid #78aed7;}
.main_step_txt .item ul li span.item_cicle img {margin-top:50px;}
.main_step_txt .item ul li p.item_txt {text-align:center; margin-top:28px; font-size:14px; color:#808390; line-height:18px;}
.main_step_txt .item ul li p.item_txt strong {display:block; color:#42444f; font-size:20px; line-height:28px;}


.main_cont03_area {width:100%; height:470px; background:#fff;}
.main_cont03_area .main_cont03_txt {width:1100px; margin:0 auto; min-height:470px; padding-top:140px; line-height:1; position:relative; }
.main_cont03_txt .txt01 {font-size:38px; color:#42444f; font-weight:bold; margin-bottom:18px;}
.main_cont03_txt .txt02 {font-size:20px; color:#42444f; line-height:30px; padding-top:18px;}
.main_cont03_txt .bg_left {position:absolute; background:url('../img/main_cont_img03.png') no-repeat; left:0; bottom:0; width:562px; height:369px;}
.main_cont03_txt .cont_txt {padding-left:658px;}
.marT48 {margin-top:38px;}

.main_charge_area {width:100%; height:566px; background:#f5f5f5;}
.main_charge_area .main_charge_box {width:1100px; margin:0 auto; min-height:566px; line-height:1; position:relative; padding-top:90px;}
.main_charge_box h2 {font-size:40px; color:#333; margin:0 0 62px 0; text-align:center; overflow:hidden}
.main_charge_box>ul>li {float:left; margin-right:14px;}
.main_charge_box>ul>li:last-child {margin-right:0;} 
.main_charge_box>ul>li .tit_box {width:320px; height:140px; background:#5f6270; text-align:center; padding-top:34px;}
.main_charge_box>ul>li .tit_box .tit {display:block; font-size:30px; color:#fff; font-weight:bold; margin-bottom:10px;}
.main_charge_box>ul>li .tit_box .price {display:block; font-size:30px; color:#fff; font-weight:bold;}
.main_charge_box>ul>li .tit_box .price em {font-size:18px; font-weight:normal;}
.main_charge_box>ul>li .serv_cont {width:320px; height:142px; padding:35px 0 0 0; background:#fff; text-align:center}
.main_charge_box>ul>li .serv_cont .txt01 {font-size:20px; color:#333; line-height:28px;}

.padL164 {padding-left:164px;}
.padL223 {padding-left:223px;}
.marTop_charge {margin-top:115px !important;}


/* 메인 - 앱다운로드*/
.app_download_area {width:100%; height:362px; background:#dee3e9;}
.app_download_area .app_down_box {width:1000px; margin:0 auto; min-height:362px; padding-top:64px; line-height:1; position:relative; }
.app_down_box h3 {font-size:42px; color:#000; font-weight:normal; margin-bottom:24px; text-align:center}
.app_down_box .down_txt {font-size:18px; color:#000; margin-bottom:50px; text-align:center}
.btn_down_area {text-align:center;}
.btn_down_area span {width:205px; height:60px; line-height:58px; text-align:center; background:#fff; border-radius: 30px; display:inline-block;}
.btn_down_area span a {width:100%; text-decoration:none; display:inline-block;}
.btn_down_area span a img {vertical-align:middle;}
.btn_down_area span.last {margin-right:0;}

/* login after main */

.gnb_top {height:32px; background:#0676cb}
.gnb_top .top_menu {width:1100px; margin:0 auto; position:relative}
.gnb_top .top_menu .top {position:absolute; right:0;}
.gnb_top .top_menu .top li {float:left; margin-right:24px;}
.gnb_top .top_menu .top li:last-child {margin-right:0;}

.myname_02 {font-size:14px; color:#FFF; padding-top:4px;}
.myinfo_02 {padding-top:4px;}

.myinfo_02 a {font-size:14px; color:#FFF; text-decoration:underline;}
.myinfo_02 a:hover {color:#FFF; text-decoration:underline; filter:alpha(opacity=50);opacity:.70;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}

.logout_area {padding-top:4px;}
.logout_02 {border:1px solid #fff; padding:4px 8px;}
.logout_02 a {font-size:14px; color:#fff; text-align:center; text-decoration:none;}
.logout_02 a:hover {color:#fff !important; text-decoration:none; filter:alpha(opacity=50);opacity:.70;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}


.gnb_area {width:1100px; height:82px; margin:0 auto;}
.gnb_area h1 {background:url('../img/topLogo.png') no-repeat 0 0; width:204px; height:45px; margin-top:18px; margin-bottom:16px; float:left; text-indent:-9999px;}
.gnb_area h1 a {display:block}
.gnb_area ul.menu {float:right; overflow:hidden;}
.gnb_area ul.menu li {float:left; margin-right:50px; padding:30px 0; line-height:21px;}
.gnb_area ul.menu li a {font-size:21px; font-weight:bold; color:#000; display:block}
.gnb_area ul.menu li a:hover {color:#0676cb; text-decoration:none;}
.gnb_area ul.menu li:last-child {margin-right:0;}
.gnb_area ul.menu li a.on {color:#0676cb; text-decoration:none;}

.notice_main_wrap {margin-top:40px; margin-bottom:20px; overflow:hidden; letter-spacing:-1px;}
.notice_main_area {width:100%; height:200px; border:1px solid #dbdde1; float:left}
.notice_main_area::after {content:''; display:block; clear:both;}
.noti_box_area {float:left; width:50%; height:100%; overflow:hidden; position:relative; border-right:1px solid #dbdde1; }
.noti_box_area.last {border-right:0 !important;}
.noti_box_area .noti_box {margin:12px;}
.noti_box_area .noti_box .noti_title {height:26px; border-bottom:1px #eff2f4 solid;}
.noti_box_area .noti_box .noti_title::after {content:''; display:block; clear:both;}
.noti_box_area .noti_box h2 {display:inline-block; float:left; font-size:16px; color:#434c53; font-weight:600}
.noti_box_area .noti_box p.btn_more {display:inline-block; float:right;}
.noti_box_area .noti_box p.btn_more a {display:block}
.noti_box_area .noti_box ul li {position:relative; margin:5px 0px; padding-bottom:5px;  font-size:14px; color:#616970;}
.noti_box_area .noti_box ul li span.complete {margin-left:10px; padding:2px 5px; background:#fff; border:1px #889cab solid; border-radius:4px; font-size:12px; color:#889cab;}
.noti_box_area .noti_box ul li::before {width:2px; height:2px; content:''; position:absolute; top:9px; left:5px; background:#bfbfbf;}
.noti_box_area .noti_box ul li:last-child {border-bottom:none;}
.noti_box_area .noti_box ul li.em a {color:#da335f !important; text-decoration:underline;}
.noti_box_area .noti_box ul li.em a:hover {color:#da335f !important; text-decoration:underline;}
.noti_box_area .noti_box ul li a {padding-left:12px; font-size:14px; text-decoration:none; color:#333;}
.noti_box_area .noti_box ul li a:hover {color:#2e74d9; text-decoration:none;}
.noti_box_area .noti_box ul li .date03 {position:absolute; right:0; font-size:14px; color:#999;}
.new_item {width:16px; height:16px; margin-left:6px; display:inline-block; background:#ff840b; border-radius:50%; vertical-align:middle;  text-align:center; line-height:15px; font-size:10px; font-weight:600; color:#fff; }
/*.new {width:16px; height:16px; margin-left:6px; display:inline-block; background:#ff840b; border-radius:50%; vertical-align:middle;  text-align:center; line-height:15px; font-size:10px; font-weight:600; color:#fff; }*/

/* 담당자 배정 박스 */
.warpInfobox {width:324px; height:137px; float:right; border:1px #e6e9ef solid; box-sizing:border-box;}
.warpInfobox .infoBox01 {margin:12px;}
.warpInfobox .infoBox01 .title {margin:0 0px; padding-bottom:3px; font-size:14px; font-weight:300; color:#778188; border-bottom:1px #e8ebee solid;}
.warpInfobox .infoBox01 .infotext01 {padding:11px;}
.warpInfobox .infoBox01 .infotext01::after {content:''; display:block; clear:both;}
.warpInfobox .infoBox01 .infotext01 span.left {margin-right:10px; display:block; float:left;}
.warpInfobox .infoBox01 .infotext01 span.right {display:block; float:left;}
.warpInfobox .infoBox01 .infotext01 span.right p {width:140px; margin-bottom:7px; line-height:1.2; font-size:14px; font-weight:600; color:#717e88;}
.warpInfobox .infoBox01 .infotext01 span.right button {padding:2px 11px; border-radius:3px; border:1px #0676cb solid; font-size:12px; color:#0676cb; cursor:pointer;}

.warpInfobox .infoBox02 {margin:12px;}
.warpInfobox .infoBox02 .title {margin:0 0px; padding-bottom:3px; font-size:14px; font-weight:300; color:#778188; border-bottom:1px #e8ebee solid;}
.warpInfobox .infoBox02 .infotext02 {padding:11px;}
.warpInfobox .infoBox02 .infotext02::after {content:''; display:block; clear:both;}
.warpInfobox .infoBox02 .infotext02 span.left {margin-right:10px; display:block; float:left;}
.warpInfobox .infoBox02 .infotext02 span.right {display:block; float:left;}
.warpInfobox .infoBox02 .infotext02 span.right p {width:140px; margin-bottom:7px; line-height:1.2; font-size:16px; font-weight:600; color:#0676ca;}
.warpInfobox .infoBox02 .infotext02 span.right em {display:block;}
.warpInfobox .infoBox02 .infotext02 span.right em i {width:16px; height:16px; display:inline-block;}
.warpInfobox .infoBox02 .infotext02 span.right em b {margin-bottom:3px; display:inline-block;}
.warpInfobox .infoBox02 .infotext02 span.right em b a {font-size:13px; font-weight:300; letter-spacing:0.2px; color:#778188;}
.warpInfobox .infoBox02 .infotext02 span.right button {padding:2px 11px; border-radius:3px; border:1px #0676cb solid; font-size:12px; color:#0676cb; cursor:pointer;}


/* 탭 박스 전체 영역 */
.wrapContab 
.wrapContab .tab { border-left:none; background:#fff; overflow:hidden; }
.wrapContab .tab ul::after {content:''; display:block; clear:both;}
.wrapContab .tab li {width:260px; height:54px; position:relative; float:left; text-align:center; box-sizing:border-box; }
.wrapContab .tab li em {width:10px; height:10px; display:inline-block; position:absolute; top:10px; right:10px; background-color:firebrick; border:1px #d41b1b solid; border-radius:50%; text-indent:-999em;}

.wrapContab .tab li { display:inline-block; background:url(../img/tab_off_bg.png); background-repeat:no-repeat; cursor:pointer; line-height:50px; font-size: 16px; font-weight:500; color:#53585c; z-index:989;}
.wrapContab .tab li.on {width:260px; height:54px; position:relative; background:url(../img/tab_on_bg.png); background-repeat:no-repeat; line-height:50px; font-size: 16px; font-weight:bold; color:#0676cb; z-index:77;}
.wrapContab .tab_con {margin-top:5px; padding:40px 0px; position:relative; top:-5px; clear:both; border:1px solid #e1e5e9; }
/*.wrapContab .tab_con div { display:block; height:auto; text-align:center; }*/




/* 회원일반 탭 박스 영역 */
.tab_con .tabBox01::after {content:''; display:block; clear:both;}
.tab_con .tabBox01 .tabBox01Left {width:590px; height:325px; margin:0px 28px; display:block; float:left; background:#fcfeff; border:1px #eef9ff solid; box-sizing:border-box;}
.tab_con .tabBox01 .tabBox01Left .title {margin-left:25px; padding:20px 0px; line-height:25px; text-align:left; font-size:22px; color:#414142;}
.tab_con .tabBox01 .tabBox01Left .title i {margin-right:5px; display:inline-block;}
.tab_con .tabBox01 .tabBox01Left .title em {font-style:italic;}

.tab_con .tabBox01 .tabBox01Left .boxleft01 {width:560px; height:220px; margin-top:10px; background:#fcfeff;}
.tab_con .tabBox01 .tabBox01Left .boxleft01::after {content:''; display:block; clear:both;}
.tab_con .tabBox01 .tabBox01Left .boxleft01 .left {padding:0px 25px; float:left; text-align:left;}
.tab_con .tabBox01 .tabBox01Left .boxleft01 .left dt a {margin:0px 0px 20px 5px; display:inline-block; font-size:15px; text-decoration:underline;}
.tab_con .tabBox01 .tabBox01Left .boxleft01 .left dt a:hover {color:#0676cb;}
.tab_con .tabBox01 .tabBox01Left .boxleft01 .left dd {margin:0px 0px 10px 15px; font-size:15px;}
.tab_con .tabBox01 .tabBox01Left .boxleft01 .right {width:280px; margin-left:15px; float:left; text-align:left;}
.tab_con .tabBox01 .tabBox01Left .boxleft01 .right dt a {margin:0px 0px 20px 5px; display:inline-block; font-size:15px; text-decoration:underline;}
.tab_con .tabBox01 .tabBox01Left .boxleft01 .right dt a:hover {color:#0676cb;}
.tab_con .tabBox01 .tabBox01Left .boxleft01 .right dd {margin:0px 0px 10px 15px; font-size:15px;}
.tab_con .tabBox01 .tabBox01Left .boxleft01 .right dd i {font-style:italic;}
.tab_con .tabBox01 .tabBox01Left .boxleft01 .right dd.em01 {font-size:12px;}
.tab_con .tabBox01 .tabBox01Left dt input[type="radio"], input[type="checkbox"] {margin:-3px 0 0;}

/* 회원일반 회원일반 등록 완료 시 탭 박스 영역 */
.tab_con .tabBox01::after {content:''; display:block; clear:both;}
.tab_con .tabBox01 .tabBox02Left {width:590px; height:325px; margin:0px 28px; display:block; float:left; background:#fcfeff; border:1px #eef9ff solid; box-sizing:border-box;}

.tab_con .tabBox01 .tabBox02Left .boxleft02 { height:220px; margin-top:10px; background:#fcfeff;}
.tab_con .tabBox01 .tabBox02Left .boxleft02::after {content:''; display:block; clear:both;}
.tab_con .tabBox01 .tabBox02Left .boxleft02 .leftbox {padding:0px 25px;  text-align:left;}
.tab_con .tabBox01 .tabBox02Left .boxleft02 .leftbox dt { padding:20px 0px; line-height:25px; text-align:left; font-size:22px; font-weight:400; color:#414142;}
.tab_con .tabBox01 .tabBox02Left .boxleft02 .leftbox dt i {margin-right:5px; display:inline-block;}
.tab_con .tabBox01 .tabBox02Left .boxleft02 .leftbox dt em {font-style:italic;}
.tab_con .tabBox01 .tabBox02Left .boxleft02 .leftbox dd a {margin:0px 0px 20px 5px; display:inline-block; font-size:15px; text-decoration:underline;}
.tab_con .tabBox01 .tabBox02Left .boxleft02 .leftbox dd a:hover {color:#0676cb;}
.tab_con .tabBox01 .tabBox02Left .boxleft02 .leftbox dd {margin:0px 0px 10px 15px; font-size:15px;}
.tab_con .tabBox01 .tabBox02Left .boxleft02 .leftbox dd span a {text-decoration:none !important;}
.tab_con .tabBox01 .tabBox02Left .boxleft02 .right {width:280px; margin-left:15px; float:left; text-align:left;}
.tab_con .tabBox01 .tabBox02Left .boxleft02 .right dt.em01 {font-size:12px;}
.tab_con .tabBox01 .tabBox02Left dd input[type="radio"], input[type="checkbox"] {margin:-3px 0 0;}


/* 인사급여 탭 박스 영역 */
.tab_con .tabBox01::after {content:''; display:block; clear:both;}
.tab_con .tabBox01 .tabBox03Left {width:590px; height:180px; margin:0px 28px; display:block; float:left; background:#fcfeff; border:1px #eef9ff solid; box-sizing:border-box;}
.tab_con .tabBox01 .tabBox03Left .title {margin-left:25px; padding:20px 0px; line-height:25px; text-align:left; font-size:22px; color:#414142;}
.tab_con .tabBox01 .tabBox03Left .title i {margin-right:5px; display:inline-block;}
.tab_con .tabBox01 .tabBox03Left .title strong {margin:0px 7px; font-size:22px; color:#c70407;}
.tab_con .tabBox01 .tabBox03Left .title b {font-size:16px; font-weight:300;}

.tab_con .tabBox01 .tabBox03Left .boxleft02 {width:560px; height:auto; margin-top:10px; }
.tab_con .tabBox01 .tabBox03Left .boxleft02::after {content:''; display:block; clear:both;}
.tab_con .tabBox01 .tabBox03Left .boxleft02 .left {padding:0px 25px; text-align:left;}
.tab_con .tabBox01 .tabBox03Left .boxleft02 .left .subTitle {margin-bottom:15px;}
.tab_con .tabBox01 .tabBox03Left .boxleft02 .left .subTitle a {margin:0px 0px 20px 5px; display:inline-block; font-size:15px; text-decoration:underline;}
.tab_con .tabBox01 .tabBox03Left .boxleft02 .left .subTitle a:hover {color:#0676cb;}
.tab_con .tabBox01 .tabBox03Left .subTitle input[type="radio"], input[type="checkbox"] {margin:-3px 0 0;}
.tabBox03Left .addBox {margin-top:20px; padding-left:15px;}
.tabBox03Left .addBox li {position:relative; margin-bottom:15px;}
.tabBox03Left .addBox li:last-child {margin:0;}
.tabBox03Left .addBox li::before {width:2px; height:2px; content:''; position:absolute; top:10px; left:8px; background:#bfbfbf;}
.tabBox03Left .addBox li a {padding-left:15px; font-size:14px; font-weight:bold; text-decoration:underline; color:#585c5f;}

/* 세금신고 탭 박스 영역 */
.tab_con .tabBox01::after {content:''; display:block; clear:both;}
.tab_con .tabBox01 .tabBox03Left {width:590px; height:auto; padding-bottom:30px; margin:0px 28px; display:block; float:left; background:#fcfeff; border:1px #eef9ff solid; box-sizing:border-box;}
.tab_con .tabBox01 .tabBox03Left .title {margin-left:25px; padding:20px 0px; line-height:25px; text-align:left; font-size:22px; color:#414142;}
.tab_con .tabBox01 .tabBox03Left .title i {margin-right:5px; display:inline-block;}
.tab_con .tabBox01 .tabBox03Left .title strong {margin:0px 7px; font-size:22px; color:#c70407;}
.tab_con .tabBox01 .tabBox03Left .title b {font-size:16px; font-weight:300;}

.tab_con .tabBox01 .tabBox03Left .boxleft02 {width:560px; height:auto; margin-top:10px; }
.tab_con .tabBox01 .tabBox03Left .boxleft02::after {content:''; display:block; clear:both;}
.tab_con .tabBox01 .tabBox03Left .boxleft02 .left {padding:0px 25px; text-align:left;}
.tab_con .tabBox01 .tabBox03Left .boxleft02 .left .subTitle {margin-bottom:15px;}
.tab_con .tabBox01 .tabBox03Left .boxleft02 .left .subTitle a {margin:0px 0px 20px 5px; display:inline-block; font-size:15px; text-decoration:underline;}
.tab_con .tabBox01 .tabBox03Left .boxleft02 .left .subTitle a:hover {color:#0676cb;}
.tab_con .tabBox01 .tabBox03Left .subTitle input[type="radio"], input[type="checkbox"] {margin:-3px 0 0;}
.tabBox03Left .addBox01 {margin-top:20px; padding-left:15px;}
.tabBox03Left .addBox01 li {position:relative; margin-bottom:15px;}
.tabBox03Left .addBox01 li:last-child {margin:0;}
.tabBox03Left .addBox01 li::before {width:2px; height:2px; content:''; position:absolute; top:10px; left:8px; background:#bfbfbf;}
.tabBox03Left .addBox01 li a {padding-left:15px; font-size:14px; font-weight:bold;  color:#585c5f;}
.tabBox03Left .addBox01 li a span {text-decoration:underline;}

/* 탭 영역 안에 버튼 */
.tab_con .tabBox01 .tabBox01Right {width:345px; margin:0px 0px 30px 30px; display:block; float:left;}
.tabBox01Right::after {content:''; display:block; clear:both;}
.tabBox01Right .title{margin-bottom:10px; text-align:center; font-size:18px; font-weight:bold; color:#414142;}
.tabBox01Right .left {width:157px; float:left;}
.tabBox01Right .right {width:157px; margin-left:15px; float:left;}
.tabBox01Right .tabboxBtn button {position:relative;}
/* 배너 내용 3줄 경우*/
.ai_area .bxslider li span.ban_title01 {padding:13px 0px 5px 0px; display:block; text-align:center;}
.ai_area .bxslider li span.ban_title02 {margin-bottom:1px; display:block; text-align:center; font-size:25px; font-weight:600; color:#fff; font-family:'NanumSquare';}
.ai_area .bxslider li span.ban_title03 {display:block; text-align:center; font-size:13px; color:#fff; text-decoration:underline;}


/* 배너 내용 4줄 경우*/
.ai_area .bxslider li span.ban_title01_01 {padding:7px 0px 2px 0px; display:block; text-align:center;}
.ai_area .bxslider li span.ban_title02_01 { display:block; text-align:center; font-size:25px; font-weight:600; color:#fff; font-family:'NanumSquare';}
.ai_area .bxslider li span.ban_title03_01 {display:block; text-align:center; font-size:13px; color:#fff; text-decoration:underline;}
.ai_area .bxslider li span.ban_title04 {display:block; text-align:center; font-size:13px; color:#fff; }


/* 배너 내용 5줄 경우*/
.ai_area .bxslider li span.ban_title01_02 {padding:7px 0px 4px 0px; display:block; text-align:center; font-size:21px; font-weight:bold; color:#fff; font-family:'NanumSquare';}
.ai_area .bxslider li span.ban_title01_02 i{line-height:1.2; font-size:15px; font-style:normal;}
.ai_area .bxslider li span.ban_title02_02 { display:block; text-align:center; line-height:1.6; font-size:16px; font-weight:600; color:#fff; font-family:'NanumSquare';}
.ai_area .bxslider li span.ban_title03_02 {margin-top:3px; display:block; text-align:center; line-height:1.2; font-size:18px; font-weight: bold; color:#fff; }
.ai_area .bxslider li span.ban_title03_02 em {font-size:18px; font-weight:300;}
.ai_area .bxslider li span.ban_title05 {display:block; text-align:center; font-size:21px; color:#fff; text-decoration:underline; }

/*  배너 내용 타이틀 없는 4줄일 경우 배너 */
.ai_area .bxslider li span.ban_title02_03 {padding:15px 0px 0px 0px; display:block; line-height:1.3; text-align:center; font-size:21px; font-weight:bold; color:#fff; font-family:'NanumSquare';}
.ai_area .bxslider li span.ban_title03 {display:block; text-align:center; font-size:13px; color:#fff; text-decoration:underline;}


/* 배너 내용 4줄일 경우 배너 */
.ai_area .bxslider li.banner_06 {width:343px; height:140px; background:url("../img/main_banner_05.png"); background-repeat:no-repeat; overflow:hidden;}

/* 배너 내용 타이틀 없는 4줄일 경우 배너 */
.ai_area .bxslider li.banner_07 {width:343px; height:140px; background:url("../img/main_banner_04.png"); background-repeat:no-repeat; overflow:hidden;}



/* 탭 영역 안에 버튼 */
.tab_con .tabBox01 .tabBox01Right {width:345px; margin:0px 0px 30px 30px; display:block; float:left;}
.tabBox01Right::after {content:''; display:block; clear:both;}
.tabBox01Right .title{margin-bottom:10px; text-align:center; font-size:18px; font-weight:bold; color:#414142;}
.tabBox01Right .left {width:157px; float:left;}
.tabBox01Right .right {width:157px; margin-left:15px; float:left;}
.tabBox01Right .tabboxBtn button {position:relative;}

/* 강조 안할 버튼 */
.tabBox01Right .tabboxBtn button.btn01 {
    width:150px; height:50px; margin-bottom:20px; border:1px #53585c solid; font-size: 15px;  font-weight:bold; color:#53585c;}

/* 강조 할 버튼 */
.tabBox01Right .tabboxBtn button.btn02 {
    width:150px; height:50px; margin-bottom:20px; border:1px #0676cb solid; font-size: 15px;  font-weight:bold; color:#0676cb;}

/* 인사급여 빨간색 버튼 */
.tabBox01Right .tabboxBtn button.btn03 {
    width:150px; height:50px; margin:70px 0px 10px 0px; border:1px #c24a51 solid; font-size: 15px;  font-weight:bold; color:#d22f39;}

/* 비활성화 버튼 */
.tabBox01Right .tabboxBtn button.btn04 {
    width:150px; height:50px; margin-bottom:20px;border:1px #a2a4a5 solid; font-size: 15px;  font-weight:bold; color:#60676d;
    background: #e0e1e2; }





.tabBox01Right .tabboxBtn button em  {width:12px; height:12px; display:inline-block; position:absolute; top:-5px; right:-4px; background-color:firebrick; border:1px #e04141 solid; border-radius:50%; text-indent:-999em;}

.tabBox01Botton {width:1027px; height:auto; margin:0 auto; padding:10px 0px; clear:both; background:#fbfbfb; border:1px #e6ecf0 solid; box-sizing:border-box; text-align:left;}
.tabBox01Botton span {margin-left:15px; line-height:40px; text-align:left; font-size:14px; color:#414142;}

/* 한줄 이상일 경우 */
.tabBox02Botton {width:1027px; height:auto; margin:0 auto; padding:20px 0px; clear:both; background:#fbfbfb; border:1px #e6ecf0 solid; box-sizing:border-box; text-align:left;}
.tabBox02Botton span {margin:0px 20px; display:block; line-height:1.5; text-align:left; font-size:14px; color:#414142;}
.tabBox02Botton span p {}


/* 상담하기 버튼 */
.quick {position:fixed; right:5%; bottom:25%; z-index:88;}


.mysemu_tab {margin-bottom:10px;}
.mysemu_tab a {font-size:16px; color:#999;}
.mysemu_tab a:hover {text-decoration:none; color:#999}
.mysemu_tab a.on {font-size:16px; color:#000; font-weight:bold;}
.mysemu_tab a.on:hover {text-decoration:none; color:#000}
.mysemu_tab .line {display:inline-block; margin:0 12px 0 12px; color:#ccc;}
.em {color:#da335f !important; text-decoration:underline;}


/* sub */
#sub_wrap {width:100%; background:#fff; min-width:1100px;}

.gnb_wrap {width:100%; background:#2e74d9; height:70px;}
.gnb_wrap_01 {width:100%; min-width:1100px; background:#f1f1f1; height:70px;}
.gnb {margin:0 auto; width:1100px; height:100%; position:relative;}
.gnb:after {content:''; display:block; clear:both;}
.logo_wrap, .logo_wrap_01 {float:left;}
.logo_wrap h1 {background:url('../img/topLogo.png') no-repeat 0 0; width:189px; text-indent:-9999px; margin-top:20px; margin-bottom:10px;}
.logo_wrap_01 h1 {background:url('../img/topLogo.png') no-repeat 0 0; width:189px; text-indent:-9999px; margin-top:20px; margin-bottom:10px;}
.logo_wrap h1>a, .logo_wrap_01 h1>a {display:block;}
/*.gnbArea {position:absolute; right:0; top:22px;}*/


.menu_j {float:left; margin-left:40px;}
.menu_j ul li {float: left;margin-right: 50px; padding: 24px 0; line-height: 21px;}
.menu_j ul li a {font-size: 21px; font-weight: bold; color: #000; display: block;}
.menu_j ul li a:hoverv {color:#99cc33; text-decoration:none;}


.etc_area, .login_area {position:absolute; right:0; top:0;}
.etc_area .etc_menu {height:70px; position:relative; float:left;}
.etc_area .etc_menu>ul {margin:0; padding:0;}
.etc_area .etc_menu>ul:after {display:block;content:'';clear:both;}
.etc_area .etc_menu>ul>li {float:left; padding-right:18px; position:relative;}
.etc_area .etc_menu>ul>li.none {padding-right:0;}
.etc_area .etc_menu>ul>li>a {letter-spacing:-0.5px; font-size:13px; color:#fff; line-height:70px; position:relative; display:block}
.etc_area .etc_menu>ul>li>a:hover, .gnbArea>ul>li>a:active {color:#fff; text-decoration:none;}
.etc_area .etc_menu>ul>li>a strong {display:block; font-weight:bold; font-size:16px;} 
.etc_area .etc_menu>ul>li.last {padding-right:0;}
.etc_area .etc_menu>ul>li>ul{visibility: hidden; display: none; position: absolute; margin-left:-65px; top:55px; left: 50%; box-shadow: 0px 3px 10px rgba(0,0,0,0.2);}
.etc_area .etc_menu>ul>li:hover>ul{visibility: visible; display: block; border:1px solid #000; width:105px; background: #fff; z-index:2;}
.etc_area .etc_menu>ul>li:hover>ul>li {padding: 0 0 10px 15px;}
.etc_area .etc_menu>ul>li:hover>ul>li.padtop {padding-top:13px;}
.etc_area .etc_menu>ul>li:hover>ul>li>a {display:block; font-size:12px; color:#999;}
.etc_area .etc_menu>ul>li:hover>ul>li>a:hover {color:#2e74d9; text-decoration:underline;}
.myname {font-size:16px !important; font-weight:bold !important;}


.login_area {position:absolute; right:0; top:0;}
.login_area .login_box {height: 70px; padding-top: 20px; position: relative; float: left;}
.login_area .login_box span {display:inline-block; margin-right:4px;}
.login_area .login_box span a:hover {color:#fff;}
.login_area .login_box input {width:160px; height:30px; border:1px solid #ccc; font-size:14px; color:#999; padding-left:10px;}


/* 회원가입 및 고객지원 로그인전 화면 */

.gnb_top02 {
    height: 32px;
    background: #0676cb;}

.gnb_top02 .top_menu02 {
    width: 1100px;
    margin: 0 auto;
    position: relative;
}



.btn_inpt {width:100%; height:36px; line-height:34px; border:1px solid #71a5f0; background:#f6f9fe; font-weight:bold; text-align:right; padding:0 8px; border-radius:5px; font-size:17px;}
.btn_inpt.inpt {text-align:center !important; font-size:15px;}
.btn_inpt.inpt a, .btn_inpt.inpt a:hover {text-decoration:none !important}
.btn_inpt a {color:#0e76c9 !important; text-decoration:underline; display:block}
.btn_inpt a:hover {color:#0e76c9 !important; text-decoration:underline;}

.tax_b_area {height:106px !important; padding:8px 8px 0 8px !important; vertical-align:top; text-align:inherit !important}
.tax_b {position:relative;}
.tax_b.martop {margin-top:10px;}
.tax_tit {font-size:13px; color:#999999; line-height:13px}
.tax_price {font-size:14px; color:#666666; position:absolute; top:0; right:0; line-height:15px}
.gnb_top02 .top_menu02 .login_top {position:absolute; right:0; top:0;}
.gnb_top02 .top_menu02 .login_top .login_box {padding-top: 2px; position: relative; float: left;}
.gnb_top02 .top_menu02 .login_top .login_box span {display:inline-block; margin-right:4px;}
.gnb_top02 .top_menu02 .login_top .login_box span a:hover {color:#fff;}
.gnb_top02 .top_menu02 .login_top .login_box input {width:160px; height:26px; border:1px solid #fff; background:#fff; font-size:14px; color:#999; padding-left:10px;}
.gnb_top02 .top_menu02 .login_top .login_box a.btn_login  {text-align:center; width:70px; height:26px; line-height:24px; color:#fff; font-size:14px; background:#0676cb; display:inline-block; vertical-align:middle; border:1px solid #fff;}
.gnb_top02 .top_menu02 .login_top .login_box a:hover.btn_login {color:#fff; text-decoration:none}


.main_login_area {position:absolute; right:0; top:0;}
.main_login_area .main_login_box {padding-top:10px; position:relative; float:left;}
.padT20 {padding-top:20px !important;}
.main_login_area .main_login_box span {display:inline-block; margin-right:4px;}
.main_login_area .main_login_box span.marRnone {margin-right:0}
.main_login_area .main_login_box span a:hover {color:#fff;}
.main_login_area .main_login_box span.myname {font-weight:bold; font-size:13px;}
.main_login_area .main_login_box span.myinfo {margin-left:10px;}
.main_login_area .main_login_box span.myinfo a {font-weight:bold; font-size:13px; color:#9ead9d; text-decoration:underline;}
.main_login_area .main_login_box span.myinfo a:hover {color:#bea770; text-decoration:underline;}
.main_login_area .main_login_box span.logout {margin-left:10px; margin-right:0; border:1px solid #8f998f; padding:2px 8px;}
.main_login_area .main_login_box span.logout a {color:#8f998f; text-align:center; text-decoration:none;}
.main_login_area .main_login_box span.logout a:hover {color:#8f998f; text-decoration:none;}
.main_login_area .main_login_box input {width:160px; height:30px; border:1px solid #ccc; font-size:14px; color:#999; padding-left:10px;}



/* main calender */
.cal_area {position:relative}
.calen_tit {padding-top: 10px; background: url('../img/icon_tit_top.png') no-repeat left 0; }
.calen_tit h3 {font-size: 22px; letter-spacing: -1px; color: #000; font-weight:bold}

.calen_sum {overflow:hidden; margin-top:30px; margin-bottom:10px;}
.calen_sum ul li {float:left; font-size:16px; margin-right:20px;}
.calen_sum ul li:last-child {margin-right:0}
.calen_sum ul li .cal_s_tit {color:#333; display:inline-block; margin-right:8px;}
.calen_sum ul li .cal_s_tit.yel {background:url('../img/bl_yellow.png') no-repeat 0 10px; padding-left:12px}
.calen_sum ul li .cal_s_tit.gre {background:url('../img/bl_green.png') no-repeat 0 10px; padding-left:12px}
.calen_sum ul li .cal_s_tit.sky {background:url('../img/bl_sky.png') no-repeat 0 10px; padding-left:12px}
.calen_sum ul li .cal_s_tit.yg {background:url('../img/bl_yg.png') no-repeat 0 10px; padding-left:12px}
.calen_sum ul li .cal_s_tit.red {background:url('../img/bl_red.png') no-repeat 0 10px; padding-left:12px}
.calen_sum ul li b.sum01 {color:#e9c569;}
.calen_sum ul li b.sum02 {color:#6fbe30;}
.calen_sum ul li b.sum03 {color:#6197c2;}
.calen_sum ul li b.sum04 {color:#06baa7;}
.calen_sum ul li b.sum05 {color:#f15d5f;}


.calen_tab {position:absolute; right:0; top:0;}
.calen_tab.ab_left {position:inherit !important; right:inherit !important; top:inherit !important; overflow:hidden}
.calen_tab ul li {float:left; font-size:18px; font-weight:bold; margin-right:30px;}
.calen_tab ul li:last-child {margin-right:0;}
.calen_tab ul li.on {border-bottom:3px solid #0676cb; padding-bottom:8px;}
.calen_tab ul li a {color:#333; text-decoration:none; display:block}
.calen_tab ul li a:hover {color:#333; text-decoration:none;}
.calen_tab ul li.on a {color:#0676cb; text-decoration:none;}
.calen_tab ul li.on a:hover {color:#0676cb; text-decoration:none;}

.help_box {padding:22px 26px; color:#333; background:#e2e2e2; margin-bottom:25px;}
.help_box .help_tit {background:url('../img/ico_help.png') no-repeat 0 0; padding-left:26px; line-height:22px; margin-bottom:10px;}
.help_box .help_tit b {font-size:16px; color:#333;}
.help_box .help_txt span {display:block; font-size:13px; margin-bottom:2px;}


/* main ex */
.dim-area {position:relative;}
.dash_dim {width:100%; opacity: .60; background:#ffffff; position:absolute; top:0; 
bottom:0; left:0; right:0; z-index:2;}
.info_pop {position:fixed; margin-left:-216px; left:50%; top:630px; width:432px; height:235px; background:#fff; border:1px solid #0f76c9; z-index:3; box-shadow: 0px 3px 10px rgba(0,0,0,0.2);}
.in_pop_close {text-align:right; margin:18px 18px 0 0;}
.in_tit {font-size:24px; letter-spacing:-1px; font-weight:bold; color:#333; text-align:center; margin-top:35px; line-height:25px;}
.in_txt {font-size:14px; letter-spacing:-1px; font-weight:bold; color:#8b8a8a; text-align:center; margin-top:15px;}
.btn_regi {width:234px; height:50px; line-height:50px; background:#0f76c9; text-align:center; font-size:18px; margin:20px auto;}
.btn_regi a {color:#fff; text-decoration:none; display:block}
.btn_regi a:hover {color:#fff; text-decoration:none;}
.bt_area {position:relative; margin-top:20px; padding-top:14px; background:#f2f2f2; height:47px;}
.bt_area .chk_box {display:inline-block;}
.bt_area .chk_box .int_box {display:inline-block; margin-right:5px; padding-left:20px;}
.bt_area .chk_box .int_box input {vertical-align:top; width:15px; height:15px;}
.bt_area .chk_box .int_txt label {font-size:12px; color:#8b8a8a; font-weight:normal; margin-bottom:0; vertical-align:middle}
.bt_area .close_area {position:absolute; right:20px; top:14px;}
.bt_area .close_area .txt_x {display:inline-block; margin-right:5px}
.bt_area .close_area a {color:#666; font-weight:bold; font-size:13px; text-decoration:underline}
.bt_area .close_area a:hover {color:#666; text-decoration:underline}



.cust_area {display:inline-block; padding-top:20px; }
.cust_area>ul {margin:0; padding:0;}
.cust_area>ul:after {display:block;content:'';clear:both;}
.cust_area>ul>li {float:left; position:relative;}
.cust_area>ul>li.none {padding-right:0;}
.cust_area>ul>li>a {letter-spacing:-0.5px; font-size:13px; display:block;}
.cust_area>ul>li>a:hover, .cust_area>ul>li>a:active {color:#fff; text-decoration:none;}
.cust_area>ul>li>a strong {display:block; font-weight:bold; font-size:16px;} 
.cust_area>ul>li>ul{visibility: hidden; display: none; position: absolute; margin-left:-53px; top:32px; left: 50%; box-shadow: 0px 3px 10px rgba(0,0,0,0.2);}
.cust_area>ul>li:hover>ul{visibility: visible; display: block; border:1px solid #ccc; width:105px; background: #fff; z-index:2;}
.cust_area>ul>li:hover>ul>li {padding: 0 0 10px 15px;}
.cust_area>ul>li:hover>ul>li.padtop {padding-top:13px;}
.cust_area>ul>li:hover>ul>li>a {display:block; font-size:12px; color:#999;}
.cust_area>ul>li:hover>ul>li>a:hover {color:#2e74d9; text-decoration:underline;}

p.btn_grey02 {border:1px solid #333;}
.btn_top_cust {text-align:center; width:80px; height:28px; line-height:28px; color:#333; font-size:14px; font-weight:bold; background:#fff; vertical-align:middle;}


/*  */
.receipt_add {margin-top:7px}
.apply_ok {text-align:center; margin-top:30px;}
.pop_w350 {width:350px; padding:30px}
.pop_w400 {width:400px; padding:20px}
.gui_txt {text-align:center; margin-bottom:15px}
.gui_txt_02 {text-align:left;}
.tit_red {color:#fe7171}
.gui_txt_02 .tip_t {padding-left:10px;  position:relative}
.gui_txt_02 .tip_t:before {
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 1px;
    background: #333;
    content: "";
}

.gui_txt_02 .tip_t_02 {padding-left:13px;  position:relative}
.gui_txt_02 .tip_t_02:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "※";
}

.txt_su {font-size:14px; text-align:center; margin-bottom:15px;}
.txt_su_chk {margin-top:10px; color:#ff6666; font-size:16px; font-weight:bold; text-decoration:underline}

/* subArea */
.subArea_container {width:1100px; margin:0 auto; position:relative; margin-bottom:80px; padding-top:70px;}
.subArea_container:after {content:''; display:block; clear:both;}

.leftArea {float:left; width:200px; margin-right:38px;}
.leftArea strong {font-size:26px; color:#0676cb; display:block; border-bottom:3px solid #0676cb; padding-bottom:16px;}
.leftArea ul.dep2 li.depth2 {}
.leftArea ul.dep2 li.depth2 {position:relative}

.leftArea ul.dep2 li.depth2 a {font-size:15px; color:#333; display:block; padding: 12px 0 12px 10px; border-bottom:1px solid #dbdde1; }
.leftArea ul.dep2 li.depth2 a:hover {color:#0676cb; text-decoration:none}
.leftArea ul.dep2 li.depth2 a.on {color:#0676cb; font-weight:bold; background:url('../img/menu_arr.png') no-repeat 165px 50%;}

.leftArea ul.dep2 li.depth2 ul.dep3 {border-bottom:1px solid #dbdde1; padding:15px 0;}
.leftArea ul.dep2 li.depth2 ul.dep3.bg_col_on {background:#f5fafb;}
.leftArea ul.dep2 li.depth2 ul.dep3 li.depth3 {}
.leftArea ul.dep2 li.depth2 ul.dep3 li.depth3 a {font-size:13px; color:#666; padding: 0 0 8px 14px; border-bottom:0}
.leftArea ul.dep2 li.depth2 ul.dep3 li.depth3 a:hover {text-decoration:none; color:#0676cb;}
.leftArea ul.dep2 li.depth2 ul.dep3 li.depth3 a.on_02 {text-decoration:underline; color:#0676cb !important; font-weight:bold}
.leftArea ul.dep2 li.depth2 ul.dep3 li.depth3 a.last {padding-bottom:0;}



.sub_cont {overflow:hidden;}
.sub_cont h1 {font-size:32px; color:#000; font-weight:bold; margin-bottom:22px;}
.sub_cont h2.subTit {font-size:18px; font-weight:bold; color:#2e74d9; margin-bottom:16px;}
.ps_txt02 {font-size:12px; color:#999; display:inline-block; margin-left:10px;}
.sub_cont h2.subTit.mart18 {margin-top:18px; display:inline-block}
.sub_cont h2.subTit.mart40 {margin-top:40px; display:inline-block}
.sub_cont h2.subTit.mart60 {margin-top:60px;}
.sub_cont .sin_txt {margin-bottom:10px; font-weight:bold}
h5.mart60 {margin-top:60px;}
.cash_sum {display:inline-block; font-size:15px; font-weight:bold; color:#333; margin-top:5px;}
.cash_sum em.colRed {color:#ff6666;}
.subTit_ps {color:#666; font-size:13px; display:inline-block; margin-left:15px; font-weight:normal}

.location {position:absolute; right:0; top:28px; text-align:left; height:27px; font-size:12px;}
.location a.home {padding-left:0;}
.location a.home img {vertical-align:top; padding-top:2px;}
.location a.home, .location span {display:inline-block; background:url('../img/loca_arr.png') no-repeat right; padding-right:10px ;padding-left:8px; font-size:13px; letter-spacing:-0.5px; color:#666;}
.location strong  {letter-spacing:-0.5px; color:#000; font-weight:bold; padding-left:8px;}

/* search-box */
.terms_box, .terms_box_02, .terms_box_00 {background:#f3f3f3; padding:20px 18px; overflow:hidden; position:relative}
.terms_box_03 {background:#f5f4f1; padding:8px 18px; overflow:hidden; position:relative; margin-bottom:6px; border:1px solid #e0e2e5}
.terms_box_03 .year_area label {font-size:15px; color:#333; font-weight:bold; display:inline-block; margin-right:10px; vertical-align:middle; margin-bottom:0}

.marB24 {margin-bottom:24px;}
.terms_input {width: 120px; height: 34px; border: 1px solid #cbcbcb; background: #fff;    font-size: 14px; color: #666; padding-left: 10px; margin-right: 10px;}
.terms_box_00 ul li {margin-right:15px;font-size:14px; color:#333;}
.terms01, .terms02 {display:inline-block}
.terms01 label {width:70px;}
.terms02 label {width:120px;}
.mart10 {margin-top:10px;}
.terms_box ul li {margin-right:15px;font-size:14px; color:#333; float:left;}
.terms_box ul li label {font-size:14px; color:#333; margin-bottom:0; margin-right:14px;}
.terms_box_00 ul li label {font-size:14px; color:#333; margin-bottom:0;}
.selt01 {border:1px solid #cacacd; background:#fff; color:#666; text-align:left; padding-left:10px; margin-right:10px; width:92px; height:34px;}
.selt_01 {border:1px solid #cacacd; background:#fff; color:#666; text-align:left; padding-left:10px; width:100px; height:34px; vertical-align:middle;}
.selt_01.bgcol {background:#e3e3e3;}
.selt_01.w120 {width:120px !important}
.selt_02 {border:1px solid #cacacd; background:#fff; color:#666; text-align:left; padding-left:10px; width:70px; height:34px; vertical-align:middle;}
.selt03 {border:1px solid #cacacd; background:#fff; color:#666; text-align:left; padding-left:10px; margin-right:10px; width:120px; height:34px;}
.terms_box ul li em.num_02 {color:#0066cc;}

.terms_box_02 .box {margin-bottom:7px; overflow:hidden}
.terms_box_02 .box.marbnone {margin-bottom:0}
.terms_box_02 .box ul li {float:left; font-size:14px; color:#333; width:396px;}
.terms_box_02 .box ul li label {font-size:14px; color:#333; margin-bottom:0; width:90px;}
.terms_box_02 .box .pic_tit {display:inline-block; width:90px}
.terms_box_02 .box .pic_tit label {font-size: 14px; color: #333; margin-bottom:0 !important; vertical-align: middle;}
.L_cont {display:inline-block; margin-left:15px;}

/* result-box */
.result_box {background:#f3f7fb; border:1px solid #c5dcf3; padding:10px 18px; position:relative; margin-top:20px; height:62px;}
.result_box p {display:inline-block;}
.result_box .result_cont {display:inline-block; margin-top:10px; margin-right:30px; font-size:14px;}
.result_box .result_cont .result_tit {display:inline-block; margin-right:10px;}
.result_box .result_cont .result_condi {color:#ff6666}


.input_box01 {width:100px; height:34px; border:1px solid #cbcbcb; background:#fff; font-size:14px; color:#333; padding-left:10px; margin-right:10px;}
.input_box01.marL10 {margin-left:10px;}
.input_box01.w170 {width:174px !important;}
.input_box01.w160 {width:160px;}
.input_box02 {width:100%; height:34px; border:1px solid #cacacd; font-size:14px; color:#000; text-align:right; padding-right:10px;}
.input_box03 {width:450px; height:34px; border:1px solid #cacacd; font-size:14px; color:#000; text-align:left; padding:0 10px 0 10px; margin:0 8px 0 8px;}

.bt_btn_area {position:relative; margin-top:20px;}

.btnR {position:absolute; right:0; top:0; background:#f3f7fb; border:1px solid #0e76c9; width:150px; height:36px; line-height:34px; text-align:center; }
.btnR a.light_green {font-size:14px; font-weight:bold; color:#0e76c9; display:block;}
.btnR a:hover.light_green {color:#0e76c9; text-decoration:none}

.btn_Lgreen {background:#f3f7fb; border:1px solid #0e76c9; width:130px; height:34px; line-height:32px; text-align:center; display:inline-block; margin-left:15px;}
.btn_Lgreen a.Lgreen {font-size:15px; font-weight:bold; color:#0e76c9; display:block;}
.btn_Lgreen a.Lgreen:hover {color:#0e76c9; text-decoration:none}


.btnArea {position:absolute; right:18px; top:19px;} 
.btnArea_03 {position:absolute; right:18px; bottom:19px;} 
.btnArea_02 {float:right; margin:10px 0 40px 0;}
.search {background:#404a56; width:92px; height:36px; line-height:36px; text-align:center; font-size:14px; font-weight:bold; display:inline-block; margin-right:4px;}
.search a.search_a {color:#fff; display:block;}
.search a.search_a:hover {color:#fff; text-decoration:none}
.excel {background:#f4f5f7; border:1px solid #404a56; width:92px; height:36px; line-height:34px; text-align:center; font-size:14px; font-weight:bold; display:inline-block;}
.excel a.excel_a {color:#404a56; display:block;}
.excel a.excel_a:hover {color:#404a56; text-decoration:none}


/* 서브 warptabMenu 탭메뉴 */
.warptabMenu {width:100%; height:63px; padding:0 25px; position:relative; border-top:1px #e7eaf0 solid; border-bottom:2px #e7eaf0 solid;}
.warptabMenu ul {height:100%;}
.warptabMenu ul::after {content:''; display:block; clear:both;}
.warptabMenu ul li {margin-right:50px; padding-bottom:3px; display:block; float:left; position:relative;}
.warptabMenu ul li i {position:absolute; top:-33px; right:-13px;}
.warptabMenu ul li a {line-height:57px; font-size:16px; font-weight:300; color:#4b4e61;}
.warptabMenu ul li:hover {border-bottom:2px #0676cb solid;}
.warptabMenu ul li.active {border-bottom:2px #0676cb solid;}


/* 메인 하단 배너 */

.bottomBanner{width:1100px; margin-top:30px;}
.bottomBanner::after {content:''; display:block; clear:both;}
.bottomBanner span.left {display:block; float:left;}
.bottomBanner span.right {display:block; float:right;}



/* my현황 */
.warptabBox01 {width:100%; margin-top:20px; position: relative; border:1px #e6e9ef solid; box-sizing:border-box;}
.warptabBox01 .titlebox {margin-left:10px; padding-bottom:0px; border-bottom:0px #e7eaf0 solid;}
.warptabBox01 .titlebox::after {content:''; display:block; clear:both;}


.warptabBox01 .titlebox span.left {padding-left:8px; display:block; float:left; position:relative; font-size:18px; font-weight: 400; color:#616b73;}
.warptabBox01 .titlebox span.left::before {content:''; width:3px; height:3px; position:absolute; top:13px; left:0; background:#0777ca;}
.warptabBox01 .titlebox span.right {display:block; float:right;}
.warptabBox01 .titlebox span.right b {display:inline-block; font-size:16px; color:#434c53;}
.warptabBox01 .titlebox span.right em.unregistered {margin-left:10px; padding:3px 15px; display:inline-block; background:#dcdddf; border:1px #b8bbbe solid; border-radius:3px; box-sizing:border-box; font-size:15px; color:#656c71;}
.warptabBox01 .titlebox span.right em.consent {margin-left:10px; padding:3px 15px; background:#0676cb; border:1px #1770b2 solid; border-radius:3px; box-sizing:border-box; font-size:15px; color:#fff;}
.warptabBox01 .textBox01 {margin:30px 20px;}
.warptabBox01 .textBox01 .contBox01::after {content:''; display:block; clear:both;}
.warptabBox01 .textBox01 .contBox01 .left {width:760px; float:left;}
.warptabBox01 .textBox01 .contBox01 .left::after {content:''; display:block; clear:both;}
.warptabBox01 .textBox01 .contBox01 .right {margin-bottom:30px; float:right;}
.warptabBox01 .textBox01 .contBox01 .right button {width:193px; height:50px; background:#fff; border:1px #0676cb solid; border-radius:3px; box-sizing:border-box; line-height:49px; font-size:18px; color:#0676cb; cursor:pointer;}
.warptabBox01 .textBox01 .contBox01 .right button:hover {background:#ecf6fe;}
.warptabBox01 .textBox01 .contBox01 .left dl dt {height:25px; margin-bottom:10px;}
.warptabBox01 .textBox01 .contBox01 .left dl dt span {width:25px; height:25px; display:inline-block; float:left; border-radius: 50%; background:#a4aab7; text-align:center; font-size:16px; color:#fff;}
.warptabBox01 .textBox01 .contBox01 .left dl dt em {width:640px; margin-left:10px; display:inline-block; float:left; line-height:1.4; font-size:16px; font-weight:400; color:#3d4246;}
.warptabBox01 .textBox01 .contBox01 .left dl dd {width:650px; margin:5px 31px; font-size:14px; font-weight:300; color:#778188;}


.warptabBox01 .textBox02 {padding:10px 10px; position:relative; margin-left:38px;}
.warptabBox01 .textBox02 .blindBg{width:100%; height:317px; margin:0 10px; position:absolute; top:29px; left:0; background:url(../imgs/whiteblinds_bg.png) no-repeat; z-index:2;}
.warptabBox01 .textBox02 .sampleimg {width:260px; height:144px; margin:0 10px; position:absolute; top:39%; left:37%; background:url(../img/sampleimg.png) no-repeat; z-index:2;}
.warptabBox01 .textBox02::after {content:''; display:block; clear:both;}

.warptabBox01 .textBox02 .spmbottBox {width:1350px;  float:center; border:1px #e7eaf0 solid; box-sizing:border-box; overflow:hidden;}
.warptabBox01 .textBox02 .spmbottBox table {width:100%; border-top:2px #cbe5f6 solid; font-size:14px; color:#434c53;}
.warptabBox01 .textBox02 .spmbottBox table thead tr {height:40px; background:#e8f6ff;}
.warptabBox01 .textBox02 .spmbottBox table thead tr th {width:120px;  border:1px #e7eaf0 solid; box-sizing:border-box; text-align:center;}
.warptabBox01 .textBox02 .spmbottBox table tbody tr td {width:120px; height:35px; border:1px #e7eaf0 solid; box-sizing:border-box; text-align:center;}
.warptabBox01 .textBox02 .spmbottBox table tbody tr td.mt01 {padding-left:10px; background:#f3f6f8; text-align:left;}
.warptabBox01 .textBox02 .spmbottBox table tbody tr td.textBlue {color:#0676cb;}
.warptabBox01 .textBox02 .spmbottBox table tbody tr td.textRed {color:#cb0606;}

.warptabBox01 .textBox02 .spmbottBox .left {width:500px; height:310px; float:left; border:1px #e7eaf0 solid; box-sizing:border-box; overflow:hidden;}
.warptabBox01 .textBox02 .spmbottBox .left table {width:100%; border-top:2px #cbe5f6 solid; font-size:14px; color:#434c53;}
.warptabBox01 .textBox02 .spmbottBox .left table thead tr {height:40px; background:#e8f6ff;}
.warptabBox01 .textBox02 .spmbottBox .left table thead tr th {width:120px;  border:1px #e7eaf0 solid; box-sizing:border-box; text-align:center;}
.warptabBox01 .textBox02 .spmbottBox .left table tbody tr td {width:120px; height:35px; border:1px #e7eaf0 solid; box-sizing:border-box; text-align:center;}
.warptabBox01 .textBox02 .spmbottBox .left table tbody tr td.mt01 {padding-left:10px; background:#f3f6f8; text-align:left;}
.warptabBox01 .textBox02 .spmbottBox .left table tbody tr td.textBlue {color:#0676cb;}
.warptabBox01 .textBox02 .spmbottBox .left table tbody tr td.textRed {color:#cb0606;}

.warptabBox01 .textBox02 .spmbottBox .right {width:490px; float:right;}
.warptabBox01 .textBox02 .spmbottBox .right table {width:100%; border-top:2px #cbe5f6 solid; font-size:14px; color:#434c53;}
.warptabBox01 .textBox02 .spmbottBox .right table thead tr {height:40px; background:#e8f6ff;}
.warptabBox01 .textBox02 .spmbottBox .right table thead tr th {width:120px;  border:1px #e7eaf0 solid; box-sizing:border-box; text-align:center;}
.warptabBox01 .textBox02 .spmbottBox .right table tbody tr td {width:120px; height:35px; border:1px #e7eaf0 solid; box-sizing:border-box; text-align:center;}
.warptabBox01 .textBox02 .spmbottBox .right table tbody tr td.mt01 {padding-left:10px; background:#f3f6f8; text-align:left;}
.warptabBox01 .textBox02 .spmbottBox .right table tbody tr td.textBlue {color:#0676cb;}
.warptabBox01 .textBox02 .spmbottBox .right table tbody tr td.textRed {color:#cb0606;}
.warptabBox01 .textBox02 .spmbottBox .right button {margin-top:10px; padding:5px 8px; float:right; border:1px #b0cee2 solid; border-radius:3px; box-sizing:border-box; font-size:15px; color:#7eb2d4; cursor:pointer;}
.warptabBox01 .textBox02 .spmbottBox .right button:hover {background:#f3f7f9;}

.warptabBox01 .boxBott {width:900px; height:125px; position:absolute; top:80px; left:220px; border:1px #e6e9ef solid; border-radius:20px; background:#fff; box-shadow:2px 2px 1px -1px #ebeef1a3; z-index:200;}
.warptabBox01 .boxBott::after {content:''; display:block; clear:both;}
.warptabBox01 .boxBott span.left {display:block; float:left; position:relative; top:37px; left:30px; font-size:15px; letter-spacing:-0.8px; font-weight:500; color:#3d4246;}
.warptabBox01 .boxBott span.right {display:block; float:left; position:relative; top:36px; left:82px;}
.warptabBox01 .boxBott span.right button {padding:10px 11px; background:#0676cb; border:1px #0067b5 solid; border-radius:6px; box-sizing:border-box; font-size:18px; color:#fff;}
.warptabBox01 .boxBott span.center {padding-top:40px; display:block; text-align:center; font-size:15px; letter-spacing:-0.8px; font-weight:500; color:#3d4246;}


.warptabBox01 .textBox03 {margin:30px 20px; position:relative;}
.warptabBox01 .textBox03 .contBox02 {width:100%;}
.warptabBox01 .textBox03 .contBox02::after {content:""; display:block; clear:both;}
.warptabBox01 .textBox03 .contBox02 table {width:100%; border-top:2px #cbe5f6 solid; font-size:14px; color:#434c53;}
.warptabBox01 .textBox03 .contBox02 table thead tr {height:40px; background:#e8f6ff;}
.warptabBox01 .textBox03 .contBox02 table thead tr th {width:338px;  border:1px #e7eaf0 solid; box-sizing:border-box; text-align:center;}
.warptabBox01 .textBox03 .contBox02 table tbody tr td {width:338px; height:35px; border:1px #e7eaf0 solid; box-sizing:border-box; text-align:center;}
.warptabBox01 .textBox03 .contBox02 table tbody tr td.mt01 {padding-left:10px; background:#f3f6f8; text-align:left;}
.warptabBox01 .textBox03 .contBox02 table tbody tr td.mt02 {padding-left:10px; background:#fff; text-align:left;}
.warptabBox01 .textBox03 .contBox02 table tbody tr td a {text-decoration:underline; color:#0676cb;}
.warptabBox01 .textBox03 .contBox02 span.right {margin-top:10px; float:right; font-size:16px; color:#3d4246;}
.warptabBox01 .textBox03 .contBox02 span.right::after {content:''; display:block; clear:both;}
.warptabBox01 .textBox03 .contBox02 span.right b {color:#cb0606;}
.warptabBox01 .textBox03 .bottonBox {margin-top:18px; padding:18px; background:#f8fcff; border:1px #eef1f3 solid; border-radius:3px; box-sizing:border-box;}
.warptabBox01 .textBox03 .bottonBox p {margin-bottom:3px; font-size:13px; color:#778188;}


/* 세무신고 */
.warptabBox01 .titlebox01 {margin:15px 0px 0px 16px; padding-left:8px; display:block; float:left; position:relative; font-size:18px; font-weight: 400; color:#616b73;}
.warptabBox01 .titlebox01::after {content:''; display:block; clear:both;}
.warptabBox01 .titlebox01::before {content:''; width:3px; height:3px; position:absolute; top:13px; left:0; background:#0777ca;}
.warptabBox01 .textBox04 {margin:56px 20px 0px 20px; position:relative;}
.warptabBox01 .textBox04 .titlebox02 {margin:10px 7px;}
.warptabBox01 .textBox04 .titlebox02 i {margin-right:5px; display:inline-block;}
.warptabBox01 .textBox04 .titlebox02 span.term {display:inline-block; border-bottom:1px #cb0606 solid; font-size:17px; font-weight:400; color:#cb0606;}
.warptabBox01 .textBox04 .titlebox02 span.termno {display:inline-block; border-bottom:1px #0676cb solid; font-size:17px; font-weight:400; color:#0676cb;}
.warptabBox01 .textBox04 .bottonBox01 {margin:13px; padding:15px; background:#f8fcff; border:1px #eef1f3 solid; border-radius:3px; box-sizing:border-box;}
.warptabBox01 .textBox04 .bottonBox01::after {content:''; display:block; clear:both;}
.warptabBox01 .textBox04 .bottonBox01 span.left {width:760px; padding:15px 10px; float:left;}
.warptabBox01 .textBox04 .bottonBox01 span.left dl dt {margin-bottom:10px; font-size:16px; font-weight:500; color:#778188;}
.warptabBox01 .textBox04 .bottonBox01 span.left dl dd {margin-bottom:3px; font-size:14px; font-weight:300; color:#778188;}
.warptabBox01 .textBox04 .bottonBox01 span.right {margin-top:30px; float:right;}
.warptabBox01 .textBox04 .bottonBox01 span.mt03 {margin-top: 41px;}
.warptabBox01 .textBox04 .bottonBox01 span.right button {width:193px; height:50px;  border:1px #0676cb solid; border-radius:3px; box-sizing:border-box; font-size:18px; color:#0676cb; cursor:pointer;}
.warptabBox01 .textBox04 .bottonBox01 span.right button:hover {background:#eaeff3;}

.warptabBox01 .textBox05 {padding:20px 10px; position:relative;}
.warptabBox01 .textBox05 .titlebox01 {padding-left:8px; display:block; float:none; position:relative; font-size:18px; font-weight: 400; color:#616b73;}
.warptabBox01 .textBox05 p.text {margin:10px 21px; display:block; font-size:14px; font-weight:400; color:#3d4246;}
.warptabBox01 .textBox05 .bottonBox02 {margin:20px; border:1px #eef1f3 solid; border-radius:3px; box-sizing:border-box;}
.warptabBox01 .textBox05 .bottonBox02::after {content:''; display:block; clear:both;}
.warptabBox01 .textBox05 .bottonBox02 span.left {width:555px; display:block; float:left;}
.warptabBox01 .textBox05 .bottonBox02 span.left dl {padding:20px;}
.warptabBox01 .textBox05 .bottonBox02 span.left dl dt {margin-bottom:15px; font-size:16px; font-weight:300; color:#778188;}
.warptabBox01 .textBox05 .bottonBox02 span.left dl dd.graph {width:437px; height:18px; margin-bottom:10px; position:relative; border-radius:7px; background:#e2e5e8;}
.warptabBox01 .textBox05 .bottonBox02 span.left dl dd.graph span.bar {width:50%; height:18px; position:absolute; border-radius:7px; background:#0676cb; z-index:9;}
.warptabBox01 .textBox05 .bottonBox02 span.left dl dd.text {font-size:13px; color:#778188;}
.warptabBox01 .textBox05 .bottonBox02 span.right {margin:15px 20px 0px 0px; display:block; float:right;}
.warptabBox01 .textBox05 .bottonBox02 span.right button {width: 167px; height: 43px; display:block; margin-bottom:15px; background:#0676cb; border:1px #0067b5 solid; border-radius:6px; box-sizing:border-box; font-size:15px; color:#fff;}
.warptabBox01 .textBox05 .bottonBox02 span.right button:hover {background:#1486dc;}


.warptabBox01 .textBox05 .bottonBox03 {margin:20px 20px 0 20px; padding:20px; background:#f9f9f9; }
.warptabBox01 .textBox05 .bottonBox03 dl {padding:0px;}
.warptabBox01 .textBox05 .bottonBox03 dl dt {margin-bottom:10px; font-size:18px; font-weight:500; color:#3d4246;}
.warptabBox01 .textBox05 .bottonBox03 dl dt i {position:relative; bottom:6px; font-size:8px; font-style: normal; color:#808386;}
.warptabBox01 .textBox05 .bottonBox03 dl dd {margin:5px; font-size:13px; font-weight:300; color:#778188;}


.warptabBox01 .textBox04 .bottonBox04 {margin-top:18px; padding:18px; background:#f8fcff; border:1px #eef1f3 solid; border-radius:3px; box-sizing:border-box;}
.warptabBox01 .textBox04 .bottonBox04::after {content:''; display:block; clear:both;}
.warptabBox01 .textBox04 .bottonBox04 span.left {width:790px; padding:0px 10px; float:left;}
.warptabBox01 .textBox04 .bottonBox04 span.left ul::after {content:''; display:block; clear:both;}
.warptabBox01 .textBox04 .bottonBox04 span.left ul li {padding:0px 30px 0px 8px; display:inline-block; float:left; position:relative; font-size:16px; font-weight:400; color:#778188;}
.warptabBox01 .textBox04 .bottonBox04 span.left ul li::before {content:''; width:3px; height:3px; position:absolute; top:11px; left:0; background:#0777ca;}
.warptabBox01 .textBox04 .bottonBox04 span.left ul li em {margin-left: 5px;}
.warptabBox01 .textBox04 .bottonBox04 span.left dl {margin-top:15px;}
.warptabBox01 .textBox04 .bottonBox04 span.left dl::after {content:''; display:block; clear:both;}
.warptabBox01 .textBox04 .bottonBox04 span.left dl dt {padding:0px 20px 0px 8px; display:block; float:none; position:relative; font-size:16px; font-weight:500; color:#778188;}
.warptabBox01 .textBox04 .bottonBox04 span.left dl::after {content:''; display:block; clear:both;}
.warptabBox01 .textBox04 .bottonBox04 span.left dl dt::before {content:''; width:3px; height:3px; position:absolute; top:11px; left:0; background:#0777ca;}
.warptabBox01 .textBox04 .bottonBox04 span.left dl dd {margin:5px 8px; display:inline-block; float:left;}
.warptabBox01 .textBox04 .bottonBox04 span.left dl dd b {font-size:14px; font-weight:400; color:#778188;}
.warptabBox01 .textBox04 .bottonBox04 span.left dl dd em.bl {font-size:14px; font-weight:600; color:#0676cb;}
.warptabBox01 .textBox04 .bottonBox04 span.left dl dd em.rd {font-size:14px; font-weight:600; color:#cb0606;}
.warptabBox01 .textBox04 .bottonBox04 span.left p {margin-top:10px; font-size:12px; font-weight:300; color:#778188;}
.warptabBox01 .textBox04 .bottonBox04 span.right {margin-top:57px; float:right;}
.warptabBox01 .textBox04 .bottonBox04 span.right button {width:167px; height:43px;  border:1px #0676cb solid; border-radius:3px; box-sizing:border-box; font-size:18px; color:#0676cb; cursor:pointer;}
.warptabBox01 .textBox04 .bottonBox04 span.right button:hover {background:#eaeff3;}


/* 인사급여 */
.warptabBox01 .textBox06 {padding:20px 10px; position:relative;}
.warptabBox01 .textBox06 .informationBox {text-align:center;}
.warptabBox01 .textBox06 .informationBox .infomaBox01 {padding:70px;}
.warptabBox01 .textBox06 .informationBox .infomaBox01 i {width:126px; height:130px; margin:0 auto; display:block; text-align:center;}
.warptabBox01 .textBox06 .informationBox .infomaBox01 b {display:block; font-size:18px; font-weight:300; color:#7e8489;}
.warptabBox01 .textBox06 .informationBox .infomaBox01 button {width:233px; height:50px; margin-top:15px; background:#0676cb; border:1px #0676cb solid; border-radius:3px; box-sizing:border-box; font-size:18px; color:#fff; cursor:pointer;}
.warptabBox01 .bannerBox {width:1100px; margin:0 auto; margin-top:25px;}




.warptabBox01 .textBox07  {padding:20px; position:relative;}
.warptabBox01 .textBox07 .titlebox02 {margin:35px 12px 0px 12px;}
.warptabBox01 .textBox07 .titlebox02 i {margin-right:5px; display:inline-block;}
.warptabBox01 .textBox07 .titlebox02 span.term {display:inline-block; border-bottom:1px #cb0606 solid; font-size:17px; font-weight:400; color:#cb0606;}
.warptabBox01 .textBox07 .titlebox02 span.termno {display:inline-block; border-bottom:1px #0676cb solid; font-size:17px; font-weight:400; color:#0676cb;}
.warptabBox01 .textBox07 .bottonBox05 {margin-top:18px; padding:5px 18px; background:#f8fcff; border:1px #eef1f3 solid; border-radius:3px; box-sizing:border-box;}
.warptabBox01 .textBox07 .bottonBox05::after {content:''; display:block; clear:both;}
.warptabBox01 .textBox07 .bottonBox05 span.left {width:790px; padding:0px 10px; float:none;}
.warptabBox01 .textBox07 .bottonBox05 span.left ul {margin-bottom:30px; display:block;}
.warptabBox01 .textBox07 .bottonBox05 span.left ul:last-child {margin:0;}
.warptabBox01 .textBox07 .bottonBox05 span.left ul::after {content:''; display:block; clear:both;}
.warptabBox01 .textBox07 .bottonBox05 span.left ul li {padding:0px 30px 0px 8px; display:inline-block; float:left; position:relative; font-size:16px; font-weight:400; color:#778188;}
.warptabBox01 .textBox07 .bottonBox05 span.left ul li::before {content:''; width:3px; height:3px; position:absolute; top:11px; left:0; background:#0777ca;}
.warptabBox01 .textBox07 .bottonBox05 span.left ul li em {margin-left: 5px; font-weight:400; color:#0676cb;}

.warptabBox01 .textBox07 .bottonBox06 .titlebox03 {margin:35px 12px 0px 12px;}
.warptabBox01 .textBox07 .bottonBox06 .titlebox03 i {margin-right:5px; display:inline-block;}
.warptabBox01 .textBox07 .bottonBox06 .titlebox03 span.termno {display:inline-block; font-size:18px; font-weight:400; color:#0676cb;}
.warptabBox01 .textBox07 .bottonBox06 .colBox {margin-top:18px; padding:18px; background:#f8fcff; border:1px #eef1f3 solid; border-radius:3px; box-sizing:border-box; font-size:16px; font-weight:300; color:#778188;}
.warptabBox01 .textBox07 .bottonBox06 .colBox em {color:#cb0606;}
.warptabBox01 .textBox07 .bottonBox06 .checklistBox {margin-top:35px;}
.warptabBox01 .textBox07 .bottonBox06 .checklistBox dl {display:block;}
.warptabBox01 .textBox07 .bottonBox06 .checklistBox dl dt {margin-bottom:15px; font-size:18px; font-weight:300; color:#3d4246;}
.warptabBox01 .textBox07 .bottonBox06 .checklistBox dl dt i {position:relative; bottom:5px; font-size:8px; font-style:normal; color:#808386;}
.warptabBox01 .textBox07 .bottonBox06 .checklistBox dl dd {margin:10px;}
.warptabBox01 .textBox07 .bottonBox06 .checklistBox dl dd::after {content:''; display:block; clear:both;}
.warptabBox01 .textBox07 .bottonBox06 .checklistBox dl dd span.left {width:370px; margin-right:20px; display:inline-block; float:left; font-size:15px; color:#778188;}
.warptabBox01 .textBox07 .bottonBox06 .checklistBox dl dd span.right {display:inline-block; float:left;}
.warptabBox01 .textBox07 .bottonBox06 .checklistBox dl dd span.right form {display:inline-block; font-size:15px;}
.warptabBox01 .textBox07 .bottonBox06 .checklistBox dl dd span.right form input.mt05{margin-left:30px;}

.warptabBox01 .textBox07 .bottonBox06 .checklistBox dl dd span.right form {position: relative;} 
.warptabBox01 .textBox07 .bottonBox06 .checklistBox .colBox {margin-top:18px; padding:18px; background:#f8fcff; border:1px #eef1f3 solid; border-radius:3px; box-sizing:border-box; font-size:14px; font-weight:300; color:#778188;}

    
/* 모달 팝업창 */
 /* The Modal (background) */
    .modal {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 1; /* Sit on top */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    }
    
    .modal {
	  position: fixed;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  z-index: 1040;
	  display: none;
	  overflow: hidden;
	  -webkit-overflow-scrolling: touch;
	  outline: 0;
	}

    /* Modal Content/Box */
    .modal-content {
        width:680px;
        background-color: #fefefe;
        margin: 15% auto; /* 15% from the top and centered */
        border: 1px solid #888;
                                 
    }
    
    /*-------------------------------------------------------------------------*/
    
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}

.modal-backdrop.fade.in{
 filter: alpha(opacity=50);
  opacity: .5;
}

.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
    
/*--------------------------------------------------------*/
.modal-content .modalHead {height:50px; padding:15px; border-radius:4px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background:#49bded; color:#fff;}
.modal-content .modalHead::after {content:''; display:block; clear:both;}
.modal-content .modalHead .title{display:block; float:left; font-size:16px;}
.modal-content .modalHead .btnClose {display:block; float:right; cursor:pointer;}
.modal-content .modalBody {min-height:300px; padding:20px 20px 60px 20px; background:#fff;}
.modal-content .modalBody .warpDetail01 {margin-bottom: 50px;}
.modal-content .modalBody .warpDetail01 dl dt {margin-bottom:5px; padding-left:7px; position:relative; font-size:16px; font-weight:600; color:#474b4f;}
.modal-content .modalBody .warpDetail01 dl dt::before {content:''; width:3px; height:3px; position:absolute; top:9px; left:0; background:#49bded;}
.modal-content .modalBody .warpDetail01 dl dd {margin-bottom:5px; line-height:1.4; font-size:14px; font-weight:300; color:#474b4f; } 
.modal-content .modalBody .warpDetail01 dl dd.gla {line-height:1.4; font-size:14px; font-weight:300; color:#707579; } 
.modal-content .modalBody .warpDetail01 dl dd em {font-size:15px; font-weight:bold; color:#bb1717;}
.modal-content .modalBody .warpDetail01 .corBox {padding:10px; background:#f4f9fb;}
.modal-content .modalBody .warpDetail01 .corBox p {margin-bottom:10px; line-height:1.4; font-size:14px; font-weight:300; color:#797d81;}
.modal-content .modalBody .warpDetail01 button {margin-top:10px; padding:5px 8px; float:right; border:1px #b0cee2 solid; border-radius:3px; box-sizing:border-box; font-size:15px; color:#7eb2d4; cursor:pointer;}
.modal-content .modalBody .warpDetail02 {margin-bottom: 50px;}
.modal-content .modalBody .warpDetail02 dl dt {margin-bottom:5px; padding-left:7px; position:relative; font-size:16px; font-weight:600; color:#474b4f;}
.modal-content .modalBody .warpDetail02 dl dt::before {content:''; width:3px; height:3px; position:absolute; top:9px; left:0; background:#49bded;}
.modal-content .modalBody .warpDetail02 dl dd {margin-bottom:5px; line-height:1.4; font-size:14px; font-weight:300; color:#474b4f; } 
.modal-content .modalBody .warpDetail02 dl dd.gla {line-height:1.4; font-size:14px; font-weight:300; color:#707579; } 
.modal-content .modalBody .warpDetail02 dl dd em {font-size:15px; font-weight:bold; color:#bb1717;}
.modal-content .modalBody .warpDetail02 .corBox {padding:10px; background:#f4f9fb;}
.modal-content .modalBody .warpDetail02 .corBox p {margin-bottom:10px; line-height:1.4; font-size:14px; font-weight:300; color:#797d81;}
.modal-content .modalBody .warpDetail02 button {margin-top:10px; padding:5px 8px; float:right; border:1px #b0cee2 solid; border-radius:3px; box-sizing:border-box; font-size:15px; color:#7eb2d4; cursor:pointer;}

.modal-content .modalBody .warpCasebox {padding-top:15px;}
.modal-content .modalBody .warpCasebox dl dt {margin-bottom:10px; font-size:16px; font-weight:bold; color:#49bded;}
.modal-content .modalBody .warpCasebox dl dt::before {content:''; width:0; height:0; position:absolute; top:0; left:0; background:#fff;}
.modal-content .modalBody .warpCasebox dl dd {margin-bottom:5px; line-height:1.4; font-size:14px; font-weight:300; color:#474b4f; } 
.modal-content .modalBody .warpCasebox dl dd.gla {line-height:1.4; font-size:14px; font-weight:300; color:#707579; }
.modal-content .modalBody .warpCasebox table {width:624px; border-top:2px #cbe5f6 solid; font-size:14px; color:#434c53;}
.modal-content .modalBody .warpCasebox table thead tr {height:40px; background:#e8f6ff;}
.modal-content .modalBody .warpCasebox table thead tr th {width:156px;  border:1px #e7eaf0 solid; box-sizing:border-box; text-align:center;}
.modal-content .modalBody .warpCasebox table tbody tr td {width:156px; height:35px; border:1px #e7eaf0 solid; box-sizing:border-box; text-align:center;}
.modal-content .modalBody .warpCasebox table tbody tr td.mt01 {padding-left:10px; background:#f3f6f8; text-align:center;}
.modal-content .modalBody .warpCasebox table tbody tr td.textBlue {color:#0676cb;}
.modal-content .modalBody .warpCasebox .casebox {margin-top:15px;}
.modal-content .modalBody .warpCasebox .casebox span {display:block; line-height:1.4; font-size:14px; font-weight:300; color:#474b4f; }
.modal-content .modalBody .warpCasebox .casebox span em {font-size:15px; font-weight:bold; color:#bb1717;}
.modal-content .modalBody .warpCasebox .casebox b {margin-top:5px; display:block; line-height:1.4; font-size:14px; font-weight:300; color:#707579; } 

/* 팝업창 최근부가세신고내역 */
.modal-content .modalBody .tableBox01 {width:100%; padding:0 10px;}
.modal-content .modalBody .tableBox01 table {border-top:3px #d6e8f6 solid; }
.modal-content .modalBody .tableBox01 table thead td {height:40px; background:#e8f0f6; border:1px #f3f3f3 solid; text-align:center; font-size:14px; color:#3b3f43;}
.modal-content .modalBody .tableBox01 table tbody td {height:40px; border:1px #f3f3f3 solid; text-align:center;}
.modal-content .modalBody .tableBox01 table tbody td.mt01{width:20%; height:40px; padding:0 10px; font-weight:700; text-align:left ;}
.modal-content .modalBody .tableBox01 table tbody td.mt02{height:40px;  background:#f4f8fb; font-weight:700;}
.modal-content .modalBody .tableBox01 table tbody td.mt03{height:40px; text-align:center; font-weight:700;}
.modal-content .modalBody .tableBox01 table tbody td.mt04 {background:#f2f3f4; font-weight: 700;}
.modal-content .modalBody .tableBox01 p.btBox {margin-top:15px; padding:15px; background:#f7fbfe; border-radius:5px;}

.modal-content .modalBody .tableBox01 table tbody td.textBlue{background:#f2f3f4; font-weight: 700;color:#0676cb;}
.modal-content .modalBody .tableBox01 table tbody td.textRed{background:#f2f3f4; font-weight: 700;color:#cb0606;}



/* 서브 세무신고 > 부가세신고 진단 추가 */
.subArea_container .sub_cont .textBox06 {position:relative;}
.subArea_container .sub_cont .textBox06 .informationBox {text-align:center;}
.subArea_container .sub_cont .textBox06 .informationBox .infomaBox01 {padding:70px;}
.subArea_container .sub_cont .textBox06 .informationBox .infomaBox01 i {width:126px; height:130px; margin:0 auto; display:block; text-align:center;}
.subArea_container .sub_cont .textBox06 .informationBox .infomaBox01 b {display:block; font-size:18px; font-weight:300; color:#7e8489;}
.subArea_container .sub_cont .textBox06 .informationBox .infomaBox01 button {width:233px; height:50px; margin-top:15px; background:#0676cb; border:1px #0676cb solid; border-radius:3px; box-sizing:border-box; font-size:18px; color:#fff; cursor:pointer;}
.subArea_container .sub_cont .textBox06 .informationBox .infomaBox01 button:hover{background:#1486dc;}
.subArea_container .sub_cont .textBox06 .informationBox p.gltbox {width:100%; padding:15px; display:block; background:#f3f3f3; text-align:left; font-size:15px; color:#353535;}
.subArea_container .sub_cont .textBox06 .informationBox p.gltbox em {font-weight:700;}
.subArea_container .sub_cont .textBox06 .informationBox table {width:100%; margin-top:30px; border-top:2px #cbe5f6 solid;}
.subArea_container .sub_cont .textBox06 .informationBox table thead {height:50px; background:#e8f6ff;}
.subArea_container .sub_cont .textBox06 .informationBox table thead th {width:183px; height:50px; border: 1px #e7eaf0 solid; text-align:center; font-size:15px; color:#434c53;}
.subArea_container .sub_cont .textBox06 .informationBox table tbody tr td {width:183px; border: 1px #e7eaf0 solid;}
.subArea_container .sub_cont .textBox06 .informationBox table tbody tr  {height:35px; border: 1px #e7eaf0 solid; text-align:center; font-size:14px; color:#434c53;}
.subArea_container .sub_cont .textBox06 .informationBox table tbody tr td.mt04 {background:#f7f9fa;}
.subArea_container .sub_cont .textBox06 .informationBox table tbody tr td.rd {color:#cb0606;}
.subArea_container .sub_cont .textBox06 .informationBox table tbody tr td.bd {color:#2e74d9;}

.subArea_container .sub_cont .textBox06 .informationBox .bottonBox {margin-top:18px; padding:18px; background:#f8fcff; border:1px #eef1f3 solid; border-radius:3px; box-sizing:border-box; text-align:left;}
.subArea_container .sub_cont .textBox06 .informationBox .bottonBox p {margin-bottom:3px; text-align:left; font-size:13px; color:#778188;}




/* sub_container */
.sub_container {margin:0 auto; width:1100px; position:relative; padding-bottom:80px; font-family:"Noto Sans KR",sans-serif; }
.sub_container:after {content:''; display:block; clear:both;}
.sub_container .content {width:100%;}

.con_main_Wrap {margin-bottom:80px; position:relative;}
.con_main_Wrap.marbt0 {margin-bottom:0 !important}
.con_top_Wrap {margin-top:28px;margin-bottom:20px; position:relative;}
.con_top_Wrap .location {position:absolute; right:0; top:0; text-align:left; height:27px; font-size:12px;}
.con_top_Wrap .location a.home {padding-left:0;}
.con_top_Wrap .location a.home img {vertical-align:top; padding-top:2px;}
.con_top_Wrap .location a.home, .location span {display:inline-block; background:url('../img/loca_arr.png') no-repeat right; padding-right:10px ;padding-left:8px; font-size:13px; letter-spacing:-0.5px; color:#666;}
.con_top_Wrap .location strong  {letter-spacing:-0.5px; color:#000; font-weight:bold; padding-left:8px;}
.con_top_Wrap .con_tit_wrap {padding-top:21px;}
.con_top_Wrap .con_tit_wrap h3 {font-weight:bold; font-size:22px; letter-spacing:-1px; color:#000; margin-top:10px; margin-bottom:20px;}


.total_sum_area {margin-bottom:25px; overflow:hidden}
.total_sum_area .sum_box {width:320px; height:176px; border:solid 1px #80aff3; background:#fff; margin-right:20px; float:left;}
.total_sum_area .sum_box p {margin:0;}
.total_sum_area .sum_box .sum_tit {width:100%; height:55px; line-height:55px; padding-left:16px; background:#edf4fb; font-size:18px; color:#2e74d9;}
.total_sum_area .sum_box .sum_tit span {font-size:14px;}
.total_sum_area .sum_box .to_sum {text-align:right; font-size:32px; color:#333; margin-top:25px; padding-right:18px;}
.total_sum_area .sum_box .fu_sum {padding:10px 0 0 16px; font-size:12px; color:#666;}
.total_sum_area .sum_box .fu_sum em {font-size:18px; color:#333; padding-left:8px;}
.total_sum_area .sum_box.last {margin-right:0;}
.total_sum_area.marT20 {margin-top:22px;}



/* main dashboard */
.dashboard_area {margin-bottom:25px; overflow:hidden}
.dashboard_area .sum_box {width:352px; height:170px; background:#fff; margin-right:20px; float:left; position:relative;}
.dashboard_area .sum_box.border_01 {border:solid 1px #0abba8;}
.dashboard_area .sum_box.border_02 {border:solid 1px #f25d60;}
.dashboard_area .sum_box.border_03 {border:solid 1px #0676cb;}
.dashboard_area .sum_box p {margin:0;}
.dashboard_area .sum_box .sum_tit {width:100%; height:55px; line-height:55px; padding-left:16px; font-size:18px; color:#fff;}
.dashboard_area .sum_box .sum_tit.bg_01 {background:#0abba8;}
.dashboard_area .sum_box .sum_tit.bg_02 {background:#f25d60;}
.dashboard_area .sum_box .sum_tit.bg_03 {background:#0676cb;}
.dashboard_area .sum_box .to_sum {text-align:right; font-size:32px; line-height:32px; margin-top:20px; padding-right:18px;}
.dashboard_area .sum_box .to_sum.col_01 {color:#0abba8;}
.dashboard_area .sum_box .to_sum.col_02 {color:#f25d60;}
.dashboard_area .sum_box .to_sum.col_03 {color:#0676cb;}
.dashboard_area .sum_box .fu_sum {padding:0 0 0 16px; font-size:12px; color:#666;}
.dashboard_area .sum_box .fu_sum em {font-size:18px; color:#000; display:block;}
.dashboard_area .sum_box .fu_sum span {font-size:12px; color:#999; display:inline-block; margin-left:8px;}
.dashboard_area .sum_box.last {margin-right:0;}
.dashboard_area .sum_box .icon_in {position:absolute; right:18px; bottom:14px; background:url('../img/icon_in.png') no-repeat; width:32px; height:32px;}
.dashboard_area .sum_box .icon_out {position:absolute; right:18px; bottom:14px; background:url('../img/icon_out.png') no-repeat; width:32px; height:32px;}
.dashboard_area .sum_box .icon_account {position:absolute; right:18px; bottom:14px; background:url('../img/icon_account.png') no-repeat; width:39px; height:32px;}

/* main card total list*/
.card_sum_area {border:1px solid #d7d7d7; background:#ebebeb;}
.card_sum_area .card_sum_box {margin:40px 40px 60px 40px; display:inline-block;}
.card_sum_area .card_sum_box h5 {font-size:20px; color:#333; margin-bottom:12px;}
.card_sum_area .card_sum_box .card_list_area {overflow:hidden;}
.card_sum_area .card_sum_box .ps_card {font-size:14px; color:#2b3747; text-align:center; margin-top:20px;}
.card_list_area .card_list01 {float:left; width:348px; height:308px; padding:36px;background:#fff;}
.card_list_area .card_list02 {float:right; width:666px; height:308px; padding:36px;background:#fff; margin-left:4px; position:relative}
.card_list_area .card_list02 .ps_card02 {position:absolute; top:24px; right:24px; font-size:12px; color:#666;}
.card_list_area .card_box {clear:both}
.card_box dl.type01 dt {font-size:18px; color:#0e76c9; font-weight:bold;}
.card_box dl.type01 dd.sum {font-size:32px; color:#000; font-weight:bold;}
.card_box dl.type01 dd.num {font-size:24px; color:#999;}
.card_list_area .result_sum {width:100%; height:134px; background:#404a56; margin-top:6px; padding-top:28px; text-align:center; font-size:24px; color:#fff; float:left;}
.result_sum b {color:#0e76c9; font-size:26px;}
.result_sum em {color:#0e76c9;}
.gu_line {border-bottom:1px solid #d4d4d4; margin:20px 0 40px 0;}
.w457 {width:457px !important;}
.w504 {width:504px !important;}

.card_list_area .etc_box {margin-top:15px;}
.card_list_area .etc_box ul.etc_list li {border-bottom:1px solid #d4dae1; padding:8px 0;position:relative;}
.card_list_area .etc_box ul.etc_list li .tit {font-size:14px; color:#333; text-align:left; display:inline-block; background:url('../img/card_tit_arr.png') no-repeat right; padding-right:10px;}
.card_list_area .etc_box ul.etc_list li .sum {font-size:20px; color:#000; text-align:right; display:inline-block; position:absolute; right:0; top:0;}

.card_list_area .card_comp_box {margin-top:15px;}
.card_list_area .card_comp_box ul:after {content:''; display:block; clear:both;}
.card_list_area .card_comp_box ul.card_comp_list {margin-bottom:10px;}
.card_list_area .card_comp_box ul.card_comp_list li {float:left; width:280px; padding:4px 0;position:relative;}
.card_list_area .card_comp_box ul.card_comp_list li .tit {font-size:14px; color:#666; text-align:left; display:inline-block;}
.card_list_area .card_comp_box ul.card_comp_list li .sum {font-size:18px; color:#333; text-align:right; display:inline-block; position:absolute; right:0; top:0;}
.card_list_area .card_comp_box ul.card_comp_list li.last {margin-left:34px;}


/* expection tax list*/
.expcec_tax_area {margin-top:20px; background:#fff; clear:both;}
.expcec_tax_area .tax-month {font-size:30px; text-align:center; font-weight:bold; margin-bottom:30px;}
.expcec_tax_area .tax-month .date {color:#2e74d9;}
.expcec_tax_area .tax-month .subj {color:#999;}
.expcec_tax_area .expcec_tax_box {margin:60px 52px 80px 52px; display:inline-block;}
.expcec_tax_area .expcec_tax_box h5 {font-size:20px; color:#333; margin-bottom:12px;}
.expcec_tax_area .expcec_tax_box .tax_list_area {overflow:hidden;}
.expcec_tax_area .expcec_tax_box .ps_card {font-size:14px; color:#2b3747; text-align:center; margin-top:20px;}

.tax_list_area .tax_list01 {float:left; width:478px; height:372px; background:#edf4fb;}
.tax_list_area .tax_list02 {float:right; width:416px; height:372px; padding:50px 36px;background:#edf4fb; margin-left:2px; position:relative}
.tax_list_area .result_sum {width:100%; height:82px; line-height:82px; background:#edf4fb; margin-top:2px; text-align:center; font-size:24px; color:#fff; float:left;}

.mytax_info_area {}
.mytax_info_area .today_date {font-size:24px; color:#000; margin-bottom:20px;}
.mytax_info_area .mytax_info {font-size:18px; color:#666;margin-bottom:40px;}
.mytax_info_area .mytax_info .comp_name {color:#000;}
.mytax_info_area .col_bsky {font-size:15px; color:#5f9ffa;}
.mytax_info_area .total_tax {font-size:30px; color:#ff0000;}
.mytax_info_area .ps_tax_info {font-size:14px; color:#666;}
.expcec_tax_area .more_info {width:100%; height:82px; line-height:82px; background:#edf4fb; margin-top:2px; font-size:16px; color:#2b3747; float:left; padding-left:36px;}
.expcec_tax_area .more_info a {margin-left:15px;}
.expcec_tax_area .more_info a:hover {color:#fff;}


.total_sum_area .sum_tax_box {width:274px; height:140px; background:#eac668; margin-right:20px; float:left;}
.total_sum_area .sum_tax_box.last {margin-right:0;}
.sum_tax_box.yell {background:#eac668;}
.sum_tax_box.green {background:#59b2b6;}
.sum_tax_box.blue {background:#6197c3;}
.sum_tax_box.red {background:#fb9696;}
.sum_tax_box p {margin:0;}
.sum_tax_box .sum_tit {width:100%; height:55px; line-height:55px; padding-left:16px; font-size:18px; color:#fff;}
.sum_tax_box.yell .sum_tit {border-bottom:1px solid #f5e3b4;}
.sum_tax_box.green .sum_tit {border-bottom:1px solid #acd9db;}
.sum_tax_box.blue .sum_tit {border-bottom:1px solid #b0cbe1;}
.sum_tax_box.red .sum_tit {border-bottom:1px solid #fdd1d1;}
.sum_tax_box .to_sum {text-align:right; font-size:32px; color:#fff; margin-top:15px; padding-right:18px;}
.sum_tax_box .to_sum .num_gun {display:block; font-size:13px;}
.sum_tax_box .to_sum .to_txt {display:block; line-height:1;}

/* calender month */
.calen_area {text-align:center;}
.calen_area .calen_month {display:inline-block; margin:0 26px;}
.calen_month .icon_calen, .arr_prev .prev, .arr_next .next {display:inline-block;}
.calen_month .date {font-size:26px; color:#666; font-weight:normal; margin-left:8px; display:inline-block; vertical-align:middle}
.calen_month .icon_calen img, .calen_area .arr_prev img, .calen_area .arr_next img {vertical-align:middle;}

.ps_calen {color:#555; font-size:14px;}
.ps_update {color:#999; font-size:14px; text-align:right; margin:10px 0;}
.ps_update em {color:#555;}
.ps_calen em {color:#2e74d9;}




.search_area {width:100%; height:62px; padding:16px 0 0 20px; border:1px solid #dbdbdb; background:#f7f9fa;}
.search_area label {padding:4px 10px 0 0; margin-bottom:0; display:inline-block; font-size:14px; font-weight:bold; color:#333;}
.search_area input {width:144px; height:28px; background:#fff; border:1px solid #bdc1c6; font-size:13px; text-align:center; color:#808080; vertical-align:top;}

.notice_sh_area {width:100%; height:50px; padding:20px 0 0 20px; border:1px solid #dbdbdb; background:#fff; position:relative}
.notice_sh_area label {padding:6px 10px 0 0; margin-bottom:0; display:inline-block; font-size:14px; font-weight:bold; color:#333;}
.notice_sh_area input {width:294px; height:34px; background:#fff; border:1px solid #bdc1c6; font-size:13px; text-align:left; color:#808080; vertical-align:top; padding-left:10px;}
.notice_sh_area a.button08_2 {margin-left:8px;}

.notice_sh_area .selectbox {border: 1px solid #cacacd;background: #fff;font-size:13px;color: #333; padding-left:10px; width: 80px;height: 34px;margin-right:8px;}
.notice_sh_area .noti_sh {display:inline-block; margin-right:20px;}
.notice_sh_area .noti_sh02 {display:inline-block;}


.data_table {margin-top:28px;}
.data_table p {font-size:13px; color:#999; margin-bottom:10px;}
.data_table p span {color:#ff0000; padding-right:4px;}
.data_table p em {color:#333; padding-right:7px;}


/* join step*/
.conWrap {padding-top:20px;}
.conWrap_dash {padding-top:40px;}

.conWrap>ol {display:inline-block; margin-bottom:46px;}
.conWrap>ol>li:first-child {background:none; padding:0 6px 0 0;}
.conWrap>ol>li.last {padding:0 0 0 17px;}
.conWrap>ol>li {float:left;background:url('../img/step_arr.png') no-repeat 0 50%; padding:0 6px 0 17px;}
.conWrap>ol>li span {float:left; background:#f6f6f6; width:351px; height:90px; text-align:left; font-size:20px; color:#ccc; padding:13px 0 0 20px; border:1px solid #cccccc; letter-spacing:-1px;}
.conWrap>ol>li span.on {background:#0e76c9; height:90px; color:#fff; border:1px solid #0e76c9;}
.conWrap>ol>li span p {margin:0;}

/* agreement */
.agreement_wrap {margin-bottom:30px; position: relative;}
.agreement_wrap.marbt0 {margin-bottom:0 !important}
.agreement_wrap h5 {color:#333; font-size:15px; font-weight:bold; margin-bottom:20px;}
.agreement_wrap .text_box {border:3px solid #e6e6e6; background:#fff; height:300px; padding:20px;}
.agreement_wrap .text_box.bdpadh0 {border:0 !important; padding:0 !important; height:inherit !important;}
.agreement_wrap .text_box strong {font-size:13px; color:#333333}
.agreement_wrap .text_box p {color:#333; font-size:14px; margin-bottom:25px;}
.agreement_wrap .text_box .top_txt {display:block; font-size:14px; margin-bottom:20px;}
.agreement_wrap .text_box .top_cont {font-weight:bold; font-size:14px; margin-bottom:20px;}
.agreement_wrap .text_box .box_group {margin-bottom:30px;}
.agreement_wrap .text_box .box_group b {display:block; margin-bottom:10px; font-weight:normal; font-size:14px;}

.agreement_wrap .text_box .box_group strong {font-size:14px; color:#333333}
.agreement_wrap .text_box .box_group p {color:#666666; font-size:14px; position:relative;margin:0 0 10px 0; padding-left:10px;}
.agreement_wrap .text_box .box_group p:before {position: absolute;left: 0; top: 10px; width: 4px; height: 1px; background: #333;content: "";}


.agreement_wrap .text_box strong.bigtit {color:#000; display:block; font-size:16px; margin-bottom:30px;}

.agreement_wrap .text_box .box_group span {display:block; color:#666666; font-size:14px; position:relative;margin:0 0 10px 0; }
.agreement_wrap .text_box .box_group .group_top {margin-bottom:20px;}



/* agreement_pop */
#info_area {width:800px; height:556px; background:#f3f3f3; padding:30px 30px;}
.agreement_wrap_pop {width: 100%; position: relative;}
.agreement_wrap_pop:after {content:''; display:block; clear:both;}
.agreement_wrap_pop h5 {color:#333; font-size:15px; font-weight:bold; margin-bottom:30px;}
.agreement_wrap_pop .text_box {border:3px solid #e6e6e6; background:#fff; height:400px; padding:20px;}
.agreement_wrap_pop .text_box .top_txt {display:block; font-size:13px; margin-bottom:20px;}
.agreement_wrap_pop .text_box .top_cont {font-weight:bold; font-size:13px; margin-bottom:20px;}
.agreement_wrap_pop .text_box .box_group {margin-bottom:30px;}
.agreement_wrap_pop .text_box .box_group b {display:block; margin-bottom:10px; font-weight:normal; font-size:13px;}
.agreement_wrap_pop .text_box .box_group strong {font-size:13px; color:#333333}
.agreement_wrap_pop .text_box .box_group p {color:#666666; font-size:13px; position:relative;margin:0 0 10px 0; padding-left:10px;}
.agreement_wrap_pop .text_box .box_group p:before {position: absolute;left: 0; top: 10px; width: 4px; height: 1px; background: #333;content: "";}
.agreement_wrap_pop .text_box strong.bigtit {color:#000; display:block; font-size:15px; margin-bottom:30px;}

.agreement_wrap_pop .text_box .box_group span {display:block; color:#666666; font-size:13px; position:relative;margin:0 0 10px 0; }
.agreement_wrap_pop .text_box .box_group .group_top {margin-bottom:20px;}


.ckbox {margin-top:12px; position:relative; text-align:right}
.ckbox span {padding-right:10px;}
input.radio {border:1px solid #cccccf; background:#f4f4f4; width:18px; height:18px; margin-top:0; margin-right:0; padding-left:0; display:inline-block}
input.radio.s14 {width:14px !important; height:14px !important}
label.label {font-size:12px; color:#333; margin-bottom:0; vertical-align:middle; padding:0;}
label.label05 {font-size:13px; color:#333; margin-bottom:0; vertical-align:middle; padding:0; font-weight:normal}
label.label06 {font-size:12px; color:#666; margin-bottom:0; vertical-align:middle; padding:0; font-weight:normal}
label.label02 {font-size:15px; color:#000; margin-bottom:0; vertical-align:middle; padding:0;}
label.label03 {font-size:14px; color:#000; margin-bottom:0; vertical-align:middle; padding:0; margin-right:10px;}
label.label04 {font-size:14px; color:#333; margin-bottom:0; vertical-align:middle; padding:0; font-weight:bold;}
.ckbox span.last {padding-right:0;}

.allagree {margin-top:48px; background:#e7e7e7; height:135px; text-align:center; padding:25px 0;}
.allagree.mart0 {margin-top:0 !important; padding:20px 0 !important; height:115px !important;}
.allagree input {border:1px solid #cccccf; background:#f4f4f4; width:18px; height:18px; margin:0; padding-left:0; display:inline-block}
.allagree label {font-size:15px; font-weight:bold; color:#333; margin-bottom:0; vertical-align:middle}
.btn_ok {margin-top:25px; text-align:center;}
.btn_an_write {text-align:right;}
.btn_an_write a:hover {color:#fff;}
.btn_agree {margin-top:22px;}
.btn_agree.mart10 {margin-top:10px !important;}
.btn_agree span {margin-right:8px; display:inline-block}
.btn_agree span.disagree {border:1px solid #c2c2c2; margin-right:0;}
.btn_agree span a:hover, .btn_ok span a:hover {color:#fff;}
.btn_agree span.disagree a:hover {color:#c2c2c2;}
.ps_blue_02 {font-size:12px; color:#06F; margin-top:5px}
.ps_blue {font-size:12px; color:#06F; margin-left:10px}
span.dis_white {border:1px solid #c2c2c2; margin-left:5px; margin-right:0; display: inline-block;}


/* ID/PW TAB */
/*
.tab_wrap {margin:0 0 44px 0;}
.tab_wrap.mar0 {margin:0 !important}
.tab_wrap ul {border-bottom:2px solid #000000; height:50px}
.tab_wrap ul:after {clear:both;content:'';display:block}
.tab_wrap ul.bdbt0 {border-bottom:0 !important;} 
.tab_wrap ul li {float:left}
.tab_wrap ul li a {padding:0 46px; height:48px; line-height:50px; border:1px solid #ccc; border-bottom:none; background:#f4f4f4; display:block;margin-left:-1px; font-size:18px; color:#666;}
.tab_wrap ul li.ag_tab a {background:#e6e6e6 !important; height:50px !important; color:#c0c0c0 !important;}
.tab_wrap ul li.ag_tab a.on:after {bottom:3px !important;}
.tab_wrap ul li a.on {background:#fff; color:#0676cb; font-weight:bold; height:50px; position:relative; border:1px solid #000; border-bottom:none;}
.tab_wrap ul li.ag_tab a.on {border:1px solid #ccc !important; border-bottom:none !important; background: #fff!important; color: #0676cb !important; height: 50px !important;}
.tab_wrap ul li a.on:after {display:block; position:absolute; bottom:0; left:50%; margin-left:-2px; content:''; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #000}
.tab_wrap ul li:first-child a {margin-left:0}
*/


/* join input form */
.joinform_area {position:relative;} 
.joinform_area.marT46 {margin-top:46px;}
.btn_modi_area {position:relative}
.btn_modi_area .ser_cancel {position:absolute; top:10px; right:0;}
.btn_modi_area .ser_cancel a {font-size:13px; color:#999; text-decoration:underline;}
.join_ok {text-align:center; font-size:34px; color:#7a7d86; margin-top:40px;}
.join_ok b {color:#3c3f4a}
.join_fish_ok {text-align:center; margin-top:20px;}

.btn_work {display:inline-block; width:28px; height:28px; line-height:28px; text-align:center; background:#0e76c9; border-radius:50%; font-size:17px; font-weight:bold}
.btn_work a {color:#fff; display:block; text-decoration:none}
.btn_work a:hover {color:#fff; text-decoration:none}
.ck_area {display:inline-block; margin-right:10px;}
.ex_pay {padding-left:134px}

.emp_cont {padding:20px; width:680px !important;}

/* personal_information */
.pers_guide {margin-bottom:30px;}
.pers_guide.martb {margin-top:20px !important; margin-bottom:15px !important;}
.joinform.marT38 {margin-top:38px;}
.pers_guide h5, .joinform h5 {color:#333; font-size:15px; font-weight:bold; margin-bottom:20px;}
.pers_guide span.full {position:absolute; right:0;}
.pers_guide span.full a {color:#666; text-decoration:underline; font-size:13px;}
.pers_guide span.full a:hover {color:#666; text-decoration:underline;}

/* app download */
.app_download {text-align:center;}
.app_download p {margin:0}
.app_download p.ps_txt {margin-bottom:20px; font-size:15px; color:#666;}
.app_download p a {margin-right:10px;}
.app_download p a.none {margin-right:0;}


/* at_info */
.at_info_area {position:relative; clear:both}
.at_info_area h5 {color:#333; font-size:15px; font-weight:bold; margin-bottom:20px;}
.at_info_area .at_info_form {width:100%; border-top:2px solid #555; border-bottom:1px solid #555; background:#fff;}
.at_info_form ul {}
.at_info_form ul li {border-bottom:1px solid #f0f0f0; padding:0 20px; position:relative;}
.at_info_form ul li.open_cont {height:100%; padding:40px 30px 50px 30px; position:relative; background:#eeeeee;}
.at_info_form ul li.lineH {line-height:60px;}
.at_info_form ul li.open {boder-bottom:none;}
.at_info_form ul li.open .at_txt {font-weight:bold;}
.at_info_form ul li.open .at_tit {color:#0e76c9; font-weight:bold;}
.at_info_form ul li span.at_tit {width:180px; font-size:17px; font-weight:bold; color:#333; display:inline-block;}
.at_info_form ul li span.at_tit em {font-weight:normal; color:#666; font-size:14px;}
.at_info_form ul li span.at_txt {padding-left:10px; font-size:13px; font-weight:; color:#666; }
.at_info_form ul li span.at_btn {position:absolute; right:20px;}

.list-type-area {padding-left:10px; padding-right:10px;}
.list-type a.file_none {color:#ff0000; text-decoration:underline; display:block}
.list-type a:hover.file_none {color:#ff0000; text-decoration:underline;}
.list-type a.file_ok {color:#0e76c9; text-decoration:underline; display:block}
.list-type a:hover.file_ok {color:#93b815; text-decoration:underline;}
.list-type .paper_down_m {display:inline-block; margin-right:3px; width:110px; height:28px; border:1px solid #e6e6e6; line-height:26px; font-size:12px; background:#fff; text-align:center; margin-left:10px;}
.list-type .paper_down_m a {color:#333; display:block; text-decoration:none}
.list-type .paper_down_m a:hover{color:#333; text-decoration:none}
.list-type .paper_down_m a i {background:url('../img/arr_down.png') no-repeat; width:11px; height:11px; display:inline-block; margin-right:3px;}

.paper_down {display:inline-block; margin-right:3px; width:110px; height:28px; border:1px solid #e6e6e6; line-height:26px; font-size:12px; background:#fff; text-align:center; position:absolute; right:0; top:15px}
.paper_down a {color:#333; display:block}
.paper_down a:hover{color:#333; text-decoration:none}
.paper_down a i {background:url('../img/arr_down.png') no-repeat; width:11px; height:11px; display:inline-block; margin-right:3px;}

.paper_down_cu {display:inline-block;margin-right:3px;width:110px;height:28px;border:1px solid #e6e6e6;line-height:26px;font-size:12px;background:#fff;text-align:center;/* position:absolute; */right:0;top:15px;}
.paper_down_cu a {color:#333; display:block}
.paper_down_cu a:hover{color:#333; text-decoration:none}
.paper_down_cu a i {background:url('../img/arr_down.png') no-repeat; width:11px; height:11px; display:inline-block; margin-right:3px;}


.at_info_form .file_search {padding-top:15px; padding-bottom:15px;}
.at_info_form ul li.file_list {background:#f9f9f9; border-bottom: 1px solid #f0f0f0; padding: 0;}
.pic_name_box {height:48px; line-height:48px; position:relative; display:block; position:relative; margin-bottom:0; border-bottom:1px solid #f0f0f0; padding-left:20px;}
.pic_name_box.btline {border-bottom:0;}
.pic_name_box .pic_name {font-size:13px; color:#333; font-weight:normal;}
.pic_name_box .btn_pic_area {position:absolute; right:20px;top:0;}
.pic_name_box .btn_pic_area .btn_pic_f {display:inline-block; margin-right:3px; width:80px; height:28px; border:1px solid #e6e6e6; line-height:26px; font-size:12px; background:#fff; text-align:center}
.pic_name_box .btn_pic_area .btn_pic_f a.pic_down {color:#333; display:block}
.pic_name_box .btn_pic_area .btn_pic_f a:hover.pic_down {color:#333; text-decoration:none}
.pic_name_box .btn_pic_area .btn_pic_f a.pic_del {color:#eb4949; display:block}
.pic_name_box .btn_pic_area .btn_pic_f a:hover.pic_del {color:#eb4949; text-decoration:none}


.at_info_gun {color:#0e76c9; font-size:14px;}
.at_info_none {color:#ff0000; font-size:14px;}
.at_info_fsh {color:#000000; font-size:14px;}
.at_input {width:400px; height:30px; border:1px solid #d0d4d9; background:#f1f1f1; display:inline-block;margin-right:3px; vertical-align:top; padding:2px 10px; color:#999; font-weight:normal}
.btn_file {width:92px; height:30px; border:1px solid #000; background:#fff; text-align:center; line-height:28px; font-size:14px; display:inline-block; margin-right:3px}
.btn_file a {color:#000; display:block}
.btn_file a:hover {color:#000; text-decoration:none}
.btn_upload {width:92px; height:30px; background:#5e616f; text-align:center; line-height:30px; font-size:14px; display:inline-block;}
.btn_upload a {color:#fff; display:block}
.btn_upload a:hover {color:#fff; text-decoration:none}

.at_info_table {overflow:hidden;}
.at_info_table h5.sub_tit01 {color:#0e76c9; font-weight:bold; font-size:16px; display:block; margin-bottom:15px;}
.at_info_table h5.sub_tit01 span {font-weight:normal; color:#666; display:inline-block; margin-left:5px; font-size:14px}
.at_info_table h5.sub_tit02 {color:#0e76c9; font-weight:bold; font-size:16px; display:block; margin-top:10px; margin-bottom:15px;}
.at_info_table h6 {color:#333; font-size:14px; font-weight:bold; margin-bottom:15px;}
.at_info_table p.ps_sky {font-size:18px; color:#0e76c9; margin-bottom:42px;}
.ps_grey {padding:0 0 0 12px; color:#999; font-weight:normal; display:inline-block; margin-top:6px; font-size:13px;}
.btn_hometax {text-align:right;}
.btn_hometax a {font-size:13px; color:#F00; text-decoration:underline;}

/* wait-page */
.wait_area {background:#f6f6f6 url('../img/wait_img.png') no-repeat 50% 118px; padding:118px 0; text-align:center; width:862px; height:558px;color:#7b7e7e;}
.wait_txt01 {margin-top:160px; font-size:26px; line-height:26px; font-weight:bold;}
.wait_txt01 b {color:#0676cb}
.wait_txt02 {margin-top:26px; font-size:16px; line-height:28px;}
.wait_txt02 b {color:#0676cb; text-decoration:underline;}
.wait_txt02 strong {color:#666}

/* notice */
.notice_area {position:relative; clear:both}
.notice_area.first {margin-top:10px;}
.notice_area.first02 {margin-top:20px;}
.notice_area .notice_list, .notice_view {width:100%; background:#fff;}

.notice_view .file {border-bottom:dotted 1px #e4e4e4; padding:10px 30px 10px 30px;}
.notice_view .file span {display:inline-block; margin-right:12px; color:#0e76c9; text-decoration:underline; font-size:13px;}
.notice_view .file span.last {margin-right:0;}

.notice_list ul.board_list {border-top:2px solid #000; border-bottom:1px solid #000;}
.notice_list ul.board_list li.list {padding:0 58px 0 58px; border-top: 1px solid #f0f0f0; height:52px; line-height:52px;}
.notice_list ul.board_list li.list:first-child {border:0}
.notice_list ul.board_list li.list .tit {float:left;}
.notice_list ul.board_list li.list .tit a {font-size:15px; color:#000; display:block;}
.notice_list ul.board_list li.list .tit a:hover {text-decoration:underline;}
.notice_list ul.board_list li.list .date_area {float:right; text-align:right; display:inline-block; font-size:15px; color:#666;}

.notice_list ul.board_list li.answer {border-top: 1px solid #f0f0f0; height:100%; color:#666; background:#e0e0e0;}
.notice_list ul.board_list li.answer .answer_box {margin:40px 58px; line-height:22px; font-size:15px; }

.an_fini {color:#06F; display:inline-block; margin-right:15px;}
.an_fini_02 {color:#0e76c9; display:inline-block; margin-right:15px;}
.j_txt {color:#b6b6b6; display:inline-block; margin-right:15px;}


.tit_area {width:60px; display:inline-block}
.tit_area.marL20 {margin-left:20px;}
.tit_area label {font-size:14px; font-weight:bold; color:#333}

.bd_top {border-top:2px solid #555;}
.notice_view .board_header {padding: 14px 30px 14px 30px; border-bottom: 1px solid #f0f0f0; position:relative;}
.board_header:after { display: block; content: ''; clear: both;}
.board_header .sub_title {float: left; width: 530px; font-size: 17px; font-weight:bold;}
.board_header .tit_form {width:700px; height:34px; border: 1px solid #CCC; font-size: 14px; color: #666;    padding-left: 10px; vertical-align:top}
.board_header .date {float:right; font-size: 15px; color: #666; text-align:right; }
.board_header .tit_box {position:relative; margin-top:20px;}
.board_header .tit_box p.title  {float: left; width: 100%; font-size: 20px; font-weight:bold;}
.board_header .tit_box p.date02 {font-size: 14px; padding-top:10px; color: #999; clear:both}
.board_header .tit_box p.date02 .type {font-size:14px; color:#333; text-align:center;display:inline-block; font-weight:bold; margin-right:10px}
.qan_txtbg {background:#eeeeee}
.qna_cont_box {width:100%; margin:30px 0 30px 0; float:left; font-size:15px; color:#999;}
.board_header .tit_box .right_info {position:absolute; right:0; top:0;}
.board_header .tit_box .right_info .r_tit {font-size:13px;}
.board_header .tit_box .right_info .r_tit_02 {display:inline-block; margin-left:15px; font-size:13px;}
.board_header .tit_box .right_info b {display:inline-block; margin-left:5px;}


.category_selt {padding: 16px 30px 14px 30px; border-top: 2px solid #555; border-bottom: 1px solid #f0f0f0; position:relative;}
.category_selt div {display: inline-block padding: 16px 30px 14px 30px; border-top: 2px solid #555; border-bottom: 1px solid #f0f0f0; position:relative;} /*keep*/
.category_selt select {border: 1px solid #ccc; background: #fff; font-size:13px; color: #666; text-align: left; width: 120px;height: 34px; padding-left:8px;}
.category_selt .writer {width:150px; height:34px; border: 1px solid #CCC; font-size: 14px; color: #666;    padding-left: 10px; margin-left:8px; vertical-align:top}
.category_selt .private {display:inline-block; margin-left:14px;}
.category_selt .private label {font-size:13px; color:#333; font-weight:normal; margin-bottom:2px; line-height:13px;vertical-align:middle; }
input.chekbox {width:16px; height:16px; border:1px solid #eeeeee; margin-top:0; display:inline-block; margin-left:6px; margin-bottom: 0; padding: 0;}

.notice_view .board_contet {border-bottom: 1px solid #e1e1e1; overflow: hidden;}
.board_contet .cont_area {margin: 40px 30px; line-height: 24px; color:#666; font-size:15px;}
.board_prevNext li.list {padding: 19px 30px; border-bottom: 1px solid #e1e1e1;}
.board_prevNext li.list:after {display: block; content: '';clear: both;}
.board_prevNext li.list:first-child .info {background-position: 49px 9px;}
/* .board_prevNext li.list .info {float: left; display: inline-block; width: 100px; font-size: 15px; color: #000; background: url("../img/bg_prevNext.png") no-repeat 50px -45px;} */
.board_prevNext li.list .info {float: left; display: inline-block; width: 100px; font-size: 15px; color: #000;}
.board_prevNext li.list a.sub_title {float: left; display: inline-block; width: 500px; font-size: 15px; color:#000;}
.board_prevNext li.list a:hover.title {text-decoration:underline;}
.board_prevNext li.list .date {float: right; font-size: 15px;color: #666;}
.ellipsis {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.tit_form input {width:100%; height:36px; border:1px solid #CCC; font-size:14px; color:#666; padding-left:10px; vertical-align:middle;}
.write_box textarea.write {width: 700px; height:300px; color: #666; border: #ccc 1px solid; overflow: auto; padding: 10px; font-size:14px; margin-bottom:0; }

/* table */ 
table {width:100%;}
table caption {font-size:14px; color:#333;font-weight:600;text-align:left;padding-bottom:20px}
table caption span {margin-left:10px; font-size:12px; color:#333; font-weight:normal;}
table caption span em {color:#F00; font-size:14px;}
table caption.dnone {display:none;}

.write {margin-bottom:15px;}
.write table {border-top:3px solid #e6e6e6;}
.write table tbody {}
.write table tbody th.padT16, .write table tbody td.padT16 {padding-top:16px;}
.write table tbody th {padding:0 0 12px 3px; font-weight:normal; text-align:left; font-size:14px; color:#666; height:28px; line-height:28px;}
.write table tbody th span {color:#F00; padding-left:3px;}
.write table tbody td {padding-bottom:12px; text-align:left;}
.write table tbody td input {border:1px solid #cccccf; background:#f4f4f4; color:#666; height:26px; width:193px; padding-left:7px;}
.write table tbody td input.radio {border:1px solid #cccccf; background:#f4f4f4; width:18px; height:18px; padding-left:0;}
.write table tbody td.sms span {padding-right:10px;}
.write table tbody td.sms span.last {padding-right:0;}
.write table tbody td span.txt {font-size:12px; letter-spacing:-1px; color:#666; margin-left:15px;}
.write table tbody td input.phone {width:48px; vertical-align:top;}
.write table tbody td input.post {width:37px; vertical-align:top;}
.write table tbody td p.padB {padding-bottom:7px;}
.write table tbody td p input.add {width:430px; vertical-align:top;}
.write table tbody td select {border:1px solid #cccccf; background:#f4f4f4; color:#666; text-align:center; height:28px;}
.write table tbody td select.ph {width:69px;}
.write table tbody td select.year {width:78px;}
.write table tbody td select.month, .write table tbody td select.date {width:60px;}

.ai_area {width:343px; height:140px; position:relative; border: 1px solid #dbdde1; background:#fff; float:left; margin-left:10px}

/* 배너사이즈와 위치 */
.ai_area .bxslider li.banner_01 {width:343px; height:140px; background:url("../img/main_banner_01.png"); background-repeat:no-repeat; }
.ai_area .bxslider li.banner_02 {width:343px; height:140px; background:url("../img/main_banner_02.png"); background-repeat:no-repeat; }
.ai_area .bxslider li.banner_03 {width:343px; height:140px; background:url("../img/main_banner_03.png"); background-repeat:no-repeat; }
.ai_area .bxslider li.banner_04 {width:343px; height:140px; background:url("../img/main_banner_04.png"); background-repeat:no-repeat; }
.ai_area .bxslider li.banner_05 {width:343px; height:140px; background:url("../img/main_banner_05.png"); background-repeat:no-repeat; }


/* 배너 내용 3줄 경우*/
.ai_area .bxslider li span.ban_title01 {padding:13px 0px 5px 0px; display:block; text-align:center;}
.ai_area .bxslider li span.ban_title02 {margin-bottom:1px; display:block; text-align:center; font-size:25px; font-weight:600; color:#fff; font-family:'NanumSquare';}
.ai_area .bxslider li span.ban_title03 {display:block; text-align:center; font-size:13px; color:#fff; text-decoration:underline;}


/* 배너 내용 4줄 경우*/
.ai_area .bxslider li span.ban_title01_01 {padding:7px 0px 2px 0px; display:block; text-align:center;}
.ai_area .bxslider li span.ban_title02_01 { display:block; text-align:center; font-size:25px; font-weight:600; color:#fff; font-family:'NanumSquare';}
.ai_area .bxslider li span.ban_title03_01 {display:block; text-align:center; font-size:13px; color:#fff; text-decoration:underline;}
.ai_area .bxslider li span.ban_title04 {display:block; text-align:center; font-size:13px; color:#fff; }

/* 배너 내용 4줄일 경우 배너 */
.ai_area .bxslider li.banner_06 {width:343px; height:140px; background:url("../img/main_banner_05.png"); background-repeat:no-repeat; overflow:hidden;}




/* 이전다음버튼 모양변경하려면 아래속성을 변경*/
.bx-wrapper .bx-prev{ background:#333}
.bx-wrapper .bx-next{ background:#333}

/* 사용자 페이징 - 위치와 모양을 자유롭게 변형 */
#bx-pager1 {position: absolute; bottom:0px;}
#bx-pager1 a{float:left; margin:0 0px;display: block; width:20px; height:20px; font-size:12px; line-height:18px; text-align:center; background:#999; color:#333;width:70px}
#bx-pager1 a:hover, .bx-pager1 a:active{ background: #000; color: #CCC;}

/* 사용자 페이징 - 엑티브상태에 대한 속성값 지정 */
#bx-pager1 a.active{ background: #000; color: #CCC;}


/* 중요 공지 롤링 영역 */
.importantNotice {width:100%; height:37px; margin:15px 0px 25px 0px; background:#fafafa; border:1px #e7eaf0  solid; box-sizing:border-box;}
.importantNotice span.impnotBox {margin: 0px 0px 0px 15px; display:inline-block; vertical-align:middle; font-size:15px; color:#333537;}
.importantNotice span.impnotBox::after {content:''; display:block; clear:both;}
.importantNotice span.impnotBox i {width:25px; height:25px;  margin:7px 10px 0px 0px; display:block; float:left;}
.importantNotice span.impnotBox em {margin-bottom:7px; padding:6px; display:block; float:left;}
.importantNotice span.impnotBox em a { font-size:15px; font-weight:400; color:#434c53;}


.ai_mar {margin:25px 25px}
h2.in_info {font-size: 19px; color: #333;  margin-bottom: 20px; font-weight: bold;}
.ai_ps {text-align:right; font-size:12px; color:#333; margin-top:5px}

.list-area {margin:0 26px 26px 26px;}
.list-LRpad {padding:0 26px}
.list-type.list_marT20 {margin-top:20px;}
.list-type.list_marB15 {margin-bottom:15px;}
.list-type.list_marB20 {margin-bottom:20px;}
.list-type.bd_top {border-top:1px solid #e0e2e5 !important; }
.list-type.bd_top_2 {border-top:1px solid #5c5c5c !important; }
.list-type {width:100%; border-top:2px solid #323232; clear:both;}
.list-type.line_b {border-top:2px solid #5f6270 !important;}

.list-type table {width:100%;}
.list-type table thead th, .list-type table tbody th {background-color:#f2f2f2; color:#333; font-weight:bold; text-align:center; border:1px solid #e0e2e5; border-top:none; border-bottom:1px solid #e0e2e5; height:30px; font-weight:bold; font-size:14px;}
.list-type table tbody th.h_none {background:#dfebf6 !important;height:inherit; padding:7px 0 !important} 
.list-type table tbody th.h_none2, .list-type table tbody td.h_none2 {height:inherit; padding:7px 0 !important}
.list-type table tbody th.bg_g {background: #f7f8fa !important; line-height:16px !important}

a.red_a, a:hover.red_a {text-decoration:underline; color:#da335f !important;}
a.nor_a, a:hover.nor_a {text-decoration:underline; color:#333 !important;}
.list-type table thead th.black {border-bottom:1px solid #5f6270 !important; color:#000 !important;}
.list-type table tbody td {border-bottom:1px solid #e0e2e5; border-left:1px solid #e0e2e5; border-right:1px solid #e0e2e5; background:#ffffff; color:#666; text-align:center; height:40px; padding:0 5px 0 5px; letter-spacing:0; font-size:13px;}	
.list-type table thead th.L_line_none, .list-type table tbody td.L_line_none, .list-type table tfoot th.L_line_none, .list-type table tfoot td.L_line_none {border-left:0;}
.list-type table thead th.R_line_none, .list-type table tbody td.R_line_none {border-right:0;}	
.list-type table tbody tr.noti_top td {background:#f3f7fb !important; font-weight:bold; color:#000;}
.list-type table tbody tr.noti_top td a {color:#000; text-decoration:none}
.list-type table tbody tr.noti_top td a:hover {color:#000; text-decoration:underline;}
.list-type table tbody td.txt_R, .list-type table tfoot td.txt_R {text-align:right;}
.list-type table tbody td.txt_L {text-align:left;}
.list-type table tbody td.txt_L.pad {padding:10px}
.list-type table tbody td.padtb5 {padding-top:5px; padding-bottom:5px}
.list-type table tbody td a.mem_name {color:#0066cc; text-decorataion:underline}
.list-type table tbody td a.link {color:#666; text-decoration:none}
.list-type table tbody td a:hover.link {color:#666; text-decoration:underline}
.list-type table tfoot th {background-color:#faf9e8; color:#000; font-weight:bold; text-align:center; border:1px solid #e0e2e5; border-top:none; border-bottom:1px solid #bdc1c6; height:35px; font-weight:bold; font-size:13px;}
.list-type table tfoot td {background-color:#faf9e8; border-bottom:1px solid #bdc1c6; border-left:1px solid #e0e2e5; color:#000; text-align:center; height:40px; padding:0 10px 0 10px; letter-spacing:0; font-size:12px; font-weight:bold;}	
.info_none_bg {background:#ffe0e2 !important;}
.list-type .info_delete_bg td {background:#f7f9fa !important;}
.list-type .info_red_bg td {background:#ffecec !important;}
.list-type .info_green_bg td {background:#f3f7fb !important;}
.list-type .info_disa_bg td {background:#ebebeb !important; color:#b1b1b1 !important;}
.list-type a, .list-type a:hover {text-decoration:underline; color:#F00;}
.list-type.marT18 {margin-top:18px;}
.list-type.marT8 {margin-top:8px;}
.list-type.marT30 {margin-top:30px;}

.list-type table tbody td input.term {width: 75px; height: 30px; background: #e7e7e7; border: 1px solid #bdc1c6; font-size: 13px; text-align: center; color: #666;}
.list-type table tbody td input.w100 {width:100% !important}

.pay_ch {text-align:right; padding-right:10px;}
.pay_ch .pay_ch_tit {display:inline-block; margin-right:10px; font-size:13px;}
.pay_tit {background:#eeeeee !important; height:35px !important; font-weight:inherit !important; font-size:13px !important}
.pay_tit_02 {background:#fffff5 !important; height:35px !important;}
.pay_list {font-size:14px !important; color:#000 !important; text-align:right !important; padding-right:10px !important; height:35px !important}
.pay_list_2 {font-size:14px !important; color:#000 !important; text-align:center !important; padding-right:10px !important; height:35px !important}

.pay_list_3 {font-size:14px !important; color:#000 !important; text-align:right !important; height:35px !important}

.h35 {height:35px !important}
.bg_yell {background:#fffff5 !important}



/**/
.list-type-2 {width:100%; border-top:2px solid #80aff3; clear:both;}
.list-type-2.bdtopcol {border-top:1px solid #bdc1c6 !important;}
.list-type-2.list_marT20 {margin-top:20px;}
.list-type-2 table {width:100%;}
.list-type-2 table thead th {background-color:#fff; color:#0676cb; font-weight:bold; text-align:center; border:1px solid #e0e2e5; border-top:none; border-bottom:1px solid #80aff3; height:35px; font-weight:bold; font-size:13px;}
.list-type-2 table thead tr.bgblue th {background:#f7fcff !important;}
.list-type-2 table tbody th {background-color:#f5f4f1; color:#000; font-weight:bold; text-align:center; border-top:none; border-bottom:1px solid #bdc1c6; height:31px; font-weight:bold; font-size:13px;}
.list-type-2 table tbody th.fnone {font-weight:normal !important}
.list-type-2 table tbody td {border-bottom:1px solid #bdc1c6; border-left:1px solid #e0e2e5; background:#ffffff; color:#666; text-align:center; height:31px; padding:0 10px 0 10px; letter-spacing:0; font-size:12px;}	
.list-type-2 table thead th.L_line_none, .list-type-2 table tbody td.L_line_none, .list-type-2 table tfoot th.L_line_none {border-left:0;}
.list-type-2 table tbody th.tit_col {background:#e0e2e5 !important; font-weight:normal !important; color:#333 !important}
.list-type-2 table thead th.R_line_none, .list-type-2 table tbody td.R_line_none {border-right:0;}	
.list-type-2 table tbody td.txt_R, .list-type-2 table tfoot td.txt_R {text-align:right;}
.list-type-2 table tbody th.txt_R {text-align:right; padding-right:10px;}
.list-type-2 table tbody td.txt_L {text-align:left;}
.list-type-2 table tbody td.txt_L.pad {padding:10px}
.list-type-2 table tfoot th {background-color:#faf9e8; color:#000; font-weight:bold; text-align:center; border:1px solid #e0e2e5; border-top:none; border-bottom:1px solid #bdc1c6; height:35px; font-weight:bold; font-size:13px;}
.list-type-2 table tfoot td {background-color:#faf9e8; border-bottom:1px solid #bdc1c6; border-left:1px solid #e0e2e5; color:#000; text-align:center; height:31px; padding:0 10px 0 10px; letter-spacing:0; font-size:12px; font-weight:bold;}	
.info_none_bg {background:#ffe0e2 !important;}
.list-type-2 .info_delete_bg td {background:#f7f9fa !important;}
.list-type-2 a, .list-type a:hover {text-decoration:underline; color:#F00;}
.list-type.marT18 {margin-top:18px;}



/*.finan_icon {display:inline-block; margin-right:5px;}*/
.ps_red {font-size:12px; color:#ff0000; text-align:right; margin-top:10px;}
.point_red {color:#ff0033;}
.regi_date {font-size:11px;}

.table_top_ps {position:relative; margin-bottom:8px; clear:both}
.table_top_ps.pad20 {padding-top:20px !important;}
.ex_txt_02 {
	color: #999;
	display: inline-block;
	position: absolute;
	right:0;
	top: 0;
}
.ex_txt_02 b {color:#000}
.noc {display:inline-block; font-size:13px; color:#333}
.noc b {color:#F03}


.table-type table tbody th.bt_last, .table-type table tbody td.bt_last {border-bottom:0;}
.table-type {width:100%; border-top:2px solid #000; border-bottom:1px solid #000; clear:both;}
.table-type.marT20 {margin-top:20px;}
.table-type table {width:100%;}
.table-type table thead th {background-color:#fff; color:#000; text-align:center; border:1px solid #ececec; border-top:none; border-bottom:1px solid #cbcbcb; font-weight:normal; font-size:16px; padding:10px 0;}
.table-type table tbody th {background-color:#fff; color:#666666; text-align:center; border:1px solid #ececec; border-top:none; border-bottom:1px solid #cbcbcb; font-weight:normal; font-size:15px;}
.table-type table tbody td {border-bottom:1px solid #cbcbcb; border-left:1px solid #ececec; background:#ffffff; color:#333333; text-align:left; padding:9px 10px 9px 15px; letter-spacing:0; font-size:13px;}
.table-type table tbody td.pad20 {padding:20px;}	
.table-type table tbody td.myinfo {font-size:15px; font-weight:bold; color:#000; padding:13px 0 13px 15px;}
.table-type table tbody td.myinfo em {color:#2e74d9;}
.table-type table tbody th.L_line_none, .table-type table tbody td.L_line_none {border-left:0;}
.table-type table tbody th.R_line_none, .table-type table tbody td.R_line_none {border-right:0;}	
.table-type table tbody td.txt_R {text-align:right;}
.table-type table tbody td.txt_L {text-align:left;}
.table-type table tbody td.txt_C {text-align:center;}
.table-type table tbody th.tit_L {text-align:left; padding-left:20px;}
.table-type table tbody th.myinfo_tit {text-align:left; padding-left:20px; background:#f8f8f8;}
.table-type label {font-weight:normal; margin-bottom:0;}
.table-type input.input {width:210px; height:34px; border:1px solid #cbcbcb; background:#fff; font-size:14px; color:#666; padding-left:10px; margin-right:10px;}
.table-type input.input.w100 {width:100px !important;}
.table-type input.input.bggray {background:#f4f4f4 !important;}
.input91 {width: 420px;
    height: 34px;
    border: 1px solid #cbcbcb;
    background: #f4f4f4;
    font-size: 14px;
    color: #666;
    padding: 10px;
    margin-right: 10px;}
.essential {color:#ff0033; display:inline-block; margin-right:5px;}
.table-type input.input02 {width:100px; height:34px; border:1px solid #cbcbcb; background:#fff; font-size:14px; color:#666; padding-left:10px; margin-right:10px; vertical-align:top;}
.table-type input.input_03 {width:130px; height:34px; border:1px solid #cbcbcb; background:#fff; font-size:14px; color:#666; padding-left:10px; margin-right:10px;}
.table-type input.input_03.txtR {text-align:right !important; padding-right:10px !important; width:90px !important}
.table-type input.input_modi {width:210px; height:34px; border:1px solid #cbcbcb; background:#f4f4f4; font-size:14px; color:#666; padding-left:10px; margin-right:10px; vertical-align:top;}
.table-type input.input_modi_02 {width:80px; height:34px; border:1px solid #cbcbcb; background:#f4f4f4; font-size:14px; color:#666; padding-left:10px; margin-right:10px;}
.table-type input.input_modi_03 {width:130px; height:34px; border:1px solid #cbcbcb; background:#f4f4f4; font-size:14px; color:#666; padding-left:10px; margin-right:10px;}
.table-type input.post {width:50px; height:34px; border:1px solid #cbcbcb; background:#f4f4f4; font-size:14px; color:#666; padding-left:10px; vertical-align:top;}
.table-type input.add {width:100%; height:34px; border:1px solid #cbcbcb; background:#f4f4f4; font-size:14px; color:#666; padding-left:10px; vertical-align:top;}
.table-type input.w50 {width:50px !important}
.table-type input.bgwhite {background:#fff !important;}
.table-type p.add_box {margin-bottom:5px;}

/*.table-type table.bg_g tbody th, .table-type table.bg_g tbody td {background:#f3f3f3 !important}*/

.emp_txt {color: #afafaf; font-size: 12px;}
.wave {display:inline-block; margin-right:10px}
.table-type select.selt {border:1px solid #cbcbce; background:#f4f4f4; color:#666; text-align:left; padding-left:10px; width:113px; height:34px; margin-right:10px; vertical-align:middle;}
.table-type select.selt.w100pro {width:100% !important}
.table-type select.selt.w70 {width:70px !important;}
.table-type select.selt.w100 {width:100px !important;}
.table-type select.selt.w210 {width:210px !important; text-align:center !important}
.table-type select.selt02 {border:1px solid #cbcbce; background:#f4f4f4; color:#666; text-align:left; padding-left:10px; width:210px; height:34px; margin-right:10px; vertical-align:middle;}
.table-type table tbody td.idname {padding:16px 0; font-size:15px; font-weight:bold; color:#4aa148;}
.table-type table tbody td.pwinfo {padding:16px 0; font-size:14px; font-weight:bold; color:#333;}
.table-type table tbody td.pwinfo .col_blue {color:#2e74d9; text-decoration:underline;}
.table-type table tbody td.pwinfo .col_red {color:#ff0033; text-decoration:underline; padding-left:10px}
.table-type table tbody td.pwinfo b {color:#ff0033;}

.table-type table tbody th.tit_fi {text-align:left; color:#000; font-size:17px; font-weight:bold; padding-left:22px; height:52px; background:#f2f2f2;}

.table-type table tbody th.tit_chg {text-align:center; color:#333; font-size:15px; font-weight:bold; height:42px; background:#f2f2f2;}
label.cha_kind {margin-left:5px; font-weight:bold}
input.marnone {margin:0 !important}

.table-type table tbody tr.open th {text-align:left; padding-left:22px; height:52px; background:#dddddd;}
.table-type table tbody tr.open th.tit {font-size:17px; font-weight:bold; color:#2e74d9;}
.table-type table tbody tr.open th.txt {font-size:13px; color:#000;}
.table-type table tbody tr.open th.btn_down {text-align:center;}
.table-type#font_s table tbody th, .table-type#font_s table tbody td {font-size:13px;}
.table-type#font_s table tbody td {padding:10px 15px;}
.table-type a.btn_a_down {color:#ff3333; text-decoration:underline; font-weight:normal; font-size:14px;}
.table-type a.btn_a_down:hover {color:#ff3333; text-decoration:underline}


/* join smart_agree */
.smart_agreeTxt {margin:10px 0 5px 0;}
.smart_agreeTxt b {text-decoration:underline; color:#99cc33;}
.smart_argree {margin:20px 0 10px 0;}
.smart_argree a {font-size:14px; font-weight:bold; color:#000; text-decoration:underline}
.smart_argree a:hover {color:#000; text-decoration:underline}

.allchk {text-align:right}
.allchk label {vertical-align:middle; margin-top:6px; margin-left:4px; font-size:12px; color:#666;}
.ps_orange {display:inline-block; margin-left:10px; font-weight:normal; font-size:12px; color:#06F}
.crefia_txt {margin-top:10px; padding-bottom:10px; color:#666}
.crefia_txt .tit {color:#000;}
.crefia_txt .point_txt {color:#000; text-decoration:underline;}


.bankingC {font-weight:normal; vertical-align:middle; display:inline-block; margin-right:10px; color:#39F}

.table-type table tbody td.cont_fi {text-align:left; color:#666; font-size:15px; padding:19px 0 19px 22px; background:#fff;}

.table-type table tbody td.cont_chg {text-align:left; color:#666; font-size:12px; background:#f2f2f2; padding-top:25px; padding-bottom:25px;}
.cont_chg .money {color:#333; font-weight:bold}

.table-type table tbody td.chg_m {padding-top:20px; padding-bottom:20px; text-align:center !important;}
b.chg {font-size:20px;}

.cont_fi span {display:inline-block;}
.cont_fi span.tit_txt {margin-right:40px;}
.cont_fi label {margin-right:10px; vertical-align:middle;}
.cont_fi label.pw {margin-left:10px}
.cont_fi .ps_text {color:#afafaf; font-size:12px; margin-top:18px;}
.ps_text02 {text-align:center; font-size:14px; font-weight:normal; color:#666666; }


.table-type-02 {width:100%; clear:both; border:1px solid #000;}
.table-type-02 table {width:100%;}
.table-type-02 table tbody th {background-color:#f9f9f9; color:#333; text-align:left; border:1px solid #cbcbcb; font-weight:normal; font-size:14px; height:40px; padding-left:17px;}
.table-type-02 table tbody td {border:1px solid #cbcbcb; background:#fff; color:#333333; text-align:left; letter-spacing:0; font-size:13px; height:40px; padding-left:7px; padding-right:7px;}


.table-type-02 input.input04 {width:240px; height:28px; border:1px solid #cbcbcb; background:#f4f4f4; font-size:14px; color:#666; padding-left:10px; vertical-align:top;}
.table-type-02 span.btn_at_area { display:inline-block; margin-left:6px;} 
a.btn_at_info {font-size:14px; color:#000; text-align:center; padding:2px 20px; background:#fff;display:inline-block; vertical-align:middle; border:1px solid #000;}
a:hover.btn_at_info {text-decoration:none;}

span.btn_at_box {display:inline-block; position:absolute;right:20px;}
.btn_at_box a.miip {text-align:center; width:112px; height:32px; line-height:32px; color:#ff0000; font-size:13px; font-weight:normal; background:#fff5f5; display:inline-block; vertical-align:middle;border:1px solid #ff0000; text-decoration:underline;}

.btn_at_box a.ok_fini {text-align:center; width:112px; height:32px; line-height:32px; color:#fff; font-size:13px; font-weight:normal; background:#666; display:inline-block; vertical-align:middle; text-decoration:underline;}

.btn_at_box a.ok_cases {text-align:center; width:112px; height:32px; line-height:32px; color:#0e76c9; font-size:13px; font-weight:normal; background:#f3f7fb; display:inline-block; vertical-align:middle;border:1px solid #0e76c9; text-decoration:underline;}

.h100 {height:100% !important;}
.selt02 {border: 1px solid #cbcbce; background: #f4f4f4; color: #666; text-align: left; padding-left: 10px; width: 240px; height: 34px;  margin-right: 10px; vertical-align: middle;}
.table-type-02.marT30 {margin-top:30px; border:none !important;}
.table-type-02 span.quick_m {font-size:13px; color:#F00; text-decoration:none;}
a.quick_m {font-size:13px; color:#F00; text-decoration:none;}
a:hover.quick_m {color:#F00; text-decoration:none;}

/* calendar table */
.calen_board {width:1100px; border:1px solid #2e5e5e5; clear:both;}
.calen_board table thead th {width:142px; height:30px; color:#333; border:1px solid #e5e5e5; background:#f8f8f8; text-align:left; padding-left:10px;}
.calen_board table thead th:first-child, .calen_board table thead th:last-child, .calen_board table tbody td:first-child, .calen_board table tbody td:last-child  {width:141px;}
.calen_board table thead th:first-child, .calen_board table tbody td:first-child {color:#f25d60;}
.calen_board table thead th:last-child, .calen_board table tbody td:last-child {color:#2e74d9;}
.calen_board table thead th.L_line_none {border-left:0;}
.calen_board table thead th.R_line_none {border-right:0;}	
.calen_board table tbody td {height:102px; background:#fff; padding:10px 0 0 10px; color:#333; border:1px solid #e5e5e5; text-align:left; vertical-align:top;}
.calen_board table tbody td.info_bg {background:#efefef; position:relative;}
.calen_board table tbody td.info_bg .day_sum_info {position:absolute; right:10px; bottom:10px;}
.sum_yell {color:#eac668; font-size:13px; font-weight:bold;}
.sum_green {color:#59b2b6; font-size:13px; font-weight:bold;}
.sum_blue {color:#6197c3; font-size:13px; font-weight:bold;}

.pass_sun {color:#ffcccc !important;}
.pass_day {color:#cccccc !important;}
.pass_sat {color:#99ccff !important;}
/*.today {background: #fcf8e3 !important;}*/



/* 페이징 */
.paging {text-align:center; margin:20px 0 0 0; overflow:hidden;}
.paging a {margin:0 2px; font-size:0; line-height:0;}
.paging img {vertical-align:top;}
.paging span {display:inline-block; padding:0 2px 0 2px;}
.paging span a {display:inline-block; font-size:14px; color:#666; line-height:100%; padding:5px 8px 5px 8px;}
.paging span a:hover {color:#0676cb; font-weight:nomal; text-decoration:none;}
.paging span a.on {color:#0676cb; font-weight:bold;}

/*

#footer {width:100%; min-width:1000px; margin:0 auto; border-top:1px solid #e1e6ec; position:relative; padding-bottom:40px; bottom:0px}
#footer:after {content:''; display:block; clear:both;}
#footer .ft_area {width:1000px; margin:0 auto; position:relative;}
#footer .ft_logo {float:left}
#footer .ft_R_area {width:1000px; margin:0 auto; padding-left:176px;}
#footer .ft_menu {margin-top:50px;}
#footer .ft_menu:after {content:''; display:block; clear:both;}
#footer .ft_menu p {}
#footer .ft_menu p a {padding-right:10px; margin-right:10px; background:url('../img/gnb_top_line.png') no-repeat right; font-size:17px; color:#333; font-weight:bold; vertical-align:middle;}
#footer .ft_menu p a:hover {color:#333; text-decoration:none;} 
#footer .ft_menu p a:last-child {padding-right:0; background:none;}
#footer .address {position:relative; overflow:hidden; margin-top:16px;}
#footer .address .ft_info {color:#999999; font-size:14px;}
#footer .address .ft_info p {margin-bottom:3px;}
#footer .address .ft_info p.copyright {margin-top:13px;}
#footer .address .ft_info p b {color:#000;}
#footer .address .ps {font-size:11px; color:#333; font-weight:bold; margin-top:15px; padding-left:120px;}
*/


/*.footer {width:100%; margin-top:80px; border-top:1px #e1e9ee solid; background:#fff;}*/
.footer { display:block;width:100%; /* margin-top:80px; border-top:1px #e1e9ee solid;*/background:#fff;} 
.footer .fot {width:1400px; /*height:auto; margin:0 auto;*/ margin-left:220px; background:#fff;}
.footer .fot::after {content:''; display:block; clear:both;}
.footer .fot .logo {padding:20px;padding-top: 20px;display:block;float:left; width:200px;}
.footer .fot .logo span.first {margin-right:10px; display:inline-block;}
.footer .fot .logo span.last img{ width: 114px;position: relative; bottom: 12px; display:inline-block;}
.footer .fot .cp {padding: 29px 10px; display:block; float:left; font-size: 13px;}
.footer .fot .logo p {font-size:14px; color:#696d73;}


/* button */
.button {display:inline-block; border:none; cursor:pointer;}
.button_login {width:182px; height:37px; line-height:37px; text-align:center; background:#124d9d; font-size:16px; font-weight:bold; color:#fff;}
.button_logout {width:90px; height:32px; line-height:32px; text-align:center; background:#b7d1e4; font-size:13px; color:#000; margin-right:2px;}
.button_myinfo {width:90px; height:32px; line-height:32px; text-align:center; background:#dbdbdb; font-size:13px; color:#000;}

.button02 {text-align:center; border:1px solid #c9c9c9; padding:4px 13px 4px 5px; color:#444;font-size:11px; border-radius:2px; background:url('../img/btn_arr.png') no-repeat 84px 50% #f5f5f5;}
.button03 {text-align:center; width:78px; height:28px; line-height:28px; color:#fff; font-size:13px; font-weight:bold; background:#80aff3; margin-left:8px; display:inline-block}
.button04 {text-align:center; padding:0 25px; height:40px; line-height:40px; color:#fff; font-size:16px; font-weight:bold; background:#0e76c9; display:inline-block}
.button05 {text-align:center; padding:0 25px; height:40px; line-height:40px; color:#c2c2c2; font-size:16px; font-weight:bold; background:#fff; display:inline-block;}
.button06 {text-align:center; width:112px; height:32px; line-height:32px; color:#000; font-size:15px; font-weight:bold; background:#fff; display:inline-block; vertical-align:middle;}
.button06.w90 {width:90px !important}
.button06.w60 {width:60px !important}
.button07 {text-align:center; width:112px; height:32px; line-height:32px; color:#666; font-size:15px; font-weight:bold; background:#f4f4f4; display:inline-block; vertical-align:middle;}
.button07.w150 {width:150px !important;}
.button07.w90 {width:90px !important}
.button07.w50 {width:50px !important}
.button08 {text-align:center; width:120px; height:40px; line-height:40px; color:#fff; font-size:16px; font-weight:bold; background:#5f6270; display:inline-block; vertical-align:middle;}
.button08_2 {text-align:center; padding:0 25px; height:34px; line-height:34px; color:#fff; font-size:14px; font-weight:bold; background:#666; display:inline-block; vertical-align:top;}
a:hover.button08_2 {color:#fff;}
.modi {height:28px !important; line-height:28px !important; margin-left:3px !important;}
.button08_3 {text-align:center; padding:0 25px; height:40px; line-height:40px; color:#fff; font-size:16px; font-weight:bold; background:#2b3747; display:inline-block; vertical-align:middle;}


.btn_top_login {text-align:center; width:70px; height:30px; line-height:30px; color:#fff; font-size:14px; font-weight:bold; background:#0676cb; display:inline-block; vertical-align:middle;}
.btn_top_idpwsh {text-align:center; width:90px; height:30px; line-height:30px; color:#fff; font-size:14px; font-weight:bold; background:#5f6270; display:inline-block; vertical-align:middle;}
.btn_top_cust {text-align:center; width:80px; height:28px; line-height:28px; color:#333; font-size:14px; font-weight:bold; background:#fff; display:inline-block; vertical-align:middle;}

span.btn_white {border:1px solid #000; display:inline-block;}
span.btn_grey {border:1px solid #cbcbce; display:inline-block;}
.mar-r10 {margin-right:10px;}
.mar-L10 {margin-left:10px;}
.wh140 {width:140px !important; text-align:center !important;}

.btn_del {background:#737c88; height:36px; line-height:36px; text-align:center; display:inline-block}
.btn_del a.delete {font-size:14px; font-weight:bold; color:#fff; display:block; padding:0 30px;}
.btn_del a:hover.delete {color:#fff; text-decoration:none}

.btn_nxt {background:#737c88; height:40px; line-height:40px; text-align:center; display:inline-block}
.btn_nxt a.nxt {font-size:16px; font-weight:bold; color:#fff; display:block; padding:0 25px;}
.btn_nxt a:hover.nxt {color:#fff; text-decoration:none}

.marR4 {margin-right:4px}

.btn_del.h34 {height:34px !important; line-height:34px !important; vertical-align:middle; margin-left:8px}

.btn_del.h34_2 {height:32px !important; line-height:32px !important; vertical-align:middle;}


.btn_close {background:#737c88; height:36px; line-height:36px; text-align:center; display:inline-block}
.btn_close a.btnclose {font-size:14px; font-weight:bold; color:#fff; display:block; padding:0 30px;}
.btn_close a:hover.btnclose {color:#fff; text-decoration:none}

.btn_save_pop {background:#0e76c9; height:36px; line-height:36px; text-align:center; display:inline-block}
.btn_save_pop a.save_pop {font-size:14px; font-weight:bold; color:#fff; display:block; padding:0 30px;}
.btn_save_pop a:hover.save_pop {color:#fff; text-decoration:none}

.btn_save {background:#2e74d9; width:92px; height:38px; line-height:38px; text-align:center; margin-top:10px; }
.btn_save a.save {font-size:14px; font-weight:bold; color:#fff; display:block}
.btn_save a:hover.save {color:#fff; text-decoration:none}

.btn_save03 {background:#f5fafb; border:1px solid #2e74d9; width:92px; height:38px; line-height:36px; text-align:center; margin-top:10px; }
.btn_save03 a.save03 {font-size:14px; font-weight:bold; color:#2e74d9; display:block}
.btn_save03 a:hover.save03 {color:#2e74d9; text-decoration:none}

.btn_save02 {background:#0e76c9; width:92px; height:34px; line-height:34px; text-align:center; display:inline-block; vertical-align:middle}
.btn_save02 a.save {font-size:14px; font-weight:bold; color:#fff; display:block}
.btn_save02 a:hover.save {color:#fff; text-decoration:none}
.posi_ab {position:absolute; right:0;}

.btn_month {background:#edf5df; border:1px solid #c2e08d; width:70px; height:34px; line-height:34px; text-align:center; display:inline-block; vertical-align:middle; margin-right:4px;}
.btn_month.marRnone {margin-right:0 !important}
.btn_month a.month {color:#80b128; font-size:13px; display:block}
.btn_month a:hover.month {color:#80b128; text-decoration:none}


.btn_w {background:#fff; width:136px; height:34px; line-height:32px; text-align:center; border:1px solid #000; display:inline-block; vertical-align:middle}
.btn_w a.white {font-size:14px; font-weight:bold; color:#000; display:block}
.btn_w a:hover.white {color:#000; text-decoration:none}

.btn_yellgreen {position:absolute; right:18px; background:#0e76c9; width:150px; height:38px; line-height:38px; text-align:center;}
.btn_yellgreen.inpt_ok {float:none !important; margin-top:0 !important; margin:0 auto}
.btn_yellgreen a.yellgreen {font-size:14px; font-weight:bold; color:#fff; display:block}
.btn_yellgreen a:hover.yellgreen {color:#fff; text-decoration:none}

.btn_yellgreen_02 {position:absolute; right:0; bottom:0; background:#99cc33; width:150px; height:38px; line-height:38px; text-align:center;}
.btn_yellgreen_02 a.yellgreen_02 {font-size:14px; font-weight:bold; color:#fff; display:block}
.btn_yellgreen_02 a:hover.yellgreen_02 {color:#fff; text-decoration:none}

.btn_yellgreen_03 {background:#0e76c9; width:150px; height:38px; line-height:38px; text-align:center;}
.btn_yellgreen_03 a.yellgreen_03 {font-size:14px; font-weight:bold; color:#fff; display:block}
.btn_yellgreen_03 a:hover.yellgreen_03 {color:#fff; text-decoration:none}


.fish_close {position:absolute; right:0; top:5px;}
.fish_close a {font-size: 13px; color: #999; text-decoration: underline;}
.fish_close a:hover {color: #999; text-decoration: underline;}


/* ex */
.clearboth {clear:both;}
.marB10 {margin-bottom:10px;}
.marT15 {margin-top:15px;}
.marT20 {margin-top:20px;}
.floatR {float:right;}
.dp_in_block {display:inline-block;}
.bdr_line {border-bottom:1px solid #ddd; margin-top:20px; margin-bottom:20px; clear:both}
.posi_re {position:relative;}
.marauto {margin:0 auto !important; float:none !important;} 
.colpit_red {color:#ff3333 !important}
.col_black {color:#000;}
.textAlign {text-align:left !important}
.textAlignC {text-align:center !important;}
.martop15 {margin-top:15px}
.w130 {width:130px !important;}
.tb_iht {text-align:inherit !important;}


/* 오른쪽 상태현황 배너 */
.warpRightbanner { position: fixed; z-index: 70;}
.warpRightbanner .rightbanner01 {width:270px; height:137px; position:absolute; right:-289px; border:1px #e8eaf0 solid;}
.warpRightbanner .rightbanner01 .title {margin:9px 10px; padding-bottom:3px; border-bottom:1px #e8ebee solid; text-align:center; font-size:14px; color:#434c53;}
.warpRightbanner .rightbanner01 ul  {padding: 0 15px;}
.warpRightbanner .rightbanner01 ul li {display:block;}
.warpRightbanner .rightbanner01 ul li::after {content:''; display:block; clear:both;}
.warpRightbanner .rightbanner01 ul li span.tit {float:left; font-size:13px; font-weight: 400; color:#778188;}
.warpRightbanner .rightbanner01 ul li span.data {float:right; font-size:14px; font-weight: 500;  color:#434c53;}
.warpRightbanner .rightbanner01 button {width:140px; padding: 2px 11px; position:relative; top:15px; left:65px; border-radius: 3px; border: 1px #0676cb solid; font-size: 12px; color: #0676cb; cursor: pointer;}

.warpRightbanner .rightbanner02 {width:270px; height:137px; position:absolute; top:157px; right:-289px; border:1px #e8eaf0 solid;}
.warpRightbanner .rightbanner02 .title {margin:9px 10px; padding-bottom:3px; border-bottom:1px #e8ebee solid; text-align:center; font-size:14px; color:#434c53;}
.warpRightbanner .rightbanner02 ul  {padding: 0 15px;}
.warpRightbanner .rightbanner02 ul li {display:block;}
.warpRightbanner .rightbanner02 ul li::after {content:''; display:block; clear:both;}
.warpRightbanner .rightbanner02 ul li span.tit {float:left; font-size:13px; font-weight: 400; color:#778188;}
.warpRightbanner .rightbanner02 ul li span.data {float:right; font-size:14px; font-weight: 500;  color:#434c53;}
.warpRightbanner .rightbanner02 button {width:140px; padding: 2px 11px; position:relative; top:15px; left:65px; border-radius: 3px; border: 1px #0676cb solid; font-size: 12px; color: #0676cb; cursor: pointer;}

.warpRightbanner .rightbanner03 {width:270px; height:137px; position:absolute; right:-289px;     background: url(../img/noticebox_bg.png) no-repeat; border:1px #e8eaf0 solid;}
.warpRightbanner .rightbanner03 .notstest {margin:9px 10px; text-align:center; font-size:13px; color:#666f76;}
.warpRightbanner .rightbanner03 button {width:140px; padding: 2px 11px; position:relative; top:6px; left:65px; border-radius: 3px; border: 1px #0676cb solid; font-size: 12px; color: #0676cb; cursor: pointer;}

.warpRightbanner .rightbanner04 {width:270px; height:137px; position:absolute; top:157px; right:-289px;     background: url(../img/noticebox_bg.png) no-repeat; border:1px #e8eaf0 solid;}
.warpRightbanner .rightbanner04 .notstest {margin:9px 10px; text-align:center; font-size:13px; color:#666f76;}
.warpRightbanner .rightbanner04 button {width:140px; padding: 2px 11px; position:relative; top:6px; left:65px; border-radius: 3px; border: 1px #0676cb solid; font-size: 12px; color: #0676cb; cursor: pointer;}

/* 23.12 1:1 문의 및 전달사항 - 내용 추가 */
.notice_view .board_header_t2 {padding: 14px 30px 14px 30px; border-bottom: 1px solid #f0f0f0; position: relative;}
.board_header .cont_form {height:34px; border: 1px solid #CCC; font-size: 14px; color: #666; padding-left: 10px; vertical-align:top}
.board_header .cont_form.form01 {width :310px;}
.board_header .cont_form.form02 {width :150px;}
.tit_area.wide {line-height: 32px; width: 150px;}