@charset "utf-8";

/**************************************************************************************** 공통 ****************************************************************************************/
#page {
  width: 1000px;
  padding-bottom: 100px;
  font-family: "Nanum Gothic";
  word-spacing: -0.02em;
  margin: 0 auto;
  *zoom: 1;
  line-height: 18px
}

#page:after {
  content: "";
  display: block;
  clear: both;
}

em {
  font-style: normal;
}

.address {
  *zoom: 1;
  padding: 0 0 22px 5px;
  margin-top: 10px
}

.address:after {
  content: "";
  display: block;
  clear: both;
}

.address .breadCrumb {
  float: left;
  *zoom: 1;
}

.address .breadCrumb:after {
  content: "";
  display: block;
  clear: both;
}

.address .breadCrumb a {
  float: left;
  padding-left: 25px;
  font-size: 12px;
  color: #505050;
  background: url(/skin/news/basic/img/page/bg_bread_crumb.png) 10px 4px no-repeat;
}

.address .breadCrumb a:first-child {
  padding-left: 0;
  background: none;
}

.address .breadCrumb a:last-child {
  font-weight: bold
}

.contentWrap {
  float: right;
  width: 780px;
  min-height: 500px;
}

.contentWrap.no-besideTot {
  float: none;
  width: 100%;
}

.contentWrap:after {
  content: "";
  display: block;
  clear: both
}

.contentWrap.no-besideTot::after {
  display: none;
}

.contentWrap .title {
  *zoom: 1;
}

.contentWrap .title:after {
  content: "";
  display: block;
  clear: both;
}

.contentWrap .title h3 {
  float: left;
  font-size: 25px;
  color: #000;
  font-weight: 600;
  letter-spacing: -0.5px;
  padding: 20px 15px 33px 0;
  line-height: 32px
}

.contentWrap .title .breadCrumb {
  float: right;
  *zoom: 1;
}

.contentWrap .title .breadCrumb:after {
  content: "";
  display: block;
  clear: both;
}

.contentWrap .title .breadCrumb a {
  float: left;
  padding-left: 15px;
  font-size: 12px;
  color: #788092;
  background: url(../img/page/bg_bread_crumb.png) 5px 4px no-repeat;
}

.contentWrap .title .breadCrumb a:first-child {
  padding-left: 0;
  background: none;
}

.mainContent {
  width: 100%;
  margin-top: 0px;
  padding-top: 0px
}

/* .mainContent{width:100%;margin-top:20px;padding-top:30px;border-top:0px solid #b3b3b3;} */
.besideTot {
  float: left;
}

.besideWrap {
  width: 183px;
  margin-bottom: 20px;
  border: 0px solid #d9d9d9;
  border-radius: 0px;
}

.besideWrap h3 {
  padding: 20px 15px 30px;
  font-size: 24px;
  line-height: 35px;
  color: #005fb1;
  text-align: center;
  font-family: 'Nanum Gothic'
}

.besideWrap>ul {
  padding-bottom: 15px;
  border-top: 2px solid #626262
}

.besideWrap>ul>li>a {
  display: block;
  padding: 13px 12px;
  font-size: 14px;
  color: #333333;
  text-decoration: none;
  border-bottom: 1px solid #d9d9d9;
  background: url(../img/page/menu_arrow.png) right no-repeat;
  letter-spacing: -1px
}

.besideWrap>ul>li.on>a {
  margin: 0 -1px;
  border-radius: 3px;
  color: #047ee8;
  background: #fff;
  font-weight: bold;
  background: url(../img/page/menu_arrow_on.png) right no-repeat
}

/* .besideWrap>ul>li>ul{padding-bottom:10px;} */
.besideWrap>ul>li>ul>li>a {
  display: block;
  padding: 0 0 10px 24px;
  font-weight: bold;
  color: #788092;
  text-decoration: none;
  font-size: 13px;
  background: #f2f2f2;
}

.besideWrap>ul>li>ul>li>a:link {
  text-decoration: none;
}

.besideWrap>ul>li>ul>li>a:hover {
  text-decoration: none;
}

.besideWrap>ul>li>ul>li:first-child>a {
  padding-top: 15px;
}

.besideWrap>ul>li>ul>li:last-child {
  border-bottom: 1px solid #ccc;
}

.besideWrap>ul>li>ul>li.on>a {
  color: #047ee8;
}

.besideBanner {
  width: 160px;
  padding-top: 27px;
  padding-left: 23px;
  padding-bottom: 20px;
  border-radius: 0px;
  overflow: hidden;
  font-family: "Nanum Gothic";
  font-weight: bold;
  background: url(../img/page/bg_beside_banner.png) 20px 20px no-repeat #e5e6e9;
}

.besideBanner dt {
  padding: 0px 0 0 32px;
  font-size: 16px;
  color: #333333;
  letter-spacing: -1px;
}

.besideBanner .tel {
  padding-top: 15px;
  font-size: 21px;
  color: #393939;
  letter-spacing: -1px
}

.besideBanner .hour {
  padding-top: 7px;
  font-size: 12px;
  color: #7d838b;
}

.besideBanner .hour span {
  font-size: 12px;
  color: #9da3ac;
}

.besideBanner .date {
  padding-top: 0px;
  font-size: 12px;
  color: #92979d;
}

.besideBanner .fax {
  padding-top: 5px;
  font-size: 14px;
  color: #444444;
}

.sideBannerBox {
  margin-top: 15px;
}

.sideBannerBox a {
  display: block;
}

.sideBannerBox img {
  display: block;
  width: 100%;
}

.rightBannerBox {
  position: absolute;
  left: 50.4%;
  top: 743px;
  margin-left: 515px;
  text-align: center;
  width: 180px;
}
.rightBannerBox a {
  display: block;
}

.rightBannerBox img {
  display: block;
  width: 100%;
}

.besideBanner2 {
  width: 100%;
  height: 162px;
  border-radius: 0px;
  overflow: hidden;
  font-family: "Nanum Gothic";
  font-weight: bold;
  background: url('/skin/news/basic/img/iin/call_bg.jpg') no-repeat #e5e6e9;
}

.besideBanner2 dt {
  padding: 54px 0 0 0px;
  text-align: center;
  font-size: 16px;
  color: #333;
  font-weight: bold;
}

.besideBanner2 .tel {
  padding-top: 12px;
  font-size: 21px;
  color: #393939;
  font-weight: 900;
  text-align: center;
  letter-spacing: -1px
}

.besideBanner2 .hour {
  padding-top: 7px;
  font-size: 12px;
  color: #8e8f90;
  text-align: center;
}

.besideBanner2 .hour span {
  font-size: 12px;
  color: #8e8f90;
}

.besideBanner2 .date {
  padding-top: 0px;
  font-size: 12px;
  color: #8e8f90;
  text-align: center;
}

.besideBanner2 .fax {
  padding-top: 5px;
  font-size: 14px;
  color: #444444;
}

.btnLarge {
  display: inline-block;
  padding: 10px 20px 10px 15px;
  height: 10px;
  line-height: 10px;
  overflow: hidden;
  color: #fff;
  border-radius: 3px;
  background: url(/skin/news/basic/img/page/bg_btn.png) 96% no-repeat;
}

