/* ============== 공매조합 -회원가입페이지 ================== */
.main_wrap {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:550px;  }
.main_wrap .column {width:100%; padding:0; margin:0;}
.main_wrap .title_wrap .subtext {display:inline-block; clear:both;  margin-top:0;padding:.75rem 2rem; background-color:rgba(255,255,255,0.5); border-radius:5rem; border:1px dashed rgba(0,0,0,0.05)}

.main_wrap .cont_box {display:flex; width:100%;flex-direction: row; justify-content: space-between; gap:1.5rem; margin-top:4rem; }
.main_wrap .cont_box li {width:50%; background-color:var(--txt-white); border-radius:var(--radius-default); box-shadow:3px 3px 12px rgba(0,0,0,0.05); display:flex; flex-direction: column;   align-items: center; padding:5rem 0; cursor:pointer; }
.main_wrap .cont_box li figure {width:7.5rem; height:7.5rem; background-repeat:no-repeat; background-size:auto 100%; background-position:center center; }
.main_wrap .cont_box li.n01 figure {background-image:url('/images/ico_m01.png')}
.main_wrap .cont_box li.n02 figure {background-image:url('/images/ico_m02.png')}
.main_wrap .cont_box li h3 {font-size:1.25rem; line-height:1.3rem; font-weight:700; color:#333; margin-top:1.5rem;}
.main_wrap .btn_wrap.right {margin-top:2rem; }
.main_wrap .btn_wrap button { width:auto; height:2.8rem; line-height:2.8rem; font-size:1rem;color:var(--txt-grey); border:1px dashed #bfccd8; border-radius:var(--radius-round); background-color:rgba(255,255,255,0.5); font-weight:600; padding:0 1.5rem; box-shadow:2px 2px 5px rgba(0,0,0, .05)}
.main_wrap .btn_wrap button.logout:after {content:"\F343"; font-family:"Material Design Icons";display:inline-block; vertical-align:top; line-height:2.8rem; margin-left:0.3rem; font-weight:normal;}

/* ============== end 공매조합 -회원가입페이지 ================== */




#container {  opacity: 0;  visibility: hidden;  transition: opacity 0.1s;}
#container._load {  opacity: 1;  visibility: visible;}

.mv_container {  max-width: 100%;  width: 100%;  margin-left: auto;  margin-right: auto;  overflow: hidden;}
.mv_container.bg_anim {  background-size: 125% auto !important;  transition: background 2.5s cubic-bezier(0.35, 0.72, 0.49, 1);}
.mv_container.bg_anim.on {  background-size: 110% auto !important;}
@media screen and (max-width: 1380px) {
  .mv_container.bg_anim {   background-size: cover !important;  }
  .mv_container.bg_anim.on {    background-size: cover !important;  }
}
@media (orientation: portrait) and (max-width: 768px) {
  .mv_container.bg_anim {    background-size: cover !important;  }
  .mv_container.bg_anim.on {    background-size: cover !important;  }
}

#mainVisual { position:relative;  width: 100%;  height:48rem; /*height: calc(var(--vh, 1vh) * 65); */ background-color: #010101;}
#mainVisual .swiper-container {  width: 100%; height:100%; /* height: calc(var(--vh, 1vh) * 65);*/}
#mainVisual .swiper-slide { width: 100%; transition-duration: 1.5s !important;}
#mainVisual .mv_contr_wrap { display: flex; align-items: center;/* justify-content: center; */ width: 100%;  max-width:1380px; position: absolute; top: 0%;  left: 50%; z-index: 10; transform: translate(-50%); margin-top:38rem; /* margin-top: calc(var(--vh, 1vh) * 50); */padding-left: 1rem;  padding-right: 1rem;  gap: 1rem;}
#mainVisual .mv_contr_wrap svg {  display: block;}
#mainVisual .mv_contr_wrap .pagination {  display: flex;  align-items: center;  gap: .25rem;  width: auto;}
#mainVisual .mv_contr_wrap .pagination .current-page,
#mainVisual .mv_contr_wrap .pagination .total-page {  width: 24px;  font-size:1rem; color:#fff;  text-align: center;}
#mainVisual .mv_contr_wrap .paging_btn {  display: block;  width: 5rem;  height: 0.1875rem;  position: relative;  background-color: rgba(255, 255, 255, 0.5);  --duration: 0;  overflow: hidden;  cursor: pointer;}
#mainVisual .mv_contr_wrap .paging_btn::before { content: "";  display: block;  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background-color: var(--color-white);  transform-origin: left;  transform: scaleX(var(--duration));}
#mainVisual .mv_contr_wrap .paging_btn.on::before {  transform: scaleX(100%) !important;}
#mainVisual .mv_contr_wrap .mv_contr .mv_pause {display: block;}
#mainVisual .mv_contr_wrap .mv_contr .mv_play {display: none;}
#mainVisual .mv_contr_wrap .mv_contr.on .mv_pause {display: none;}
#mainVisual .mv_contr_wrap .mv_contr.on .mv_play {display: block;}

@media screen and (max-width: 1380px) {
	  #mainVisual .mv_contr_wrap { gap: 0.6rem;max-width:100%; }
	  #mainVisual .mv_contr_wrap .pagination { gap: .2rem; }
	  #mainVisual .mv_contr_wrap .paging_btn { width: 3rem; height: 3px; }
}

@media screen and (max-width: 800px) {
	  #mainVisual .mv_contr_wrap { gap: 0.5rem; }
	  #mainVisual .mv_contr_wrap .pagination { gap: 0.5rem; }
	  #mainVisual .mv_contr_wrap .paging_btn { width: 2.5rem; }
}

@media screen and (max-width: 601px) {
#mainVisual { /*height: calc(var(--vh, 1vh) * 72);*/  height:32rem; }
#mainVisual .swiper-container { /* height: calc(var(--vh, 1vh) * 72);*/}
#mainVisual .mv_contr_wrap { /*margin-top: calc(var(--vh, 1vh) * 61); */; margin-top: 24rem;}
}

#mainVisual .wheel_down { display: block; position: absolute; bottom: 2rem;  left: 50%;  transform: translateX(-50%); width: 1.25rem; height: 1.875em;  z-index: 10;}
#mainVisual .wheel_down svg {  display: block;  width: 100%;  height: 100%;}
#mainVisual .wheel_down .wheel {
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -moz-animation-name: toBottom;
  -webkit-animation-name: toBottom;
  animation-name: toBottom;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -moz-animation-direction: normal;
  -webkit-animation-direction: normal;
  animation-direction: normal;
}

#mainVisual .mv_txt_box { display: block; position: relative; /*text-align:center;*/  z-index: 5; padding-top:23rem; /*padding-top: calc(var(--vh, 1vh) * 23.537);*/ max-width: 1380px;  padding-left: 1rem; padding-right: 1rem; margin-left: auto; margin-right: auto; color: var(--color-white); font-size: 1.5rem; font-weight: 300; line-height: 1.333;}
#mainVisual .mv_txt_box .mv_cate { display: block; letter-spacing: -0.6px; color: var(--white-white3); font-weight: bold; line-height: 1.25;}
#mainVisual .mv_txt_box .mv_tit { font-size: 3.5rem;  font-weightgkrlgkrls: bold;  margin-top: 0.3333333333em;}
#mainVisual .mv_txt_box .mv_txt {  margin-top: 1.3333333333em;}

@media screen and (max-width: 1920px) {
	#mainVisual .mv_txt_box {/*padding-top: calc(var(--vh, 1vh) * 21.537); */font-size: 1.35rem;  }
	#mainVisual .mv_txt_box .mv_tit { font-size: 2.85rem; }
} 
@media screen and (max-width: 1380px) {
	#mainVisual .mv_txt_box { font-size: 1.35rem; max-width:100%;}
	#mainVisual .mv_txt_box .mv_tit { font-size: 1.8888888889em; margin-top: 0.3529411765em; }
	#mainVisual .mv_txt_box .mv_txt { margin-top: 1.0555555556em; }
}
@media screen and (max-width: 800px) {
	#mainVisual .mv_txt_box { font-size: 1.125rem; /*padding-top: calc(var(--vh, 1vh) * 32.019); */}
}
@media screen and (max-width: 601px) {
	#mainVisual .mv_txt_box {word-break: keep-all; padding-top:12rem; /* padding-top: calc(var(--vh, 1vh) * 27.537);*/ }
	#mainVisual .mv_txt_box br:not(.sm) {display: none; }
}
#mainVisual .bg { position: absolute;top: 0; left: 0%; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center ; background-size: cover; transition: transform 5s cubic-bezier(0.35, 0.72, 0.49, 1); transform: scale(1.2); border:0px solid #f00}
#mainVisual .swiper-slide-active { z-index: 10;}
#mainVisual .swiper-slide-active .bg { transform: scale(1);}
#mainVisual .bg1 { background-image: url("/images/main/main_visual01.jpg");}
#mainVisual .bg2 { background-image: url("/images/main/main_visual02.jpg");}

@media screen and (max-width: 500px) {
	#mainVisual .bg1 {background-image: url("/images/main/main_visual01_m.jpg?ver=1");}
	#mainVisual .bg2 {background-image: url("/images/main/main_visual02_m.jpg");}
}

.mv_container { font-size: 1rem;}
@media screen and (max-width: 1380px) {
	.mv_container { font-size: 1.35rem; }
}
@media screen and (max-width: 800px) {
	.mv_container { font-size: 1.125rem; }
}
.mv_container .wrap { width: 100%; max-width: var(--wrap); margin-left: auto; margin-right: auto; padding-left: var(--spacing); padding-right: var(--spacing);}
.mv_container .m_tit { font-size: 3.375em; color: var(--color-white); letter-spacing: -2.7px; text-align: center; font-weight: bold; margin-bottom: 0.7407407407em;}
.mv_container .m_tit + .m_txt { margin-top: -0.8em;}
@media screen and (max-width: 1380px) {
	.mv_container .m_tit {font-size: 1.6666666667em; margin-bottom: 0.8em; }
	.mv_container .m_tit + .m_txt { margin-top: -0.8888888889em;}
}

#mvShadow {opacity: 1; position: relative; width: 100%;}
#mvShadow::before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: calc(var(--vh, 1vh) * 30); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.015625) 0.01%, rgba(0, 0, 0, 0.994873) 25%, #010101 50%);}

#visualTransWrap { position: absolute; bottom: 0; left: 0; opacity: 0;}



/* 메인공통 */
.drop_zone_wrap {  background-color: var(--color-white2);  border: 1px dashed var(--color-grey3);  display: flex;  align-items: center;  justify-content: center;  font-size: 1.125rem;  font-weight: bold;  color: var(--color-grey2);  height: 5.7777777778em;}
.drop_zone_wrap .file_index {  display: flex;  align-items: center;  width: 100%;  font-size: 0.7777777778em;  color: #000;  font-weight: 300;}
.drop_zone_wrap .file_index + .file_index {  margin-top: 0.2857142857em;}
.drop_zone_wrap .remove_file {  flex: 0 0 auto;  display: flex;  width: 1em;  height: 1em;  margin-right: 0.5714285714em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M15 6.007 13.993 5 10 8.993 6.007 5 5 6.007 8.993 10 5 13.993 6.007 15 10 11.007 13.993 15 15 13.993 11.007 10z' transform='translate(-5 -5)' style='fill:%23888'/%3E%3C/svg%3E%0A") no-repeat center;  background-size: 0.7142857143em auto;
}
.drop_zone_wrap .file_size { display: block; color: var(--color-grey2); font-size: 1em; margin-left: auto;}
.drop_zone_wrap .inner {  display: flex;  align-items: center; justify-content: center; width: 100%; height: 100%;}
.drop_zone_wrap.over {  background-color: #E3F2FC;}
.drop_zone_wrap.drop {  padding: 0.8888888889em 1.1111111111em;}
.drop_zone_wrap.drop .inner { flex-direction: column; align-items: flex-start; justify-content: flex-start;}
.drop_zone_wrap.drop .drop_zone {  flex-direction: column;  align-items: flex-start;  justify-content: flex-start;  padding-top: 0;  padding-bottom: 0;  overflow-y: auto;  /* Track */  /* Handle */}
.drop_zone_wrap.drop .drop_zone::-webkit-scrollbar {  width: 0.125rem;}
.drop_zone_wrap.drop .drop_zone::-webkit-scrollbar-track {  background: var(--border-color);}
.drop_zone_wrap.drop .drop_zone::-webkit-scrollbar-thumb {  background: var(--color-black);}
.drop_zone_wrap.drop .txt {  display: none;}

.drop_zone {  display: flex;  align-items: center;  justify-content: center;  width: 100%;  height: 100%;  cursor: pointer;}
.drop_zone .txt {  display: flex;  align-items: center;  justify-content: center;}
.drop_zone .txt::before {
  content: "";
  display: block;
  width: 1.1111111111em;
  height: 1.1111111111em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M0 0h20v20H0z' style='fill:none'/%3E%3Cpath d='M13.625 2H5.75A1.781 1.781 0 0 0 4 3.8v14.4A1.781 1.781 0 0 0 5.75 20h10.5A1.781 1.781 0 0 0 18 18.2V6.5zM5.75 18.2V3.8h7v3.6h3.5v10.8zm8.75-9v4.5a3.5 3.5 0 1 1-7 0V7.85a2.212 2.212 0 0 1 2.415-2.241 2.317 2.317 0 0 1 1.96 2.367V13.7h-1.75V7.85a.438.438 0 1 0-.875 0v5.85a1.751 1.751 0 1 0 3.5 0V9.2z' transform='translate(-1 -1)' style='fill:%23888'/%3E%3C/svg%3E%0A") no-repeat center;
  background-size: 100% auto;
  margin-right: 0.2222222222em;
}
.drop_zone:hover { opacity: 0.85;}


:root {
  --wave-anim: common_wave 1.4s cubic-bezier(0.165, 0.84, 0.44, 1) both;
  --custom-wave-anim: custom_common_wave 1.4s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}



#mainVisual .active .wave_anim { overflow: hidden;}
#mainVisual .active .wave_anim .wave { opacity: 0; -webkit-animation: var(--wave-anim); animation: var(--wave-anim);}
#mainVisual .active .wave_anim.custom .wave { opacity: 0; -webkit-animation: var(--custom-wave-anim); animation: var(--custom-wave-anim);}

.wave_anim { overflow: hidden;}
.wave_anim > .wave { display: inline-block; transform: translateY(125%); opacity: 0;}
.wave_anim.on .wave { -webkit-animation: var(--wave-anim); animation: var(--wave-anim);}
.wave_anim.on.custom .wave { -webkit-animation: var(--custom-wave-anim);  animation: var(--custom-wave-anim);}

@keyframes common_wave {
  0% {    opacity: 0;    -webkit-transform: translateY(125%);    transform: translateY(125%);  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes custom_common_wave {
  0% {
    opacity: 0;
    -webkit-transform: translateY(125%) rotate(3.5deg);
    transform: translateY(125%) rotate(3.5deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
}



/* main btn */
.m_direct_link {position:relative; display:flex; justify-content: space-between; gap:1rem; margin-top:-3.75rem; z-index:10; }
.m_direct_link a {position:relative; width:50%; height:7.5rem;padding-left:2.85rem; line-height:7.5rem; border-radius:var(--radius-default); color:var(--color-white);  font-size:1.313rem; font-weight:600;background-color:#999; box-shadow:5px 5px 20px rgba(0,0,0,0.05) }
.m_direct_link a span {font-size:inherit; color:inherit;font-weight:inherit;}
.m_direct_link a:before {content:''; display:inline-block; vertical-align:middle; margin-right:.5rem; width:3.125rem; height:3.125rem; background-repeat:no-repeat; background-position:center center; background-size:auto 85%;}
.m_direct_link a:after {content:''; position:absolute;top:50%; margin-top:-1rem; right:1.95rem; width:2rem; height:2rem; background:url('/images/inc/arrow_topright.png') no-repeat center ;  background-size:auto 1.125rem; z-index:11}
.m_direct_link a.n01 {background-color:var(--brand-color-sub);}
.m_direct_link a.n02 {background-color:var(--brand-color-sub2);}
.m_direct_link a.n03 {background-color:var(--brand-color-main);}
.m_direct_link a.n01:before { background-image:url('/images/main/ico_join.png')}
.m_direct_link a.n02:before { background-image:url('/images/main/ico_ew.png')}
.m_direct_link a.n03:before { background-image:url('/images/main/ico_ew_price.png')}


@media screen and (max-width: 1380px) {
	.m_direct_link { gap:.5rem; margin-top:-3rem; }
	.m_direct_link a {  height:6rem;line-height:1.4rem;  padding-left:2rem; padding-right:2.5rem;font-size:1.125rem; display:flex; align-items: center; flex-wrap: wrap; }
	.m_direct_link a:before { margin-right:.5rem; width:2.8rem; height:2.8rem;}
	.m_direct_link a:after {margin-top:-.5rem; right:2rem; width:1rem; height:1rem;  background-size:auto 100%; }
}
@media screen and (max-width: 1100px) {
	.m_direct_link { gap:.35rem;margin-top:-2rem; }
	.m_direct_link a { display:inline-flex; font-size:.95rem; padding:1rem .5rem 1rem 1rem; height:auto; }
	.m_direct_link a span {width:calc(100% - 3rem); line-height:1.35rem;}
	.m_direct_link a span {width:calc(100% - 3rem); line-height:1.35rem;}
	.m_direct_link a:before { margin-right:.35rem; width:2rem !important; height:2rem !important;background-size:auto 80%; }
	.m_direct_link a:after {display:none; }
}

@media screen and (max-width: 650px) {
    .m_direct_link {}
    .m_direct_link a { font-size:.9rem; padding:.85rem .5rem;}
    .m_direct_link a:before {display:none; }
	.m_direct_link a {padding:1rem 1rem; }
	.m_direct_link a span {width:100%; text-align:center; letter-spacing:-.06em; line-height:1.3em; word-break:break-all;}
}

.slick-dots {margin-top:0.95rem;text-align: center; display:block !important;width:auto; position:absolute; bottom:0;  z-index:10 }
.slick-dots > li {display: inline-block !important;vertical-align: top;width: .8rem !important;height:.8rem !important;margin: 0 .2rem !important; padding:0 !important; background-color:rgba(0,0,0,0.1); border-radius: 3rem !important;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.slick-dots > li.slick-active {background-color:rgba(0,0,0,.6); }
.slick-dots > li > button {text-indent:-9999px;}


/* icon-group */
.linkContainer{display:block; padding-top:3rem; font-size:0;  }
.linkContainer .quickArea{ display:inline-block; vertical-align:middle; width:calc(100% - 18.875rem); height:7rem; overflow:hidden; padding-right:2rem;}
.linkContainer .quickArea ul {font-size:0; }
.linkContainer .quickArea li {width:14.2%; display: inline-block;vertical-align:top;  text-align:center; font-weight:500; color:#222; cursor:pointer;  }
.linkContainer .quickArea li figure{display:inline-block; width:4rem; height:4rem; background-repeat:no-repeat; background-size:auto 85%; background-position:center center; }
.linkContainer .quickArea li.quick01 figure {background-image:url('/images/main/ico_direct_01.png');}
.linkContainer .quickArea li.quick02 figure {background-image:url('/images/main/ico_direct_02.png');}
.linkContainer .quickArea li.quick03 figure {background-image:url('/images/main/ico_direct_03.png');}
.linkContainer .quickArea li.quick04 figure {background-image:url('/images/main/ico_direct_04.png');}
.linkContainer .quickArea li.quick05 figure {background-image:url('/images/main/ico_direct_05.png');}
.linkContainer .quickArea li.quick06 figure {background-image:url('/images/main/ico_direct_06.png');}
.linkContainer .quickArea li.quick07 figure {background-image:url('/images/main/ico_direct_07.png');}
.linkContainer .quickArea li.quick08 figure {background-image:url('/images/main/ico_direct_08_01.png');}
.linkContainer .quickArea li p {font-size:inherit; color:inherit; font-weight:inherit;font-size:.95rem;  margin-top:.5rem; letter-spacing:-.07em;}

.linkContainer .directArea {display:inline-block; vertical-align:middle; position:relative; border-radius:var(--radius-default); overflow:hidden; width:18.875rem; height:8.75rem;  }
.linkContainer .directArea li {display:inline-block; vertical-align:top; width:100%; height:100%;  height:100%;  border:0px solid #f00}
.linkContainer .directArea li.n01 {background:#dfebfe url('/images/main/img_inquiry.png') no-repeat right bottom; background-size: auto 88%; background-position:calc(100% + .9rem) bottom ; }
.linkContainer .directArea li.n02 {background-color:#f5f5f5}
.linkContainer .directArea .txtArea {padding:1.5rem 0 0 1.65rem;}
.linkContainer .directArea .txtArea h2 {font-weight:600; color:#111; font-size:1.1rem; line-height:1.4rem; letter-spacing:-.04em }
.linkContainer .directArea .txtArea h2 i {font-weight:400;}
.linkContainer .directArea .txtArea .btn_inquiry {display:inline-block; margin:.8rem 0 0; font-size:.8rem;font-weight:600; height:1.875rem; line-height:1.875rem; padding:0 1rem; background-color:#fff; border-radius:5rem; color:var(--color-default); }
.linkContainer .directArea .slick-dots {left:.65rem; bottom:.65rem;}


@media screen and (max-width: 1380px) {
.linkContainer .quickArea {padding:0}
}
@media screen and (max-width: 780px) {
   .linkContainer { padding-top:1.5rem; }
   .linkContainer .quickArea{display:block; width:100%; height:7rem;}
   .linkContainer .directArea { display:block; margin-top:1.5rem; width:100%; height:10rem;  }
   .linkContainer .quickArea {margin-left: -1rem !important; margin-right:-1rem !important; width:calc(100% + 2rem)}
   .linkContainer .quickArea ul { padding: 0 ;}
   .linkContainer .quickArea ul li {margin-left:0; margin-right:0;}
   .linkContainer .quickArea .slick-list {overflow: visible;}
}
@media screen and (max-width: 500px) {
   .linkContainer { gap:1rem }
}

.contentArea {position:relative; padding:3.75rem 0; display:flex; justify-content: space-between;align-items: stretch; gap:1.25rem;}
.contentArea .bannerCont {position:relative; width:50%; border-radius:var(--radius-default); overflow:hidden; box-shadow:5px 5px 20px rgba(0,0,0,0.05)}
.contentArea .bannerCont ul li {position:relative; display:block; width:100%; height:100%; overflow:hidden;  }
.contentArea .bannerCont ul li img { width:100%; }
.contentArea .bannerCont .slick-dots {left:0; bottom:0; padding:.85rem .85rem .85rem 2.5rem; background-color:rgba(0,0,0,0.1);  border-radius:0 .85rem 0 .95rem; }
.contentArea .bannerCont .slick-dots > li {background-color:rgba(255,255,255,0.3)}
.contentArea .bannerCont .slick-dots > li.slick-active {background-color:rgba(255,255,255,1); }
.contentArea .bannerCont  .buttons{
  position:absolute; left:.65rem; bottom: .25rem; z-index:30;
 button {  width:2rem; height:2rem; background-repeat:no-repeat; background-position:center center; background-size: auto .9rem; font-size:0; background-image:url('/images/main/ico_play.png'); }
 button.on {   background-image:url('/images/main/ico_pause.png'); }
}

.contentArea .noticeCont {position:relative; width:50%; border-radius:var(--radius-default); padding:2.3rem 2.5rem 0;  border:1px solid #eaeaea; box-shadow:5px 5px 20px rgba(0,0,0,0.03); }
.contentArea .noticeCont .title_wrap {position:relative; }
.contentArea .noticeCont .title_wrap h2 {font-size:1.563rem; line-height:1.3em; color:var(--color-black); }
.contentArea .noticeCont .title_wrap .btn_more {position:absolute; right:0; top:0; width:1.375rem; height:1.375rem; background:url('/images/main/ico_plus.png') no-repeat center ; background-size:auto 100%; }
.contentArea .noticeCont ul {padding-top:2.8rem; display:flex; flex-direction: column; gap:2rem;}
.contentArea .noticeCont ul li {display:flex; width:100%; flex-wrap: nowrap;justify-content: space-between;align-items: center;  cursor:pointer;}
.contentArea .noticeCont ul li .txt {display:block; font-size:1.1rem; font-weight:500;  line-height:1.3em; color:var(--color-grey1); overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.contentArea .noticeCont ul li .date {color:var(--color-grey8); font-size:.95rem; line-height:1.3em; }


@media screen and (max-width: 1380px) {
.contentArea .noticeCont ul {padding-top:2rem; gap:1.65rem;}

}
@media screen and (max-width: 1200px) {
	.contentArea .noticeCont { padding:1.65rem 1.8rem 0;  }
	.contentArea .noticeCont .title_wrap h2 {font-size:1.25rem;   }
	.contentArea .noticeCont .title_wrap .btn_more { top:0; width:1.15rem; height:1.15rem; }
	.contentArea .noticeCont ul {padding-top:2rem; gap:1.5rem;}
	.contentArea .noticeCont ul li .txt { font-size:1rem; }

}


@media screen and (max-width: 1024px) {
	.contentArea { flex-direction: column; padding:1.25rem 0 2.5rem;  }
	.contentArea .bannerCont,
	.contentArea .noticeCont {width:100%; }
	.contentArea .noticeCont {padding:1.6rem 1.6rem 2rem; }
	.contentArea .noticeCont ul {padding-top:1.65rem; gap:1.1rem;}
	.contentArea .noticeCont ul li .txt { font-size:.95rem;padding-right:1rem; }
	.contentArea .noticeCont ul li .date { font-size:.8rem; }

}


.csContainer { background-color:#f2f4f7; padding:3rem 0; }
.csContainer .column {display:flex; justify-content: space-between;align-items: center; }
.csContainer .title_wrap {background:url('/images/main/img_cs.png') no-repeat 90% 1rem; width:40%;  }
.csContainer .title_wrap h2 {font-size:1.688rem; line-height:1.3em; color:var(--color-grey3); }
.csContainer .title_wrap p {font-size:.938rem; font-weight:500; margin-top:1rem; line-height:1.4rem; padding-left:.15rem; color:var(--color-grey8); }
.csContainer .contact {width:30%; padding:.5rem 0 .5rem 2.5rem; border-left:1px solid rgba(0,0,0,0.1)}
.csContainer .contact .tit {font-weight:bold; font-size:1.063rem; color:var(--color-grey3); }
.csContainer .contact .number {font-size:2rem; line-height:2rem; margin-top:1rem;  font-weight:bold; color:var(--brand-color-main); }
.csContainer .contact .number span {display:block; padding-top:.5rem; font-size:.95rem; line-height:1rem;  font-weight:500; color:var(--color-grey7)}
.csContainer .contact.kb .number {color:var(--color-kb)}



/* 관련사이트 */
.bannerContainer {padding:2rem 0;}
.bannerContainer ul {text-align:center; padding:0 2.65rem}
.bannerContainer ul li {display:inline-block; width:16.6%;}
.bannerContainer .slick-slide {height:auto;}

.bannerContainer .slick-prev {position: absolute; top:50%; margin-top:-.938rem; left:0; width:1.875rem; height:1.875rem; border-radius:50%;  background-color:rgba(0,0,0,0.2); font-size:0; z-index:33}
.bannerContainer .slick-prev:after {content: '\e93d';font-family:'xeicon'; font-weight:bold;  font-size:1.125rem; line-height:1.875rem;  color:#fff;}
.bannerContainer .slick-next {position: absolute; top:50%; margin-top:-.938rem; right:0; width:1.875rem; height:1.875rem; border-radius:50%; background-color:rgba(0,0,0,0.2); font-size:0; z-index:33}
.bannerContainer .slick-next:after {content: '\e940'; font-family:'xeicon'; font-weight:bold; font-size:1.125rem;line-height:1.875rem; color:#fff;}
.bannerContainer .slick-prev:hover:after,
.bannerContainer .slick-next:hover:after{opacity:1;}

@media screen and (max-width: 1024px) {
	.bannerContainer ul,
	.bannerContainer .column  {padding:0 .25rem; }
	.csContainer .title_wrap {background-size:auto 3.5rem; background-position:calc(100% - 1rem) .5rem;padding-right:2.5rem}
	.csContainer .title_wrap h2 {font-size:1.35rem;  }
	.csContainer .title_wrap p {font-size:.85rem;margin-top:.5rem; line-height:1.2rem ;}
	.csContainer .title_wrap p br {display:none; }


	.csContainer .contact .tit { font-size:.95rem; }
	.csContainer .contact .number {font-size:1.5rem; line-height:1.5rem; margin-top:.65rem;}
	.csContainer .contact .number span { padding-top:.35rem; font-size:.85rem;}


}
@media screen and (max-width: 760px) {
.csContainer {padding:2rem 0;}
.csContainer .title_wrap {background-size:auto 2.8rem; background-position:calc(100% - .8rem) .25rem}
.csContainer .contact { padding:.2rem 0 .2rem 1.5rem; }
.csContainer .contact .tit { font-size:.85rem; }
.csContainer .contact .number {font-size:1.2rem; line-height:1.2rem; margin-top:.5rem;}
}

@media screen and (max-width: 640px) {
	.csContainer .column {display:block; font-size:0;}
	.csContainer .title_wrap {display:block; width:100%;padding-right:3.5rem;background-position:98% center;  }
	.csContainer .contact {width:50%; display:inline-block; vertical-align:top; margin-top:1.5rem; }
	.csContainer .contact.kb {border-left:0; padding-left:0}

	/* 관련사이트 */
	.bannerContainer {padding:1rem 0;}

}