body{overflow-x:hidden;}

/*전체레이아웃*/
.kjob-wrap {
  width: 100%;
  height: 100%;
}
.kjob-wrap .header {
  /*border-top: solid 3px #4f87da;*/
  border-bottom: 1px solid #d6d6d6;
  width:100%;
}
.kjob-wrap .header .header-wrap {
  /*width: 1200px;
  margin: 0 auto;*/
  width: 100%;
}
.kjob-wrap .header .header-wrap > ul {
  padding-top: 3px;
  text-align: right;
}
.kjob-wrap .header .header-wrap > ul > li {
  display: inline-block;
  padding: 0 6px 0 8px;
  background: url(/img/common/topmenu-bar.jpg) 0 4px no-repeat;
}
.kjob-wrap .header .header-wrap > ul > li:first-child {
  background: none;
}
.kjob-wrap .header .header-wrap > ul > li.login a {
  color: #2e75d6;
  text-shadow: 0.3px 0;
}
.kjob-wrap .header .logo-wrap {
  display: table;
  width: 100%;
  margin:0px auto;
}
.kjob-wrap .header .logo-wrap h1 {
  display: block;
  width: 1200px;
  height: 90px;
  margin:30px auto 0px;
  box-sizing:border-box;
  /*background: url(/img/common/logo.png) no-repeat;*/
  font-size: 0;
  vertical-align: top;
}
.kjob-wrap .header .logo-wrap h1 a {
  width: 100%;
  height: 100%;
}
.kjob-wrap .header .logo-wrap h1 > p {float:right;display:inline-block;width:400px;height:50px;text-align:right;margin-top:15px;}
.kjob-wrap .header .logo-wrap h1 > p  img {margin-left:15px;}

.kjob-wrap .header .logo-wrap nav {
  display: block;
  width: 100%;
  border-top:1px solid #cccccc;
}
.kjob-wrap .header .logo-wrap nav > ul {
  display: table;
  width: 1200px;
	margin:0px auto;
	border-left:1px solid #cccccc;
}
.kjob-wrap .header .logo-wrap nav > ul > li {
  position: relative;
  display: table-cell;
  width: 14.2%;
  text-align: center;
  padding: 14px 0px 14px;
  box-sizing:border-box;
  border-right:1px solid #cccccc;
}
.kjob-wrap .header .logo-wrap nav > ul > li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 18px;
  color: #000;
  text-align: center;
  letter-spacing: -1px;
}
.kjob-wrap .header .logo-wrap nav > ul > li.mypage {
  background: #f86014;
}
.kjob-wrap .header .logo-wrap nav > ul > li.mypage > a img {
  display: inline-block;
  vertical-align: top;
  padding-right: 5px;
  padding-top: 3px;
}
.kjob-wrap .header .logo-wrap nav > ul > li.mypage > a span {
  display: inline-block;
  color: #fff;
}
.kjob-wrap .header .logo-wrap nav > ul > li .subm {
  display: none;
  width: 100%;
  position: absolute;
  top: 55px;
  left: -1px;
  background: #fff;
  /*padding:10px 0;*/
  z-index: 9990;
  border: 1px solid #d6d6d6;
  border-top: none;
}
.kjob-wrap .header .logo-wrap nav > ul > li .subm li a {
  display: block;
  padding: 12px 0 7px;
  text-align: center;
  font-size: 15px;
  color: #555;
}
.kjob-wrap .header .logo-wrap nav > ul > li .subm li:hover a {
  background: #202737;
  color: #fff;
}
.kjob-wrap .link {
  border-bottom: 1px solid #e4e4e4;
  border-top: 1px solid #e4e4e4;
  overflow: hidden;
}
.kjob-wrap .link ul {
  width: 1200px;
  margin: 0 auto;
}
.kjob-wrap .link ul li {
  display: inline-block;
  float: left;
  width: 25%;
  height:70px;
  text-align: center;
}
.kjob-wrap .link ul li img {
  margin-top:13px;
}
.kjob-wrap .footer {
  width:100%;
  background-color:#222222;
  padding:30px 0px;
}
.kjob-wrap .footer .footer-wrap {
  width: 1200px;
  margin: 0 auto;
}
.kjob-wrap .footer .footer-wrap .copyright-logo {
  display: inline-block;
  width: 210px;
  height: 32px;
  padding-right: 40px;
  background: url(/img/common/copy-logo.jpg) no-repeat;
  font-size: 0;
  vertical-align: top;
}
.kjob-wrap .footer .footer-wrap .address {
  display: inline-block;
  vertical-align: top;
  width:100%;
  margin-top:30px;
  color:#777777;
}
.kjob-wrap .footer .footer-wrap .address span {margin:0px 15px;font-size:12px;}
.kjob-wrap .footer .footer-wrap .address li:first-child {
  line-height: 1.6;
}
.kjob-wrap .footer .footer-wrap .address li:last-child {
  padding-top: 10px;
}
.kjob-wrap .footer .footer-wrap .familysite {
  display: inline-block;
  vertical-align: top;
  float: right;
}
.kjob-wrap .footer .footer-wrap .familysite select {
  width: 200px;
}
/*로그인*/
.sub-title.login-tit {
  padding-top: 40px;
}
.login-form {
  width: 450px;
  margin: 0 auto 50px;
  padding: 25px 40px;
  background: #f9f9f9;
  border-radius: 10px;
  border: 1px solid #e4e4e4;
  /*box-shadow: 1px 1px 5px #dadada;*/
  box-sizing: border-box;
}
.login-form p {
  padding-top: 5px;
}
.login-form p input {
  width: 100%;
  height: 40px;
  border: 1px solid #d8d8d8;
  padding-left: 15px;
  box-sizing: border-box;
}
.login-form p input:focus {
  border: 1px solid #007cff;
  outline-width: 0;
}
.login-form .login-btn {
  width: 100%;
  padding: 10px 15px;
  margin-top: 15px;
  background: #2b83e4;
  font-size: 16px;
  border: 0;
  color: #fff;
  cursor: pointer;
}
.login-form i {
  display: block;
  font-size: 60px;
  text-align: center;
  padding: 20px 0;
  color: #c5c5c5;
}
.login-form .login-menu {
  overflow: hidden;
  padding-top: 10px;
  font-size: 13px;
}
.login-form .login-menu li {
  list-style: none;
}
.login-form .login-menu a {
  color: #333;
}
.login-form .login-menu a:hover {
  color: #2b83e4;
  text-decoration: underline;
}
.login-form .login-menu .find-idpw {
  float: right;
}
.login-form .login-menu .join {
  float: left;
}
/*아이디/비밀번호 찾기*/