.btnLarge:hover {
  text-decoration: none;
}

.btnNormal {
  display: inline-block;
  padding: 10px 17px;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
}

.btnNormal:hover {
  text-decoration: none;
}

.bgGray {
  background-color: #999;
}

.bgBlue {
  background-color: #1f7dcb;
}

.btnSmal1 {
  display: inline-block;
  padding: 5px 25px;
  border-radius: 3px;
  color: #fff;
  text-decoration: none;
  background: #666667;
}

.bgWhite {
  display: inline-block;
  padding: 2px 15px 1px 7px;
  border-radius: 2px;
  color: 606060;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #bab9b9;
  background: url(../img/page/bg_btn2.png) 96% 50% #fff no-repeat;
  font-size: 11px;
}

.btnLaw {
  display: inline-block;
  padding: 8px 20px 8px 15px;
  height: 10px;
  line-height: 10px;
  overflow: hidden;
  border-radius: 3px;
  background: url(../img/page/bg_btn.png) 95% no-repeat;
  background-color: #1f7dcb;
  color: #fff !important;
  font-weight: normal !important;
  margin-right: 8px;
}

.btnLaw2 {
  display: inline-block;
  padding: 8px 20px 8px 15px;
  height: 10px;
  line-height: 10px;
  overflow: hidden;
  border-radius: 3px;
  background: url(../img/page/bg_btn2.png) 95% no-repeat;
  background-color: #FFF;
  color: #fff;
  border: 1px solid #ccc;
  font-weight: normal !important
}

/*배너*/
#right_banner {
  position: absolute;
  left: 50.4%;
  top: 244px;
  margin-left: 515px;
  text-align: center;
  width: 83px;
  z-index: 10;
  font-family: 'NanumGothic'
}

#right_banner p {
  height: 25px;
  width: 83px;
  background: #979797;
  color: #fff;
  line-height: 24px;
  font-size: 11px;
  font-weight: bold;
}

#right_banner ul {
  float: left;
}

#right_banner ul li {
  display: inline-block;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  background: #fafafa
}

#right_banner ul li a {
  display: block;
  padding-top: 50px;
  padding-bottom: 10px;
  text-decoration: none;
  border-bottom: 1px solid #e5e5e5;
}

#right_banner ul li a:hover {
  text-decoration: none;
  color: #047ee8
}

#right_banner ul li .new {
  float: left;
  width: 81px;
  background: url(/skin/news/basic/img/page/rightBanner_01.png) no-repeat 50% 15px
}

#right_banner ul li .request {
  float: left;
  width: 81px;
  background: url(/skin/news/basic/img/page/rightBanner_02.png) no-repeat 50% 15px
}

#right_banner ul li .pay {
  float: left;
  width: 81px;
  background: url(/skin/news/basic/img/page/rightBanner_03.png) no-repeat 50% 15px
}

#right_banner ul li .service {
  float: left;
  width: 81px;
  background: url(/skin/news/basic/img/page/rightBanner_04.png) no-repeat 50% 15px
}

#right_banner ul li .demo {
  float: left;
  width: 81px;
  background: url(/skin/news/basic/img/page/rightBanner_05.png) no-repeat 50% 10px #fff
}

#right_banner ul li .counsel {
  float: left;
  width: 81px;
  background: url(/skin/news/basic/img/page/rightBanner_06.png) no-repeat 50% 15px #fff
}

/* NEWSBOX 소개 */
.intro {
  height: 180px;
  padding-top: 30px;
  padding-left: 30px;
  line-height: 19px;
  background: url(../img/page/page01.gif) 92% 30px no-repeat #f8f8f8;
  border: 1px solid #e7e7e7;
}

.intro strong {
  display: block;
  padding-bottom: 15px;
  font-size: 18px;
  color: #333;
}

.intro em {
  display: block;
  padding-bottom: 15px;
  font-size: 14px;
  color: #545454;
  ;
}

.intro p {
  font-size: 14px;
}

.introduce1 {
  background: url(../img/page/intro_ico_01.gif) 10px 0px no-repeat;
  padding-left: 150px;
  padding-top: 20px;
  padding-bottom: 45px;
  border-bottom: 1px solid #e8e8e8;
  margin-top: 50px
}

.introduce1 dt {
  padding-bottom: 15px;
  font-size: 18px;
  color: #006cb8;
  font-weight: bold;
}


.introduce2 {
  background: url(../img/page/intro_ico_02.gif) 10px 0px no-repeat;
  padding-left: 150px;
  padding-top: 0px;
  margin-top: 30px
}

.introduce2.ico_03 {
  background-image: url(../img/page/itro_ico_03.png);
}

.introduce2 dt {
  padding-bottom: 15px;
  font-size: 18px;
  color: #006cb8;
  font-weight: bold;
}

.introduce2 dd, .introduce1 dd {
  padding-bottom: 35px;
  line-height: 1.5;
  font-size: 14px;
}

.bull {
  width: 20px;
  background: url(../img/page/bull_s.gif) no-repeat
}

/* NEWSBOX 특장점 */
.benefit {
  height: 180px;
  padding-top: 30px;
  padding-left: 30px;
  line-height: 19px;
  background: url(../img/page/head_benefit.png) 92% 30px no-repeat #f8f8f8;
  border: 1px solid #e7e7e7;
}

.benefit strong {
  display: block;
  padding-bottom: 15px;
  font-size: 18px;
  color: #333;
}

.benefit em {
  display: block;
  padding-bottom: 15px;
  font-size: 14px;
  color: #545454;
  ;
}

.benefit p {
  font-size: 13px;
}

.bigNum {
  margin-top: 40px;
  margin-bottom: 10px;
}

.bigNum>li {
  position: relative;
  border: 1px solid #e8e8e8;
  margin-top: -1px;
}

.bigNum>li:after {
  content: "";
  display: block;
  clear: both;
}

.bigNum>li>.num {
  position: absolute;
  left: 0;
  width: 100px;
  height: 100%;
  text-align: center;
  font-size: 45pt;
  font-weight: bold;
  color: #0aadee;
  background: #fff;
  height: 100%;
  font-family: 'nanumGothic'
}

.bigNum>li>.txt {
  float: left;
  padding: 15px 10px 15px 5px;
  margin-left: 95px;
  margin-bottom: 10px;
  font-size: 10pt;
  color: #666;
  width: 520px
}

.bigNum>li>.img {
  float: right;
  padding: 15px 10px 15px 20px;
  margin-right: 15px;
  color: #666;
}

/* 공통 */
.tit {
  display: block;
  margin-bottom: 7px;
  font-size: 16px;
  color: #333;
  font-weight: bold;
}

.tit_18 {
  display: block;
  padding-bottom: 10px;
  font-size: 18px;
  color: #333;
  font-weight: bold;
}

.titBlue {
  display: inline-block;
  color: #047ee8;
  font-weight: bold;
}

.titBlue_s {
  display: inline-block;
  color: #047ee8;
  font-weight: bold;
  margin-right: 5px;
  font-family: 'nanumGothic'
}

.h3 {
  padding-left: 25px;
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 12pt;
  font-weight: bold;
  color: #000;
  background: url(./img/page/bullet_square_blue.png) 0 2px no-repeat;
}

