@charset "UTF-8";
/* **************************************************************************** */
/*	@CreateDate   :   */
/*	@ModifyDate   :             */
/*	@Description  : scss build  */
/*	@Author       :         */
/* ***************************************************************************** */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url("/resources/fonts/NotoSansKR-Thin.eot");
  /* IE9 Compat Modes */
  src: url("/resources/fonts/NotoSansKR-Thin.eot?#iefix") format("embedded-opentype");
  /* IE6-IE8 */
  src: local(※), url("/resources/fonts/NotoSansKR-Thin.woff") format("woff");
  /* Modern Browsers */
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url("/resources/fonts/NotoSansKR-Light.eot");
  /* IE9 Compat Modes */
  src: url("/resources/fonts/NotoSansKR-Light.eot?#iefix") format("embedded-opentype");
  /* IE6-IE8 */
  src: local(※), url("/resources/fonts/NotoSansKR-Light.woff") format("woff");
  /* Modern Browsers */
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url("/resources/fonts/NotoSansKR-Regular.eot");
  /* IE9 Compat Modes */
  src: url("/resources/fonts/NotoSansKR-Regular.eot?#iefix") format("embedded-opentype");
  /* IE6-IE8 */
  src: local(※), url("/resources/fonts/NotoSansKR-Regular.woff") format("woff");
  /* Modern Browsers */
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url("/resources/fonts/NotoSansKR-Medium.eot");
  /* IE9 Compat Modes */
  src: url("/resources/fonts/NotoSansKR-Medium.eot?#iefix") format("embedded-opentype");
  /* IE6-IE8 */
  src: local(※), url("/resources/fonts/NotoSansKR-Medium.woff") format("woff");
  /* Modern Browsers */
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url("/resources/fonts/NotoSansKR-Bold.eot");
  /* IE9 Compat Modes */
  src: url("/resources/fonts/NotoSansKR-Bold.eot?#iefix") format("embedded-opentype");
  /* IE6-IE8 */
  src: local(※), url("/resources/fonts/NotoSansKR-Bold.woff") format("woff");
  /* Modern Browsers */
}

body {
  font-weight: 400;
  font-family: 'Noto Sans KR', sans-serif;
}
em{font-style:normal;}
h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

big, strong, b, dt, th {
  font-weight: 400;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
article, aside, canvas, details, embed, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

img, fieldset, form, label, legend, figure, figcaption, input, button {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: middle;
}
input[type="button"]{
	cursor:pointer;
}

select {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

button::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner {
  padding: 0;
  border: 0;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
}

img {
  line-height: 0;
  font-size: 0;
}

a {
  text-decoration: none;
  color: inherit;
}

table {
  empty-cells: show;
  border-collapse: collapse;
  border: 0;
  border-spacing: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}

button {
  cursor: pointer;
}

textarea {
  resize: none;
  width: 100%;
  max-width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

img.adi {
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
  color: inherit;
}

/* IE 6/7 .clearfix { zoom: 1; } */
.skip a {
  display: block;
  height: 1px;
  width: 1px;
  margin: 0 -1px -1px 0;
  padding: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

.skip a:hover, .skip a:active, .skip a:focus {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 10px 0;
  text-indent: 10px;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  line-height: 1;
  text-decoration: none !important;
  position: relative;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10000;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000);
}

a, a:active, a:visited {
  text-decoration: none;
  /*color: inherit; */
}

a:active, a:hover {
  text-decoration: none;
}

.no-hashchang a, .no-hashchang a:active, .no-hashchang a:visited {
  text-decoration: none;
  color: #1a2025;
}

caption {
  font-size: 0;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}

.hidden,
legend {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

select {
  background: #fff url("/resources/images/common/select_ico.png") right 10px center no-repeat;
  padding-left: 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  vertical-align: middle;
}

.select_type2 {
  width: 120px;
  background: #fff url("/resources/images/common/select_ico_02.png") right 10px center no-repeat;
  padding: 8px 9px;
  font-size: 16px;
  color: #666;
  font-weight: 300;
  margin-bottom: 10px;
}

.select_type3 {
  width: 50%;
  background: #fff url("/resources/images/common/select_ico_02.png") right 10px center no-repeat;
  padding: 8px 9px;
}

.select_type4 {
  width: 75px;
  background: #fff url("/resources/images/common/select_ico_02.png") right 10px center no-repeat;
  padding: 8px;
  margin-right: 5px;
  height: 32px;
  vertical-align: middle;
  font-size: 16px;
}

.select_type5 {
  width: 55px;
  background: #fff url("/resources/images/common/select_ico_02.png") right 10px center no-repeat;
  padding: 8px;
  height: 32px;
  vertical-align: middle;
  font-size: 16px;
}

#time_select {
  padding: 8px;
}

input[type="text"],
input[type="tel"] {
  background: #fff;
}

.mint_tb input {
  border: 1px solid #ccc;
  padding: 8px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

input[placeholder]::-webkit-input-placeholder,
textarea[placeholder]::-webkit-input-placeholder {
  color: #666;
}

input[placeholder]:-moz-placeholder,
textarea[placeholder]:-moz-placeholder {
  color: #666;
}

input[placeholder]::-moz-placeholder,
textarea[placeholder]::-moz-placeholder {
  color: #666;
}

input[placeholder]:-ms-input-placeholder,
textarea[placeholder]:-ms-input-placeholder {
  color: #666;
}

input[placeholder].placeholder,
textarea[placeholder].placeholder {
  color: #666;
}

html {
  font-size: 62.5%;
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
  min-height: 100%;
  min-width: 1200px;
}

body {
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #fff;
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sub_title_type_02 h2.decimal {
  padding-left: 0 !important;
  line-height: 26px;
  letter-spacing: -0.025em;
}

.sub_title_type_02 h2.decimal:before {
  border: none;
  background: none;
}

.sup {
  position: absolute;
  left: 100%;
  top: -5px;
  background: #069aa5;
  font-size: 12px;
  color: #fff;
  border-radius: 50%;
  display: block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
}

.clear:before, .clear:after {
  content: "";
  display: table;
}

.clear:after {
  clear: both;
}

.w_100 {
  width: 100% !important;
}

.w_105 {
  width: 105px !important;
}

.w_271 {
  width: 271px !important;
}

.tilde {
  display: inline-block;
  font-weight: 300;
  margin: 0 10px;
  vertical-align: middle;
}

.non_margin {
  margin: 0 0 0 0 !important;
}

.mint_medium {
  font-weight: 500;
  color: #069aa5;
}

.mint_title {
  font-size: 20px;
  margin-bottom: 30px;
  font-weight: bold;
  color: #069aa5;
  display: block;
}

.check_enter {
  display: block;
  width: 172px;
  height: 50px;
  line-height: 50px;
  background: #069aa5;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
}

.default_rem {
  line-height: 2rem !important;
}

.btn2_sty01 {
  text-align: center;
  margin-top: 30px;
}

.btn2_sty01 a:first-child {
  margin-right: 2.5px;
}

.btn2_sty01 a:last-child {
  margin-left: 2.5px;
  background: #999;
}

.i_block {
  display: inline-block;
}
.pc_block{
	display: block;
}

.color-mint {
  color: #069aa5;
}

.highlight {
  color: #069aa5;
  font-weight: 700;
}

.none_mbt {
  margin-bottom: 0 !important;
}

.none_mt {
  margin-top: 0 !important;
}

.bold {
  font-weight: 700!important;
}

.mint_tb_btn {
  float: right;
  width: 76px;
  font-weight: 700;
  color: #fff;
  background: #069aa5;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
}

.mint_tb_btn:before, .mint_tb_btn:after {
  content: "";
  display: table;
}

.mint_tb_btn:after {
  clear: both;
}

.t_left {
  text-align: left !important;
}

.t_center {
  text-align: center !important;
}

.ml_10 {
  margin-left: 10px !important;
}

.mbt_20 {
  margin-bottom: 20px !important;
}

.mbt_30 {
  margin-bottom: 30px !important;
}

.mbt_40 {
  margin-bottom: 40px !important;
}

.mbt_50 {
  margin-bottom: 50px !important;
}

.mt_10 {
  margin-top: 10px !important;
}

.mt_20 {
  margin-top: 20px !important;
}

.mt_30 {
  margin-top: 30px !important;
}

.mt_50 {
  margin-top: 50px !important;
}

.element_block {
  display: block;
}

.blank_link {
  display: block;
  margin: 0 auto;
  padding: 15px;
  background: #069aa5;
  color: #fff;
  width: 130px;
  text-align: center;
}

.cert_code {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  padding: 8px;
  background: #069aa5;
  color: #fff;
  width: 130px;
  text-align: center;
}


.search_ipt {
  padding: 0 !important;
  width: 55px;
  height: 32px;
  background: #444 !important;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  vertical-align: middle;
  margin-left: 10px;
}

.not_ready {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
}

.warnning_txt {
  color: red;
}

.not_ready_wrap {
  background: #e5e5e5;
  height: 670px;
  display: table;
  width: 100%;
}

.not_ready_wrap .not_ready {
  display: table-cell;
  vertical-align: middle;
}

.right_label {
  font-size: 14px;
  padding-left: 10px;
}

.w_50 {
  width: 50%;
}

.w_120 {
  width: 120px;
}

.w_165 {
  width: 165px;
}

.w_80 {
  width: 80px;
}
.w_76 {
  width: 76px;
}

.asterix {
  color: #fd1c66;
}

.inner {
  max-width: 1200px;
  margin: 0 auto;
}

#header {
  height: 90px;
  padding-top: 27px;
}

#header .logo {
  float: left;
  line-height: 1;
}

#header .gnb {
  float: left;
  height: 100%;
  padding-top: 10px;
  padding-left: 20px;
}

#header .gnb > li {
  float: left;
  position: relative;
  font-size: 20px;
  color: #010101;
  height:100%;
  font-weight: 500;
  letter-spacing: -0.02em;
}
#header .gnb > li > a{
  display: block;
  height: 100%;
  padding: 0 17px;
}

#header .gnb > li.on, #header .gnb > li :focus {
  color: #069aa5;
  font-weight: 700;
}
#header .gnb > li > a:before{
  content: '';
  position: absolute;
  width:100%;
  height: 2px;
  z-index: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  opacity: 0;
  transition: all .15s ease;
}
#header .gnb > li.on > a:before, #header .gnb > li :focus > a:before {
  opacity: 1;
  background-color: #069aa5;
}

#header .gnb > li.on > ul, #header .gnb > li :focus > ul {
  background-color: #e5fafa;
}