.idpw-find-wrap {
  padding-top: 30px;
  padding-bottom: 40px;
}
.idpw-find-wrap .idpw-form {
  width: 500px;
  margin: 0 auto;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 10px;
}
.idpw-find-wrap .idpw-form .tit ul {
  overflow: hidden;
}
.idpw-find-wrap .idpw-form .tit ul li {
  float: left;
  display: inline-block;
  width: 50%;
  height: 50%;
  line-height: 50px;
}
.idpw-find-wrap .idpw-form .tit ul li a {
  display: block;
  text-align: center;
  font-size: 17px;
  border-bottom: 1px solid #ccc;
  color: #999;
}
.idpw-find-wrap .idpw-form .tit ul li.active a {
  color: #000;
  text-shadow: 0.5px 0;
  border-bottom: none;
}
.idpw-find-wrap .idpw-form .tit ul li:first-child {
  border-right: 1px solid #ccc;
  box-sizing: border-box;
}
.idpw-find-wrap .idpw-form .id-wrap {
  padding: 30px 50px 30px 50px;
}
.idpw-find-wrap .idpw-form .id-wrap p {
  padding-bottom: 20px;
}
.idpw-find-wrap .idpw-form .id-wrap dl {
  padding-bottom: 5px;
  overflow: hidden;
}
.idpw-find-wrap .idpw-form .id-wrap dl dt {
  display: inline-block;
  width: 100px;
  float: left;
  padding-top: 5px;
}
.idpw-find-wrap .idpw-form .id-wrap dl dd {
  display: inline-block;
  float: left;
  width: calc(100% - 100px);
}
.idpw-find-wrap .idpw-form .id-wrap dl dd input {
  width: 100%;
}
.idpw-find-wrap .idpw-form .pw-wrap {
  padding: 30px 50px 30px 50px;
}
.idpw-find-wrap .idpw-form .pw-wrap p {
  padding-bottom: 20px;
}
.idpw-find-wrap .idpw-form .pw-wrap dl {
  padding-bottom: 5px;
  overflow: hidden;
}
.idpw-find-wrap .idpw-form .pw-wrap dl dt {
  display: inline-block;
  width: 100px;
  float: left;
  padding-top: 5px;
}
.idpw-find-wrap .idpw-form .pw-wrap dl dd {
  display: inline-block;
  float: left;
  width: calc(100% - 100px);
}
.idpw-find-wrap .idpw-form .pw-wrap dl dd input {
  width: 100%;
}
.idpw-find-wrap .idpw-form .pw-wrap .rdo-box {
  padding: 5px;
  text-align: center;
  background: #f1f1f1;
  border: 1px solid #e5e5e5;
  margin-bottom: 15px;
}
.idpw-find-wrap .idpw-form .pw-wrap .rdo-box span {
  display: inline-block;
  margin: 0 10px;
}
.idpw-find-wrap .idpw-form .pw-wrap .rdo-box input:first-child {
  padding-right: 10px;
}
.idpw-find-wrap .idpw-result-form {
  width: 500px;
  height: 200px;
  padding: 50px;
  margin: 0 auto;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 10px;
}
.idpw-find-wrap .idpw-result-form .id-result-txt {
  text-align: center;
  margin-top: 0;
  font-size: 18px;
  margin-bottom: 20px;
  color: #999;
}
.idpw-find-wrap .idpw-result-form .id-result-txt span {
  text-decoration: underline;
  color: #000;
}
.idpw-find-wrap .idpw-result-form .id-result-txt p {
  font-size: 14px;
  padding-top: 5px;
}
.idpw-find-wrap .idpw-result-form .pw-result-txt {
  text-align: center;
  margin-top: 0;
  font-size: 18px;
  margin-bottom: 20px;
  color: #999;
}
.idpw-find-wrap .idpw-result-form .pw-result-txt span {
  text-decoration: underline;
  color: #000;
}
.idpw-find-wrap .idpw-result-form .pw-result-txt p {
  font-size: 14px;
  padding-top: 5px;
}

.idpw-find-wrap .idpw-search-btn {
  display: block;
  width: 100%;
  /*height: 40px;*/
  line-height: 40px;
  margin-top: 25px;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  background: #333;
}
.idpw-find-wrap .idpw-search-btn:hover {
  background: #000000;
}

/*서브 레이아웃*/
.sub-content-box {
  padding-top: 20px;
  border-top: 1px solid #ccc;
}
.sub-content-wrap {
  overflow: hidden;
  width: 1200px;
  margin: 0 auto;
  padding: 20px 0 50px 0;
}
.sub-content-wrap .sub-title-wrap {
  padding-bottom: 10px;
}
.sub-content-wrap .sub-title-wrap h2 {
  display: inline-block;
  font-size: 30px;
  font-weight: normal;
  text-shadow: 1px 0;
  letter-spacing: -1px;
}
.sub-content-wrap .sub-title-wrap ul.breadcrumb {
  float: right;
  padding-top: 15px;
}
.sub-content-wrap .sub-title-wrap ul.breadcrumb li {
  position: relative;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
}
.sub-content-wrap .sub-title-wrap ul.breadcrumb li:before {
  position: absolute;
  right: -4px;
  content: ">";
}
.sub-content-wrap .sub-title-wrap ul.breadcrumb li:last-child:before {
  display: none;
  color: #c8c8c8;
}
.sub-content-wrap .sub-title-wrap ul.breadcrumb li:last-child a {
  color: #222;
}
.sub-content-wrap .sub-title-wrap ul.breadcrumb li a {
  color: #c8c8c8;
}
.sub-content-wrap .sub-title-wrap span {
  display: block;
  padding: 10px 0;
  font-size: 14px;
  color: #999;
  line-height: 15px;
}
.sub-content-wrap .sub-title-wrap.center {
  text-align: center;
}
.left-menu {
  float: left;
  width: 215px;
  padding-right: 25px;
  box-sizing: border-box;
}
.left-menu .left-tit-wrap {
  width: 191px;
  height: 140px;
  background: url(../img/common/leftmenu-bg.jpg) no-repeat;
}
.left-menu .left-tit-wrap > h2 {
  font-size: 22px;
  padding-top: 43px;
  position: relative;
  font-weight: normal;
  letter-spacing: -1px;
  color: #fff;
  text-align: center;
}
.left-menu .left-tit-wrap > h2:before {
  position: absolute;
  top: -10px;
  display: none;
  width: 20px;
  height: 3px;
  background: #2b83e4;
  content: "";
}
.left-menu .left-tit-wrap > span {
  display: block;
  padding-top: 5px;
  font-size: 13px;
  line-height: 15px;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
}
.left-menu .left-tit-wrap2 {
  width: 191px;
  height: 140px;
  background: url(../img/common/leftmenu-bg2.jpg) no-repeat;
}
.left-menu .left-tit-wrap2 > h2 {
  font-size: 22px;
  padding-top: 43px;
  position: relative;
  font-weight: normal;
  letter-spacing: -1px;
  color: #fff;
  text-align: center;
}
.left-menu .left-tit-wrap2 > h2:before {
  position: absolute;
  top: -10px;
  display: none;
  width: 20px;
  height: 3px;
  background: #2b83e4;
  content: "";
}
.left-menu .left-tit-wrap2 > span {
  display: block;
  padding-top: 5px;
  font-size: 13px;
  line-height: 15px;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
}
.left-menu .left-tit-wrap3 {
  width: 191px;
  height: 140px;
  background: url(../img/common/leftmenu-bg3.jpg) no-repeat;
}
.left-menu .left-tit-wrap3 > h2 {
  font-size: 22px;
  padding-top: 43px;
  position: relative;
  font-weight: normal;
  letter-spacing: -1px;
  color: #fff;
  text-align: center;
}
.left-menu .left-tit-wrap3 > h2:before {
  position: absolute;
  top: -10px;
  display: none;
  width: 20px;
  height: 3px;
  background: #2b83e4;
  content: "";
}
.left-menu .left-tit-wrap3 > span {
  display: block;
  padding-top: 5px;
  font-size: 13px;
  line-height: 15px;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
}
.left-menu .left-tit-wrap4 {
  width: 191px;
  height: 140px;
  background: url(../img/common/leftmenu-bg4.jpg) no-repeat;
}
.left-menu .left-tit-wrap4 > h2 {
  font-size: 22px;
  padding-top: 43px;
  position: relative;
  font-weight: normal;
  letter-spacing: -1px;
  color: #fff;
  text-align: center;
}
.left-menu .left-tit-wrap4 > h2:before {
  position: absolute;
  top: -10px;
  display: none;
  width: 20px;
  height: 3px;
  background: #2b83e4;
  content: "";
}
.left-menu .left-tit-wrap4 > span {
  display: block;
  padding-top: 5px;
  font-size: 13px;
  line-height: 15px;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
}
.left-menu .left-tit-wrap5 {
  width: 191px;
  height: 140px;
  background: url(../img/common/leftmenu-bg5.jpg) no-repeat;
}
.left-menu .left-tit-wrap5 > h2 {
  font-size: 22px;
  padding-top: 43px;
  position: relative;
  font-weight: normal;
  letter-spacing: -1px;
  color: #fff;
  text-align: center;
}
.left-menu .left-tit-wrap5 > h2:before {
  position: absolute;
  top: -10px;
  display: none;
  width: 20px;
  height: 3px;
  background: #2b83e4;
  content: "";
}
.left-menu .left-tit-wrap5 > span {
  display: block;
  padding-top: 5px;
  font-size: 13px;
  line-height: 15px;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
}
.left-menu .left-tit-wrap6 {
  width: 191px;
  height: 140px;
  background: url(../img/common/leftmenu-bg6.jpg) no-repeat;
}
.left-menu .left-tit-wrap6 > h2 {
  font-size: 22px;
  padding-top: 43px;
  position: relative;
  font-weight: normal;
  letter-spacing: -1px;
  color: #fff;
  text-align: center;
}
.left-menu .left-tit-wrap6 > h2:before {
  position: absolute;
  top: -10px;
  display: none;
  width: 20px;
  height: 3px;
  background: #2b83e4;
  content: "";
}
.left-menu .left-tit-wrap6 > span {
  display: block;
  padding-top: 5px;
  font-size: 13px;
  line-height: 15px;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
}
.left-menu .left-tit-wrap7 {
  width: 191px;
  height: 140px;
  background: url(../img/common/leftmenu-bg7.jpg) no-repeat;
}
.left-menu .left-tit-wrap7 > h2 {
  font-size: 22px;
  padding-top: 43px;
  position: relative;
  font-weight: normal;
  letter-spacing: -1px;
  color: #fff;
  text-align: center;
}
.left-menu .left-tit-wrap7 > h2:before {
  position: absolute;
  top: -10px;
  display: none;
  width: 20px;
  height: 3px;
  background: #2b83e4;
  content: "";
}
.left-menu .left-tit-wrap7 > span {
  display: block;
  padding-top: 5px;
  font-size: 13px;
  line-height: 15px;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
}
.left-menu > ul li > a {
  display: block;
  height: 40px;
  padding-left: 15px;
  border-bottom: 1px solid #d5d5d5;
  background: #f8f8f8;
  line-height: 40px;
  font-size: 15px;
}
.left-menu > ul li.active:hover a {
  text-shadow: 0.5px 0;
}
.left-menu > ul li.active a {
  color: #222;
  background: url(../img/common/left-dot.png) 170px #fff no-repeat;
  text-shadow: 0.5px 0;
}
.left-menu > ul li:hover a {
  color: #444;
}
/*sub top 이미지*/
.sub-img-wrap {
  position: relative;
  background: url(/img/common/sub-img01.jpg) #999 center no-repeat;
  height: 150px;
}
.sub-img-wrap > div {
  position: relative;
  text-align: center;
}
.sub-img-wrap > div > span {
  color: #fff;
  font-size: 15px;
  display: inline-block;
  padding-top: 50px;
  padding-bottom: 0;
  letter-spacing: 1px;
  font-weight: 200;
}
.sub-img-wrap > div > h2 {
  color: #fff;
  letter-spacing: 2px;
  font-size: 28px;
  font-weight: normal;
}
.sub-img-wrap:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 150px;
  background: rgba(37, 37, 37, 0.7);
  content: "";
}
.sub-img-wrap.img01 {
  background: url(/img/common/sub-img01.jpg) #999 center no-repeat;
}
.sub-img-wrap.img02 {
  background: url(/img/common/sub-img02.jpg) #999 center no-repeat;
}
.sub-img-wrap.img03 {
  background: url(/img/common/sub-img03.jpg) #999 center no-repeat;
}
.sub-img-wrap.img04 {
  background: url(/img/common/sub-img04.jpg) #999 center no-repeat;
}
.sub-img-wrap.img05 {
  background: url(/img/common/sub-img05.jpg) #999 center no-repeat;
}
.sub-img-wrap.img06 {
  background: url(/img/common/sub-img06.jpg) #999 center no-repeat;
}
/*top형 레프트메뉴*/
.sub-topmenu {
  width: 100%;
  background: #eaeaea;
}
.sub-topmenu ul {
  display: table;
  width: 1200px;
  height: 50px;
  margin: 0 auto;
  /*각 카테고리 서브메뉴 개수에 따른 width값 */
}
.sub-topmenu ul li {
  display: table-cell;
  min-width: 100px;
  border-left: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}