/* 계약절차 */
.prog {
  margin-bottom: 10px;
}

.prog>li {
  position: relative;
  border: 1px solid #e8e8e8;
  background: #f8f8f8
}

.prog>li:after {
  content: "";
  display: block;
  clear: both;
}

.prog>li>.img {
  float: left;
  padding: 0px 25px 5px 0px;
  margin: 20px 0px 15px 30px;
  color: #666;
  border-right: 1px solid #e7e7e7
}

.prog>li>.txt {
  float: right;
  padding: 25px 20px 15px 5px;
  ;
  margin-bottom: 10px;
  font-size: 10pt;
  color: #666;
  width: 75%
}

.arrow {
  text-align: center;
}

/* 이용요금 */
.tabContent {
  position: relative;
  width: 100%;
  margin: 0;
  padding-top: 40px;
}

.tabContent dt {
  position: absolute;
  top: 0;
  z-index: 1;
  font-size: 14px;
  width: 33.333%;
  text-align: center
}

.tabContent dt.on {
  z-index: 3;
}

.tabContent dt a {
  display: block;
  height: 39px;
  padding: 0 30px;
  line-height: 39px;
  border: 1px solid #cecece;
  background: #fff;
  text-decoration: none;
  background: #f2f2f2
}

.tabContent dt.on a {
  border-top: 2px solid #1f80d2;
  border-left: 2px solid #1f80d2;
  border-right: 2px solid #1f80d2;
  border-bottom: 1px solid #fff;
  color: #333;
  font-weight: bold;
  font-size: 14px;
  background: #fff;
}

.tabContent dd {
  position: relative;
  z-index: 1;
  padding-top: 20px;
  border-top: 2px solid #1f80d2;
  display: none;
}

.tabContent dt.on+dd {
  display: block;
  z-index: 2;
}

.typeList {
  *zoom: 1;
  margin-top: 15px
}

.typeList:after {
  content: "";
  display: block;
  clear: both;
}

.typeList li {
  float: left;
  width: 220px;
  height: 390px;
  padding: 20px 10px;
  margin-right: 25px;
  margin-bottom: 30px;
  border: 1px solid #ededed;
  border-radius: 0px;
  text-align: center;
  background: #f8f8f8
}

.typeList li:hover {
  border: 1px solid #047ee8
}

.typeList li .type {
  height: 265px;
  border-bottom: 1px solid #e3e3e3;
  overflow: hidden;
}

.typeList li .type strong {
  display: block;
  padding-bottom: 15px;
  font-size: 18px;
  color: #000;
}

.typeList li .type strong span {
  margin-right: 7px;
  color: #006cb8;
}

.typeList li .type img {
  padding-bottom: 15px;
}

.typeList li .type p {
  padding-bottom: 10px;
  font-weight: normal;
}

.typeList li .type p span {
  color: #d41200;
}

.typeList li .type em {
  display: block;
}

.typeList li .type em span {
  color: #ec1e0c;
  font-size: 25px;
  font-weight: bold
}

.typeList li .feeTable {
  width: 100%;
  text-align: left;
  margin: 15px 0;
}

.typeList li .feeTable th {
  width: 50%;
  height: 20px;
  text-indent: 15px;
  font-weight: normal;
}

.typeList li .feeTable td {
  width: 50%;
  height: 20px;
  text-indent: 15px;
  font-weight: bold;
}

.typeList li .feeTable td.blue {
  color: #047ee8;
}

.detailTable {
  width: 100%;
  font-size: 13px;
  border-bottom: 1px solid #b3b3b3;
  border-top: 2px solid #626262;
  margin-top: 15px
}

.detailTable thead th {
  height: 40px;
  color: #000;
  background: #f5f5f5;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #CCC
}

.detailTable thead th:last-child {
  border-right: 0px
}

.detailTable tbody th {
  height: 45px;
  padding-left: 30px;
  text-align: left;
  border-top: 1px solid #CCC;
  border-right: 1px solid #CCC
}

.detailTable tbody tr:first-child th {
  border-top: none;
}

.detailTable tbody td {
  height: 45px;
  text-align: center;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc
}

.detailTable tbody td:last-child {
  border-right: 0px
}

.detailTable tbody tr:first-child td {
  border-top: none;
}

.detailTable tbody td.etc {
  padding-left: 30px;
  text-align: left;
}

.detailTable tbody td.etc:first-child {
  border-right: 1px solid #ccc
}

.detailTable tbody td .blue {
  color: #006cb8;
}

.detailTable tfoot tr {
  border: 1px solid #3e9ff2;
}

.detailTable tfoot tr:first-child {
  border-bottom: 1px solid #ccc;
}

.detailTable tfoot th {
  height: 45px;
  padding-left: 30px;
  text-align: left;
  border-right: 1px solid #cccccc;
}

.detailTable tfoot td {
  height: 45px;
  text-align: center;
  border-right: 1px solid #cccccc;
}

.detailTable tfoot td.etc {
  padding-left: 30px;
  text-align: left;
  border-right: 1px solid #3e9ff2
}

.detailTable tfoot td .blue {
  color: #3e9ff2;
  font-weight: bold
}

.explain {
  padding-bottom: 30px;
  font-size: 13px;
  font-weight: normal;
  color: #797979;
}

.explain2 {
  padding-top: 15px;
  font-size: 13px;
  font-weight: normal;
  color: #797979;
}

/* 템플릿 디자인 */
.templeteList {
  *zoom: 1;
  background: #e9e9e9;
  padding: 20px 0px 20px 12px;
  margin-top: 15px
}

.templeteList:after {
  content: "";
  display: block;
  clear: both;
}

.templeteList li {
  float: left;
  width: 230px;
  height: 388px;
  margin: 0 12px 30px 0px;
  overflow: hidden;
  border: 1px solid #d0cece;
  text-align: center;
  padding: 7px 6px 8px 6px;
  background: #FFF;
}

.templeteList li strong {
  display: block;
  height: 28px;
  line-height: 27px;
  border: 1px solid #636f92;
  font-size: 16px;
  color: #fff;
  background: #7b86a8;
  margin-bottom: 4px;
}

.templeteList li strong span {
  padding-left: 5px;
  font-size: 14px;
  color: #000;
  display: none;
}

.templeteList li .imgWrap {
  position: relative;
}

.templeteList li .imgWrap .cover {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 100%;
  height: 100%;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
}

.templeteList li .imgWrap .cover em {
  display: block;
  padding: 80px 0 10px;
  font-size: 18px;
  font-weight: bold
}

.templeteList li .imgWrap .cover p {
  padding: 0 20px 10px;
  font-size: 14px;
  line-height: 22px;
  word-break: keep-all;
}

.newT_info {
  position: absolute;
  background: rgba(0,0,0,0.7);
  backdrop-filter: blur(1px);
  bottom: 30px;
  left: 0;
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #fff;
  padding: 10px;
  box-sizing: border-box;
}
.newT_info .point {
  color: #ff4343;
}

.templeteList li:hover .newT_info{
  display: none;
}

/* 모바일앱 */
.introMobile {
  padding-top: 30px;
  padding-left: 40px;
  height: 280px;
  line-height: 19px;
  background: url(../img/page/head_mobile.png) 88% 20px no-repeat #f8f8f8;
  border: 1px solid #e7e7e7;
}