#header .gnb > li > ul {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  min-height: 280px;
  padding-top: 20px;
  display: none;
  z-index: 10;
  background:#fff;
  transition: all .15s ease;
  border-top:1px solid #ddd;
}

#header .gnb > li > ul li {
  font-size: 14px;
  color: #666;
  font-weight: 400;
  text-align: center;
  line-height: 2;
}

#header .gnb > li > ul li:hover a {
  border-bottom: 1px solid #069aa5;
  padding-bottom: 5px;
  color: #069aa5;
}

#header .gnb_r {
  float: right;
  padding-top: 9px;
}

#header .gnb_r > a:first-child {
  margin-right: 20px;
}

#header .gnb_r img {
  margin-right: 7px;
}

#footer {
  background: #fff;
  border-top: 1px solid #dcdcdc;
}

#footer .agent_area .inner {
  position: relative;
}

#footer .agent_area .inner .agent_slider {
  max-width: 1000px;
  margin: 0 auto;
}

#footer .agent_area .inner .agent_slider > div a {
  height: 77px;
  display: table;
  width: 100%;
}

#footer .agent_area .inner .agent_slider > div a .cell_box {
  display: table-cell;
  vertical-align: middle;
}

#footer .agent_area .inner .agent_slider > div a .cell_box img {
  margin: auto;
}

#footer .agent_area .inner .agent_controller button.agent_prev {
	text-indent:-9999px;
  background: url("/resources/images/main/agent_prev.png") no-repeat;
  color: transparent;
  position: absolute;
  left: 0;
  top: 0;
  width: 35px;
  height: 34px;
  top: calc(50% - 17.5px);
}

#footer .agent_area .inner .agent_controller button.agent_next {
	text-indent:-9999px;
  background: url("/resources/images/main/agent_next.png") no-repeat;
  color: transparent;
  position: absolute;
  right: 0;
  top: 0;
  width: 35px;
  height: 34px;
  top: calc(50% - 17.5px);
}

#footer .footer_cont {
  background-color: #596068;
  padding: 40px;
  overflow: hidden;
}

#footer .footer_cont > .inner > * {
  float: left;
}

#footer .footer_cont > .inner .footer_txt {
  color: #fff;
  margin: 0 33px 0 40px;
  font-weight: 300;
}

#footer .footer_cont > .inner .footer_txt p:first-child {
  padding-bottom: 10px;
}

#footer .footer_cont > .inner .footer_policy {
  background: transparent;
  font-size: 14px;
  float: right;
}

#footer .footer_cont > .inner .footer_policy a {
  border-radius: 3px;
}

#footer .footer_cont > .inner .footer_policy a:first-child {
  color: #54bcff;
  border: 1px solid #54bcff;
  padding: 10px 20px;
  margin-right: 5px;
}

#footer .footer_cont > .inner .footer_policy a:nth-child(2) {
  color: #fff;
  border: 1px solid #fff;
  padding: 10px;
}

#footer .footer_cont > .inner .copyright {
  color: #b0b4ba;
  font-weight: 300;
  clear: both;
  text-align: center;
  margin-top: 20px;
  width: 100%;
}

.cell_box {
  display: table-cell;
  vertical-align: middle;
}


aside.quick_wrap .quick_menu {
  width: 106px;
}
aside.quick_wrap{
	position: absolute;
    top: 0;
    right: -136px;
}
aside.quick_wrap .quick_menu:before, aside.quick_wrap .quick_menu:after {
  content: "";
  display: table;
}

aside.quick_wrap .quick_menu:after {
  clear: both;
}

aside.quick_wrap .quick_menu > strong {
  color: #fff;
  font-weight: 700;
  background: url("/resources/images/sub/quick_h.png") no-repeat center center;
  background-size: cover;
  font-size: 16px;
  padding: 12px 0;
  text-align: center;
  display:block;
}

aside.quick_wrap .quick_menu > ul > li.on {
  background: #e6f5f6;
}

aside.quick_wrap .quick_menu > ul > li.on .quick_txt {
  color: #222;
}

aside.quick_wrap .quick_menu .quick_list {
  background: #fff;
}

aside.quick_wrap .quick_menu .quick_list li {
  border: 1px solid #dcdcdc;
  border-top: none;
  text-align: center;
}

aside.quick_wrap .quick_menu .quick_list li.on {
  background: #e6f5f6;
}

aside.quick_wrap .quick_menu .quick_list li.on .quick_txt {
  color: #222;
}

aside.quick_wrap .quick_menu .quick_list li .quick_txt {
  color: #666;
  font-size: 14px;
}

aside.quick_wrap .quick_menu .quick_list li .ico_bg {
  width: 33px;
  height: 31px;
  margin: 0 auto 15px;
  padding: 13px 0 10px;
}

aside.quick_wrap .quick_menu .quick_list li:nth-of-type(1) .ico_bg {
  background: url("/resources/images/common/quick1.png") center center no-repeat;
}

aside.quick_wrap .quick_menu .quick_list li:nth-of-type(1).on .ico_bg {
  background: url("/resources/images/common/quick1_on.png") center center no-repeat;
}

aside.quick_wrap .quick_menu .quick_list li:nth-of-type(2) .ico_bg {
  background: url("/resources/images/common/quick2.png") center center no-repeat;
  width: 32px;
  height: 28px;
}

aside.quick_wrap .quick_menu .quick_list li:nth-of-type(2).on .ico_bg {
  background: url("/resources/images/common/quick2_on.png") center center no-repeat;
}

aside.quick_wrap .quick_menu .quick_list li:nth-of-type(3) .ico_bg {
  background: url("/resources/images/common/quick3.png") center center no-repeat;
  width: 32px;
  height: 28px;
}

aside.quick_wrap .quick_menu .quick_list li:nth-of-type(3).on .ico_bg {
  background: url("/resources/images/common/quick3_on.png") center center no-repeat;
}

aside.quick_wrap .quick_menu .quick_list li:nth-of-type(4) .ico_bg {
  background: url("/resources/images/common/quick4.png") center center no-repeat;
  width: 30px;
  height: 31px;
}

aside.quick_wrap .quick_menu .quick_list li:nth-of-type(4).on .ico_bg {
  background: url("/resources/images/common/quick4_on.png") center center no-repeat;
}

aside.quick_wrap .quick_menu .quick_list li:nth-of-type(5) .ico_bg {
  background: url("/resources/images/common/quick5.png") center center no-repeat;
  width: 31px;
  height: 34px;
}

aside.quick_wrap .quick_menu .quick_list li:nth-of-type(5).on .ico_bg {
  background: url("/resources/images/common/quick5_on.png") center center no-repeat;
}

aside.quick_wrap .quick_menu .quick_list li:nth-of-type(6) .ico_bg {
  background: url("/resources/images/common/quick6.png") center center no-repeat;
  width: 31px;
  height: 29px;
}

aside.quick_wrap .quick_menu .quick_list li:nth-of-type(6).on .ico_bg {
  background: url("/resources/images/common/quick6_on.png") center center no-repeat;
}

aside.quick_wrap .quick_menu .quick_list li:nth-of-type(7) .ico_bg {
  background: url("/resources/images/common/quick7.png") center center no-repeat;
  width: 27px;
  height: 32px;
}

aside.quick_wrap .quick_menu .quick_list li:nth-of-type(7).on .ico_bg {
  background: url("/resources/images/common/quick7_on.png") center center no-repeat;
}

aside.quick_wrap .quick_menu .quick_list li a {
  display: block;
  padding: 15px 0;
}

aside.quick_wrap .quick_menu .scroll_top {
  background: #a2a6ac;
  color: #fff;
  background: url("/resources/images/sub/top_arrow.png") #a2a6ac no-repeat center right 26px;
  height: 40px;
  line-height: 40px;
}

aside.quick_wrap .quick_menu .scroll_top a {
  display: block;
  padding-left: 31px;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
/*
.slick-arrow.slick-hidden {
  display: none;
} */

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

.dropdown-menu {
  position: absolute;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 12px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  list-style: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  display: block;
  margin: 2px 0;
  padding: 5px;
  width: auto;
}

.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}

.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}

.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}

.bootstrap-datetimepicker-widget a[data-action]:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}

.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}

.bootstrap-datetimepicker-widget .btn2[data-action="incrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours";
}

.bootstrap-datetimepicker-widget .btn2[data-action="incrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes";
}

.bootstrap-datetimepicker-widget .btn2[data-action="decrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours";
}

.bootstrap-datetimepicker-widget .btn2[data-action="decrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes";
}

.bootstrap-datetimepicker-widget .btn2[data-action="showHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours";
}

.bootstrap-datetimepicker-widget .btn2[data-action="showMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes";
}

.bootstrap-datetimepicker-widget .btn2[data-action="togglePeriod"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM";
}

.bootstrap-datetimepicker-widget .btn2[data-action="clear"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker";
}

.bootstrap-datetimepicker-widget .btn2[data-action="today"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today";
}

.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}

.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens";
}

.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
}

.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}

.bootstrap-datetimepicker-widget table td {
  padding: 10px;
  text-align: center;
}

.bootstrap-datetimepicker-widget table th {
  padding: 10px;
  text-align: center;
  height: 20px;
  line-height: 20px;
  width: 20px;
}

.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 100px;
}

.bootstrap-datetimepicker-widget table th.disabled {
  background: none;
  color: #777777;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #e6f5f6;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month";
}

.bootstrap-datetimepicker-widget table th.next {
  background: url("/resources/images/main/next_pop.png") center no-repeat;
}

.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month";
}

.bootstrap-datetimepicker-widget table th.prev {
  background: url("/resources/images/main/prev_pop.png") center no-repeat;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}

.bootstrap-datetimepicker-widget table td {
  height: 30px;
  line-height: 30px;
  width: 30px;
}

.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 5px;
  line-height: 5px;
  color: #777777;
}

.bootstrap-datetimepicker-widget table td.day {
  height: 5px;
  line-height: 5px;
  width: 5px;
}

.bootstrap-datetimepicker-widget table td.day:hover {
  background: #e6f5f6;
  cursor: pointer;
}

.bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}

.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
  color: #777777;
}

.bootstrap-datetimepicker-widget table td.today {
  position: relative;
}

.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #069aa5;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}

.bootstrap-datetimepicker-widget table td.active {
  background-color: #069aa5;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #069aa5;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff;
}