.sub-topmenu ul li a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 50px;
  color: #999;
}
.sub-topmenu ul li:last-child {
  border-right: 1px solid #dcdcdc;
}
.sub-topmenu ul li.active {
  border-bottom: none;
}
.sub-topmenu ul li.active a {
  background: #fff;
  color: #000;
  text-shadow: 0.5px 0;
}
.sub-topmenu ul li:hover {
  background: #fff;
}
.sub-topmenu ul li:hover a {
  color: #000;
}
/*서브 컴포넌트 스타일*/
.mt25 {
  margin-top: 25px;
}
.sub-content {
  float: left;
  width: 100%;
  font-size: 14px;
  color: #444;
}
.sub-content .sub-tit-wrap {
  padding-bottom: 10px;
  padding-top: 10px;
  overflow: hidden;
}
.sub-content .sub-tit-wrap h3 {
  display: inline-block;
  float: left;
  font-weight: normal;
  font-size: 30px;
  text-shadow: 1px 0;
  letter-spacing: -1px;
}
.sub-content .sub-tit-wrap span {
  display: none;
  color: #ccc;
  font-size: 14px;
}
.sub-content .sub-tit-wrap2 {
  position: relative;
  padding-top: 0;
  padding-top: 10px;
  overflow: hidden;
}
.sub-content .sub-tit-wrap2 h3 {
  display: inline-block;
  float: left;
  font-weight: normal;
  font-size: 30px;
  text-shadow: 1px 0;
  letter-spacing: -1px;
}
.sub-content .sub-tit-wrap2 span {
  display: none;
  color: #ccc;
  font-size: 14px;
}
.sub-content h4 {
  position: relative;
  text-shadow: 0.2px 0;
  font-size: 18px;
  font-weight: normal;
  margin: 40px 0 10px 0;
  padding-left: 20px;
  letter-spacing: -1px;
}
.sub-content h4:before {
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  width: 12px;
  height: 12px;
  content: "";
  background: url(../img/sub/subtit01.jpg) no-repeat;
}
.sub-content h4:first-child {
  margin-top: 0;
}
.sub-content h5 {
  color: #2b83e4;
  margin: 20px 0 5px 0;
  text-shadow: 0.5px 0;
  font-size: 16px;
  font-weight: normal;
}
.sub-content p.index-tit {
  font-size: 17px;
  text-shadow: 0.5px 0;
  font-weight: normal;
  margin: 25px 0 5px 0;
  padding-left: 0px;
  color: #000000;
}
.sub-content p.index-tit > span.num {
  display: inline-block;
  padding: 1px 6px;
  font-size: 10px;
  margin-right: 7px;
  color: #ffffff;
  background: #556eb7;
}
.sub-content ul.list01 {
  padding: 10px 0;
}
.sub-content ul.list01 > li {
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  padding-bottom: 3px;
}
.sub-content ul.list01 > li:before {
  position: absolute;
  top: 9px;
  left: 8px;
  font-size: 12px;
  width: 4px ;
  height: 4px;
  background: #2b83e4;
  display: block;
  content: "";
}
.sub-content ul.list01 > li .list-memo {
  margin: 10px 0;
  padding: 10px;
  background: #f8f8f8;
  border: 1px solid #e5e5e5;
}
.sub-content ul.list01 > li ul {
  color: #777;
  font-size: 13px;
  padding: 5px 0;
}
.sub-content ul.list01 > li ul li {
  position: relative;
  padding-left: 10px;
}
.sub-content ul.list01 > li ul li:before {
  position: absolute;
  top: 2px;
  left: 0;
  font-size: 12px;
  display: block;
  content: "-";
}
.sub-content ul.list02 {
  font-size: 14px;
}
.sub-content ul.list02 > li {
  position: relative;
  padding-left: 20px;
}
.sub-content ul.list02 > li .list-memo {
  margin: 10px 0;
  padding: 10px;
  background: #fffdf5;
  border: 1px solid #e8e4d4;
}
.sub-content ul.list02 > li:before {
  position: absolute;
  top: 0;
  left: 10px;
  font-size: 14px;
  content: "- ";
}
.sub-content .p01 {
  padding: 10px 0;
  font-size: 14px;
}
.sub-content span.blue {
  color: #095db7;
}
.sub-content span.gray {
  color: #999;
}
.sub-content span.pd10 {
  display: inline-block;
  padding-top: 10px;
}
.sub-content span.mg10 {
  display: inline-block;
  margin-top: 10px;
}
.sub-content .subtit02 {
  padding-top: 15px;
  padding-left: 10px;
}
.sub-content .subtit02 i {
  color: #2b83e4;
  padding-right: 7px;
}
.sub-content .img-box {
  padding: 20px 0;
  border: 1px solid #e2e0e0;
  box-sizing: border-box;
}
.sub-content .img-box img {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.sub-content .img-pd {
  display: block;
  margin: 0 auto;
  padding: 20px 0;
}
.update-day {
  float: right;
  display: inline-block;
  padding-top: 20px;
  color: #999;
}
/*레이어팝업*/
/*
.solvice-layerpopup {
  position: absolute;
  top: 22%;
  left: 8%;
  background: #fff;
  width: 500px;
  height: 300px;
  text-align: center;
}
*/
.solvice-layerpopup {
  position: absolute;
  top: 22%;
  left: 8%;
  background: #fff;
  width: 461px;
  height: 461px;
  text-align: center;
}
.solvice-layerpopup .header-title {
  padding: 10px 0;
  background: #143a67;
  border-radius: 10px 10px 0 0;
}
.solvice-layerpopup .header-title .main-title {
  display: block;
  color: #fff;
  font-size: 22px;
}
.solvice-layerpopup .header-title .sub-title {
  color: #97c2ff;
  font-size: 18px;
  font-weight: 100;
}
.solvice-layerpopup .content {
  border: 5px solid #143a67;
  border-top: none;
  box-sizing: border-box;
  background: #f5f5f5;
  padding: 20px;
  text-align: left;
  color: #555;
  text-shadow: 0.2px 0;
}
.solvice-layerpopup .content .red-txt {
  padding-left: 20px;
  padding: 10px;
  color: #c72b2b;
  background: #e8e8e8;
  font-weight: 400;
  border-radius: 5px;
  margin: 10px 0;
}
.solvice-layerpopup .close-wrap {
  background: #222;
  text-align: right;
  width: 100%;
  padding: 3px 0;
  color: #fff;
  font-weight: 100;
  font-size: 11px;
}
.solvice-layerpopup .close-wrap a {
  padding: 3px 10px;
  margin: 0 10px;
  cursor: pointer;
  font-size: 11px;
  color: #fff;
  display: inline-block;
  border-radius: 3px;
  background: #000000;
}
.solvice-layerpopup .close-wrap a:hover {
  background: #555;
}
.solvice-layerpopup.index2 {
  left: auto;
  right: 70%;
}
.solvice-layerpopup.index2 .header-title {
  background: #1CA6A2;
  padding: 10px 0;
}
.solvice-layerpopup.index2 .header-title .sub-title {
  font-size: 13px;
  color: #000;
  font-weight: 300;
}
.solvice-layerpopup.index2 .content {
  border: 5px solid #1CA6A2;
  border-top: none;
  background: #1CA6A2;
  padding-top: 0;
}
.solvice-layerpopup.index2 .content .con-box {
  background: #fff;
  padding: 20px;
  border-radius: 5px;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.solvice-layerpopup.index2 .content .con-box h2 {
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  padding-bottom: 5px;
  color: #2e75d6;
}
.solvice-layerpopup.index2 .content .con-box > div {
  color: #555;
  font-weight: 300;
}
.solvice-layerpopup.index2 .content .con-box > div .inner-con {
  padding-top: 10px;
}
.solvice-layerpopup.index2 .content .con-box > div .inner-con p.tit {
  text-shadow: 0.5px 0;
}
.solvice-layerpopup.index2 .content .con-box div.list {
  padding-left: 20px;
  color: #c72b2b;
  background: #e8e8e8;
  padding: 10px;
  border-radius: 5px;
  margin: 5px 0;
}
.solvice-layerpopup.index3 {
  width: 401px;
  height: 399px;
  left: 710px;
  right: 8%;
}
.solvice-layerpopup.index3 .header-title {
  background: #FF824C;
  padding: 10px 0;
}
.solvice-layerpopup.index3 .header-title .sub-title {
  font-size: 13px;
  color: #000;
  font-weight: 300;
}
.solvice-layerpopup.index3 .content {
  border: 5px solid #FF824C;
  border-top: none;
  background: #FF824C;
  padding-top: 0;
}
.solvice-layerpopup.index3 .content .con-box {
  background: #fff;
  padding: 20px;
  border-radius: 5px;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.solvice-layerpopup.index3 .content .con-box h2 {
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  padding-bottom: 5px;
  color: #2e75d6;
}
.solvice-layerpopup.index3 .content .con-box > div {
  color: #555;
  font-weight: 300;
}
.solvice-layerpopup.index3 .content .con-box > div .inner-con {
  padding-top: 10px;
}
.solvice-layerpopup.index3 .content .con-box > div .inner-con p.tit {
  text-shadow: 0.5px 0;
}
.solvice-layerpopup.index3 .content .con-box div.list {
  padding-left: 20px;
  color: #c72b2b;
  background: #e8e8e8;
  padding: 10px;
  border-radius: 5px;
  margin: 5px 0;
}

.solvice-layerpopup.index4 {
  width: 400px;
  height: 400px;
  left: 1210px;
  right: 8%;
}
.solvice-layerpopup.index4 .header-title {
  background: #FF824C;
  padding: 10px 0;
}
.solvice-layerpopup.index4 .header-title .sub-title {
  font-size: 13px;
  color: #000;
  font-weight: 300;
}
.solvice-layerpopup.index4 .content {
  border: 5px solid #FF824C;
  border-top: none;
  background: #FF824C;
  padding-top: 0;
}
.solvice-layerpopup.index4 .content .con-box {
  background: #fff;
  padding: 20px;
  border-radius: 5px;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.solvice-layerpopup.index4 .content .con-box h2 {
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  padding-bottom: 5px;
  color: #2e75d6;
}
.solvice-layerpopup.index4 .content .con-box > div {
  color: #555;
  font-weight: 300;
}
.solvice-layerpopup.index4 .content .con-box > div .inner-con {
  padding-top: 10px;
}
.solvice-layerpopup.index4 .content .con-box > div .inner-con p.tit {
  text-shadow: 0.5px 0;
}
.solvice-layerpopup.index4 .content .con-box div.list {
  padding-left: 20px;
  color: #c72b2b;
  background: #e8e8e8;
  padding: 10px;
  border-radius: 5px;
  margin: 5px 0;
}
.close-wrap {
  background: #222;
  text-align: right;
  width: 100%;
  padding: 3px 0;
  color: #fff;
  font-weight: 100;
  font-size: 11px;
}
.close-wrap a {
  padding: 3px 10px;
  margin: 0 10px;
  cursor: pointer;
  font-size: 11px;
  color: #fff;
  display: inline-block;
  border-radius: 3px;
  background: #000000;
}
.close-wrap a:hover {
  background: #555;
}


ul.tbl-inner-list01 > li {
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  padding-bottom: 3px;
  text-align: left;
}
ul.tbl-inner-list01 > li:before {
  position: absolute;
  top: 9px;
  left: 8px;
  font-size: 12px;
  width: 4px ;
  height: 4px;
  background: #2b83e4;
  display: block;
  content: "";
}
ul.tbl-inner-list01 > li .list-memo {
  margin: 10px 0;
  padding: 10px;
  background: #f8f8f8;
  border: 1px solid #e5e5e5;
}
ul.tbl-inner-list01 > li ul {
  color: #777;
  font-size: 13px;
  padding: 5px 0;
}
ul.tbl-inner-list01 > li ul li {
  position: relative;
  padding-left: 10px;
}
ul.tbl-inner-list01 > li ul li:before {
  position: absolute;
  top: 2px;
  left: 0;
  font-size: 12px;
  display: block;
  content: "-";
}
/*사이트맵*/
.sitemap-wrap {
  display: table;
  width: 100%;
}
.sitemap-wrap > li {
  display: inline-block;
  width: 397px;
  margin-bottom: 30px;
  padding: 0 25px;
  box-sizing: border-box;
  vertical-align: top;
}
.sitemap-wrap > li h3 {
  font-size: 18px;
  font-weight: 400;
  background: #f9f9f9;
  padding: 10px 0;
  border: 1px solid #828282;
  border-left: 0;
  border-right: 0;
  text-align: center;
}
.sitemap-wrap > li ul > li {
  padding: 8px 25px;
  font-size: 15px;
  font-weight: 300;
  border-bottom: 1px dotted #b5b5b5;
}
.sitemap-wrap > li ul > li a {
  display: block;
  color: #555;
  text-align: center;
}
.sitemap-wrap > li ul > li:hover {
  background: #f8f8f8;
  font-weight: 400;
}
.sitemap-wrap > li ul > li:hover a {
  color: #2e75d6;
}
/*faq*/
.faq-list-ul {
  margin-top: 20px;
  border-top: 1px solid #000;
}
.faq-list-ul .questions {
  position: relative;
  padding: 15px;
  border-bottom: 1px solid #ccc;
}
.faq-list-ul .questions a {
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 30px;
  box-sizing: border-box;
}
.faq-list-ul .questions:before {
  position: absolute;
  top: 10px;
  left: 15px;
  content: "Q.";
  color: #2e75d6;
  font-size: 17px;
  font-weight: 500;
}
.faq-list-ul .questions:after {
  position: absolute;
  top: 7px;
  right: 15px;
  content: "+";
  color: #2e75d6;
  font-size: 24px;
  font-weight: 500;
}
.faq-list-ul .answer {
  position: relative;
  font-weight: 300;
  color: #585858;
  display: none;
  padding: 15px 15px 15px 45px;
  background: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;
}
.faq-list-ul .answer:before {
  position: absolute;
  top: 10px;
  left: 15px;
  content: "A.";
  color: #777;
  font-size: 17px;
  font-weight: 500;
}




/* 추가 JE KIM 2019.04.25 */

/* footer */
.f_menu {display:inline-block;padding:0px 15px;border-left:1px solid #666666;color:#aaaaaa;line-height:0.8;font-weight:600;}
.f_menu a:link, a:hover, a:visited {color:inherit;text-decoration:none;}
.f_menu1 {display:inline-block;padding:0px 15px 0px 0px;color:#aaaaaa;line-height:0.8;font-weight:600;}
.f_menu1 a:link, a:hover, a:visited {color:inherit;text-decoration:none;}

/* usr-navie css */
.n_ur_top {width:100%;height:30px;background-color:#20283b;}
.n_ur_top .twarp {width:1200px;margin:0px auto;}
.n_ur_top ul {float:right}
.n_ur_top ul>li {float:left;color:#8c94a6;margin:5px 0px 0px 0px;}
.n_ur_top ul>li a:link, a:hover, a:visited {color:#8c94a6}
.n_ur_top ul>li span {display:inline-block;width:1px;height:10px;background-color:#565e71;margin:0px 15px;}
.n_ur_top .n_login {color:#ff874b;}
.n_ur_top .n_login a:link, a:hover, a:visited {color:inherit;text-decoration:none;}



/* 추가 JE KIM 2020.01.19 */
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800|Noto+Sans+KR:100,300,400,500,700,900&display=swap');


/* top */
.j_top {clear:both;height:90px;width:100%;border-bottom:1px solid #e3e3e3;box-sizing:border-box;}
.j_top .j_t_warp {width:1200px;margin:0px auto;box-sizing:border-box; overflow:hidden; }
.j_top .j_t_warp .j_t_call {float:left;margin-top:17px;width:200px;}
.j_top .j_t_warp .j_t_call > img {margin-right:5px;position:relative;top:4px;}
.j_top .j_t_warp .j_t_call > h1 {font-weight:700;color:#2b2b2b;font-size:20px;font-family: 'Noto Sans KR', sans-serif;display:inline-block;margin-right:10px;}
.j_top .j_t_warp .j_t_call > h2 {font-weight:700;color:#f73f3f;font-size:22px;font-family: 'Noto Sans KR', sans-serif;display:inline-block;padding-right:10px;}
.j_top .j_t_warp .j_logo {position:relative; display: inline-block;padding:30px 0 0 90px;}
.j_top .j_t_warp .j_logo2 {float:right;display:inline-block; text-align:right;margin-top:20px;  }
.j_top .j_t_warp .j_logo2 span {display:inline-block;margin:0px 15px;color:#ddd;font-size:10px;line-height:0.5;}
.j_top .j_t_warp .j_logo_code {text-align:center;margin:auto;position:relative; padding:30px 0 0 90px;}

/* 1 detpth menu */
.j_navi {clear:both;height:50px;width:100%;border-bottom:0px solid #e3e3e3;box-sizing:border-box; background:#fff;}
.j_navi .j_t_warp2 {width:1210px;margin:0px auto;  display: flex;  justify-content: space-between; background:#fff; z-index: 1; overflow: hidden; position:relative;  box-sizing:border-box; padding:0px 10px;}
.j_navi .j_t_warp2:after{width:100%; position:absolute; content:''; height:700px; background:#fff; left:0; top: 11px; z-index:-1;}
.j_navi .j_t_warp2 li {display: inline-block;font-family: 'Noto Sans KR', sans-serif;font-size:17px;font-weight:900;color:#2b2b2b;width: 16.6%; text-align:center; 
border-right:1px dotted #ddd; line-height:48px; position:relative;}
.j_navi .j_t_warp2 li:last-child{border-right: 0px;}
.j_navi .j_t_warp2 li span{font-size:15px;}
.j_navi .j_t_warp2 > .top_menu{}
.j_navi .j_t_warp2 li a { }
.j_navi .j_t_warp2 li a:link {color:#2b2b2b;}
.j_navi .j_t_warp2 li a:hover {color:#f33131;}
/*
.j_navi .j_t_warp2 li:last-child {color:#f33131;}
.j_navi .j_t_warp2 li:last-child a:link {color:#f33131;}
.j_navi .j_t_warp2 li:last-child a:hover {color:#f3a831;}

.j_navi .j_t_warp2 li:nth-child(6) {color:#f33131;}
.j_navi .j_t_warp2 li:nth-child(6) a:link {color:#f33131;}
.j_navi .j_t_warp2 li:nth-child(6) a:hover {color:#f3a831;}
*/
.j_navi .j_t_warp2 dl {background-color:#fff;height:700px; z-index:9999;margin-top:11px;display: block; } 
/* 서브 메뉴 개수가 변경되면 height 값을 조정해 주세요. */
.j_navi .j_t_warp2 dd {font-family: 'Noto Sans KR', sans-serif;font-size:14px;font-weight:300;color:#2b2b2b;line-height:2.0; ;text-align:left;  }

.j_navi .j_t_warp2 .j_d150_2 dd {color:#222;}
.j_navi .j_t_warp2 .j_d150_2 dd a:link {color:#222;}
.j_navi .j_t_warp2 .j_d150_2 dd a:hover {color:#f33131;}
.j_navi .j_t_warp2 .j_l1 {box-sizing:border-box;padding: 0 0 0 8px;}
.j_navi .j_t_warp2 .j_l2 {box-sizing:border-box;padding:0px;}

/* rolling image */
.j_main_roll {clear:both;width:100%;height:600px;}
.j_main_roll .j_arrow {width:100%;height:600px;position:absolute;z-index:99;}
.j_main_roll .j_arrow .j_left {float:left;margin:240px 0px 0px 30px;}
.j_main_roll .j_arrow .j_right {float:right;margin:240px 30px 0px 0px;}
/*.j_main_roll .j_roll01 {background: url('/img/main/j_main_img02.png') no-repeat center;height:600px;display:block;}
.j_main_roll .j_roll02 {background: url('/img/main/j_main_img01.png') no-repeat center;height:600px;display:block;}*/
.j_main_roll .j_link {width:1200px;height:600px;margin:0px auto;display:block;position:relative;z-index:999;}

/* 빠른 상담 */
.j_counsel {clear:both;width:100%;height:95px;background-color:#2b2b2b;}
.j_counsel .j_warp01 {width:1200px;margin:0px auto;}
.j_counsel .j_warp01 li {float:left;margin-right:10px;height:95px;color:#fff;font-family: 'Nanum Gothic', sans-serif;font-weight:400;font-size:12px;box-sizing:border-box;padding-top:25px;}
.j_counsel .j_warp01 li:first-child {width:150px;color:#f2b532;font-weight:800;font-size:20px;box-sizing:border-box;padding-top:33px;}
.j_counsel .j_warp01 li > span {font-size:10px;text-align:left;width:80px;display:inline-block;padding-top:12px;}
.j_counsel .j_warp01 li:last-child {margin-right:0px;margin-top:-5px;}
.j_counsel .j_warp01 .j_bnt_cons {background-color:#f5494d;width:240px;height:50px;float:right;font-size:20px;font-weight:800;text-align:center;color:#fff;box-sizing:border-box;padding-top:10px;}
.j_counsel .j_warp01 > li > .j_form01 {width:150px;height:43px;padding:0px 10px;box-sizing:border-box;}
.j_form02 {width:180px;height:43px;padding:0px 0px 0px 10px;box-sizing:border-box;}
.j_form03 {width:20px;height:20px;margin:-11px 10px 0px 0px;box-sizing:border-box;}

/* all 과목 list */
.j_allclass {width:100%;overflow:hidden;padding:50px 0px;background-color:#f5efe9;}
.j_allclass .j_warp02 {width:1200px;margin:0px auto;}
.j_allclass .j_warp02 li {float:left;width:285px;height:56px;background-color:#f5494d;color:#fff;font-family: 'Noto Sans KR', sans-serif;font-size:22px;font-weight:700;box-sizing:border-box;padding:10px 10px 0px 20px;margin:0px 20px 20px 0px}
.j_allclass .j_warp02 li:nth-child(4n) {margin-right:0px;}
.j_allclass .j_warp02 li span {width:30px;height:30px;border-radius:15px 15px;background-color:#fff;color:#f5494d;text-align:center;box-sizing:border-box;padding-top:2px;font-size:16px;font-weight:400;float:right;margin:5px 10px 0px 0px;}
.j_allclass .j_warp02 li a:link {color:#fff;}
.j_allclass .j_warp02 li a:hover {color:#ffe746;}

/* 과목 퀵배너 & 공지사항 */
.j_ban1 {clear:both;width:100%;padding:50px 0px;background-color:#e6ebf1;overflow:hidden;}
.j_ban1 .j_warp03 {width:1200px;height:400px;;margin:0px auto;}
.j_ban1 .j_warp03 li {float:left;}
.j_ban1 .j_warp03 li:nth-child(1) {width:810px;}
.j_ban1 .j_warp03 li:nth-child(2) {width:390px;}
.j_ban1 .j_warp03 .j_banleft {width:770px;height:400px;background-color:#fff;box-sizing:border-box;border-top:1px solid #e3e3e3;border-left:1px solid #e3e3e3}
.j_ban1 .j_warp03 .j_banleft dd {float:left;width:256px;height:200px;box-sizing:border-box;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;padding:30px 0px 0px 25px;}
.j_ban1 .j_warp03 .j_banleft dd:nth-child(3n) {width:257px;}
.j_ban1 .j_warp03 .j_banleft dd > h1 {font-weight:700;font-size:18px;color:#2b2b2b;margin-bottom:5px;}
.j_ban1 .j_warp03 .j_banleft dd > h2 {font-weight:400;font-size:14px;margin-bottom:27px;height:60px;width:100%;line-height:1.3;}
.j_ban1 .j_warp03 .j_banleft .j_view {width:30px;height:25px;background-color:#3576ce;border-radius:5px;text-align:center;box-sizing:border-box;margin-left:60px;position:absolute;}
.j_ban1 .j_warp03 .j_banleft .j_view > img {margin-top:2px;}
.j_ban1 .j_warp03 .j_banleft .j_bimg {width:115px;height:120px;position:relative; top:-70px;float:right;margin-right:10px;}
/* 공지사항 */
.j_ban1 .j_warp03 .j_notice  {width:390px;height:400px;background-color:#fff;box-sizing:border-box;border:1px solid #e3e3e3;box-sizing:border-box;padding:30px 25px 0px 25px;}
.j_ban1 .j_warp03 .j_notice > h1 {float:left;display:inline-block;color:#3576ce;font-weight:900;font-family: 'Noto Sans KR', sans-serif;font-size:18px;margin-bottom:30px;}
.j_ban1 .j_warp03 .j_notice .h2 {float:right;display:inline-block;border:1px solid #e1e1e1;color:#999;padding:0px 6px;font-weight:700;font-family: 'Noto Sans KR', sans-serif;font-size:14px;margin-bottom:30px;}
.j_ban1 .j_warp03 .j_notice dl {clear:both;width:100%;}
.j_ban1 .j_warp03 .j_notice dt {float:left;display:inline-block;font-size:14px;width:275px;height:42px;}
.j_ban1 .j_warp03 .j_notice dt span {display:inline-block;width:4px;height:4px;background-color:#b2b2b2;margin:0px 15px 0px 0px;position:relative;top:8px;}
.j_ban1 .j_warp03 .j_notice dt a:link {color:#222;}
.j_ban1 .j_warp03 .j_notice dt a:hover {color:#3576ce;}
.j_ban1 .j_warp03 .j_notice dd {float:right;display:inline-block;font-size:11px;width:60px;height:42px;color:#a3a4a6;text-align:right;box-sizing:border-box;padding-top:3px;}

/* center banner 1 */
.j_ban2 {clear:both;width:100%;padding:50px 0px;overflow:hidden;}
.j_ban2 ul {width:1200px;margin:0px auto;display:block;}
.j_ban2 li {float:left;width:185px;height:220px;border:1px solid #e9e9e9;box-sizing:border-box;padding:40px 0px 0px 0px;text-align:center;vertical-align:middle;margin-right:18px;}
.j_ban2 li:last-child {margin-right:0px;}
.j_ban2 img {margin-bottom:35px;}
.j_ban2 span {font-family: 'Noto Sans KR', sans-serif;font-weight:700;font-size:18px;display:block;text-align:center;}
.j_ban2 a:link {color:#222;}
.j_ban2 a:hover {color:#f3a831;}

/* 합격 후기 & 과목 롤링 */
.j_ban3 {clear:both;width:100%;padding:50px 0px;overflow:hidden;background-color:#f4f4f4;}
.j_ban3 ul {width:1200px;margin:0px auto;}
.j_ban3 li {float:left;}
/*합격후기*/
.j_ban3 .li_left {width:390px;height:250px;background-color:#fff;box-sizing:border-box;border:1px solid #e3e3e3;box-sizing:border-box;padding:25px 25px 0px 25px;margin-right:30px;}
.j_ban3 .li_left h1 {float:left;display:inline-block;color:#3576ce;font-weight:900;font-family: 'Noto Sans KR', sans-serif;font-size:18px;margin-bottom:20px;}
.j_ban3 .li_left .h2 {float:right;display:inline-block;border:1px solid #e1e1e1;color:#999;padding:0px 6px;font-weight:700;font-family: 'Noto Sans KR', sans-serif;font-size:14px;margin-bottom:20px;}
.j_ban3 .li_left dl {clear:both;width:100%;}
.j_ban3 .li_left dd {width:100%;height:32px;display:block;font-size:14px;}
.j_ban3 .li_left dd span {display:inline-block;width:4px;height:4px;background-color:#b2b2b2;margin:0px 15px 0px 0px;position:relative;top:8px;}
.j_ban3 .li_left dd a:link {color:#222;}
.j_ban3 .li_left dd a:hover {color:#3576ce;}
.j_ban3 .li_right {width:780px;height:250px;}
/*과목 배너 롤링*/
.j_ban3 .li_right .j_cl_roll {float:left;width:250px;height:250px;margin-left:10px;}
.j_ban3 .li_right .j_cl_roll img {position:absolute;z-index:1}
.j_ban3 .li_right .j_cl_roll span {width:250px;height:40px;background-color:#000;position:relative;z-index:2;top:210px;display:block;text-align:center;color:#fff;box-sizing:border-box;padding-top:10px;}
.j_ban3 .li_right .j_cl_roll span a:link {color:#fff;}
.j_ban3 .li_right .j_cl_roll span a:hover {color:#3576ce;}
.j_ban3 .li_right .j_cl_roll h1 {width:250px;margin-bottom:10px;text-align:center;color:#fff;font-size:12px;position:relative;z-index:2;top:50px;box-sizing:border-box;padding:0px 15px;}
.j_ban3 .li_right .j_cl_roll h2 {width:250px;color:#fdff44;text-align:center;font-size:18px;position:relative;z-index:2;top:50px;box-sizing:border-box;padding:0px 15px;}
.j_ban3 .li_right .j_cl_roll_l {display:inline-block;border:1px solid #c7c7c7;padding:0px 4px 1px 3px;margin:10px 5px 0px 10px;color:#929292;font-size:10px;font-family: 'Noto Sans KR', sans-serif;font-weight:700;}
.j_ban3 .li_right .j_cl_roll_r {display:inline-block;border:1px solid #c7c7c7;padding:0px 3px 1px 4px;margin:10px 0px 0px 0px;color:#929292;font-size:10px;font-family: 'Noto Sans KR', sans-serif;font-weight:700;}

/* 고객센터 */
.j_cs {clear:both;width:100%;padding:50px 0px;overflow:hidden;}
.j_cs .j_warp04 {width:1200px;height:200px;;margin:0px auto;}
.j_cs .j_warp04 li {float:left;box-sizing:border-box;}
.j_cs .j_warp04 li:first-child {width:900px;height:201px;border:1px solid #e3e3e3;box-sizing:border-box;padding:10px 0px 0px 20px;margin-right:20px;}
.j_cs .j_warp04 h1 {display:block;color:#3576ce;font-weight:900;font-family: 'Noto Sans KR', sans-serif;font-size:18px;margin-bottom:25px;}
.j_cs .j_warp04 dl {display:inline-block;width:500px;}
.j_cs .j_warp04 dt {float:left;width:70px;box-sizing:border-box;padding:0px 0px 0px 10px;border-left:3px solid #cccccc;font-size:13px;font-family: 'Noto Sans KR', sans-serif;margin-bottom:10px;line-height:1.0;font-weight:700}
.j_cs .j_warp04 dd {width:200px;float:left;display:inline-block;font-size:13px;font-family: 'Noto Sans KR', sans-serif;margin-bottom:10px;line-height:1.0;font-weight:400;}
.j_cs .j_warp04 .j_cs_img {display:inline-block;position:relative;top:-80px;}
.j_cs .j_warp04 .j_cs_call {display:inline-block;width:450px;height:130px;margin:-20px 20px 0px 40px;}
.j_cs .j_warp04 .j_cs_ban {display:inline-block;float:right;width:190px;height:130px;margin:0px 25px 0px 0px;position:relative;top:-18px;}
.j_cs .j_warp04 .j_cs_ban .j_cs_ban1 {display:block;width:190px;height:40px;text-align:center;color:#fff;font-size:18px;font-weight:900;font-family: 'Noto Sans KR', sans-serif;background-color:#202532;margin-bottom:5px;line-height:2.2;}
.j_cs .j_warp04 .j_cs_ban .j_cs_ban2 {display:block;width:190px;height:40px;text-align:center;color:#fff;font-size:18px;font-weight:900;font-family: 'Noto Sans KR', sans-serif;background-color:#f36713;line-height:2.2}
.j_cs .j_warp04 .j_cs_ban a:link {color:#fff;}
.j_cs .j_warp04 .j_cs_ban a:hover {color:#fdff44;}
.j_cs .j_warp04 h2 {width:100%;color:#f24343;font-weight:900;font-family: 'Noto Sans KR', sans-serif;font-size:40px;margin-top:-10px}
.j_cs .j_warp04 li:last-child {float:right;width:276px;height:201px;border-top:1px solid #e3e3e3;border-left:1px solid #e3e3e3;box-sizing:border-box;}
.j_cs .j_warp04 .j_csabn {width:100%;height:100px;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;오늘 뭇box-sizing:border-box;font-size:21px;font-family: 'Noto Sans KR', sans-serif;font-weight:900;}
.j_cs .j_warp04 .j_csabn img {margin:-13px 15px 0px 25px;}
.j_cs .j_warp04 .j_csabn a:link {color:#222;line-height:5.0}
.j_cs .j_warp04 .j_csabn a:hover {color:#f3a831;}

/* footer */
footer{background:#444; /* overflow:hidden; */  padding-bottom:170px;}
.j_bt_menu {width:100%;height:50px;border-bottom:1px solid #575757;clear:both;overflow:hidden;background-color:#444;}
.j_bt_menu ul {display:block;width:1200px;height:50px;border-left:1px solid #575757;margin:0px auto;}
.j_bt_menu li {float:left;height:50px;border-right:1px solid #575757;box-sizing:border-box;padding:15px 40px 0px;color:#fff;font-family: 'Noto Sans KR', sans-serif;font-size:14px;font-weight4500;}
.j_bt_menu li a:link {color:#fff;}
.j_bt_menu li a:hover {color:#f3a831;}
.j_bottom {clear:both;width:100%;padding:15px 0px;overflow:hidden;background-color:#444;}
.j_bottom .j_add {display:block;width:1200px;margin:0px auto;box-sizing:border-box;color:#fff;font-family: 'Nanum Gothic', sans-serif;font-size:12px;font-weight:400;line-height:2.5}
.j_bottom .j_add span {margin:0px 15px;color:#888888}

/* 우측 고정 퀵메뉴 
.j_quick {width:100px;overflow:hidden;background-color: rgba(58, 52, 5, 0.8);position:fixed;top:141px;right:3%;z-index:9998;color:#fff;font-family: 'Noto Sans KR', sans-serif;font-size:14px;font-weight:400;}
.j_quick li {width:100x;height:75px;box-sizing:border-box;padding-top:0px;border-bottom:1px solid rgba(255, 255, 255, 0.2);display:block;text-align:center;}
.j_quick li:last-child {border-bottom:0px;}
.j_quick li img {margin:0px auto 10px;display:block;box-sizing:border-box;}
.j_quick li a:link {color:#fff;}
.j_quick li a:hover {color:#f3a831;}
*/
.j_quick {overflow:hidden;background-color: rgba(58, 52, 5, 0.8);position:fixed;top:10px;right:0px;z-index:9998;color:#fff;font-family: 'Noto Sans KR', sans-serif;font-size:14px;font-weight:400;}
.j_quick  ul {width:100%;}
.j_quick li {float:left;width:80px;height:75px;box-sizing:border-box;padding-top:0px;border-right:1px solid rgba(255, 255, 255, 0.2);display:inline-block;text-align:center;}
.j_quick li:last-child {border-bottom:0px;}
.j_quick li img {margin:0px auto 10px;display:block;box-sizing:border-box;}
.j_quick li a:link {color:#fff;}
.j_quick li a:hover {color:#f3a831;}
.j_quick .h_color a:hover{color:#f73f3f;}

.j_top .j_t_warp .j_t_chrome{display:inline-block; border-radius:20px; padding:5px 10px; box-sizing:border-box;background: #615d37;}
.j_top .j_t_warp .j_t_chrome > a > img{display:inline-block;margin:0px 10px 0 0;}
.j_top .j_t_warp .j_t_chrome > a > h3{display:inline-block;vertical-align:middle;color:#fff;font-weight: 500;}
.cs_call_t b{width: 70px;display: inline-block;}
.cs_call_t{border-left: 3px solid #cccccc;padding-left:10px;margin-bottom:5px;font-size:18px ;}
.cs_call_t span{font-weight: 400;margin-left:20px}



.top_bgLayer{display:none;position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50); z-index:10;}
/* 상담신청팝업창 */
.top-pop-up{display:inline-block; width:453px; height:617px; background:#fff; border:3px solid #001C5D; border-radius:50px; text-align:center; padding-top:56px;
position:relative; z-index:11; overflow:hidden;}
.top-pop-up form{display:inline-block; font-size:23px; margin:30px 0; text-align:left;}
.top-pop-up form .name{margin-bottom:20px;}
.top-pop-up form .name label{margin-right:74px;}
.top-pop-up form .name input{width:248px; height:35.5px;}
.top-pop-up form .num{margin-bottom:20px;}
.top-pop-up form .num label{margin-right:31px;}
.top-pop-up form .num input{width:70.5px; height:35.5px;}
.top-pop-up form .e-mail{margin-bottom:20px;}
.top-pop-up form .e-mail label{margin-right:52px;}
.top-pop-up form .choice{margin-bottom:10px;}
.top-pop-up form .choice label{margin-right:26px;}
.top-pop-up form .choice select{width:248px; font-size:16px;}
.top-pop-up form .e-mail input{width:109px; height:35.5px;}
.top-pop-up form .check{font-size:15px; text-align:right;}
.top-pop-up button{background:none; cursor:pointer;}
.close_btn{position:absolute; right:9%; top:5%;}




/* otp 인증 페이지 */
.otp{text-align:center;}
.otp .content_01{padding:50px; box-sizing:border-box; }
.otp .content_01 h2{font-size:35px; font-weight:normal; margin-bottom:30px;}
.otp .content_01 h2 span{font-weight:bold; color:#0076A2;}
.otp .content_02{padding:0px 50px; box-sizing:border-box; }
.otp .content_02 h3{font-size:35px;font-weight:normal;  margin-bottom:20px;}
.otp .content_02 h3 span{font-weight:bold; color:#0076A2;}
.otp .content_02 .input01{width:337px; font-weight:normal; margin-bottom:10px; height:40px;}
.otp .content_02 p{margin:15px 0; font-size:18px;}
.otp .content_02 p span{color:red; font-weight:bold; }
.otp #otpNo{width:246px;  height:40px;}
.otp .content_02 button{background:none; cursor:pointer;  padding:0px 30px; box-sizing:border-box; background:#444; color:#fff; height:40px; font-size:16px;}
.otp .content_02 button:hover{background:#666;}
.otp .content_03{padding:50px; box-sizing:border-box; }
.otp .content_03 h3{font-size:35px; font-weight:normal; margin-bottom:30px;}
.otp .content_03 h3 span{font-weight:bold; color:#0076A2;}
.otp .content_03 button{background:none; cursor:pointer;  padding:0px 60px; box-sizing:border-box; background:#DE0000; color:#fff; height:50px; font-size:20px;}
.otp .content_03 button:hover{background:#FF0000;}
.otp .content_04{padding:50px; box-sizing:border-box; }
.otp .content_04 h3{font-size:35px;font-weight:normal;  margin-bottom:20px;}
.otp .content_04 h3 span{font-weight:bold; color:#0076A2;}
.otp .btn_wrap{overflow:hidden;}
.otp .btn_wrap button{width:160px; height:100px; background:none;}
.otp .btn_wrap button.btn_01{margin-right:10px;  border:1px solid #ddd; padding:13px 0;}
.otp .btn_wrap button.btn_02{ padding:15px 0;   border:1px solid #ddd;}
.otp .btn_wrap button.btn_03{ padding:30px 0;   border:1px solid #ddd;}
.otp .btn_wrap button a{ width:100%; height:100%; display:block;}
.otp .btn_wrap button a .txt{font-size:16px; color:#2b83e4; margin-top:8px;}
.otp .btn_wrap button:hover a .txt{font-weight:bold; text-decoration:underline;}



/* 상담하기 고정형 추가 2023-04-11 */
.land_consult_k {width:100%;position:fixed;bottom:0px;overflow:hidden; z-index:999999; transition: all 0.5s;}
.land_consult_k .tap {text-align:center;margin:0px auto;display:block;clear:both;}
.land_consult_k .con {width:100%;background-color:#000;padding:10px 0px 5px;overflow:hidden;}
.land_consult_k .con ul {clear:both;width: 1200px;height:50px;margin:0px auto;}
.land_consult_k .con li {float:left;}
.land_consult_k .con li:nth-child(1) {width:930px;}
.land_consult_k .con li:nth-child(2) {width:250px;}
.land_consult_k .con li a{width:100%; height:100%; display:block;}
.land_consult_k .con .btn {clear:both;width:100%;height:80px;float:right;background-color:#eb2727;font-size:22px;font-family: 'Noto Sans KR', sans-serif;color:#fff;
font-weight:bold;display:block;text-align:center;box-sizing:border-box;padding-top:20px;}
.land_consult_k .con .form_1 {width:230px;height:35px;background-color:#fff;border:0px;font-size:14px;box-sizing:border-box;padding:0px 10px;margin-bottom:5px;}
.land_consult_k .con .form_2 {width:140px;height:35px;background-color:#fff;border:0px;font-size:14px;box-sizing:border-box;padding:0px 0px 0px 10px;margin-bottom:10px;}
.land_consult_k .con .form_3 {width:15px;height:15px;background-color:#fff;border:0px;}
.land_consult_k .con .mail {width:47px;height:35px;text-align:center;color:#fff;font-size:20px;font-family: 'Noto Sans KR', sans-serif;display:inline-block;}
.land_consult_k .con .txt_w {color:#fff;font-size:12px;}

.land_consult_k .land_cons_tit { padding:7px 10px; box-sizing:border-box;   text-align:center;background-color:#000;border-radius:30px 30px 0px 0px;color:#f4e71c;font-size:26px;
font-weight:600; margin:0 auto; width: 660px; }
.land_consult_k .land_cons_tit span.quick_control{ margin-left:10px; font-size: 30px; cursor:pointer;}
.land_consult_k .land_cons_tit span.quick_control .fa-caret-up{display:none;}
.land_consult_k.down{bottom: -105px; transition: all 0.5s;}
.land_consult_k.down .land_cons_tit span.quick_control .fa-caret-up{display:inline-block;}
.land_consult_k.down .land_cons_tit span.quick_control .fa-caret-down{display: none;}

.land_consult_k .land_cons_tit .counsel_close{cursor:pointer;  width: 20px; float: right; margin-right: 5px; margin-top:15px; height:20px; border-radius:100%; text-align:center;border:0px;
background:none;}
.land_consult_k .land_cons_tit .counsel_close i{ font-size: 15px; line-height:18px;  color:#fff;}

.land_consult_k .land_rig_50 {margin-right:50px;}
.land_consult_k .land_rig_10 {margin-right:10px;}