.introMobile:after {
  content: "";
  display: block;
  clear: both;
}

.introMobile strong {
  display: block;
  padding-bottom: 15px;
  font-size: 18px;
  color: #333;
}

.introMobile em {
  display: block;
  padding-bottom: 15px;
  font-size: 14px;
  color: #545454;
}

.introMobile p {
  font-size: 13px;
}

.introMobile .substance {
  padding-bottom: 50px;
  font-size: 13px;
  *zoom: 1;
}

.introMobile .substance:after {
  content: "";
  display: block;
  clear: both;
}

.introMobile .substance em {
  padding-right: 10px;
}

.introMobile .substance ol {
  float: left;
  font-size: 15px;
  line-height: 22px
}

.introMobile .substance ol li span {
  font-size: 15px;
  color: #fff;
  background: #047ee8;
  padding-left: 5px;
  padding-right: 5px;
  margin-right: 5px
}

.tabContent2 {
  position: relative;
  width: 100%;
  margin: 0;
  padding-top: 40px;
}

.tabContent2 dt {
  position: absolute;
  top: 0;
  z-index: 1;
  font-size: 14px;
  width: 33.5%;
  text-align: center
}

.tabContent2 dt.on {
  z-index: 3;
}

.tabContent2 dt a {
  display: block;
  height: 39px;
  padding: 0 30px;
  line-height: 39px;
  border: 1px solid #cecece;
  background: #fff;
  text-decoration: none;
  background: #f2f2f2
}

.tabContent2 dt.on a {
  border-top: 2px solid #1f80d2;
  border-left: 2px solid #1f80d2;
  border-right: 2px solid #1f80d2;
  border-bottom: 1px solid #fff;
  color: #333;
  font-weight: bold;
  font-size: 14px;
  background: #fff;
}

.tabContent2 dd {
  position: relative;
  z-index: 1;
  padding: 35px 5px 30px 45px;
  border: 1px solid #e7e7e7;
  display: none;
  background: #f6f7f9;
  margin-top: 25px;
}

.tabContent2 dt.on+dd {
  display: block;
  z-index: 2;
}

.imageList {
  *zoom: 1;
}

.imageList:after {
  content: "";
  display: block;
  clear: both;
}

.imageList li {
  float: left;
  padding-right: 20px;
}

.imageList li strong {
  display: block;
  padding: 5px 0 5px;
  font-size: 13px;
  text-align: center;
  margin-bottom: 10px;
  background: #0aadee;
  color: #fff
}

.typeText {
  padding-top: 30px;
}

.typeText li {
  padding: 0 0 10px 15px;
  background: url(/skin/news/basic/img/page/bull_s.gif) 0 6px no-repeat;
}

.typeText li strong {
  padding-right: 15px;
  font-size: 16px;
  color: #333;
}

.typeText li img {
  padding-right: 5px;
}

.explain {
  color: #047ee8;
}

/* 게시판 _ List */
.boardList {
  width: 100%;
  border-top: 2px solid #2d64a7;
  border-bottom: 1px solid #b1b1b3;
  font-weight: normal;
  color: #000;
  margin-top: 7px
}

.boardList thead th {
  padding: 10px 0;
  background: #f5f5f5;
  font-weight: normal;
}

.boardList tbody td {
  padding: 10px 0;
  text-align: center;
  border-top: 1px solid #e1e1e1;
}

.boardList tbody td.subject {
  padding-left: 20px;
  text-align: left;
}

.boardList tbody td.subject img {
  margin-left: 5px
}

.boardList tbody td strong.notice {
  border: 1px solid #e1e1e1;
  padding: 3px 7px;
  border-radius: 0px;
  background-image: -webkit-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  /* chrome, safari */
  background-image: -moz-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  /* ff */
  background-image: -ms-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  /* ie10 */
  background-image: -o-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  /*opera */
  background-image: linear-gradient(top, #fff 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f9f9f9);
  /* ie9 이하 버전 */
}

.boardPage {
  padding: 30px 0;
  text-align: center;
  font-family: "Nanum Gothic";
  font-size: 14px;
}

.boardPage span {
  display: inline-block;
  height: 23px;
  line-height: 19px;
  padding: 3px 10px 1px 9px;
  border: 1px solid #dadada;
  background: #fff;
}

.boardPage span.on {
  border: none;
  color: #fff;
  font-weight: bold;
  border: 1px solid #047ee8;
  background: #047ee8;
}

.boardPage a {
  display: inline-block;
}

.boardPage a:hover {
  text-decoration: none;
}

.boardPage a:link {
  text-decoration: none;
}

.btnWrap {
  *zoom: 1;
  margin-top: 15px
}

.btnWrap:after {
  content: "";
  display: block;
  clear: both;
}

.btnWrap .left {
  float: left;
}

.btnWrap .right {
  float: right;
}

.searchWrap {
  padding: 13px 0;
  text-align: center;
  background: #f6f6f6;
}

.searchWrap .valueInsert {
  height: 28px;
  line-height: 28px;
  border: 1px solid #cccccc;
}

.searchWrap .submit {
  padding: 0px 10px;
  height: 30px;
  line-height: 26px;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  color: #fff;
  background: #8d8c8c;
  font-family: 'Nanum Gothic'
}

.head {
  background: #f8f8f8;
  border: 1px solid #e7e7e7;
  padding: 15px 25px 14px 30px;
  margin-bottom: 20px
}

.head:after {
  content: "";
  display: block;
  clear: both;
}

.head img {
  float: left;
}

.head span.txt {
  float: right;
  text-align: left;
  width: 640px;
  padding-top: 3px
}

.head span.txt a {
  margin-top: 10px
}

.counsail_head {
  margin-bottom: 20px;
}

.counsail_head .imgBox {}

.counsail_head .imgBox img {
  display: block;
  width: 100%;
}

.counsail_head .info {
  background: #f8f8f8;
  border: 1px solid #e7e7e7;
  padding: 12px 15px 15px;
  display: flex;
  align-items: center;
}

.counsail_head .info a {
  font-weight: bold;
}

.counsail_head .info .goBtn {
  margin-left: 10px;
}

.boardSelect {
  height: 30px;
  border: 1px solid #ccc;
  padding: 2px 3px 5px 3px;
  color: #606060;
  font-size: 13px;
  font-family: 'Nanum Gothic'
}

/* 게시판 _ 버튼들 */
.boardBtn {
  border: 1px solid #bab9b9;
  padding: 5px 10px;
  border-radius: 0px;
  color: #666;
  background: #fafafa;
  box-shadow: 1px 1px 2px #ccc;
  margin-left: 2px
}

.boardBtn:hover {
  text-decoration: none;
  border: 1px solid #309efe;
  background: #309efe;
  color: #fff
}

.boardBtn:link {
  text-decoration: none;
}

.boardBtn2 {
  border: 1px solid #999;
  padding: 2px 8px;
  border-radius: 0px;
  color: #666;
  background: #fff;
}

.boardBtn2:hover {
  text-decoration: none;
  border: 1px solid #999;
  background: #eee;
}

.boardBtn2:link {
  text-decoration: none;
}

.boardBtn3 {
  border: 1px solid #bab9b9;
  padding: 2px 5px;
  border-radius: 0px;
  color: #666;
  background: #fafafa;
  box-shadow: 1px 1px 2px #ccc;
  margin-left: 5px
}

.boardBtn3:hover {
  text-decoration: none;
  border: 1px solid #309efe;
  background: #309efe;
  color: #fff
}

.boardBtn3:link {
  text-decoration: none;
}

.boardBtnBlue {
  padding: 0px 10px 4px 10px;
  color: #fff;
  background: #0276d0;
  margin-left: 2px;
  border-radius: 17px;
  border: 0px;
  font-style: italic
}

.inputImage {
  margin-top: 0px;
  margin-left: 4px
}

/* 게시판 _ View */
.boardView {
  ;
  font-weight: normal;
  line-height: 22px
}

.boardView .subject {
  padding: 10px 15px;
  border-top: 2px solid #2d64a7;
  border-bottom: 1px solid #e1e1e1;
  background: #f5f5f5;
  *zoom: 1;
  font-size: 15px
}

.boardView .subject:after {
  content: "";
  display: block;
  clear: both;
}

.boardView .info {
  padding: 5px 15px;
  border-bottom: 1px solid #e1e1e1;
  *zoom: 1;
}

.boardView .info:after {
  content: "";
  display: block;
  clear: both;
}

.boardView .cont {
  min-height: 200px;
  padding: 15px;
  border-bottom: 1px solid #e1e1e1;
}

.boardView .left {
  float: left;
  line-height: 24px
}

.boardView .right {
  float: right;
  font-size: 13px;
  color: #797979
}

.comment_box {
  background: #f5f5f5;
  border: 1px solid #d9d9d9;
  margin-top: 25px;
}

.comment_ttl {
  background: #f7f7f7;
  border_top: 1px solid #ff9900;
  line-height: 27px;
  height: 30px;
  background: url(/skin/board/img/ico_comment.png) 7px 50% no-repeat #f7f7f7;
  padding-left: 28px;
  font-size: 15px
}

.prevNextCont {
  margin-top: 30px;
  border-top: 1px solid #d9d9d9;
  font-weight: normal;
}

.prevNextCont li {
  padding-left: 35px;
  border-bottom: 1px solid #d9d9d9;
}

.prevNextCont li span {
  padding-left: 25px;
  height: 40px;
  line-height: 35px;
  overflow: hidden;
  font-weight: bold;
  background: url(/skin/board/img/bg_prev_next.png) no-repeat;
  border-right: 1px solid #d9d9d9
}

.prevNextCont li.prev span {
  background-position: 0 -38px;
  padding-right: 40px;
}

.prevNextCont li.next span {
  background-position: 0 3px;
  padding-right: 40px;
}

.prevNextCont li a {
  display: inline-block;
  height: 35px;
  padding-left: 50px;
  line-height: 35px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.point-top {
  float: left;
  padding: 10px 0 10px 0;
}

.point-top>a {
  padding-left: 46px;
  display: inline-block;
  background: url(/skin/board/request/img/bg_user.png) no-repeat 15px 0;
  height: 22px;
  cursor: pointer;
}

.point-top b {
  color: #333;
}

#point_now_show {
  padding: 10px 0 30px 0;
  background-color: #f5f5f5;
}

#point_now_show .red {
  color: #f00;
}