.bootstrap-datetimepicker-widget table td.disabled {
  background: none;
  color: #777777;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}

.bootstrap-datetimepicker-widget table td span:hover {
  background: #eeeeee;
}

.bootstrap-datetimepicker-widget table td span.active {
  background-color: #069aa5;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td span.old {
  color: #777777;
}

.bootstrap-datetimepicker-widget table td span.disabled {
  background: none;
  color: #777777;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}

.bootstrap-datetimepicker-widget.wider {
  width: 21em;
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em !important;
}

.input-group.date .input-group-addon {
  cursor: pointer;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* ------------------------- Button & Icon ------------------------- */
/* ------------------------- Icon List ------------------------- */
.infocon1:before {
  content: '';
  display: block;
  margin: 0 auto;
  height: 75px;
  background: url("../resources/images/common/info_icon1.png") no-repeat 0px 0px;
}

.infocon2:before {
  content: '';
  display: block;
  margin: 0 auto;
  height: 75px;
  background: url("../resources/images/common/info_icon1.png") no-repeat -100px 0px;
}

.infocon3:before {
  content: '';
  display: block;
  margin: 0 auto;
  height: 75px;
  background: url("../resources/images/common/info_icon1.png") no-repeat -200px 0px;
}

.infocon4:before {
  content: '';
  display: block;
  margin: 0 auto;
  height: 75px;
  background: url("../resources/images/common/info_icon1.png") no-repeat -300px 0px;
}

.infocon5:before {
  content: '';
  display: block;
  margin: 0 auto;
  height: 75px;
  background: url("../resources/images/common/info_icon1.png") no-repeat -400px 0px;
}

.infocon6:before {
  content: '';
  display: block;
  margin: 0 auto;
  height: 75px;
  background: url("../resources/images/common/info_icon1.png") no-repeat -500px 0px;
}

.infocon7:before {
  content: '';
  display: block;
  margin: 0 auto;
  height: 75px;
  background: url("../resources/images/common/info_icon1.png") no-repeat -600px 0px;
}

.infocon8:before {
  content: '';
  display: block;
  margin: 0 auto;
  height: 75px;
  background: url("../resources/images/common/info_icon1.png") no-repeat -700px 0px;
}

.infocon1:before {
  width: 50px;
}

.infocon2:before {
  width: 62px;
}

.infocon3:before {
  width: 69px;
}

.infocon4:before {
  width: 71px;
}

.infocon5:before {
  width: 72px;
}

.infocon6:before {
  width: 61px;
}

.infocon7:before {
  width: 68px;
}

.infocon8:before {
  width: 82px;
}

.inbox {
  border: 1px solid #c8c8c8;
  line-height: 40px;
  height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  min-width: 150px;
  vertical-align: top;
}

.inbox.full {
  width: 100%;
  margin: 0;
}

.inbox.middle {
  width: 50%;
}

.inbox.narrow {
  width: 30%;
}

.inbox.half {
  width: calc(50% - 3px);
  padding: 0 3px;
}

.inbox.half ~ .inbox.half {
  margin-left: 3px;
}

.inbox.year {
  width: 60px;
}

.inbox + label {
  line-height: 30px;
  margin-left: 5px;
}

.inbox.small {
  width: 20px;
}

.inbox[readonly] {
  background: #f7f7f7;
}

.inbox[disabled] {
  background: #e1e1e1;
}

.inbox.required {
  border: 1px solid #b70c09;
  background: #fff;
}

.inbox + .ui-datepicker-trigger {
  vertical-align: middle;
  margin-left: 5px;
  cursor: pointer;
}

.textbox {
  border: 1px solid #ddd;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.5;
  margin: 0;
  padding: 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.textbox.with-btn {
  width: calc(100% - 80px);
  height: 80px;
}

/* ------------------------- form check box ------------------------- */
input[type="checkbox"],
input[type="radio"] {
  vertical-align: top;
  opacity: 0;
  width: 0;
  max-width: 0;
  height: 0;
  line-height: 0;
  font-size: 1px;
  position: absolute;
}

.radio_box + label, .check_box + label {
  position: relative;
  display: inline-block;
  padding-left: 28px;
  line-height: 16px;
  vertical-align: middle;
}

label::before,
label::after {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  position: absolute;
  background: #069aa5;
  top: 5px;
  left: 5px;
}

label::before {
  content: '';
  height: 17px;
  width: 17px;
  border: 1px solid #ccc;
  border-radius: 50%;
  left: 0;
  top: 0;
  background: #f6f6f6;
}

input[type="checkbox"]:checked + label::after,
input[type="radio"]:checked + label::after {
  content: "";
}

input[type="checkbox"]:focus + label::before,
input[type="radio"]:focus + label::before {
  outline: #3b99fc auto 5px;
  outline: 1px dotted;
  outline: auto -webkit-focus-ring-color;
  outline-color: #3b99fc;
}

input[type="radio"]:checked + label:after {
  content: ' ';
  width: 9px;
  height: 9px;
  border-radius: 50%;
  position: absolute;
  background: #069aa5;
  top: 5px;
  left: 5px;
}

.mem_agree_box label:nth-of-type(1) {
  margin-right: 7px;
}

.mem_agree_box label:nth-of-type(2) {
  margin-left: 7px;
}

.cs-select {
  display: inline-block;
  min-width: 180px;
  position: relative;
  background: #fff;
}

.cs-select select {
  width: 100%;
  padding: 7px 29px 7px 20px;
  font-family: inherit;
  background: url("../resources/images/cs_select.png") no-repeat right -7px;
  border: 1px solid #cdcdcd;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 16px;
  font-size: 1.6rem;
}

.cs-select select::-ms-expand {
  display: none;
}

.cs-select__disabled select {
  border: 1px solid #D6D6D6;
  color: #D6D6D6;
}

.main-visual {
  width: 100%;
  line-height: 0;
  max-width: 2000px;
  margin: 0 auto;
  overflow: hidden;
}
.main-visual li{
    position: relative;
    height:450px;
    overflow: hidden;
}
.main-visual li img{
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.bg_gnb {
  position: absolute;
  top: 90px;
  height: 280px;
  background: #fff;
  left: 0;
  width: 100%;
  display: none;
  z-index: 1;
  border-top: 1px solid #ddd;
}

.main_banner ul {
  overflow: hidden;
  padding: 30px;
}

.main_banner ul > li {
  float: left;
  width: 14.28571%;
  text-align: center;
}

.main_banner ul .imgBox {
  min-height: 80px;
}

.main_banner ul .link_title {
  color: #222;
  font-size: 18px;
  font-weight: 500;
}

.main_bbs_Box {
  margin-bottom: 50px;
}

.main_bbs_Box .bot_bbs_Area > * {
  height: 290px;
}

.main_bbs_Box .main_bbs_01 {
  background-color: #069aa5;
}

.main_bbs_Box .main_bbs_01 h2 {
  color: #fff;
}

.main_bbs_Box .main_bbs_01 form > * {
  width: 100%;
  height: 42px;
}

.main_bbs_Box .main_bbs_01 form input:first-child {
  margin-bottom: 3px;
}

.main_bbs_Box .main_bbs_01 form input:nth-of-type(2) {
  margin-bottom: 18px;
}

.main_bbs_Box .main_bbs_01 form input {
  background-color: #058a94;
  border: 1px solid #fff;
}

.main_bbs_Box .main_bbs_01 form input:nth-of-type(1) {
  margin-bottom: 5px;
}

.main_bbs_Box .main_bbs_01 form input::-webkit-input-placeholder {
  color: #fff;
  padding-left: 10px;
}

.main_bbs_Box .main_bbs_01 form input:-ms-input-placeholder {
  color: #fff;
  padding-left: 10px;
}

.main_bbs_Box .main_bbs_01 form input::-ms-input-placeholder {
  color: #fff;
  padding-left: 10px;
}

.main_bbs_Box .main_bbs_01 form input::placeholder {
  color: #fff;
  padding-left: 10px;
}

.main_bbs_Box .main_bbs_01 form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
  padding-left: 10px;
}

.main_bbs_Box .main_bbs_01 form ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #fff;
  padding-left: 10px;
}

.main_bbs_Box .main_bbs_01 form input[type="button"] {
  color: #515151;
  font-weight: 700;
  font-size: 18px;
  background: url("/resources/images/main/magnifier.png") no-repeat left calc(50% + 30px) center #fff;
  text-align: left;
  padding-left: calc(50% - 30px);
}

.main_bbs_Box .main_bbs_02 {
  background: url("/resources/images/common/plus_gray.png") top 30px right 30px no-repeat;
  font-size: 0;
}

.main_bbs_Box .main_bbs_02 ul {
  overflow: hidden;
}

.main_bbs_Box .main_bbs_02 ul > li {
  line-height: 1;
}

.main_bbs_Box .main_bbs_02 ul > li:before, .main_bbs_Box .main_bbs_02 ul > li:after {
  content: "";
  display: table;
}

.main_bbs_Box .main_bbs_02 ul > li:after {
  clear: both;
}

.main_bbs_Box .main_bbs_02 ul > li a {
  font-size: 16px;
  color: #222;
  font-weight: 300;
}

.main_bbs_Box .main_bbs_02 ul > li a .notice_title {
  float: left;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  max-width: 80%;
}

.notice_date {
  float: right;
  font-size: 16px;
  color: #777;
  font-weight: 300;
}

.main_bbs_Box .main_bbs_02 ul > li:not(:last-child) {
  padding-bottom: 15px;
}

.main_bbs_Box .main_bbs_03 {
  background: url("/resources/images/main/csbanner_bg.jpg") center center no-repeat;
  line-height: 1;
}

.main_bbs_Box .main_bbs_03 .cs_num {
  display: block;
  color: #0e56c1;
  font-weight: 700;
  font-size: 30px;
  padding-left: 67px;
  position: relative;
}

.main_bbs_Box .main_bbs_03 .cs_num:before {
  content: '';
  position: absolute;
  background: url("/resources/images/main/tel_ico.png") left center no-repeat;
  left: 0;
  top: 0;
  width: 48px;
  height: 42px;
}

.main_bbs_Box .main_bbs_03 .local_sel {
  display: block;
  font-size: 14px;
  color: #666;
  padding-left: 67px;
  padding-top: 5px;
}

.main_bbs_Box .main_bbs_03 .local_sel .gray_circle {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #979da5;
  display: inline-block;
  text-align: center;
  line-height: 16px;
  color: #fff;
}

.main_bbs_Box .main_bbs_03 .ars_link {
  display: block;
  background: #fed73d;
  letter-spacing: -0.06rem;
  text-align: center;
  color: #222;
  font-weight: 500;
  height: 32px;
  line-height: 32px;
  margin: 10px 0 20px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

.main_bbs_Box .main_bbs_03 .info_cs {
  color: #333;
}

.main_bbs_Box .main_bbs_04 {
  padding: 0;
}

.main_bbs_Box .main_bbs_04 .popup_slide {
  height: 238px;
}

.main_bbs_Box .main_bbs_04 .popup_controller {
  border-top: 1px solid #ddd;
  height: 50px;
  overflow: hidden;
}

.main_bbs_Box .main_bbs_04 .popup_controller > * {
  float: left;
  line-height: 50px;
}

.main_bbs_Box .main_bbs_04 .popup_controller h2 {
  margin: 0;
  width: 147px;
  border-right: 1px solid #ddd;
  padding-left: 20px;
}

.main_bbs_Box .main_bbs_04 .popup_controller button {
  width: calc(33.333% - 49px);
  text-align: center;
  color: transparent;
}

.main_bbs_Box .main_bbs_04 .popup_controller button:not(:last-child) {
  border-right: 1px solid #ddd;
}

.main_bbs_Box .main_bbs_04 .popup_controller button:nth-of-type(1) {
  background: url("/resources/images/main/prev_pop.png") no-repeat center;
}

.main_bbs_Box .main_bbs_04 .popup_controller button:nth-of-type(2) {
  background: url("/resources/images/main/next_pop.png") no-repeat center;
}

.main_bbs_Box .main_bbs_04 .popup_controller button:nth-of-type(3) {
  background: url("/resources/images/main/pause_pop.png") no-repeat center;
}

.main_bbs_Box .main_bbs_04 .popup_controller .popup_pause.play {
  background: url("/resources/images/main/play_pop.png") no-repeat center;
}

.main_bbs_Box .main_bbs_05 {
  background: url("/resources/images/common/plus_gray.png") top 30px right 30px no-repeat;
  overflow: hidden;
}

.main_bbs_Box .main_bbs_05 .bbs_img {
  float: left;
  width: 210px;
  margin-right: 20px;
}

.main_bbs_Box .main_bbs_05 .bbs_cont {
  float: left;
  width: calc(100% - 230px);
}

.main_bbs_Box .main_bbs_05 .bbs_cont .title_bbs {
  font-size: 18px;
  color: #222;
  font-weight: 400;
  padding-bottom: 15px;
  letter-spacing: -0.03em;
  line-height: 2.6rem;
}

.main_bbs_Box .main_bbs_05 .bbs_cont .des_bbs {
  font-size: 14px;
  color: #666;
  line-height: 2.4rem;
  overflow: hidden;
  position: relative;
  line-height: 1.4em;
  max-height: 2.8em;
  text-align: justify;
  margin-right: -1em;
  padding-right: 1em;
}

.main_bbs_Box .main_bbs_05 .bbs_cont .des_bbs:before {
  content: '...';
  position: absolute;
  right: 0;
  bottom: 0;
}

.main_bbs_Box .main_bbs_05 .bbs_cont .des_bbs:after {
  content: '';
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  background: white;
}

.main_bbs_Box .main_bbs_05 .bbs_cont .date_bbs {
  display: block;
  padding-left: 20px;
  margin-top: 48px;
  position: relative;
  color: #777;
  font-size: 14px;
}

.main_bbs_Box .main_bbs_05 .bbs_cont .date_bbs:before {
  content: '';
  top: 1px;
  left: 0;
  position: absolute;
  width: 16px;
  height: 16px;
  background: url("/resources/images/main/clock.png") no-repeat;
}

.main_bbs_Box .main_bbs_06 {
  background: url("/resources/images/common/plus_gray.png") top 30px right 30px no-repeat;
  background-color: #464b59;
}

.main_bbs_Box .main_bbs_06 h2 {
  color: #fff;
}

.main_bbs_Box .main_bbs_06 input {
  border-bottom: 1px solid #fff;
  width: 100%;
  padding-bottom: 15px;
  background: url("/resources/images/main/magnifier_white.png") transparent right top no-repeat;
}

.main_bbs_Box .main_bbs_06 ul {
  margin-top: 25px;
}

.main_bbs_Box .main_bbs_06 ul li {
  color: #fff;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  padding-left: 14px;
  position: relative;
}

.main_bbs_Box .main_bbs_06 ul li:before {
  position: absolute;
  width: 4px;
  height: 4px;
  background: #fff;
  content: '';
  left: 0;
  top: calc(50% - 2px);
  border-radius: 50%;
}

.main_bbs_Box .main_bbs_06 ul li:not(:last-child) {
  margin-bottom: 15px;
}

.main_bbs_Box h2 {
  letter-spacing: -0.04em;
  font-size: 20px;
  color: #222;
  font-weight: 700;
  margin-bottom: 30px;
  line-height: 1;
}

.main_bbs_Box > div {
  overflow: hidden;
}

.main_bbs_Box > div:first-child {
  margin-bottom: 15px;
}

.main_bbs_Box > div > * {
  border: 1px solid #ddd;
  padding: 30px;
  float: left;
  height: 260px;
}

.main_bbs_Box > div > *:nth-of-type(2) {
  width: 580px;
  margin: 0 15px;
}

.main_bbs_Box > div > *:nth-of-type(1),
.main_bbs_Box > div > div:nth-of-type(3) {
  width: 295px;
}

.sub_visual {
  height: 185px;
  background: url("/resources/images/sub/sv_1.jpg") no-repeat center center;
  display: table;
  width: 100%;
  text-align: center;
  background-size:cover;
}

.sub_visual.s2 {
  background: url("/resources/images/sub/sv_2.jpg") no-repeat center center; background-size:cover;
}

.sub_visual.s3 {
  background: url("/resources/images/sub/sv_3.jpg") no-repeat center center; background-size:cover;
}

.sub_visual.s4 {
  background: url("/resources/images/sub/sv_4.jpg") no-repeat center center; background-size:cover;
}

.sub_visual.s5 {
  background: url("/resources/images/sub/sv_5.jpg") no-repeat center center; background-size:cover;
}

.sub_visual.s6 {
  background: url("/resources/images/sub/sv_6.jpg") no-repeat center center; background-size:cover;
}

.sub_visual.s7 {
  background: url("/resources/images/sub/sv_7.jpg") no-repeat center center; background-size:cover;
}

.sub_visual h1 {
  color: #fff;
  margin-bottom: 15px;
  font-size: 34px;
  font-weight: 500;
}

.sub_visual h2 {
  color: #fff;
  font-size: 16px;
}

.path {
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  background: #fff;
  height: 54px;
}

.path .path_list li a {
  padding: 0 30px 0 20px;
  display: block;
}

.path .path_list > li {
  float: left;
  border-right: 1px solid #dcdcdc;
  position: relative;
  height: 54px;
  line-height: 54px;
}

.path .path_list > li:first-child {
  width: 57px;
  background: url("/resources/images/sub/home.png") no-repeat center center;
  color: transparent;
  padding: 0;
  border-left: 1px solid #dcdcdc;
  text-align: center;
  text-indent : -9999px;
}

.path .path_list > li:not(:first-child) {
  min-width: 250px;
  background: url("/resources/images/sub/down_arrow.png") right 10px center no-repeat;
}

.path .path_list > li .path_sel {
  z-index: 10;
  display: none;
  position: absolute;
  left: -1px;
  top: 53px;
  background: #fff;
  border: 1px solid #dcdcdc;
  border-top: none;
  width: 101%;
}

.path .path_list > li .path_sel > li {
  display: table;
  width: 100%;
  border-top: 1px solid #dcdcdc;
}

.path .path_list > li .path_sel > li:hover {
  background: #efefef;
}

.path .path_list > li .path_sel > li:first-child {
  border-top: none;
}

/*sub*/
section.sub_content {
  margin-bottom: 50px;
  min-height: 727px;
  position:relative;
}

section.sub_content h1 {
  margin: 50px auto;
  text-align: center;
  font-weight: 700;
  font-size: 34px;
}

.intro_wrap {
  overflow: hidden;
  border-bottom: 1px solid #dcdcdc;
}

.intro_wrap > * {
  float: left;
}

.intro_wrap .intro_left {
  width: 700px;
  position: relative;
}

.intro_wrap .intro_left .title {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 30px;
  line-height: 38px;
}

.intro_wrap .intro_left p {
  line-height: 26px;
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
}

.intro_wrap .intro_left .signature {
  float: right;
  padding-right: 75px;
  margin-top: 20px;
}

.intro_wrap .intro_left .signature:before, .intro_wrap .intro_left .signature:after {
  content: "";
  display: table;
}

.intro_wrap .intro_left .signature:after {
  clear: both;
}

.intro_wrap .intro_left .signature:before {
  position: absolute;
  width: 65px;
  height: 36px;
  content: '';
  right: 0;
  bottom: 0;
  background: url("/resources/images/sub/seo_signature.png") no-repeat;
}

.intro_wrap .intro_right {
  width: 500px;
  height: 544px;
  background: url("/resources/images/sub/ceo.jpg") no-repeat center bottom -1px;
}

.history_wrap {
  overflow: hidden;
}

.history_wrap .period {
  overflow: hidden;
}

.history_wrap .period > * {
  float: left;
}

.history_wrap:after:before, .history_wrap:after:after {
  content: "";
  display: table;
}

.history_wrap:after:after {
  clear: both;
}

.history_wrap h2 {
  color: #222;
  font-size: 30px;
  font-style: italic;
  font-weight: 700;
  position: relative;
  padding-right: 30px;
  width: 122.67px;
}

.history_wrap h2:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  background: #069aa5;
  width: 56px;
  height: 2px;
}

.history_wrap .period_contWrap {
  width: calc(100% - 234.67px);
  margin-left: 112px;
}

.history_wrap .period_contWrap .period_cont:last-child dl:last-child {
  padding-bottom: 0;
  height: 70px;
}

.history_wrap .period_contWrap .period_cont {
  overflow: hidden;
}

.history_wrap .period_contWrap .period_cont > * {
  float: left;
}

.history_wrap .period_contWrap .period_cont dl > * {
  float: left;
}

.history_wrap .period_contWrap .period_cont h3 {
  font-size: 24px;
  font-style: italic;
  color: #222;
  font-weight: 700;
  position: relative;
  padding-right: 50px;
  width: 110.64px;
}

.history_wrap .period_contWrap .period_cont h3:before {
  content: '';
  position: absolute;
  width: 9px;
  height: 9px;
  background: #069aa5;
  right: -5px;
  top: calc(50% - 4.5px);
  border-radius: 50%;
}

.history_wrap .period_contWrap dl {
  padding-left: 55px;
  border-left: 1px solid #dfdfdf;
  min-height: 30px;
  padding-bottom: 30px;
  overflow: hidden;
  width: calc(100% - 110.64px);
}

.history_wrap .period_contWrap dl dt {
  font-weight: 700;
  color: #069aa5;
  width: 40px;
}

.history_wrap .period_contWrap dl dd {
  color: #666;
  width: calc(100% - 40px);
  padding: 0 0 30px 30px;
}

.history_wrap .period_contWrap dl dd:last-child {
  padding-bottom: 0;
}

.sub_title_type_02 h2 {
  position: relative;
  font-size: 20px;
  color: #222;
  font-weight: 500;
  padding-left: 22px;
  display: table;
  margin-bottom: 20px;
}

.sub_title_type_02 h2:before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
  border: 4px solid #069aa5;
  left: 0;
  top: 2px;
}

.sub_title_type_02 h3 {
  font-size: 18px;
  letter-spacing: -0.025em;
  line-height: 28px;
  font-weight: 700;
  color: #069aa5;
}

.mint_tb {
  border-top: 2px solid #069aa5;
  margin-bottom: 50px;
}

.mint_tb.row_mint_tb td {
  text-align: left;
}

.mint_tb th {
  background: #e6f5f6;
  font-weight: 700;
  border: 1px solid #ccc;
  padding: 18px;
}

.mint_tb th:first-child {
  border-left: none;
}

.mint_tb th:last-child {
  border-right: none;
}

.mint_tb td {
  background: #fff;
  color: #666;
  text-align: center;
  font-weight: 300;
  border: 1px solid #ccc;
  padding: 18px;
}

.mint_tb td:first-child {
  border-left: none;
}

.mint_tb td:last-child {
  border-right: none;
}

.mint_tb tbody tr:first-child > td:first-child {
  background: #f2f9f9;
  font-weight: 500;
  color: #222;
}

.mint_tb.sty_02_tb tr td:first-child {
  background: #f2f9f9;
  color: #222;
  font-weight: 500;
}

.mint_tb.sty_01_tb th:first-child {
  width: 396px;
}

.mint_tb.sty_01_tb th:nth-child(2) {
  width: 204px;
}

.mint_tb_reset {
  border-top: none;
  margin-bottom: none;
}

.mint_tb_reset th {
  border: none;
  background: none;
  font-weight: 400;
  padding: 0;
}

.mint_tb_reset td {
  border: none;
  background: none;
  color: #666;
  text-align: center;
  font-weight: 300;
  padding: 0;
}

.mint_tb_reset tbody tr:first-child > td:first-child {
  background: none;
  font-weight: 400;
  color: unset;
}

.both {
  overflow: hidden;
}

.both:before, .both:after {
  content: "";
  display: table;
}

.both:after {
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}

.supply .left {
  margin-right: 50px;
  width: 50%;
}

.supply .right {
  width: calc(50% - 50px);
  text-align: center;
  background: #f6f6f6;
  margin-top: 40px;
  height: 520px;
  display: table;
}
.supply .right.rightTbCont{
  background:none;
  margin-top:0;
}
.supply .right .supply_Img {
  display: table-cell;
  vertical-align: middle;
  position:relative;
}

.description {
  display: block;
  font-size: 14px;
  font-weight: 300;
  color: #666;
  position: absolute;
  left:0;
  right:0;
  margin:0 auto;
}

.tabs {
  margin-bottom: 50px;
  height: 50px;
  margin-bottom: 50px;
}

.tabs > li {
  display: table;
  color: #222;
  float: left;
  width: 50%;
  border: 1px solid #ccc;
  border-bottom: 1px solid #7c7c7c;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  text-align: center;
  line-height: 50px;
  height: 50px;
  cursor: pointer;
  background: #fafafa;
  color: #999;
  position: relative;
  font-size: 16px;
  letter-spacing: -0.05em;
}

.tabs > li a {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

.tabs > li a:before {
  content: '';
  position: absolute;
  width: 11px;
  height: 6px;
  background: url("/resources/images/sub/down_arrow.png") no-repeat;
  top: calc(50% - 4.5px);
  right: 19px;
}

.tabs > li:not(.active) a:before {
  display: none;
}

.tabs > li.active {
  border-bottom: none;
  border-top: 1px solid #7c7c7c;
  background: #fff;
  border-right: none;
  border-left: none;
  font-weight: 700;
  color: #222;
}

.tabs > li.active:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  background: #7c7c7c;
  left: 0;
}

.tabs > li.active:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  background: #7c7c7c;
  right: 0;
}

.title_sty_01 {
  text-align: center;
  font-size: 28px;
  letter-spacing: -0.02em;
}

.recruit_wrap .img {
  margin: 30px 0;
  text-align: center;
}

.recruit_wrap .recruit_step {
  overflow: hidden;
  background: #f4f4f4;
  padding: 30px;
}

.recruit_wrap .recruit_step ul {
  overflow: hidden;
}

.recruit_wrap .recruit_step ul li {
  float: left;
  width: calc(50% - 10px);
  background: #fff;
  margin-bottom: 15px;
}

.recruit_wrap .recruit_step ul li:nth-child(odd) {
  margin-right: 20px;
}

.recruit_wrap .recruit_step ul li:last-child {
  width: 100%;
  margin-bottom: 0;
}

.recruit_wrap .recruit_step ul li span.num {
  display: inline-block;
  width: 60px;
  height: 60px;
  color: #fff;
  text-align: center;
  line-height: 60px;
  font-size: 20px;
  font-weight: 700;
  background: #069aa5;
}

.recruit_wrap .recruit_step ul li span.list {
  padding-left: 20px;
  font-size: 18px;
  letter-spacing: -0.02em;
}

.search-top.table {
  position: relative;
  background-color: #fafafa;
  width: 100%;
  border: 1px solid #cdcdcd;
  height: 76px;
  line-height: 76px;
  margin-bottom: 30px;
}

.search-top.table .ipt-group.sty01 {
  text-align: center;
}

.search-top.table .ipt-group.sty01 > * {
  height: 34px;
  line-height: 34px;
  border: 1px solid #cdcdcd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.search-top.table input {
  margin: 0 5px;
  width: 270px;
}

.search-top.table select,
.search-top.table .btn {
  width: 111px;
  vertical-align: middle;
}

.search-top.table .btn {
  background: #444;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.gall_list {
  overflow: hidden;
}

.gall_list ul > li {
  float: left;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.gall_list ul > li .caption {
  line-height: 1.2;
  padding: 20px;
}

.gall_list ul > li .caption > * {
  display: block;
  text-align: center;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.gall_list ul > li .caption .date {
  font-size: 15px;
  color: #666;
}

.gall_list ul > li:hover {
  -webkit-box-shadow: 0.625em 0.625em 1.875em 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0.625em 0.625em 1.875em 0 rgba(0, 0, 0, 0.2);
}

.gall_list ul > li .img {
  background: #fafafa;
  position: relative;
  padding: 30.8%;
  overflow: hidden;
}

.gall_list ul > li .img img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.length_4 li {
  width: calc(25% - 22.5px);
  margin-right: 30px;
  margin-bottom: 30px;
  border: 1px solid #dcdcdc;
  height: 267px;
}

.length_4 li:nth-child(4n) {
  margin-right: 0;
}

.map {
  border: 1px solid #ddd;
  border-bottom: none;
}

.location_map {
  border: 1px solid #ddd;
  background: #fff;
  overflow: hidden;
  position: relative;
  height: 120px;
  margin-top: -1px;
}

.location_map ul {
  overflow: hidden;
  padding: 28px;
  float: left;
  width:calc(100% - 130px);
}

.location_map ul li {
  float: left;
  width: 50%;
}

.location_map ul li:first-child {
  width: 100%;
  padding-bottom: 30px;
}

.location_map ul strong {
  color: #222;
  padding-right: 20px;
  position: relative;
}

.location_map ul strong:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 12px;
  background: #ddd;
  right: 0;
}

.location_map ul span {
  padding-left: 20px;
  color: #666;
}

.location_map .find_btn {
  float: right;
  display: table;
  font-size: 18px;
  width: 130px;
  height: 120px;
  background: #069aa5;
  color: #fff;
  padding-left: 25px;
  text-align: center;
}

.location_map .find_btn span {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

.location_map .find_btn span:before {
  content: '';
  position: absolute;
  left: 0;
  width: 16px;
  height: 21px;
  background: url("/resources/images/sub/map_marker.png") no-repeat;
}

.mint_list_depth3 li {
  padding-left: 10px;
  position: relative;
}

.mint_list_depth3 li:before {
  position: absolute;
  left: 0;
  content: '-';
}

.mint_list:not(:last-child) {
  margin-bottom: 50px;
}

.mint_list > li {
  position: relative;
  color: #666;
  line-height: 32px;
  padding-left: 10px;
  letter-spacing: -0.025em;
}

.mint_list > li:before {
  content: '';
  position: absolute;
  width: 3px;
  height: 5px;
  left: 0;
  top: 13.5px;
  background: url("/resources/images/sub/mint_arrow.png") no-repeat;
}

.download_sty01 {
  display: inline-block;
  background: #999 url("/resources/images/sub/download.png") no-repeat left 12px center;
  margin-left: 10px;
  width: 100px;
  height: 32px;
  line-height: 32px;
  padding-left: 33px;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
}

.circlestep_list {
  overflow: hidden;
}

.circlestep_list.account_list li:not(:last-child):after {
  display: none;
}

.circlestep_list.account_list li:not(:last-child):before {
  position: absolute;
  right: 0;
  top: 0;
  background: #dfdfdf;
  width: 1px;
  height: 100%;
  content: '';
}

.circlestep_list li {
  float: left;
  text-align: center;
  width: 33.33%;
  position: relative;
}

.circlestep_list li:not(:last-child):after {
  content: '';
  position: absolute;
  width: 97px;
  height: 27px;
  background: url("/resources/images/sub/usestep_arrow.png") no-repeat;
  left: calc(100% - 48.5px);
  top: 75px;
}

.circlestep_list li > * {
  display: block;
}

.circlestep_list li strong {
  font-size: 20px;
  color: #222;
  font-weight: 500;
  margin: 30px 0 15px;
  letter-spacing: -0.04em;
}

.circlestep_list li p {
  color: #666;
  letter-spacing: -0.025em;
  line-height: 26px;
}

.cng_Img img:first-child {
  margin-right: 30px;
}

.mint_tb_bold {
  font-size: 18px;
  font-weight: 700;
  color: #069aa5;
  margin-bottom: 20px;
  display: block;
}

.hasInner_tb {
  padding-left: 20px;
}

.tb_description {
  color: #999;
  font-size: 14px;
  margin-top: 5px;
}

.mint_tb_sty02 td {
  padding: 15px;
}

.dis_highlight td:first-child {
  background: #fff !important;
  color: #666 !important;
  font-weight: 300 !important;
}

.tabs.tab_st_3 > li {
  width: 33.33%;
}

.tabs.tab_st_4 > li {
  width: 25%;
}

.tabs.tab_st_5 > li {
  width: 20%;
}

.italic_bg_title {
  padding: 30px;
  margin-bottom: 50px;
  border: 6px solid transparent;
  -o-border-image: url("/resources/images/sub/italic_dashed.png") 6 round;
     border-image: url("/resources/images/sub/italic_dashed.png") 6 round;
}

.italic_bg_title strong {
  font-size: 20px;
  color: #222;
  font-weight: 500;
  margin-bottom: 20px;
  display: block;
}

.italic_bg_title p {
  line-height: 26px;
  letter-spacing: -0.025em;
}

.mint_tb.td_dis_whole tr > td:first-child {
  background: #fff !important;
  color: #666 !important;
}

.result_tb {
  background: #f6f6f6;
  padding: 30px;
}

.result_tb .mint_tb {
  margin: 20px 0 30px;
}

.mint_front_list {
  border-top: 2px solid #069aa5;
  background: #fff;
  padding: 17px 20px;
}

.mint_front_list ul {
  overflow: hidden;
}

.mint_front_list ul li {
  float: left;
  width: 23.5%;
  color: #666;
  font-weight: 300;
}

.mint_front_list ul li:last-child {
  width: 53%;
}

.mint_front_list ul strong {
  font-weight: 600;
  color: #333;
}

.description_ty02 {
  color: #999;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 32px;
  display: block;
}

textarea.gray_txtarea {
  height: 263px;
  overflow-y: scroll;
  overflow-x: hidden;
  border: none;
  background: #f6f6f6;
  font-size: 14px;
  color: #666;
  padding: 25px;
  font-family: 'Noto Sans KR', sans-serif;
  scrollbar-face-color: #fff;
  scrollbar-track-color: #e0e0e0;
  scrollbar-arrow-color: #656565;
  scrollbar-highlight-color: #e0e0e0;
  scrollbar-3dlight-color: none;
  scrollbar-shadow-color: #e0e0e0;
  scrollbar-darkshadow-color: none;
}

.mem_agree_box {
  text-align: center;
  margin-top: 20px;
}

.description_hyphen {
  font-size: 14px;
  color: #999;
  font-weight: 300;
  line-height: 26px;
  letter-spacing: -0.025em;
}

.apply_tb td {
  text-align: left;
}

.mini_select {
  width: 55px;
  height: 30px;
  vertical-align: middle;
}

.calendar {
  position: relative;
}

.cartoon {
  padding: 0 66px;
}

.cartoon .both {
  width: 100%;
  display: table;
  padding: 30px 0;
}

.cartoon .both:first-child {
  padding-top: 0;
}

.cartoon .both:not(:first-child) {
  border-top: 1px dashed #dcdcdc;
}

.cartoon .left {
  width: 50%;
  text-align: center;
  display: table;
  width: 50%;
  height: 243px;
}

.cartoon .right {
  display: table;
  width: 50%;
  height: 243px;
}

.cartoon .right strong {
  font-size: 20px;
  color: #069aa5;
  font-weight: 700;
  margin-bottom: 20px;
  display: block;
}

.cartoon .right p {
  color: #666;
  line-height: 26px;
  letter-spacing: -0.025em;
  text-align: justify;
}

.cartoon_bot_banner {
  border: 1px solid #dcdcdc;
  background: url("/resources/images/sub/cartoon_banner_ico.png") #f4f4f4 no-repeat center left 30px;
  padding: 30px 30px 30px 140px;
  margin-top: 20px;
}

.cartoon_bot_banner strong {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
  display: block;
  letter-spacing: -0.04em;
}

.cartoon_bot_banner p {
  line-height: 26px;
  letter-spacing: -0.02em;
}

.mint_arrow {
  position: relative;
  padding-left: 10px;
  color: #666;
  display: block;
  margin: 10px 0;
  line-height: 32px;
  letter-spacing: -0.025em;
}

.mint_arrow:before {
  content: '';
  position: absolute;
  width: 3px;
  height: 5px;
  left: 0;
  top: 13.5px;
  background: url("/resources/images/sub/mint_arrow.png") no-repeat;
}

.min_arrow_description {
  color: #333;
  font-size: 14px;
}

.mint_tb_simple th {
  line-height: 20px;
}

.mint_tb_simple td {
  text-align: left;
  line-height: 20px;
}

.mint_t {
  color: #069aa5;
  line-height: 26px;
  letter-spacing: -0.025em;
}

.normal_t {
  color: #666;
  line-height: 26px;
  letter-spacing: -0.025em;
}

.td_multiline {
  display: block;
}

.td_multiline:not(:last-child) {
  margin-bottom: 10px;
}

.pagination {
  overflow: hidden;
  width: 220px;
  margin: 0 auto;
}

.pagination > * {
  float: left;
}

.pagination_arrow {
  border: 1px solid #ccc;
  width: 30px;
  height: 30px;
}

.pagination_arrow.paging_prev_end {
  background: url("/resources/images/common/paging_prev_end.png") #fff no-repeat center center;
}

.pagination_arrow.paging_prev {
  background: url("/resources/images/common/paging_prev.png") #fff no-repeat center center;
}

.pagination_arrow.paging_next_end {
  background: url("/resources/images/common/paging_next_end.png") #fff no-repeat center center;
}

.pagination_arrow.paging_next {
  background: url("/resources/images/common/paging_next.png") #fff no-repeat center center;
}

.pagination_num {
  overflow: hidden;
  margin: 0 5px;
}

.pagination_num > * {
  float: left;
  display: table;
}

.pagination_num a {
  width: 30px;
  height: 30px;
  color: #666;
  background: #fff;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.pagination_num a.active {
  border: 1px solid #ccc;
  background: #444;
  color: #fff;
}

.step_txt {
  font-size: 18px;
  color: #666;
  letter-spacing: -0.025em;
  line-height: 32px;
}

.label_txt {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}


.label_txt_not_acc:before{
  content: none !important;
  display: none !important;
}
.label_txt:before {
  content: none !important;
  display: none !important;
}

.label_not_radio:before {
  content: none !important;
  display: none !important;
}

.normal_bold_t {
  line-height: 2.4rem;
  color: #222;
  font-weight: 700;
}

.mint_tb_foot td {
  background: #e6f5f6 !important;
  color: #222;
  font-weight: 500;
}

.mint_tb_foot td:not(:first-child) {
  text-align: right;
}

.mint_foot_txt {
  color: #666;
  text-align: center;
  font-weight: 200;
}

.han_list {
  margin-bottom: 20px;
  padding-left: 12px;
}

.han_list li {
  line-height: 25px;
  color: #069aa5;
  font-weight: 500;
}
.han_list_depth3{
	margin:10px 0 ;
}
.han_list_depth3 > li{
	font-size:14px;
	padding-left:10px;
	color: #666;
    line-height: 26px;
    letter-spacing: -0.025em;
    font-weight:400;
}
.han_list_depth4{margin:10px 0;}
.han_list_depth4 li{
	padding-left:10px;
	color: #666;
    line-height: 26px;
    letter-spacing: -0.025em;
    font-weight:400;
    font-size:13px;
}
.han_list_dots{
	margin:10px 0;
}
.han_list_dots li{
	position:relative;
	padding-left:10px;
	font-size:12px;
	color: #666;
    line-height: 26px;
    letter-spacing: -0.025em;
    font-weight:400;
}
.han_list_dots li:before{
	position:absolute;
	left:0;
	content:'·'
}

.basic_bbs {
  border-top: 2px solid #46474c;
  border-bottom: 1px solid #46474c;
  table-layout: fixed;
  margin-bottom: 30px;
}

.bbs_gray_bg {
  background: #f6f6f6;
}

.basic_bbs th {
  padding: 17px;
  border: 1px solid #dadade;
  font-weight: 500;
  color: #333;
  border-bottom: 1px solid #46474c;
}

.basic_bbs th:first-child {
  border-left: none;
}

.basic_bbs th:last-child {
  border-right: none;
}

.basic_bbs td {
  padding: 17px;
  border: 1px solid #dadade;
  font-weight: 300;
  color: #666;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.basic_bbs td:first-child {
  border-left: none;
  text-overflow: unset;
}

.basic_bbs td:last-child {
  border-right: none;
  text-overflow: unset;
}

.basic_bbs td:nth-child(2) {
  text-align: left;
}

.bbs_banner {
  display: inline-block;
  background: #e01234;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  width: 50px;
  height: 23px;
  line-height: 23px;
  font-weight: 700;
  font-size: 14px;
  margin-left: 9px;
}

.bbs_answer_area {
  width: calc(100% - 122px);
}

.bbs_answer_area .answer_txt_writer {
  min-height: 300px;
  resize: none;
}

.bbs_ask_cont_line {
  padding: 17px !important;
  border-bottom: 1px solid #dadade !important;
}

.bbs_view_tb {
  border-top: 2px solid #46474c;
  border-bottom: 1px solid #46474c;
}

.bbs_view_line:not(:last-child) {
  border-bottom: 1px solid #dadade;
  padding: 17px;
}

.bbs_view_line dl {
  color: #333;
  font-size: 18px;
  height: 20px;
}

.bbs_view_line dl dt {
  width: 122px;
  float: left;
  font-weight: 500;
}

.bbs_view_line dl dd {
  float: left;
}

.bbs_view_line .w_50 {
  width: calc(50% - 122px);
}

.bbs_view_line.w_100 dl dd {
  width: calc(100% - 122px);
}

.bbs_view_line .bbs_ask_cont {
  min-height: 313px;
  color: #666;
  line-height: 25px;
}

.bbs_view_line .bbs_ask_cont dl {
  min-height: 313px;
}

.bbs_view_line .bbs_ask_cont dl dt {
  min-height: 313px;
}

.bbs_view_line .bbs_ask_cont dl dd {
  min-height: 313px;
  width: calc(100% - 122px);
  font-size: 16px;
  color: #666;
  font-weight: 400;
}

.bbs_view_cont {
  min-height: 313px;
  padding: 50px 25px;
  color: #666;
  line-height: 25px;
}

.list_Back {
  margin: 30px auto 30px;
  background: #999;
}

.pagination_bbsView li {
  overflow: hidden;
  padding: 18px 30px;
  border-top: 1px solid #dadade;
}

.pagination_bbsView li:last-child {
  border-bottom: 1px solid #dadade;
}

.pagination_bbsView li > div {
  float: left;
}

.pagination_bbsView li div:first-child {
  color: #333;
  font-weight: 500;
  position: relative;
  padding-right: 60px;
}

.pagination_bbsView li div:first-child:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 16px;
  background: #dadade;
  right: 29.5px;
}

.pagination_bbsView li div::last-child {
  color: #666;
  font-weight: 300;
}

.bbs_downloadBtn {
  margin: 0 auto;
  display: block;
  background: #999;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 10px 10px 33px;
  position: relative;
  width: 96px;
}

.bbs_downloadBtn:before {
  position: absolute;
  content: '';
  background: url("/resources/images/common/download.png") no-repeat;
  width: 12px;
  height: 13px;
  left: 12px;
}

.qna {
  margin-bottom: 30px;
}

.qna > ol {
  border-top: 2px solid #46474c;
}

.qna > ol > li .q_First {
  border-bottom: 1px solid #dadade;
}

.qna > ol > li a {
  padding: 20px 10px 20px 60px;
  position: relative;
  color: #333;
  font-weight: 500;
  height: 70px;
  display: table-cell;
  vertical-align: middle;
  width: 1200px;
}

.qna > ol > li a:before {
  content: '';
  position: absolute;
  background: url("/resources/images/common/q_ico.png") no-repeat;
  width: 38px;
  height: 38px;
  top: calc(50% - 19px);
  left: 10px;
}

.qna > ol > li .a_Second {
  display: block;
  padding: 25px 10px 15px 95px;
  position: relative;
  font-size: 14px;
  color: #555;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: -0.04em;
}

.qna > ol > li .a_Second:before {
  content: '';
  position: absolute;
  background: url("/resources/images/common/a_ico.png") no-repeat;
  width: 60px;
  height: 38px;
  top: 15px;
  left: 10px;
}

.tb_in_un_list {
  padding: 0 !important;
}

.tb_in_list:before, .tb_in_list:after {
  content: "";
  display: table;
}

.tb_in_list:after {
  clear: both;
}
.bbs_view_line:before, .bbs_view_line:after{
	content:'';
	display:table;
}
.bbs_view_line:after{
	clear:both;
}
.tb_in_list li {
  float: left;
  width: 20%;
}

.tb_in_list.tb_inlist_25 li {
  width: 25%;
  padding: 18px;
}

.tb_in_list.tb_inlist_25 li:not(:last-child) {
  border-right: 1px solid #ccc;
}

.tb_in_list.tb_inlist_25 li:nth-child(1), .tb_in_list.tb_inlist_25 li:nth-child(3) {
  background: #f2f9f9 !important;
  color: #222 !important;
  font-weight: 500 !important;
}

.tb_in_list.tb_in_list_one-third li {
  padding: 18px;
}

.tb_in_list.tb_in_list_one-third li:nth-child(1) {
  width: 75%;
}

.tb_in_list.tb_in_list_one-third li:nth-child(2) {
  width: 25%;
}

.tb_in_list.tb_in_list_one-third li:not(:last-child) {
  border-right: 1px solid #ccc;
}

.has_right_btn_td {
  line-height: 32px;
}

.tb_highlight {
  background: #f2f9f9 !important;
  color: #222 !important;
  font-weight: 500 !important;
}

.tb_left td {
  text-align: left !important;
}

.charge_step {
  padding: 30px;
  border: 1px solid #ccc;
  margin-bottom: 50px;
}

.tr_2td th {
  width: 25%;
}

.tr_2td td {
  width: 25%;
}

.swipe {
  overflow-x: auto;
  overflow-y: hidden;
}

.swipe_tb {
  min-width: 3600px;
}

.swipe_txt {
  margin-top: 10px;
}

.w_calc_142 {
  width: calc(100% - 142px - 10px);
  vertical-align: middle;
  margin-left: 10px;
}

.p8_selectbox {
  padding: 8px;
}

.login_box {
  border: 1px solid #dadada;
  text-align: center;
  line-height: 0;
  padding: 90px 0;
  max-width: 920px;
  margin: 0 auto;
}

.login_box > div {
  display: inline-block;
  text-align: left;
}

.login_box_top {
  padding-left: 90px;
  letter-spacing: -0.1em;
  background: url("/resources/images/sub/loginbox_ico.png") 0 0 no-repeat;
}

.login_box_top strong {
  display: inline-block;
  font-size: 28px;
  font-weight: 700;
  line-height: 30px;
  padding-top: 15px;
}

.login_box_top strong span {
  font-size: 28px;
  line-height: 30px;
  font-weight: 400;
}

.login_box_top p {
  color: #666;
  margin-top: 10px;
  font-size: 16px;
  line-height: 18px;
}

.login_box_write {
  padding: 35px 0;
  border-bottom: 1px solid #ddd;
}

.login_box_write:before, .login_box_write:after {
  content: "";
  display: table;
}

.login_box_write:after {
  clear: both;
}

.login_box_write ul {
  float: left;
  margin-right: 15px;
}

.login_box_write ul li {
  margin-top: 10px;
}

.login_box_write ul li:first-child {
  margin-top: 0px;
}

.login_box_write ul li label {
  font-size: 15px;
  font-weight: 300;
}

.login_box_write ul li label span {
  font-weight: 500;
  color: #000;
  display: inline-block;
  width: 75px;
}

.login_box_write ul li label input {
  width: 280px;
  height: 43px;
  line-height: 43px;
  border: 1px solid #cfcfcf;
  padding: 0 5px;
}

.login_box_write button {
  background: #069aa5;
  border-radius: 3px;
  float: right;
  color: #fff;
  height: 100px;
  line-height: 100px;
  text-align: center;
  width: 115px;
  font-size: 16px;
  font-weight: 700;
}

.login_box_bottom {
  width: 510px;
  padding-top: 35px;
}

.login_box_bottom ul li {
  margin-top: 7px;
  overflow: hidden;
}

.login_box_bottom ul a {
  float: right;
  color: #fff;
  background: #5a6067;
  height: 37px;
  line-height: 37px;
  width: 115px;
  text-align: center;
  border-radius: 3px;
  font-size: 13px;
}

.login_box_bottom ul span {
  position: relative;
  width: 380px;
  float: left;
  height: 37px;
  line-height: 37px;
  padding-left: 30px;
}

.login_box_bottom ul span:before {
  content: "!";
  display: block;
  background: #999;
  color: #fff;
  border-radius: 50%;
  width: 18px;
  line-height: 18px;
  height: 18px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
}

.join_part {
  border-top: 2px solid #069aa5;
  max-width: 920px;
  margin: 0 auto;
  letter-spacing: -0.1em;
}

.join_part > strong {
  display: block;
  padding: 20px 0;
  text-align: center;
  color: #069aa5;
  font-weight: 700;
  font-size: 22px;
}

.join_part > ul {
  overflow: hidden;
  border-bottom: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
}

.join_part > ul > li {
  position: relative;
  float: left;
  width: 50%;
  height:470px;
  padding: 100px 5%;
  text-align: center;
  font-size: 0;
  line-height: 0;
}

.join_part > ul > li:last-child .top {
  background: url("/resources/images/sub/join_step_ico2.png") 0 0 no-repeat;
}

.join_part > ul > li:last-child .topA {
  background: url("/resources/images/sub/join_step_ico4.png") top 55px center no-repeat;
}

.join_part > ul > li:first-child:after {
  content: "";
  display: block;
  border-left: 1px solid #e1e1e1;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.join_part > ul > li > a {
  position: relative;
  padding: 15px 0px;
  display: block;
  border-radius: 3px;
  color: #fff;
  background: #069aa5;
  font-size: 20px;
  text-align: center;
  line-height: 22px;
  margin-top:10px;
}

.join_part ul > li > a:before {
  content: "";
  display: block;
  width: 0;
  border-left: 10px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -10px;
}

.join_part ul > li > a:after {
  content: "";
  display: block;
  width: 0;
  border-left: 10px solid #069aa5;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  right: 28px;
  top: 50%;
  margin-top: -10px;
}

.join_part > ul > li .top {
  text-align: left;
  padding-left: 120px;
  height: 120px;
  background: url("/resources/images/sub/join_step_ico1.png") 0 0 no-repeat;
}

.join_part > ul > li .top span {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -1px;
}

.join_part > ul > li strong {
  font-size: 22px;
  line-height: 24px;
  display: inline-block;
  margin-bottom: 15px;
}

.join_step {
  max-width: 920px;
  margin: 0 auto;
}

.join_step h4 {
  color: #222;
  margin: 70px 0 15px;
  font-size: 20px;
  letter-spacing: -1px;
  background: url("/resources/images/sub/h4_blur.png") 0 center no-repeat;
  height: 22px;
  line-height: 22px;
  padding-left: 25px;
  font-weight: 500;
}

.join_step .step {
  overflow: hidden;
}
.join_find_ipt_list{
	height:100px;
}
.join_find_ipt_list li input{
	width: 100%;
    padding: 5px;
    border: 1px solid #ddd;
    height: 40px;
    line-height: 40px;
    border-radius:3px;
    margin-top:10px;
    box-sizing:border-box;
}

.join_step .step li {
  position: relative;
  box-sizing:border-box;
  border: 1px solid #dedede;
  float: left;
  width: 288px;
  margin-left: 28px;
  height: 80px;
  line-height: 50px;
  text-align: center;
  padding-bottom: 10px;
}

.join_step .step li:before {
  content: "";
  display: block;
  width: 0;
  border-left: 8px solid #000;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  position: absolute;
  left: -18px;
  top: 50%;
  margin-top: -8px;
}

.join_step .step li:after {
  content: "";
  display: block;
  width: 0;
  border-left: 8px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  position: absolute;
  left: -21px;
  top: 50%;
  margin-top: -8px;
}

.join_step .step li span {
  position: absolute;
  left: 20px;
  top: 0;
  font-size: 24px;
  color: #069aa5;
  display: inline-block;
  background: #f0f0f0;
  margin-right: 20px;
  padding: 15px 8px 0;
  font-weight: 300;
}

.join_step .step li strong {
  font-size: 20px;
  color: #222;
  display: inline-block;
  padding: 20px 0 0 40px;
  margin: 0;
}

.join_step .step li.on {
  border: 2px solid #069aa5;
}

.join_step .step li.on span {
  background: #069aa5;
  color: #fff;
}

.join_step .step li:first-child {
  margin-left: 0;
}

.join_step .step li:before {
  content: "";
  display: block;
  width: 0;
  border-left: 8px solid #000;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  position: absolute;
  left: -18px;
  top: 50%;
  margin-top: -8px;
}

.join_step .step li:after {
  content: "";
  display: block;
  width: 0;
  border-left: 8px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  position: absolute;
  left: -21px;
  top: 50%;
  margin-top: -8px;
}

.join_step .txt {
  font-size: 18px;
  color: #666;
  letter-spacing: -0.025em;
  line-height: 32px;
  margin-top: 40px;
}

.join_step .topA {
  text-align: center;
  height: 260px;
  background: url("/resources/images/sub/join_step_ico3.png") top 55px center no-repeat;
}

.join_step .topA strong {
  display: block;
  margin-bottom: 160px;
  color: #666;
  font-weight: 300;
}

.join_step .topA span {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -1px;
}

.join_part_ty02 {
  border: none;
  margin-top: 40px;
}

.join_part_ty02 ul li {
  padding: 65px 5%;
}

.hyphen_list {
  margin-top: 20px;
  line-height: 28px;
  letter-spacing: -0.05em;
  font-weight: 300;
  color: #666;
}

.search_ipt.join_ipt {
  letter-spacing: -0.01em;
  font-weight: 300;
  border: none;
  font-size: 14px;
  width: 108px;
  height: 40px;
  line-height: 40px;
}

.str_from_radio {
  color: #000;
  font-weight: 300;
  vertical-align: middle;
  margin-right: 25px;
}


.join_tb {
  letter-spacing: -0.1em;
}

.join_tb input {
  background: #f5f5f5;
  height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.join_tb th {
  padding: 35px;
}

.completionBox {
  border: 1px solid #dadada;
  margin-top: 50px;
  padding: 90px;
  background: #f6f6f6;
  text-align: center;
  letter-spacing: -0.1em;
}

.completionBox > strong {
  display: inline-block;
  font-size: 28px;
  font-weight: 700;
  line-height: 16px;
  padding-top: 15px;
}

.completionBox > strong span {
  font-size: 28px;
  line-height: 30px;
  font-weight: 400;
}

.completionBox .p_01 {
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  color: #666;
  border-bottom: 1px solid #666;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 15px auto 0;
  padding-bottom: 10px;
}

.completionBox .p_02 {
  color: #666;
  font-weight: 200;
  line-height: 24px;
}

.completionBox .join_homeLink {
  margin: 20px auto 0;
  width: 300px;
  position: relative;
  padding: 15px 0px;
  display: block;
  border-radius: 3px;
  color: #fff;
  background: #069aa5;
  font-size: 20px;
  text-align: center;
  line-height: 22px;
}

.completionBox .join_homeLink:before {
  content: "";
  display: block;
  width: 0;
  border-left: 10px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -10px;
}

.completionBox .join_homeLink:after {
  content: "";
  display: block;
  width: 0;
  border-left: 10px solid #069aa5;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  right: 28px;
  top: 50%;
  margin-top: -10px;
}

.completionBox .img_bg {
  margin: 30px auto;
  width: 120px;
  height: 120px;
  background: url("/resources/images/sub/join_step_ico5.png") no-repeat center center;
}

.w_920Inner {
  letter-spacing: -0.1em;
  max-width: 920px;
  margin: 0 auto;
}

.findBox {
  background: #f8f8f8;
  border: 1px solid #dadada;
  padding: 40px;
  margin-bottom: 30px;
}

.findBox > strong {
  font-weight: 700;
  font-size: 22px;
  display: block;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.findBox .write_box {
  font-size: 0;
  line-height: 0;
  text-align: center;
  height: 89px;
  margin: 40px 0 10px;
}

.findBox .write_box button {
    vertical-align: middle;
    display: inline-block;
    height: 100%;
    color: #fff;
    background: #069aa5;
    border-radius: 3px;
    font-weight: bold;
    text-align: center;
    width: 160px;
    font-size: 14px;
    word-break: keep-all;
}

.findBox .write_box ul {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  margin-right: 10px;
}

.findBox .write_box ul li {
  margin-top: 5px;
}

.findBox .write_box ul li:first-child {
  margin-top: 0;
}

.findBox .write_box ul li label {
  font-size: 15px;
  color: #000;
  font-weight: 300;
}

.findBox .write_box ul li label span {
  display: inline-block;
  width: 70px;
  height: 40px;
  line-height: 40px;
}

.findBox .write_box ul li label input {
  width: 290px;
  padding: 0 5px;
  border: 1px solid #ddd;
  height: 40px;
  line-height: 40px;
}

.findBox.findAcoountBoxPw .write_box {
  height: 137px;
}

.sample_tb {
  position: relative;
}

.sample_tb:after {
  content: '';
  position: absolute;
  width: 99px;
  height: 92px;
  top: 0;
  right: 0;
  background: url("/resources/images/sub/sampleimg.png") no-repeat 0 0;
}

.answerbtn {
  padding: 7px;
  font-weight: 500;
  font-size: 14px;
}

.answerbtn.completed {
  background: #069aa5;
  color: #fff;
}
.answerbtn.completed.bg_gray{background:#999;}
.answerbtn.waiting {
  background: #e6f5f6;
  color: #000;
}

.subject_edit_wrap {
  overflow: hidden;
}

.subject_edit_wrap .subject_edit_Area_left {
  width: 122px;
}

.subject_edit_wrap .subject_edit_Area_left dl {
  height: 30px;
}

.subject_edit_wrap .subject_edit_Area_left dl dt {
  height: 30px;
  line-height: 30px;`
}

.subject_edit_wrap .subject_edit_Area_right {
  width: calc(100% - 122px);
}

.subject_edit_wrap .subject_edit_Area_right .subject_txt_area {
  height: 30px;
  line-height: 30px;
  background: #fff;
  border: 1px solid #dcdcdc;
  overflow: hidden;
}
.ipt_in_dd{
	padding:10px;
	width:100%;
	border:1px solid #ddd;
	box-sizing:border-box;
}
.calc_bbs_dd{
	width:calc(100% - 122px);
}
/* @media screen and (max-width:1920px){
	.quick_wrap{display:none;}
} */
/*# sourceMappingURL=default.css.map */

.cwj_popup{
	position: fixed;
    left: calc(50% - 175px);
    top: calc(50% - 250px);
    z-index: 10000;
    width:350px;
    margin: 0 auto;
    border:5px solid #000;
    overflow:hidden;
    }
    .cwj_popup_top{
    position: relative;
    width:350px;
    height:450px;
    overflow: hidden;
    background:#fff;
    }
     .cwj_popup_top img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
     }
    .cwj_popup_bot{
    padding:0 20px;
    height:50px;
    line-height:50px;
    background:#464b59;
    color:#fff;
    font-weight:300;

    }


input[id="cwjPopup"] + label {
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cwj_popup_label:before{
	content:none;
	display:none;
}
.cwj_popup_label{
	position:relative;
}
.cwj_popup_label:hover input ~ .checkmark {
  background-color: #ccc;
}
.cwj_popup_label input:checked ~ .checkmark {
  background-color: #069aa5;
}

.cwj_popup_close{
   float:right;
}
.cwj_popup_close:before{
	content: url(/resources/images/common/popup_close.png);
    padding-right: 14px;
    vertical-align: baseline;
}
.checkmark {
  position: absolute;
  top: calc(50% - 7.5px);
  left: 0;
  height: 15px;
  width: 15px;
  border: 2px solid #000;
  background-color: #fff;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.cwj_popup_label input:checked ~ .checkmark:after {
  display: block;
}
.cwj_popup_label .checkmark:after{
	left: 3px;
    top: 1px;
    width: 2px;
    height: 6px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.close_description{
	padding-left:30px;
}
.cwj_popup_bg{
    width: 100%;
    height: 100%;
    background: rgba(1,1,1,.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index:1000;
}
.s_03_fac .italic_bg_title{margin-bottom:0;}
.s_03_fac .left{width:calc(50% - 20px);margin-right:20px;}
.s_03_fac .right{width:50%;}
.number_step{overflow:hidden;}
.number_step li{
	float: left;
    width: 100%;
    background: #f4f4f4;
    margin-bottom: 15px;
}
.s_03_fac_bot h2{margin-top:50px;}
.s_03_fac_bot .description_ty02{padding-left:10px;margin-bottom:50px;font-weight:300;}
.number_step li span.num{
    display: inline-block;
    width: 60px;
    height: 60px;
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    font-weight: 700;
    background: #069aa5;
}
.number_step li span.list{
    padding-left: 20px;
    font-size: 20px;
    font-weight:500;
    letter-spacing: -0.02em;
}
.number_step li:nth-of-type(1) .mint_medium{padding-left:5px;}
.number_step li .lgt_txt{font-size:16px;font-weight:300;color:#222;}
.s_03_fac_bot .mint_arrow{margin:0;line-height:32px;}
.s_03_fac_bot .mint_tb_bold{margin:15px 0;}
.em_medium{color:#e01234;font-weight:500;}
.s_03_last{padding-bottom:40px;}
.error_popup{width:600px;height:426px;text-align:center;border:1px solid #ccc;border-top:none;
    position: fixed;
    left: calc(50% - 300px);
    top:calc(50% - 213px);
}
.error_popup_top{padding:35px 0;border-top:2px solid #069aa5;border-bottom:1px solid #ccc;background:#fff;}
.error_popup_bot{background:url('/resources/images/common/error_popup_bg.png')no-repeat top 30px center;padding:150px 0 50px;}
.error_popup em{font-size:20px;font-weight:500;color:#000;}

.error_popup p{font-size:16px;font-weight:300;color:#666;margin:10px 0 30px;}
.error_popup_close{font-size:17px;color:#fff;font-weight:600;display:block;width:145px;height:40px;line-height:40px;background:#069aa5;margin:0 auto;}
.sub_title_type_02 .supply_h2{font-weight:400;letter-spacing:-0.02em;}
.info_box{border:1px solid #ddd;color:#666;padding:25px 30px;margin-top:30px;font-size:16px;font-weight:300;line-height:26px;}
.info_tit{margin-bottom:25px;}
.info_list em{display:block;margin-bottom:10px;font-weight:700;}
.info_list li{line-height:1;}
.info_list li:not(:last-child){margin-bottom:25px;}
.trs_list li{border:1px solid #ddd;padding:50px 136px;font-size:15px;font-weight:700;}
.trs_list li:not(:last-child){margin-bottom:20px;}
.trs_list li:nth-child(1){margin-bottom:20px;background:url('/resources/images/sub/car_ico.png')no-repeat left 30px center;}
.trs_list li:nth-child(2){background:url('/resources/images/sub/bus_ico.png')no-repeat left 30px center;}
.trs_list li em{display:block;color:#069aa5;font-size:16px;margin-bottom:15px;}