.point-content {
  background-color: #fdfdfd;
  padding: 15px 0 17px 40px;
  line-height: 40px;
}

.point-content input[type=text] {
  /* width:100%; */
  height: 28px;
  line-height: 28px;
  text-indent: 10px;
  border: 1px solid #e1e1e1;
  margin: 0px 2px 3px 2px
}

.point-wrap {
  border: 1px solid #e2e2e2;
  margin-top: 50px;
  margin-bottom: 10px
}

.bg {
  float: right;
  margin-right: 23px;
  padding-left: 26px;
  height: 30px;
  background: url(/skin/board/request/img/bg_point.png) no-repeat 0 -1px;
}

/* 게시판 _ Write */
.boardWrite {
  width: 100%;
  margin-top: 0px;
  border-top: 2px solid #2d64a7;
  border-bottom: 1px solid #b1b1b3;
}

.boardWrite>tbody>tr>th {
  padding: 20px 0;
  border-top: 1px solid #e1e1e1;
  background: #f5f5f5;
}

.boardWrite>tbody>tr>td {
  padding: 20px 10px;
  border-top: 1px solid #e1e1e1;
}

.boardWrite input[type=text] {
  /* width:100%; */
  height: 28px;
  line-height: 28px;
  text-indent: 10px;
  border: 1px solid #e1e1e1;
}

.boardWrite input[type=password] {
  /* width:100%; */
  height: 28px;
  line-height: 28px;
  text-indent: 10px;
  border: 1px solid #e1e1e1;
}

.boardWrite label {
  padding: 0 10px 0 2px;
}

.message {
  padding-left: 2px;
  color: 606060
}

.must {
  padding-left: 8px;
  color: red;
}

.mark {
  color: #fff;
  background: #0276d0;
  padding: 0px 5px;
  border-radius: 7px;
  margin-left: 10px
}

.ex {
  padding-left: 5px;
  color: #909090;
}

.blue {
  color: #0276d0;
  font-weight: bold
}

/* 서비스 신청 */
.contsBox {
  width: 100%;
}

.contsBox .title {
  display: block;
  padding: 0 0 15px 15px;
  font-family: "Nanum Gothic";
  font-size: 16px;
  color: #333;
  background: url(/skin/news/basic/img/page/bull_blueCircle.png) 0 4px no-repeat;
}

.contsBox .terms {
  padding: 10px 15px;
  border: 1px solid #e7e7e7;
  border-radius: 0px;
  background: #f8f8f8
}

.contsBox .terms>p {
  height: 75px;
  padding: 3px 10px;
  line-height: 20px;
  overflow-y: scroll;
  color: #666;
}

.contsBox .agree {
  padding: 10px 0 25px;
  text-align: right;
  color: #333;
  font-size: 14px
}

.askTable {
  padding: 0px;
  border-top: 2px solid #2d64a7;
  border-bottom: 1px solid #abaaaa;
}

.askTable table {
  width: 100%;
}

.askTable th {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #545454;
  vertical-align: top;
  text-align: left;
  text-indent: 15px;
  background: url(<?=$g4_skin_path?>/img/page/bullet02.gif) 0 17px no-repeat;
  background: #f7f7f7;
  padding-left: 5px
}

.askTable td {
  padding: 10px 0px 10px 10px;
}

.askTable tbody td input[type="text"],
.askTable tbody td input[type="input"],
.askTable tbody td input[type="password"],
.askTable tbody td textarea {
  height: 23px;
  border: 1px solid #d9d9d9;
  border-radius: 0px;
  text-indent: 10px;
}

.askTable tbody td textarea {
  text-indent: none;
  padding: 10px;
  resize: none;
  height: 80px;
  line-height: 20px;
  font-family: "Nanum Gothic";
  font-size: 13px;
  color: #666;
}

.askTable tbody tr {
  border-bottom: 1px solid #d9d9d9;
}

.askTable tbody tr:last-child {
  border-bottom: 0px solid #d9d9d9;
}

.radioWrap label {
  padding-right: 12px;
}

.inputBtnWrap {
  padding: 20px 0;
  text-align: right;
}

.inputBtnWrap input {
  display: inline-block;
  padding: 0 30px;
  height: 35px;
  line-height: 35px;
  font-family: "Nanum Gothic";
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  border: none;
  margin-right: 10px;
}

.inputSubmit {
  background: #005fb1;
}

.inputReset {
  background: #999;
}

/* 창간절차 */
.bigNumPro {
  margin-top: 0px;
  margin-bottom: 10px;
  background-color: #f8f8f8;
}

.bigNumPro>li {
  position: relative;
  border: 1px solid #e8e8e8;
  margin-top: -1px;
  vertical-align: middle;
}

.bigNumPro>li:after {
  content: "";
  display: block;
  clear: both;
}

.bigNumPro>li .num {
  position: absolute;
  left: 0;
  width: 120px;
  text-align: center;
  font-size: 45pt;
  font-weight: bold;
  color: #0aadee;
  font-family: 'nanumGothic'
}

.bigNumPro>li .txt {
  float: left;
  padding: 15px 10px 15px 5px;
  margin-left: 110px;
  margin-bottom: 10px;
  font-size: 10pt;
  color: #666;
  width: 500px
}

.bigNumPro>li .txt a {
  font-weight: bold;
  color: #333
}

.bigNumPro>li .txt a:hover {
  font-weight: bold;
  color: #047ee8
}

.bigNumPro>li .img {
  display: table-cell;
  float: right;
  padding: 20px 30px 20px 0px;
  color: #666;
  vertical-align: middle
}

.subttl {
  display: inline-block;
  font-size: 18px;
  color: #333;
  line-height: 55px;
  font-weight: 600;
  margin-top: 30px
}

#ac1 {
  width: 100%;
  margin: 2px 0 10px 0px;
}

/* 아코디언 */
#ac1 h2 {
  display: block;
  overflow: hidden;
  border: 1px solid #e9e9e9;
  height: 35px;
  line-height: 35px;
  padding-left: 20px;
  margin-top: 3px;
  margin-bottom: 10px;
  ;
  font-size: 16px;
  background: url(/skin/news/basic/img/page/acc_off.png) 97% 50% no-repeat;
  background-color: #f8f8f8;
  cursor: pointer
}

#ac1 h2 a {
  display: block;
  overflow: hidden;
  border: 1px solid #e9e9e9;
  height: 35px;
  line-height: 35px;
  padding-left: 20px;
  margin-top: 3px;
  margin-bottom: 10px;
  ;
  font-size: 16px;
  background: url(/skin/news/basic/img/page/acc_off.png) 97% 50% no-repeat;
  background-color: #f8f8f8;
  cursor: pointer
}

#ac1 h2 a.on {
  display: block;
  overflow: hidden;
  border: 1px solid #e9e9e9;
  height: 35px;
  line-height: 35px;
  padding-left: 20px;
  margin-top: 3px;
  margin-bottom: 10px;
  ;
  font-size: 16px;
  background: url(/skin/news/basic/img/page/acc_on.png) 97% 50% no-repeat;
  background-color: #f8f8f8;
  cursor: pointer
}

#ac1 div {
  border: 1px solid #e9e9e9;
  padding: 20px;
  margin-bottom: 10px;
}

/* 홈페이지 유형 */
.hompageTable {
  width: 100%;
  font-size: 13px;
  border-bottom: 1px solid #b3b3b3;
  border-top: 1px solid #006cb8;
  margin-top: 0px
}

.hompageTable thead th {
  height: 150px;
  color: #000;
  background: #f6f6f6;
  padding-bottom: 125px;
  color: #333;
  font-size: 18px
}

.hompageTable thead th:first-child {
  color: #000;
  background: #f6f6f6;
  color: #333;
  font-size: 18px;
  padding-bottom: 30px;
  padding-top: 20px
}

.hompageTable thead th.eco {
  height: 35px;
  color: #000;
  background: url(/skin/news/basic/img/page/homeType_01.png) 50% 75% no-repeat #e5e6e9;
}

.hompageTable thead th.stan {
  height: 35px;
  color: #000;
  background: url(/skin/news/basic/img/page/homeType_02.png) 50% 75% no-repeat #f7f7f7;
}

.hompageTable thead th.pri {
  height: 35px;
  color: #000;
  background: url(/skin/news/basic/img/page/homeType_03.png) 50% 75% no-repeat #e5e6e9;
}

.hompageTable tbody th {
  height: 45px;
  /* padding-left:30px;text-align:left; */
  border-top: 1px solid #e3e3e3;
  background: #f6f6f6;
  width: 20%
}

.hompageTable tbody td {
  height: 45px;
  text-align: center;
  border-top: 1px solid #e3e3e3;
  border-right: 1px solid #e7e7e7
}

.hompageTable tfoot tr {
  border-top: 1px solid #4aa4f1;
  ;
  border-left: 1px solid #4aa4f1
}

.hompageTable tfoot tr:first-child {
  border-bottom: 1px solid #e7e7e7;
}

.hompageTable tfoot tr:last-child {
  border-top: none;
  border-bottom: 1px solid #4aa4f1;
  border-top: 1px solid #e7e7e7
}

.hompageTable tfoot th {
  height: 45px;
  background: #f6f6f6;
}

.hompageTable tfoot td {
  height: 45px;
  text-align: center;
  border-right: 1px solid #e7e7e7
}

.hompageTable tfoot td:last-child {
  border-right: 1px solid #4aa4f1
}

.hompageTable tfoot td .blue {
  color: #047ee8;
  font-weight: bold
}

/* 홈페이지 제작절차 */
.homepageProg {
  margin-bottom: 10px;
}

.homepageProg>li {
  position: relative;
  border: 1px solid #e8e8e8;
  background: #f8f8f8;
}

.homepageProg>li:after {
  content: "";
  display: block;
  clear: both;
}

.homepageProg>li>.img {
  float: left;
  padding: 15px 25px 15px 30px;
  color: #666;
  border-right: 1px solid #e7e7e7;
  background: #eaeaea;
  height: 100%
}

.homepageProg>li>.txt {
  float: right;
  padding: 20px 20px 15px 20px;
  ;
  margin-bottom: 10px;
  font-size: 10pt;
  color: #666;
  width: 73%
}

.arrow {
  text-align: center;
}

/* 홈페이지 이용고객 */
.categoryList {
  margin-bottom: 30px;
  border-top: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  *zoom: 1;
}

.categoryList:after {
  content: "";
  display: block;
  clear: both;
}

.categoryList li {
  float: left;
  border: 1px solid #dcdcdc;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}

.categoryList li a {
  display: block;
  width: 150px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #000;
  background: #f5f5f5;
}

.categoryList li a:hover {
  text-decoration: none;
}

.categoryList li a:link {
  text-decoration: none;
}

.categoryList li.first a {
  width: 149px;
}

.categoryList li.on {
  border-top: 1px solid #006cb8;
  border-left: 1px solid #006cb8;
}

.categoryList li.on a {
  color: #fff;
  background: #006cb8;
}

.boardListHome {
  padding-top: 20px;
  *zoom: 1;
  margin-bottom: 10px;
  background: #f8f8f8
}

.boardListHome:after {
  content: "";
  display: block;
  clear: both;
}

.boardListHome li {
  float: left;
  margin: 0 0 30px 26px;
  border: 1px solid #d6d5d5;
  background: #fff;
}

/*.boardListHome li.first{margin-left:0px}*/
.boardListHome li .adminBtn {
  *zoom: 1;
}

.boardListHome li .adminBtn:after {
  content: "";
  display: block;
  clear: both;
}

.boardListHome li .adminBtn input[type="checkbox"] {
  float: left;
}

.boardListHome li .adminBtn a {
  float: right;
}

.boardListHome li .image {
  display: block;
  width: 226px;
  height: 229px;
  margin: 0px 0;
  border-bottom: 1px solid #d6d5d5;
}

.boardListHome li .title {
  display: block;
  font-family: "Nanum Gothic";
  font-size: 14px;
  padding: 10px 15px 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  background: #000;
  background-filter: Alpha(opacity=70);
  opacity: 0.7;
  -moz-opacity: 0.7;
  margin-top: -50px;
}

.boardListHome li .link {
  display: block;
  font-family: "Nanum Gothic";
  font-size: 13px;
  font-weight: normal;
  ;
  padding: 2px 15px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ccc;
  background: url(/skin/news/basic/img/page/ico_link.png) 95% 50% no-repeat #000;
  background-filter: Alpha(opacity=70);
  opacity: 0.7;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  height: 18px;
}

.btnWrap {
  *zoom: 1;
}

.btnWrap:after {
  content: "";
  display: block;
  clear: both;
}

.btnWrap .left {
  float: left;
}

.btnWrap .right {
  float: right;
}

.viewPage {
  border: 1px solid #686767;
  padding: 2px 3px 0px 3px;
  font-size: 11px;
  background: #8f959a;
  color: #fff;
  line-height: 15px;
  font-family: 'dotum';
  letter-spacing: -1px
}

/* 20160708
.boardBtn{border:1px solid #999;padding:2px 5px;border-radius:5px;color:#666;background:#fff;box-shadow:1px 1px 2px #ccc;}
.boardSelect2 {height:30px;border:1px solid #ccc; padding:2px 3px 5px 3px; color:#606060;font-size:13px; font-family:'Nanum Gothic'; background:#000}
*/
/* 쇼핑몰 소개 */
.shopIntro {
  height: 180px;
  padding-top: 30px;
  padding-left: 30px;
  line-height: 19px;
  background: url(../img/page/head_shop.png) 92% 30px no-repeat #f8f8f8;
  border: 1px solid #e7e7e7;
}

.shopIntro strong {
  display: block;
  padding-bottom: 15px;
  font-size: 18px;
  color: #333;
}

.shopIntro em {
  display: block;
  padding-bottom: 15px;
  font-size: 14px;
  color: #545454;
  ;
}

.shopIntro p {
  font-size: 13px;
}

/* 로그인 */
.longinPage {
  width: 100%;
  padding: 10px 0px;
  margin-bottom: 30px;
  font-family: 'Nanum Gothic';
}

.longinPage:after {
  content: "";
  display: block;
  clear: both;
}

.longinPage .loginWrap {
  width: 100%;
  height: 350px;
  margin: 0 auto;
  overflow: hidden;
}

.longinPage .loginWrap .ttl {
  text-align: center;
  margin-bottom: 20px
}

.longinPage .loginWrap .ttl .txt {
  vertical-align: middle;
  font-weight: bold;
  font-size: 18px;
  LINE-HEIGHT: 28PX
}

.longinPage .loginWrap .ttl .txtBlue {
  color: #047ee8;
  font-weight: bold
}

.longinPage .loginWrap .ttl .txtSmall {
  text-align: center;
  font-weight: normal
}

.longinPage .loginWrap .loginBox {
  padding: 35px 0;
  margin-top: 5px;
  border-top: 2px solid #1d85e0;
  border-bottom: 1px solid #d1d1d1;
  background: url(/skin/news/basic/img/page/login_ico.png) 9% 30% no-repeat #f7f7f7;
}

.longinPage .loginWrap .loginBox table {
  margin-left: 230px;
}

.longinPage .loginWrap .loginBox table td {
  display: inline-block;
}

.longinPage .loginWrap .loginBox table tr.btn {
  border-top: 1px solid #ccc;
  width: 400px;
}

.longinPage .loginWrap .loginBox table td span.name {
  display: inline-block;
  font-size: 18px;
  color: #333;
  width: 80px;
  margin-bottom: 20px;
  padding-top: 8px;
}

.longinPage .loginWrap .loginBox table .userInput {
  display: inline-block;
  width: 280px;
  height: 35px;
  border: 1px solid #e8e8e8;
  border-radius: 0px;
  box-shadow: 1px 2px 2px #828282 inset;
  font: bold 14px "Nanum Gothic";
  color: #444;
  text-indent: 10px;
}

.longinPage .loginWrap .loginBox table .userInput:first-child {
  margin-bottom: 15px;
}

.longinPage .loginWrap .loginBox table .userSubmit {
  width: 90px;
  height: 79px;
  margin-left: 10px;
  margin-bottom: 7px;
  color: #fff;
  font: bold 16px "Nanum Gothic";
  border: none;
  border-radius: 2px;
  background: #0aadee;
}

.longinPage .loginWrap .loginBox table .userCheckbox {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin-top: 10px;
}

.longinPage .loginWrap .loginBox table .userCheckbox.chk1 {
  width: 63px;
  height: 16px;
  margin-bottom: 20px;
  margin-left: 80px
}

.longinPage .loginWrap .loginBox table .userCheckbox.chk2 {
  width: 90px;
  height: 16px;
  margin-bottom: 20px
}

.longinPage .loginWrap .loginBox table .userCheckbox label {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 18px;
  font: bold 13px "Nanum Gothic";
  color: #666;
  background: url(<?=$member_skin_path?>/img/bg_checkbox.gif) 0 0 no-repeat;
}

.longinPage .loginWrap .loginBox table .userCheckbox input[type="checkbox"]:checked+label {
  background: url(<?=$member_skin_path?>/img/bg_checkbox.gif) 0 -19px no-repeat;
}

.longinPage .utilWrap {
  *zoom: 1;
  margin-top: 15px;
}

.longinPage .utilWrap:after {
  content: "";
  display: block;
  clear: both;
}

.longinPage .utilWrap .utilBtn {
  float: left;
  *zoom: 1;
}

.longinPage .utilWrap .utilBtn:after {
  content: "";
  display: block;
  clear: both;
}

.longinPage .utilWrap .utilBtn li {
  float: left;
  padding-top: 5px;
}

.longinPage .utilWrap .utilBtn li a {
  display: block;
  padding: 0 10px;
  height: 25px;
  font: bold 14px/25px "Nanum Gothic";
  color: #005fb1;
}

.longinPage .utilWrap .utilBtn li a.homeShortcut {
  padding-right: 10px;
  border-radius: 0px;
  background: url(<?=$member_skin_path?>/img/bg_home_shortcut.png) 100% 0 no-repeat #8f959a;
  color: #fff;
  font-weight: normal;
  font-size: 11px;
  border: 1px solid #8f959a;
}

.longinPage .utilWrap .utilBtn li a.goSearch {
  padding-right: 10px;
  border-radius: 0px;
  background: url(<?=$member_skin_path?>/img/bg_home_shortcut.png) 100% 0 no-repeat #fff;
  color: #606060;
  font-weight: normal;
  font-size: 11px;
  margin-right: 10px;
  border: 1px solid #ccc;
  margin-left: 80px
}

/* sns 로그인 */
.longinPage .utilWrap .snsLoginWrap {
  padding-right: 10px;
  text-align: right;
  *zoom: 1;
}

.longinPage .utilWrap .snsLoginWrap:after {
  content: "";
  display: block;
  clear: both;
}

.longinPage .utilWrap .snsLoginWrap span {
  padding-right: 10px;
  height: 28px;
  line-height: 28px;
  font: bold 14px/35px "Nanum Gothic";
  color: #444;
}

.longinPage .utilWrap .snsLogin {
  float: right;
  *zoom: 1;
}

.longinPage .utilWrap .snsLogin:after {
  content: "";
  display: block;
  clear: both;
}

.longinPage .utilWrap .snsLogin li {
  float: left;
  margin-left: 5px;
  padding-top: 5px;
}

.longinPage .utilWrap .snsLogin li:first-child {
  margin-left: 0;
}

.longinPage .utilWrap .snsLogin li a {
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-indent: 9999px;
  overflow: hidden;
  background: url(<?=$member_skin_path?>/img/btn_sns_login.png) 0 0 no-repeat;
  background-size: 82px 24px;
}

.longinPage .utilWrap .snsLogin li.facebook a {
  background-position: 0 0;
}

.longinPage .utilWrap .snsLogin li.twitter a {
  background-position: -29px 0;
}

.longinPage .utilWrap .snsLogin li.naver a {
  background-position: -58px 0;
}

/* 회원가입 */
.memberIntro {
  height: 200px;
  padding-top: 30px;
  padding-left: 250px;
  line-height: 19px;
  background: url(../img/page/member_ico.png) 8% 30px no-repeat #f8f8f8;
  border: 1px solid #e7e7e7;
}

.memberIntro strong {
  display: block;
  padding-bottom: 15px;
  font-size: 18px;
  color: #333;
}

.memberIntro em {
  display: inline;
  padding-bottom: 15px;
  font-size: 14px;
  color: #545454;
  font-weight: bold;
}

.memberIntro p {
  font-size: 13px;
}

.m_bg {
  padding-top: 200%;
  background: no-repeat top center / 100% auto;
}

.m_theme_c1 {
  background-image: url(../img/page/newsbox_mobile_c1.png);
}

.m_theme_c2 {
  background-image: url(../img/page/newsbox_mobile_c2.png);
}

.m_theme_d1 {
  background-image: url(../img/page/newsbox_mobile_d1.png);
}

.m_theme_d2 {
  background-image: url(../img/page/newsbox_mobile_d2.png);
}

.m_theme_e1 {
  background-image: url(../img/page/newsbox_mobile_e1.png);
}

.m_theme_e2 {
  background-image: url(../img/page/newsbox_mobile_e2.png);
}

.m_theme_f {
  background-image: url(../img/page/newsbox_mobile_f.png);
}

.m_theme_g1 {
  background-image: url(../img/page/newsbox_mobile_g1.png);
}

.m_theme_g2 {
  background-image: url(../img/page/newsbox_mobile_g2.jpg);
}

/*아인플래닛*/
.clearfix:after {
  content: '';
  height: 0;
  clear: both;
  display: block;
}

.aain_main * {
  font-family: "Nanum Gothic";
}

.aain_main {
  width: 780px;
  height: 470px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  padding: 25px 0 0 36px;
  margin-bottom: 49px;
}

.aain_logo {
  margin-bottom: 18px;
}

.aain_main .title {
  padding-left: 3px;
  margin-bottom: 26px;
}

.aain_main .title2 {
  padding-left: 3px;
  margin-bottom: 38px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}

.aain_main .titleD {
  margin-bottom: 30px;
}

.aain_main .titleD .left {
  margin-right: 160px;
}

.aain_main .titleD div {
  float: left;
}

.aain_main .titleD div div, .aain_main .titleD div ul {
  float: left;
}

.aain_main .titleD div div {
  margin-right: 27px;
}

.aain_main .titleD div ul .first {
  font-size: 18px;
  color: #000;
  font-weight: bold;
  margin-bottom: 13px;
  padding: 0;
}

.aain_main .titleD div ul>li:nth-child(n+2):nth-child(-n+4) {
  position: relative;
  padding-left: 11px;
  font-size: 14px;
  margin-bottom: 2px;
}

.aain_main .titleD div ul>li:nth-child(n+2):nth-child(-n+4):before {
  content: '';
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #f7b500;
  top: 50%;
  left: 0;
  margin-top: -3px;
}

.call {
  color: #000;
  font-size: 15px;
  font-weight: 900;
}

.titleP>p:nth-child(1) {
  font-size: 14px;
  color: #666;
  margin-bottom: 10px;
  font-weight: bold;
}

/* .aain_tab {margin-bottom: 30px;} */
.aain_tab>ul {
  width: 100%;
}

.aain_tab>ul>li {
  float: left;
  width: 25%;
  box-sizing: border-box;
  text-align: center;
}

.aain_tab>ul>li>a {
  display: block;
  height: 39px;
  border: 1px solid #cecece;
  line-height: 39px;
  background: #f2f2f2;
  font-weight: bold;
  font-size: 15px;
  color: #666;
  text-decoration: none;
}

.aain_tab>ul>li>a.on {
  border-top: 2px solid #1f80d2;
  border-left: 2px solid #1f80d2;
  border-right: 2px solid #1f80d2 !important;
  border-bottom: 1px solid #fff;
  color: #333;
  background: #fff;
}

.aain_tab>ul>li:nth-child(n+1):nth-child(-n+3)>a {
  border-right: none;
}

#aain_con_1>.con_wra_1 {
  margin-bottom: 20px;
}

.content-type01 {}

.content-type01 .mainContent {}

.content-type01 .mainContent p {
  line-height: 1.5em;
  margin-bottom: 1.5em;
}

.content-type01 .mainContent p.no-margin {
  margin-bottom: 0
}

.content-type01 .mainContent h4 {
  line-height: 2em;
  font-size: 16px;
}

.content-type01 .mainContent h5 {
  line-height: 2em;
}

.content-type01 .mainContent .table_basic {
  border-top: 2px solid #333;
  width: 100%;
  margin-bottom: 1.5em;
}

.content-type01 .mainContent .table_basic tr {
  border-bottom: 1px solid #eee;
}

.content-type01 .mainContent .table_basic tr:last-child {
}

.content-type01 .mainContent .table_basic td {
  box-sizing: border-box;
  padding: 10px 8px;
}

.content-type01 .mainContent .table_basic td:first-child {
  background-color: #f7f7f7;
  font-weight: bold;
  width: 25%;
}