@charset "utf-8";
@import url(font.css);
@import url(style_2025.css);
/* --------------------------------
 * Author	:  Son Hyun Kyung
 * Date  :  2020-06-19
 /css_user/style.css
 * -------------------------------- */
/************************************* reset *************************************/
html  {  width: 100%;    }
* {  margin:0px;  padding:0px;  font-size:15px; font-family:NanumBarunGothic,Verdana,sans-serif;  color:#222; box-sizing:border-box;   line-height:22px;   }
header, footer, nav, section, article, aside {  display:block;  }
/* 반응형 사이트를 위한 김감 추가 */body {word-break: keep-all;}

/*게시판 스마트 에디터 스타일링*/
.content strong{font-size:inherit;line-height:inherit;color: inherit;}
.content b{font-size:inherit;line-height:normal!important;color: inherit;}
.content span{font-size:inherit;line-height:inherit;color: inherit;}
.content p{font-size:inherit;line-height:inherit;color: inherit;}
.content p img{height:auto!important;}
.content table{width:inherit!important;}




img {  border:0; vertical-align:top;  }
ul, ol, li {  list-style:none;  }
input[type=button] {-webkit-appearance:none; -moz-appearance:none; appearance:none;-webkit-border-radius: 0;}
input[type=text] {-webkit-appearance:none; -moz-appearance:none; appearance:none;-webkit-border-radius: 0;}
input[type=password] {-webkit-appearance:none; -moz-appearance:none; appearance:none;-webkit-border-radius: 0;}
input[type=checkbox] {-webkit-border-radius: 0;-webkit-appearance: auto;}
textarea {-webkit-appearance:none; -moz-appearance:none; appearance:none;-webkit-border-radius: 0;}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none;-webkit-border-radius: 0;}


/* 링크
a,button { select-dummy: expression(this.hideFocus=true);  } */
a:link,a:visited,a:hover,a:active {  text-decoration: none;  }

/* 컬러 */
.black { color:#000000 !important;  }
.wh { color:#ffffff !important;  }
.red {  color:#7b0024 !important;   }
.red2 {  color:#7b0024 !important;   }
.orange  {  color:#ef7601 !important;   }
.yellow  {  color:#ffff00 !important;  }
.green  {  color:#008000 !important;   }
.blue {  color:#7b0024 !important;    }
.blue2 {  color:#003777 !important;    }
.navy   {  color:#7b0024 !important;    }
.purple  {  color:#800080 !important;   }
.grey  {  color:#999 !important;  }
.mint {  color:#38b59f !important;  }

/* 백그라운드컬러 */
.bg_black { background-color:#000000  !important; }
.bg_wh { background-color:#ffffff  !important;}
.bg_red {  background-color:#ff0000  !important; }
.bg_orange  {  background-color:#ef7601  !important;}
.bg_yellow  {  background-color:#ffff00  !important; }
.bg_green  {  background-color:#008000  !important; }
.bg_blue {  background-color:#7b0024  !important;}
.bg_navy   {  background-color:#7b0024  !important; }
.bg_purple  {  background-color:#800080  !important;}
.bg_grey  {  background-color:#999  !important;}

/*정렬*/
.fl{  float:left  }
.fr{  float:right  }
.alri {text-align:right !important;  }
.alle {text-align:left !important; }
.alce {text-align:center !important; }
.alju { text-align : justify !important; }
.alvtop{ vertical-align:top !important; }

/* 서브타이틀 */
.sub_title { position:relative; width:100%; display:inline-block; box-sizing:border-box;   padding:20px 0 10px 10px ; }
.sub_title span { background:url(../images_user/title_ico.png) no-repeat 0 4px; padding: 3px 0px 0px 24px; font-size:17px;     font-weight: 500;}
h4 {    font-size: 21px;  margin: 0 0 26px 0;    font-weight: 500;    display: inline-block;  }
h5 {    background: url(../images_user/h5.png) no-repeat 0px 4px;  margin: 0 0 30px 0;   padding: 0px 0px 0px 10px;  line-height: 25px;  font-size: 16px;    font-weight: 500;   }
h6 {    background: url(../images_user/h6.png) no-repeat 30px 4px;    padding: 0px 0px 0px 46px;  line-height: 25px;  font-size: 1em;    font-weight: 400;  margin: 10px 0 10px 0; }
em {    font-style:normal; font-weight: 400;    }
.pbg {  padding:20px; border:1px solid #e2e3e4; background:#f6f6f6;   }
.list li  {    background: url(../images_user/h6.png) no-repeat 30px 4px;    padding: 0px 0px 0px 46px;  line-height: 25px;  font-size: 1em;    font-weight: 400;   }

/*폰트사이즈*/
.bold			{  font-weight:500 !important  }
.normal		{  font-weight:400 !important  }
.light			{  font-weight:300 !important  }
.ultra_light	{  font-weight:200 !important  }

.pt25 {  font-size:25px  }
.pt30 {  font-size:30px  }
.pt40 {  font-size:40px  }
.pt50 {  font-size:50px  }

/*마진패딩*/
.mb10 {  margin-bottom:10px !important;   }
.mb16 {  margin-bottom:16px !important;   }
.mt10 {  margin-top:10px !important;   }
.mt14 {  margin-top:14px !important;   }
.mt16 {  margin-top:16px !important;   }
.mb20 {  margin-bottom:20px !important;   }
.mb24 {  margin-bottom:24px !important;   }
.mb26 {  margin-bottom:26px !important;   }
.mt20 {  margin-top:20px !important;   }
.mb30 {  margin-bottom:30px !important;   }
.mb32 {  margin-bottom:32px !important;   }
.mb34 {  margin-bottom:34px !important;   }
.mb36 {  margin-bottom:36px !important;   }
.mt30 {  margin-top:30px !important;   }
.mb40 {  margin-bottom:40px !important;   }
.mb44 {  margin-bottom:44px !important;   }
.mb46 {  margin-bottom:46px !important;   }
.mt40 {  margin-top:40px !important;   }
.mt46 {  margin-top:46px !important;   }
.mb50 {  margin-bottom:50px !important;   }
.mt50 {  margin-top:50px !important;   }
.mt65 {  margin-top:65px !important;   }
.mt100 {  margin-top:100px !important;   }

/*width*/
.w100 {  width:100% !important;  }
.w50 {  width:50% !important;  }
.w-2 {  width:49.8% !important;  }
.w-3 {  width:33% !important;  }
.w-4 {  width:25% !important;  }

.ib { display: inline-block !important  }

/* 그리드영역 */
.grid {  outline:1px solid #ccc;  height: 500px; text-align:center;  overflow-y: scroll;}

/* 추가div */
.add_div {  outline:0px solid #ccc;   }

.hide {  font-size: 0  !important;   }
/************************************* 인풋관련 *************************************/
/* 웹접근성포커스
a:focus {outline:1px #801030 solid}
button:focus {outline:1px #801030 solid}
input:focus {outline:1px #801030 solid}
input[type="text"]:focus {outline:1px #801030 solid}
input[type="password"]:focus {outline:1px #801030 solid}
input[type="file"]:focus {outline:1px #801030 solid}
input[type="checkbox"]:focus {outline:1px #801030 solid}
input[type="radio"]:focus {outline:1px #801030 solid}
select:focus {outline:1px #801030 solid}
textarea:focus {outline:1px #801030 solid}
label:focus {outline:1px #801030  solid}
*/

input[type="text"], input[type="password"]   {     background: #fff; height:40px; line-height:40px;  padding: 0 5px;   border:1px solid #ccc;  color: #252525;  cursor: text;  vertical-align: top;  }
select {     background: #fff; height:40px; line-height:40px;  padding: 0 5px;   border:1px solid #ccc;  color: #252525;  cursor: pointer;  vertical-align: top;
-webkit-appearance: none;    -moz-appearance: none;    appearance: none;     background: url(../images_user/select_ar.png) no-repeat  bottom 50% right 12px; }
select::-ms-expand { display: none; }
select[disabled],input[disabled],.btn[disabled],.disabled {opacity: 0.5;filter: alpha(opacity=50);cursor: not-allowed;}

input[type="radio"], input[type="checkbox"] {  width:20px;  height:20px;   vertical-align:middle;  margin-right:5px;  cursor: pointer; }
textarea 	{   border:1px solid #bbb;  vertical-align:middle ;     padding: 5px; resize: none;}
textarea::placeholder {  color: #999;  }
textarea::-webkit-input-placeholder {  color: #999;  }
textarea:-ms-input-placeholder {  color: #999;  }

input[readonly] {   background: #eee;  }
input[type="placeholder"]  {   color: #999;  }
input[type="button"] {  border:0;  }

.input_icon {  position: relative;  display:inline-block; }
.input_icon span {  display: inline-block;  }
.input_icon input[type="text"] { padding-left: 30px;}
.input_icon i {  position: absolute;  left: 0;  top: 4px;  padding:8px 12px;  color: #cccccc; }

/* 스크롤바 */
::-webkit-scrollbar { -webkit-appearance: none; }
::-webkit-scrollbar:vertical { width: 12px; }
::-webkit-scrollbar:horizontal { height: 8px; }
::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 10px; border: 2px solid #ffffff; }
::-webkit-scrollbar-track { border-radius: 10px; background-color: transparent; }

/************************************* 헤더 *************************************/
header { border-top: 2px solid #7b0024;  position: relative;  }
/* skip menu */
#skip {overflow: hidden; position: relative; width: 100%; z-index: 1000;}
#skip a {display: block; overflow: hidden; height: 1px; width: 1px; margin: 0 -1px -1px 0; font-size: 0; line-height: 0; text-align: center;}
#skip a:focus{display: block;  font-size:11px; color:#fff; width:100%; height:30px; font-weight:bold; line-height:30px; background:#000}

/* 로고,로그인버튼 */
.top_wrap   {     position: relative;   width: 1200px;    margin: 0 auto;  height: 127px;  display: flex; justify-content: space-between; }
.logo  {  width: 234px;    display: inline-block;    background: url(../images_user/logo.svg) center/100% no-repeat;   font-size: 0;  transition: all 0.5s ease;  }

.right-wrap { display: flex; align-items: center; gap: 14px; }
.right-wrap > dl { display: flex; gap: 8px; }

/* 로그인,로그아웃,마이페이지 */
.dot_menu  { width: 397px;    margin: 0 0 0 0;  }
.dot_menu li {      position: relative;  float: right;    display: inline-block;  }
.dot_menu li:nth-child(5)  {    margin: 0px 0 10px 0;     width: 100%;     height: 20px;     font-size: 13px;    text-align: right; }
/*  에니메이션 */
.fade_out { animation-name: fade_out;    animation-duration: 4s;  transform:translate(0px, -200px);	 }
@keyframes fade_out {
	 0%  {	  opacity: 0;  }
	 5%  {  -webkit-transform: translate(0px, 0px);	  transform:translate(0px, 0px);	 opacity: 1;   }
	 80%  {  opacity: 1;  }
	 100%  {  -webkit-transform: translate(0px, 0px);	  transform:translate(0px, 0px);	opacity: 0;  }
}
.dot_menu li a  {   display: inline-block;    height: 40px;    line-height: 40px;  color: #333;   padding: 0 10px; }
.dot_menu li a:hover  { color:#7b0024;  font-weight:500;  }

/* 검색박스 */
.search_bt1 {right: 20px;    position: absolute;}
.search_bt1:after { content: '';    right: -15px;   width: 1px;    height: 18px;    border-right: 1px solid #ccc;    display: inline-block;    top: 10px;    position: absolute;    }
.search_box { display:none;  position: absolute;    width: 145px;    height: 40px;  top: 0px;    right: 18px;    background: #f2f2f2;    color: #666;    border-radius: 5px;    z-index: 9999;  transition: opacity 2s ease-in;  }
.on.search_box {display:block;  transition: all 0.5s ease; }
.search_input {  border: 0 !important;       width: 105px;    background: transparent; }
input[id="search_input"] { height: 40px !important;  line-height: 40px;    vertical-align: top;      background: transparent }
.search_bt1,.search_box .search_bt2 {    width: 30px;    height: 40px;    font-size: 22px;  background: transparent; vertical-align: top; }
.move{	   animation-name: move;    animation-duration: 0.5s;   }
@keyframes move {    0% { opacity: 0;  }  }
.search_bt1:active,.search_bt1:focus {  outline: 0;  }
.search_bt2:active,.search_bt2:focus {  outline: 0;  }

/* GNB레이아웃 */
header { z-index: 500; }
.header	{   background: #fff; border-top:1px solid #7D0528;  border-bottom:1px solid #7D0528;   }
.header_center {	width: 1200px;    margin: 0 auto; height: 58px;  color: #333;  display: flex;  align-items: center; }

/* GNB */
.header_gnb				{  position: relative;  width: 1200px;  height: 58px;  line-height:58px;   margin:0px; 	 display:block; font-size: 19px; font-weight: bold; text-align:center;  }

/* 하단슬라이드메뉴 */
.gnb_bg 				{  display:none ;  position:absolute; float:left; width:100%; height: 367px; top:185px; left: 0px;  z-index:29999;   background-color:#fff;   filter:alpha(opacity=85) ; border-top: 1px solid #e5e5e5;
-webkit-box-shadow: 0px 7px 8px 0px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
box-shadow: 0px 7px 8px 0px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.3) inset }
.backdropd  {  display:none ;   position: fixed;    top: 210px;    right: 0;    bottom: 0;    left: 0;    width: 100%;    height: 100%;    background:#000;  z-index: 100;  	opacity:.5; filter: alpha(opacity=50);  }
/* 1뎁스 */
ul.deps1 {  width:100%;  }
ul.deps1 > li {    float: left;     width: 16.6%;     }
ul.deps1 > li > a {  display: block;  font-size: 19px;   height: 58px;    line-height: 58px;  text-align: center;  color: #333;  }
ul.deps1 > li > a:hover {  color:#7b0024;   }
ul.deps1 > li > a:hover:after{      content: '';    width: 131px;    height: 14px;    border-bottom: 3px solid #7b0024;    display: inline-block;    bottom: 0;  position: absolute;   }
ul.deps1 > li:nth-child(1) > a:hover:after { 	left: 30px;   }
ul.deps1 > li:nth-child(2) > a:hover:after { 	left: 235px;  }
ul.deps1 > li:nth-child(3) > a:hover:after { 	left: 432px;  }
ul.deps1 > li:nth-child(4) > a:hover:after { 	left: 635px;  }
ul.deps1 > li:nth-child(5) > a:hover:after { 	left: 835px;  }
ul.deps1 > li:nth-child(6) > a:hover:after { 	left: 1038px;  }
/*  2뎁스  */
div.deps2_box				{  display:none ;  position:relative;  float: left; width:100%;  height: 300px;   padding: 30px 0;  z-index: 30000;     }
/*  2뎁스박스옆라인  */
.deps1 li div.deps2_box:after { content:'';      width: 1px;    height: 305px;   border-right: 1px solid #eee;    display: inline-block;   position: absolute; }
.deps1 li:last-child div.deps2_box:after  { content:'';     border:0 ; }
ul.deps2 > li		{ position:relative;  float: left; width:100%;    text-align:left; top:0px;  }
ul.deps2 > li > a				{     display: block; font-size: 15px;  padding: 0 0 0 37px;    height: 30px;    line-height: 30px;    color: #333;      text-align: left;  }
ul.deps2 > li > a:hover		{  color:#7b0024;  text-decoration: underline;  }

/************************************* 메인레이아웃 *************************************/
/* 컨테이너 */
.contents  { position:relative;    }
.contents .inner{  width:1200px; margin:0 auto;    }
.inner {  width:1200px; margin:0 auto;    }
.inner2 {  width:1200px; margin:0 auto;   padding: 40px 0; }
.content p { word-break: break-all;  }

/* 메인이미지 */
.bx-wrapper {  position: relative;   padding: 0;  *zoom: 1;  -ms-touch-action: pan-y;  touch-action: pan-y;}
.bxslider {  margin: 0;  padding: 0;}

.bx-wrapper img {  width:100%;  height:569px;  display: block;     }


ul.bxslider {  list-style: none;}
.bx-viewport {  -webkit-transform: translatez(0); height: 569px;}
.bx-wrapper {	width:100%;	height:auto;}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {  position: absolute;  bottom: -30px;  width: 100%;}
.bx-wrapper .bx-loading {  min-height: 50px;  background: url('images/bx_loader.gif') center center no-repeat #ffffff;  height: 100%;  width: 100%;  position: absolute;  top: 0;  left: 0;  z-index: 2000;}
.bx-wrapper .bx-pager {  text-align: center;  font-size: .85em;  font-family: Arial;  font-weight: bold;  color: #666;  padding-top: 20px;}
.bx-wrapper .bx-pager.bx-default-pager a {width: 15px;    height: 15px;    display: inline-block;    text-indent: -999em;    vertical-align: middle;    border: 2px solid #fff;    border-radius: 15px;    background-color: transparent;    margin-right: 5px;  font-size:0; }
.bx-wrapper .bx-pager.bx-default-pager a.active {  background: #fff;}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {  display: inline-block;  vertical-align: bottom;  *zoom: 1;  *display: inline;}
.bx-wrapper .bx-pager-item {  font-size: 0;  line-height: 0;}
.bx-wrapper .bx-controls-direction a {  position: absolute;  top: 50%;  left: 50%; margin-top: -31px;  outline: 0;  width: 39px;  height: 63px;  text-indent: -9999px;  z-index: 99999999; background-size: 100%; background-repeat: no-repeat; }
.bx-wrapper .bx-controls-direction a.bx-prev { margin-left: -652px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='63' viewBox='0 0 39 63' fill='none'%3E%3Cg filter='url(%23filter0_d_183_321)'%3E%3Cpath d='M33 2L7.54416 27.4558L33 52.9117' stroke='white' stroke-width='5'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_183_321' x='0.00878906' y='0.232239' width='38.7588' height='62.4472' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_183_321'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_183_321' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E"); }
.bx-wrapper .bx-controls-direction a.bx-next { margin-left: 613px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='63' viewBox='0 0 40 63' fill='none'%3E%3Cg filter='url(%23filter0_d_183_320)'%3E%3Cpath d='M6.45605 2L31.9119 27.4558L6.45605 52.9117' stroke='white' stroke-width='5'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_183_320' x='0.688477' y='0.232239' width='38.7588' height='62.4472' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_183_320'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_183_320' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E"); }
.bx-wrapper .bx-controls-direction a.disabled {  display: none;}
.bx-wrapper .bx-controls-auto {  text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {  display: block;  text-indent: -9999px;  width: 20px;  height: 20px;  outline: 0;  background: url('../images_user/play.png') no-repeat;  margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop {  display: block;  text-indent: -9999px;  width: 20px;  height: 20px;  outline: 0;  background: url('../images_user/stop.png') no-repeat;  margin: 0 3px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {     position: absolute;    bottom: 20px;   z-index: 400;  right: 52%;    margin-right: -28px;    text-align: right;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {	left: 48%;    width: 35px;    margin-left: 23px;    bottom: 17px;    display: inline-block;	z-index: 400;}
.bx-wrapper .bx-caption {  position: absolute;  bottom: 0;  left: 0;  background: #666;  background: rgba(80, 80, 80, 0.75);  width: 100%;}
.bx-wrapper .bx-caption span {  color: #fff;  font-family: Arial;  display: block;  font-size: .85em;  padding: 10px;}

.mobile-hide {  display: block !important;     width: 100%;    height: 100%;    object-fit: cover;  }
.pc-hide {  display: none !important;  }

/* 교우회주요소식 */
.f_news  {   padding: 80px 0 190px 0; background: #F1F0EB; }
.main_news_t a {      margin: 0 0 30px  0;  font-size: 35px;    color: #000;    display: inline-block;      font-weight: 500;  }
.main_news_t a i {  color:#999;  }

/* 슬라이더영역 */
.main_news		{ display: flex;  width:100%;     height: 430px;   }
.main_news .swiper-slide		{  text-align:center;    width: 366.667px !important; margin: 0px 50px 0 0 !important;  height: inherit;   color:#666;  vertical-align: top; flex-shrink: 0;     position: relative;    transition-property: transform;    }
.swiper2 .swiper-pagination,
.swiper3 .swiper-pagination,
.swiper4 .swiper-pagination {display:none !important;}

.main_news .b_img_area  {  position: relative;       width: 100%;    height: 270px;    overflow:hidden;  background:url(../images_user/thum_img.png) no-repeat center #eee ; cursor: pointer;  }
.main_news .b_img_area  img {  width:100%; height:100%;   transition: all .5s;  object-fit: cover;    object-position: top;    }
.main_news .b_img_area:hover {   border:2px solid #7b0024;    }
.main_news .b_img_area:hover  img {  transform: scale(1.05); }
.main_news .b_img_area a  {display: block;    height: 100%;}
.main_news .b_text_area  {  position: relative; display: inline-block;   width: 100%;  text-align: left; vertical-align: top; }
	.main_news .b_text_area .b_title    { max-width: 100%;   margin: 20px 0 0px 0;    }
	.main_news .b_text_area .b_title div  { text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;     margin: 10px 0 10px 0; }
	.main_news .b_text_area .b_title div  a  {   font-size: 21px;    font-weight: 500;    color: #252525;    line-height: 25px;   text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;    }
	.main_news .b_text_area .b_title div:after  {      content: '';    position: absolute;    display: inline-block;    width: 50px;    border-bottom: 1px solid #ccc;    bottom: 70px;    left: 0; }
	.main_news .b_text_area .b_text div  a {  display: block;    margin: 0 0 10px 0;    width: 100%;    height: 47px;    line-height: 23px;    color: #666;   }
	.main_news .b_text_area .b_text  {    width: 100%;  line-height: 25px;  display: inline-block; float: left;  margin: 30px 0 0px 0; }
	.main_news .b_text_area .b_text a {  color:#666;  }
	.main_news .b_text_area .b_text span  {  width: 100%;      height: 40px; display: inline-block;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;   overflow: hidden;   color: #666;  }
.swiper2 .swiper-pagination {  display:block;      z-index: 500;    position: absolute;    top: 430px;    left: 0;    width: 100%;    height: 20px; }
.swiper2 .btn_pr {  display:block;   }

/* 공지사항 */
.f_notice  {  background:#fff;     padding:  0 0 100px 0;   }
.notice,.schedule  { width: 47.8%;    display: inline-block;  vertical-align: top;  }
.notice_list dt {  font-size:20px; color:#333 ;     background: url(../images_user/noti_ico.png) no-repeat 0px 4px;    padding: 0px 0px 0px 25px;  line-height: 25px;  font-size: 16px;    font-weight: 500; margin: 15px 0 5px 0;  text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;  }
.notice_list dd {  color:#666 ;  padding: 0px 0px 0px 25px;  text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;     }
.notice_list_title { font-size:18px;	}

/* 행사일정 */
.schedule_scroll {  overflow-y: auto;  height:204px;  }
.schedule_list dt  {  font-size:20px; color:#333 ;     background: url(../images_user/schedule_ico.png) no-repeat 0px 2px;    padding: 0px 0px 0px 18px;  line-height: 22px;  font-size: 16px;    font-weight: 500; margin: 15px 0 9px 0;  text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;  }
.schedule_list dd {  color:#666 ;  padding: 0px 0px 0px 19px;  text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;     }

/* 주요 서비스 */
.f_service  {   background:url(../images_user/service_bg.png) no-repeat center ; min-height: 466px; padding: 101px 0 80px 0; }
.service_title {  font-size:37px; color:#000; font-weight:500;  text-align: center;  }
.service_ico {      display: flex; margin: 60px 0 0 0;     text-align: center;  gap: 36px; }
.service_ico li {  display: block;  text-align: center;  }
.service_ico li a {  width:142px; height:142px;  display: block;    margin: 0 auto;   }
.service_ico li span {  color: #000; font-size: 18px;  margin: 25px 0 0 0;    display: inline-block; }
.service_ico li:nth-child(1) a  {    background: url(../images_user/service_01.png) no-repeat 50% 0px / cover;    }
.service_ico li:nth-child(2) a {    background: url(../images_user/service_02.png) no-repeat 50% 0px / cover;    }
.service_ico li:nth-child(3) a {    background: url(../images_user/service_03.png) no-repeat 50% 0px / cover;    }
.service_ico li:nth-child(4) a {    background: url(../images_user/service_04.png) no-repeat 50% 0px / cover;    }
.service_ico li:nth-child(5) a {    background: url(../images_user/service_05.png) no-repeat 50% 0px / cover;    }
.service_ico li:nth-child(6) a {    background: url(../images_user/service_06.png) no-repeat 50% 0px / cover;    }
.service_ico li:nth-child(7) a {    background: url(../images_user/service_07.png) no-repeat 50% 0px / cover;    }

/* 교우회SNS */
.f_sns    {  background:#f4f4f4; padding: 80px 0 40px 0; display: none;  }
.f_sns_title_area {  display: flow-root;  }
.f_sns_title  {     margin: 0 0 30px  0;  font-size: 35px;    color: #7b0024;    display: inline-block;      font-weight: 500;      line-height: 43px;  }
.f_sns_title:after  {  content:"고려대학교 교우회 소셜네트워크 서비스";  display: inline-block;  color:#333;  font-size: 18px;   /* margin: 0 0 0 30px; */  }
.top_sns_ico {  display:inline-block; float:right;     margin-right: 17px;  }
.top_sns_ico li  {  display:inline-block; width:42px; height:42px;     margin: 0 5px 0 0;  }
.top_sns_ico li a {  display: block;    width: 100%;    height: 100%;  }
.top_sns_ico li:nth-child(1)  {  background:url(../images_user/ico_youtube.png) 0 0/ cover   }
.top_sns_ico li:nth-child(2)  {  background:url(../images_user/ico_facebook.png) 0 0/ cover  }
.top_sns_ico li:nth-child(3)  {  background:url(../images_user/ico_kakao.png) 0 0/ cover; margin: 0;  }
/* 슬라이더영역 */
.sns_area		{ display: flex;  width:100%;    height: 446px;  }
.sns_area .swiper-slide		{  text-align:center;   width: 359px !important; margin: 0px 50px 50px 0 !important;  height: inherit;   color:#666;  vertical-align: top; flex-shrink: 0;    height: 100%;    position: relative;    transition-property: transform;   }
/*
.sns_area .slide_1  {  padding: 0px 50px 25px 0 ;   }
.sns_area .slide_2  {  padding: 0px 25px ;   }
.sns_area .slide_3  {  padding: 0px 0  25px 50px  ;   }
*/
.sns_area .b_img_area  {  position: relative;       width: 100%;    height: 270px;    overflow:hidden;  background:url(../images_user/thum_img.png) no-repeat center #eee ;
-webkit-box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1) inset;
box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1) inset;}
.sns_area .b_img_area  img {  width:100%; height:100%;   transition: all .5s;    object-fit: cover;    object-position: top;  }
.sns_area .b_img_area:hover  img {  transform: scale(1.05);   }
.sns_area .b_img_area a  {display: block;    height: 100%;}
.sns_area .b_text_area  {  position: relative;  display: inline-block;  width: 100%;  text-align: left; vertical-align: top; background: #fff;    display: inline-block;  padding: 20px;
-webkit-box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1) inset;
box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1) inset;  }
	.sns_area .b_text_area .b_sns_ico    {  padding: 8px 0 0 60px;  }
	.ico_facebook {   background: url(../images_user/ico_facebook.png) 0 0 no-repeat;  }
	.ico_kakao {   background: url(../images_user/ico_kakao.png) 0 0 no-repeat;  }
	.ico_youtube {   background: url(../images_user/ico_youtube.png) 0 0 no-repeat;  }
	.sns_area .b_text_area .b_sns_ico div  {    margin: 0 0 10px 0;    }

	.sns_area .b_text_area .b_text div  a  {   font-size: 21px;    font-weight: 500;    color: #252525;    line-height: 25px;  margin: 0 0 10px 0;    display: block;   text-overflow: ellipsis;        overflow: hidden;      white-space: nowrap;   }
	.sns_area .b_text_area .b_text  {    width: 100%;  line-height: 25px;  display: inline-block; float: left;   }
	.sns_area .b_text_area .b_text a {  color:#666;  }
	.sns_area .b_text_area .b_text span  {  width: 100%;      height: 40px;   display: inline-block;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;   overflow: hidden;   color: #666;  }


/* 교우회 유튜브 */
#youtube { background: #312F2C; width: 100%; padding: 80px 0; }
#youtube > p { text-align: center; font-size: 37px; font-weight: 600; color: #fff; line-height: 1; }
#youtube > div { width: 1050px; height: 590px; margin: 30px auto 0; border-radius: 30px; overflow: hidden; }
#youtube > div > iframe { width: 100%; }



/* 교우회PR */
.f_pr  {   padding: 80px 0 0 0;  }
.pr_title  {  margin: 0 0 30px  0;  font-size: 35px;    color: #000;    display: inline-block;      font-weight: 500;      line-height: 43px;}
.pr_title:after  {  content:"교우회 홍보 공간";  display: inline-block;  color:#333;  font-size: 18px;    /* 김감 margin: 0 0 0 30px; */  }
.owl-dots {  display:none;  }


/* 슬라이더영역 */
.pr_area	{     }
.pr_area .swiper-slide		{  text-align:center;   width: 264px !important;   height: inherit;   color:#666;  vertical-align: top; flex-shrink: 0;      height: 100%;    position: relative;    transition-property: transform;    display: inline-block;  margin: 0px 31px 50px 0px !important  }
.btn_pr  {       width: 1310px;    position: relative;    top: -188px;    left: -54px; }
.pr_area .b_img_area  {  position: relative;       width: 100%;    height: 211px;    overflow:hidden;  background:url(../images_user/thum_img.png) no-repeat center #eee ;
-webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.05) inset;
box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.05) inset; }
.pr_area .b_img_area  img {  width:100%; height:100%;   transition: all .5s;      object-fit: cover;    object-position: top;}
.pr_area .b_img_area:hover  img {  transform: scale(1.05);   }
.pr_area .b_img_area a  {display: block;    height: 100%;}
.pr_area .b_text_area  {  position: relative;  display: inline-block; width: 100%;  text-align: left; vertical-align: top; background: #fff;    display: inline-block;  padding: 20px;
-webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.05) inset;
box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.05) inset; }
	.pr_area .b_text_area .b_sns_ico div  {    margin: 0 0 10px 0;    }

	.pr_area .b_text_area .b_text div  a  {  color: #666 ;   margin: 0 0 10px 0;    display: block;   text-overflow: ellipsis;        overflow: hidden;      white-space: nowrap;   }
	.pr_area .b_text_area .b_text span a {    color: #333;    font-size: 21px;    font-weight: 500;      line-height: 23px;   display: block;   text-overflow: ellipsis;        overflow: hidden;      white-space: nowrap;   }

/* 김감 추가 */
.mTit_divider {color: #dcdcdc; font-size: 20px; margin: 0 20px 0 22px;  }
.mSns_date {font-size: smaller; line-height: 5px; padding-bottom: 20px;}

/************************************* 푸터 *************************************/
/* 푸터 */
footer  {  position:relative; display: inline-block;  width:100%;  background: #E7E2DD;      margin: 100px 0 0 0;   }
.footer_wrap {    width: 100%;     }
.footer_wrap  .inner {  padding:40px 0;  }
.foot_logo  {  mix-blend-mode: luminosity; width: 186px; height: 44px; display: inline-block; background: url(../images_user/logo.svg) center/contain no-repeat;  font-size: 0;    }
.f_line {  border-top:1px solid #BAB5B1;  }
.pd20 {    padding: 20px 0;  }

/* 하단링크 */
.foot_link {  display: inline-block;    float: right;  margin-top: 5px;}
.foot_link > li  {  display:inline-block;  position:relative;    }
.foot_link > li  > a { width: 100%;  line-height: 46px;    display: inline-block; color:#666;padding: 0 20px; }
.foot_link > li > a:hover {  color:#000;  }
.foot_link > li.site_link {  border: 1px solid #BAB5B1;     width: 170px;   }
.foot_link > li  > a.bd {   color:#333;  font-weight: 600;   text-align: left;    padding: 0 0 0 15px;  }
.foot_link_last {  margin-right:15px }

/* 하단링크 셀렉트박스레이어*/
.foot_link > li > .select_box { display:none;  position: absolute;    bottom: 49px;    width: 170px;    height: 188px;    z-index: 9999;    overflow-y: scroll !important;    padding: 10px; background: #fff; border:2px solid #e0e0e0;    }
.foot_link > li.on > .select_box { display:block; }
.foot_link > li.on > .select_box li{   text-align: left;  padding: 6px; }
.foot_link > li.on > .select_box li > a {   display:block;     color: #999;     font-size: 14px;   }
.foot_link > li.on > .select_box li > a:hover {  color:#252525;   }
.foot_link > li.on i {    -webkit-transform: rotate(180deg) translate(50%, 50%);    transform: rotate(180deg) translate(50%, 50%);   position: absolute;    right: 10px;    top: 50%;   }
.foot_link > li i {  transition: transform 0.3s ease;    position: absolute;    right: 10px;    top: 50%;    transform: translate(-50%, -50%);    -webkit-transform: translate(-50%, -50%); }

/* 카피라이트 */
.copy {   display: inline-block;  }
.copy li:nth-child(1) span,.copy li:nth-child(1) strong { color: #666;    line-height: 26px;      margin: 0 20px 0 0; }
.copy li em {  color:#666;  }

.sns_img {   display: inline-block;      float: right; }
.sns_img  a {  display:inline-block;  font-size: 0;    width: 46px;    height: 46px;/*  transition: all 0.5s ease; */    margin: 0 0 0 10px;}
.f_facebook {  background: url(../images_user/f_facebook.png) 0 0 /cover no-repeat;  margin: 0 0 0 0 !important;   }
.f_youtube  {  background: url(../images_user/ft-youtube.svg) 0 0 /cover no-repeat;    }
.f_kakaostory  {  background: url(../images_user/ft-kakao.svg) 0 0 /cover no-repeat;    }
.f_instagram  {  background: url(../images_user/ft-instagram.svg) 0 0 /cover no-repeat;    }

/************************************* 서브페이지레이아웃 *************************************/
/* 서브_레이아웃_컨테이너 */
.sub_container { position:relative; height: 100%; padding:30px 0 20px 0;  display: contents;   }
.sub_inner {  width:1200px; height: inherit; margin:0 auto;     display: flow-root;      padding: 30px 0 0 0; }

/* 서브_타이틀_비주얼 */
.title_bg_01 {    position: relative;      background: url(../images_user/sub_img_01.png) 0 0  no-repeat;  background-size: cover; }
.title_bg_02 {    position: relative;      background: url(../images_user/sub_img_02.png) 0 0  no-repeat;  background-size: cover; }
.title_bg_03 {    position: relative;      background: url(../images_user/sub_img_03.png) 0 0  no-repeat;  background-size: cover; }
.title_bg_04 {    position: relative;      background: url(../images_user/sub_img_04.png) 0 0  no-repeat;  background-size: cover; }
.title_bg_05 {    position: relative;      background: url(../images_user/sub_img_05.png) 0 0  no-repeat;  background-size: cover; }
.title_bg_06 {    position: relative;      background: url(../images_user/sub_img_06.png) 0 0  no-repeat;  background-size: cover; }
.title_bg_07 {    position: relative;      background: url(../images_user/sub_img_07.png) 0 0  no-repeat;  background-size: cover; }
.title_bg_08 {    position: relative;      background: url(../images_user/sub_img_08.png) 0 0  no-repeat;  background-size: cover; }
.title_bg_09 {    position: relative;      background: url(../images_user/sub_img_09.png) 0 0  no-repeat;  background-size: cover; }
.title_bg_10 {    position: relative;      background: url(../images_user/sub_img_10.png) 0 0  no-repeat;  background-size: cover; }
.title_sub {  width:100%; height:260px;  text-align: center;     padding: 95px 0 0 0; }
.title_sub p {     font-size: 40px; color: #fff;  }
.title_sub em {    margin: 20px 0 0 0;    font-size: 16px;    display: block; color: #fff; }

/* 서브_lnb */
.sub_lnb { position: relative;   width: 240px;    display: inline-block;}
.lnb_box {  display: inline-block;    width: 100%;   	}
.lnb_head {    font-size:25px;    font-weight: 500; height:95px; line-height:95px;   border-bottom: 1px solid #e2e3e4;    color: #333; text-align:left;  text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;  padding:0 0 0 20px;  }

	/* deps_1 */
	ul.deps_1 > li:last-child { border-bottom:1px solid #e2e3e4; }
	ul.deps_1 > li > a{   font-size: 17px; font-weight: 400; display: block;    position: relative;    width: 240px;    height: 60px;    line-height: 60px;    border-top: 1px solid #e2e3e4;    color: #333;  	 padding: 0 0 0 20px;  text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;  }
	ul.deps_1 > li > a.deps_2_open_bt {background:url(../images_user/deps_1_arrow_plus.png) no-repeat right 10px center; background-size: 20px; }
	ul.deps_1 > li > a:hover{     color: #7b0024;      font-weight: 500;    }
	ul.deps_1 > li > a.deps_2_open_bt.on { background:url(../images_user/deps_1_arrow_minus.png) no-repeat right 10px center; background-size: 20px;  }
	ul.deps_1 > li > a.on {     color: #7b0024;  font-weight: 500;   }

	/* deps_2 */
	ul.deps_2 {  padding:0 0 20px 10px;  display:none  }
	ul.deps_2 > li > a {  font-size: 16px;  display: block;    position: relative;    width: 100%;      line-height: 30px;    padding-left: 30px;  color: #333;  background:url(../images_user/deps_2_arrow.png) no-repeat left 10px center;    text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;    }  /* 1줄말줄임 */
	ul.deps_2 > li > a:hover {     color: #7b0024;      font-weight: 500;    }
	ul.deps_2 > li > a.on     {   color: #7b0024; font-weight: 500;   }

/* 서브_컨텐츠랩 */
.sub_content_wrap {  width: 900px;    display: inline-block;    float: right;    }

/* 서브_로케이션 */
.sub_location  {  height:95px;   }
.sub_location_l  {  width:400px; display:inline-block;   }
.sub_location_l p {  font-size:13px; color:#666;  line-height: 25px;   margin: -9px 0 0 0;  }
.sub_location_l p i {  margin:0 10px;   }
.sub_location_l strong {  font-size: 35px;    color: #7b0024;    line-height: 35px; display: inline-block;  padding: 12px 0 0 0;  }

/* 서브_로케이션 */
.sub_location_r  {  width:200px; display:inline-block; float: right; margin-top: 25px; }
ul.utill li {  display:inline-block; float:right;  line-height: 32px;    font-size: 13px;    color: #666;  }

/* 서브_컨텐츠 */
.sub_content  {    /*min-height: 800px;*/ padding: 0px 0 20px 0; }

/************************************* 공통 *************************************/
/* 준비중페이지 */
.ready_box {  position: fixed;  left: 50%;top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.ready {  padding:50px; border:5px solid #e6e6e6;  width:600px; margin:0 auto;    }

/* 모달팝업 */
/* 신규 */
#modal_backdrop {   position:fixed;  display: none;  top:0; right:0; bottom:0; left:0px; width:100%; height:100%; background:#3a3f51;  z-index: 1000  ;  	  background-color: rgba(0, 0, 0, 0.5); }
.bg0{	  background-color: rgba(0, 0, 0, 0.0) !important; top: 10000px !important; }
.modal_pop {    z-index: 2001;   margin-left: auto; margin-right: auto; margin-top: 20px;}
.modal_pop_print {    z-index: 2001; width: 500px;  margin-left: auto; margin-right: auto; margin-top: 20px;}

.modal_title { position:relative; width:100%;  line-height: 30px;   display:inline-block; box-sizing:border-box;  padding:10px 10px 10px 15px; font-size:17px;  color:#fff ; background:#7b0024; text-align:left;  }
.modal_title span {font-size:22px;    font-weight: 100; }
.modal_con {  padding:25px;   overflow-y: auto;  background: #fff;    height:calc(100% - 35px);    width: 100%;  }
.modal_con_parking{   background: none; outline: 2px solid #222; padding: 40px 0;}
.modal_con_medical{ /*width:450px;*/  background: none; outline: 2px solid #222;}

.rent_pop {width: 620px;    height: 600px; }
/* 모달팝업닫기버튼 */
.close_bt {    width: 30px;  height:30px;    background: url(../images_user/btn_close.png) 0 0  no-repeat;    }

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 .close_bt {    width: 30px;  height:30px;    background: url(../images_user/btn_close_grey.png) 0 0  no-repeat;    }
}

.close_bt i		{ display: inline-block;    width: 35px;    text-align:center; font-weight:500; font-size:20px;  color:#fff;   }
.close_bt i:hover { color: #bbb !important;   }

/* 퀵메뉴 */
.quick_menu_area {  position:fixed;  top: 200px; right:0;   z-index:50;  width:60px; -webkit-transition:all 0.3s ease;transition:all 0.3s ease;    }
.quick_menu {  position: relative;   width:146px;   z-index:200;   }
.quick_menu li {  position: relative;    height: 56px;  margin: 0px 0 7px 0; }
.quick_menu li a { color: #fff;     display: inline-block;  width: 146px;     height: 100%;  padding: 0 0 0 60px;  }
.quick_menu li a:hover {    position: absolute;   display: inline-block;     right: 86px;    line-height: 56px;   }
.quick_menu li:nth-child(1) a {  background: url(../images_user/quick_off_01.png) 0  0  no-repeat;     }
.quick_menu li:nth-child(1) a:hover {  background: url(../images_user/quick_on_01.png) 0  0  no-repeat #7b0024;   }
.quick_menu li:nth-child(2) a  {  background: url(../images_user/quick_off_02.png) 0 0  no-repeat;    }
.quick_menu li:nth-child(2) a:hover {  background: url(../images_user/quick_on_02.png) 0  0  no-repeat #7b0024;  }
.quick_menu li:nth-child(3) a  {  background: url(../images_user/quick_off_03.png) 0  0  no-repeat;    }
.quick_menu li:nth-child(3) a:hover {  background: url(../images_user/quick_on_03.png) 0  0  no-repeat #7b0024;  }
.quick_menu li:nth-child(4) a  {  background: url(../images_user/quick_off_04.png) 0  0  no-repeat;    }
.quick_menu li:nth-child(4) a:hover {  background: url(../images_user/quick_on_04.png) 0  0  no-repeat #7b0024;  }
.quick_menu li:nth-child(5) a  {  background: url(../images_user/quick_off_05.png) 0  0  no-repeat;    }
.quick_menu li:nth-child(5) a:hover {  background: url(../images_user/quick_on_05.png) 0  0  no-repeat #7b0024;  }
.quick_menu li:nth-child(6) a  {  background: url(../images_user/quick_off_06.png) 0  0  no-repeat;    }
.quick_menu li:nth-child(6) a:hover {  background: url(../images_user/quick_on_06.png) 0  0  no-repeat #7b0024; }
.quick_menu li:nth-child(7) a  {  background: url(../images_user/quick_off_07.png) 0  0  no-repeat;    }
.quick_menu li:nth-child(7) a:hover {  background: url(../images_user/quick_on_07.png) 0  0  no-repeat #7b0024; }
.quick_menu li:nth-child(8)  { height:75px;  background: url(../images_user/quick_top.png) 0  0  no-repeat;    }
.quick_menu_area .quick_bg { position: absolute;    background: #1a1a1a;    width: 60px;    height: 529px;    top: -25px;    right: 0px; z-index:-1;  }

/* 챗봇 아이콘 */
.chatbot_icon { 
	position: fixed; 
	top: 729px; 
	right: 2px; 
	width: 60px; 
	height: 60px; 
	z-index: 51;
	background: #fff;
	border-radius: 50%;
	display: flex !important;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	transition: all 0.3s ease;
}
.chatbot_icon:hover {
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
	transform: translateY(-2px);
}
.chatbot_icon a { 
	display: flex; 
	width: 100%; 
	height: 100%; 
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
.chatbot_icon img { display: block; width: 100%; height: 100%; }
#lottie-chatbot { width: 60px !important; height: 60px !important; }

/* 텝메뉴 */
.tep_menu:after  {  content:"";  display: block;  clear:both;  }
.tep_menu li  {  position:relative;  float:left;  width:calc(100% / 6);  border:1px solid #ccc;  margin: 0 -1px -1px 0;     background: #fff; }
.tep_menu li.on a  {   background:#7b0024;  outline: 1px solid #7b0024;  color:#fff !important;  }
.tep_menu li a:not(.close){display:block;   padding:0;  line-height:60px;  text-overflow:ellipsis;  overflow:hidden;  white-space:nowrap;  font-size:16px;  color:#666;  text-align: center;   }
/* 텝박스 */
.tab_box {  display: none; margin: 30px 0 0 0; }
.tab_box.on {  display: block;  }

/************************************* 서브페이지컨텐츠 *************************************/
.m_show {  display:none;  }

/* 정기고연전 역대전적 */
.score  {  position: relative; width:900px; height:426px; background: url(../images_user/score_bg.png) 0 0  no-repeat;  background-size: cover;  text-align:center;  padding: 90px 10px;     margin: 0 0 50px 0;  }
.score li{   display:inline-block;  height:100%;  vertical-align: top;  }
.score .score_in_ko  {  font-size: 27px;    font-weight: 500;  display: block;    margin: 30px 0 0 0;}
.score .score_in_yon  {  font-size: 27px;    font-weight: 500;  display: block;    margin: 30px 0 0 0;}
.score_history {   width: 145px;  display: block;  margin: 15px auto;  color: #fff;    background: #666;    padding: 0 15px;    border-radius: 50px;    line-height: 32px; }
.score_total  {  display: inline-block;   font-size: 40px;    font-weight: 500;    color: #777;     margin: 15px  30px 0 30px;  }
.score_total em {  font-size: 55px;  color: #6d6d6d;  font-weight: 500;      display: inline-block;    line-height: 58px;    vertical-align: top;}
.score_total em:nth-child(1) {  color:#7b0024;  }
.score_total em:nth-child(3) {  color:#333;  }
.score_total em:nth-child(5) {  color:#003777;  }
.score_total p {     font-size: 20px;    line-height: 32px; }
.score_box  {  margin: 0 0 50px 0;   }
.years_bg  {  position: relative;   width: 49%;    display: inline-block;      height: 200px;  ; background: url(../images_user/years_bg.png)  50% 50%  no-repeat;  vertical-align: top;     margin: 50px 0 0 0; }
.years  { width: 284px;    position: absolute;        left: 50%;    top: 40px;    text-align: center;    margin-left: -145px; }
.years p {  font-weight:500;      padding: 0 0 20px 0;  }
.years strong a{  font-size:58px; font-weight:500;  color:#7b0024;  vertical-align: -webkit-baseline-middle; width: 170px;    display: inline-block; }
.years i {  font-size: 20px;    color: #b6919c;    font-weight: 500;  }
.score_board  {      width: 49%;    display: inline-block;  }
.more_content {    margin: 0 0 100px  0; display: inline-block;    width: 100%; }
.more_pic {     position: relative;   width: 429px;     display: inline-block;         vertical-align: top;   }
.more_pic strong {      position: relative;  width: 100%;    padding: 35px 10px 30px 15px;    display: inline-block;    font-size: 23px;  background: #f4f4f4;  }
.more_pic button {  position: absolute;   right: 0px;    top: 21px;    padding: 0 30px 0 30px;  }
.column  {  background: url(../images_user/score_bg_02.png) 0 0/cover no-repeat ;  width:901px; height:1321px;   }
.column_01  {  height: 684px;     padding: 10px; }
.column_01 .column_title {  width: 300px;    display: inline-block;      margin: 38px 0 0 30px;  }
.column_01 .column_title p {  font-size: 40px; font-weight: 300;   display: block;     line-height: 55px;  }
.column_01 .column_title strong {   font-size: 40px; font-weight: 400;   display: block; line-height: 55px;  }
.column_01 .column_text {  width: 395px;    display: inline-block;    float: right;    font-size: 16px;    line-height: 25px;     margin: 38px 14px 0 0; }
.column_02  {      padding: 10px;  }
.column_02  .column_img  {      width: 445px;  display: inline-block;      padding: 0 0 0 45px;  }
.column_02  .column_img img {    -webkit-box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1) inset;
box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1) inset;}
.column_02 .column_img p {    color: #fff;      padding: 8px 0 25px 0;  }
.column_02  .column_text2    {       width: 377px;    display: inline-block;  vertical-align: top; margin: 100px 0 0 30px;}
.column_02  .column_text2 .column_text2_title   {     color: #fff;    font-size: 36px;    font-weight: 300;    display: block;    line-height: 39px;   }
.column_02  .column_text2 .column_text2_title strong {     color: #fff;    font-size: 36px;    font-weight: 400;    display: block;    line-height: 39px;  margin: 0 0 17px 0; }
.column_02  .column_text2 .column_text2_text   { color: #fff;    line-height: 24px;    font-weight: 300;   }
.score_b,.score_b strong {  font-size:17px;   }


/* 멤버쉽 로그인 */
.member_area {  position:relative;  display:block;  width:100%; height:100%;  margin:0 0 0 0 ;  padding:0 0 0 0 ;  }
.member_center  {  width: 450px;    margin: 0 auto;  }
.member_t {  text-align:center;  border-bottom: 1px solid #ccc;  }
.member_t strong {  font-size: 30px;    display: inline-block;  color:#252525;  line-height: 40px; }
.member_t p {   color:#252525;  line-height: 40px;  padding: 0 0 20px 0;  }
.member_c {    border-bottom: 1px solid #ccc;  }
.member_c ul {  width:100%; margin: 30px 0;  }
.member_c ul li:nth-child(1) {  margin:0 0 20px 0;  }
.member_c ul li span {  width:97px; line-height: 50px; display: inline-block;  font-weight: 500; margin: 0 0 10px 0; }
.member_c input,.member_c select {  width:77%;      height: 50px;   vertical-align: top;  }
.member_c button {      height: 50px;    line-height: 50px;     padding: 0 20px 0 20px;  }
.member_c select, .member_c input {  margin:0 0 5px 0;  }
.member_c .text p {  text-align:center; font-weight:500; font-size:22px;  line-height: 32px;   }
.member_b {  padding: 30px 0 0 0;  }
.member_b button {  width:100%;  height: 50px;  margin: 0px 0 20px 0;  font-size: 17px;  }
.member_b input[type=button] {  width:100%;  height: 50px;  margin: 0px 0 20px 0;  font-size: 17px;  }

.member_btn  {  text-align: center;  padding: 23px 0;   margin: 50px 0 0 0;    border-top: 1px solid #ccc  }
.member_btn button:nth-child(1):after {    content: '';    position: relative;   display: inline-block;   height: 12px;    top: 3px;    left: 25px;  border-left: 1px solid #ccc;     }

/* 회원가입-스텝 */
.join_area {  position:relative;  display:block;  width:100%; height:100%;  margin:0 0 0 0 ;  padding:0 0 0 0 ;  }
.join_area strong {  font-size:21px; line-height:55px; font-weight:500;  display: inline-block; }
.join_step  {  margin: 0 0 20px 0;  }
.join_step li {      width: 33%;    line-height: 60px;    text-align: center;  color:#333;  font-weight: 500;  background: #e7e7e7;    margin: 0px 0px 0 0;    display: inline-block;  vertical-align: top;}
.join_step li.step {   background:url(../images_user/join_ar.png) no-repeat;      width: 40px;    height: 60px;    position: absolute;   margin: 0 0 0 -20px; }
.join_step li.on {   background:#7b0024;  color:#fff;    }
.join_step li:last-child {    clear: both;  }
.rerequired {  float:right; line-height:50px;   }
.join_textbox {      width: 100%;    height: 240px;    padding: 15px 20px;    border: 1px solid #d5d5cf;    overflow-y: scroll;  }
.join_textbox h3 {  margin:0 0 10px 0;     font-size: initial; }
.join_textbox p {  margin:0 0 10px 0;  }
.check_area {  padding: 30px 0;    text-align: center;  }
.join_area button {      height: 40px;    line-height: 40px;     padding: 0 40px 0 40px; margin:0 0 5px 5px; }
.join_area select, .join_area input {  margin:0 0 5px 0;  }
.warning  {  color:#cc3300;  }
.warning_ok {  color:#0066ff;  }
.bt_pd40 {    padding: 0 40px 0 40px !important;  }

/* 가입완료 */
.join_complete_box {  border:1px solid #ccc;  background:url(../images_user/join_ico.png) no-repeat 65px 50%;     padding:40px 40px 40px 165px ; margin: 0 0 30px 0;}
.join_complete			{  border-collapse: collapse; width:100%;  padding:10px; margin:10px 0 10px 0; border-top:2px solid #7b0024;  display: inline-table;  }
.join_complete th			{  height: 35px;    line-height: 35px;font-weight:500;   text-align:center; background:#f8f8f8; border-bottom:1px solid #ccc;     padding: 5px;}
.join_complete td			{  height: 35px;    line-height: 35px; border-bottom:1px solid #ccc;  text-align:left;   padding: 10px 5px 5px 5px;  }

/* 아이디찾기 */
/* 텝메뉴 */
.tep_id_find {  border-bottom:2px solid #7b0024;     padding: 0 204px;   }
.tep_id_find:after  {  content:"";  display: block;  clear:both;  }
.tep_id_find li  {  position:relative;  float:left;  width:246px;  border:1px solid #ccc;     background: #fff; }
.tep_id_find li.on a  {   background:#7b0024;  outline: 1px solid #7b0024;  color:#fff !important;  }
.tep_id_find li a:not(.close){display:block;   padding:0;  padding: 20px 0;    height: 60px;  color:#666;  text-align: center;   }
.phone_ico { background:url(../images_user/phone_ico.png) no-repeat 50% 50%;      height: 245px; }
/* 버튼*/
.btn_member {  display: inline-block;    padding: 0 40px 0 40px;    height: 45px;    line-height: 45px;    background-color: #fff;    text-align: center;
    text-decoration: none;    font-weight: 500;    color: #7b0024;    vertical-align: middle;    border: 1px solid #7b0024;   }

/* 멤버테이블 */
.bbs_member  { border-collapse: collapse;  width:100%;  }
.bbs_member th  {  width:100px;  font-weight:500;  text-align:left; background:#fff;  color:#666;   padding:20px 5px 20px 20px; border-bottom:1px solid #e2e3e4; }
.bbs_member td  { height: 35px;    line-height: 35px; font-weight:400; color:#666; text-align:left;   padding: 20px 5px 20px 20px ; border-bottom:1px solid #e2e3e4; }

/* 비밀번호찾기 */
.join_pw_box {  border:1px solid #ccc;  background:url(../images_user/pw_ico.png) no-repeat 65px 50%;     padding:40px 40px 40px 165px ; margin: 0 0 30px 0;}

/* 회원탈퇴 */
.join_exit_box {  border:1px solid #ccc;  background:url(../images_user/exit_ico.png) no-repeat 65px 50%;     padding:40px 40px 40px 165px ; margin: 0 0 30px 0;}
.join_exit_text {  margin:0 0 30px 0;  }

/* 아이디찾기 */
.id_find_box {  border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin: 0 0 30px 0;    padding: 0 0 30px 0;  }
.com_ico { background:url(../images_user/com_ico.png) no-repeat 50% 50%;      height: 245px; }
.com_text p {  text-align:center;  line-height:25px;  }
.id_find_text {  margin: 60px 0 0 0 ;  }
.id_find_text p {  text-align: center;    font-size: 20px;    line-height: 50px;     color: #222;  }
.id_find_text strong {   font-size: 25px;  }

/* 회비납부내역  양쪽보더없는게시판 */
.bbs_line		{  border-collapse: collapse; width:100%;  margin:10px 0 30px  0;  border-top:2px solid #7b0024;  }
.bbs_line th		{     padding: 15px 10px;  font-weight:bold;  text-align:center; background:#f8f8f8;   border-right: 1px solid #ccc;  border-bottom:1px solid #ccc;  }
.bbs_line th:last-child  { border-right:0; }
.bbs_line td	{      padding: 15px 10px; border-right: 1px solid #ccc; border-bottom:1px solid #ccc; text-align:center;  font-weight:normal;  color:#222;  background:#fff;  }
.bbs_line td:last-child		{  border-right:0; }

/* 내가쓴글 라인없는게시판 */
.bbs_no_line		{  border-collapse: collapse; width:100%;  margin:10px 0 30px 0;  border-top:2px solid #7b0024;  }
.bbs_no_line th		{   padding: 15px 10px; font-weight:bold;   color:#7b0024; text-align:center; background:#ffffff; border-bottom:1px solid #ccc; }
.bbs_no_line td		{   padding: 15px 10px; border-bottom:1px solid #ccc; text-align:center;  font-weight:normal;  color:#222;  background:#fff;  }
.bbs_no_line td:nth-child(2)	{  text-align:left;  }
.bbs_no_line td a		{   text-align:left;  display:inline-block;       vertical-align: middle; display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;  }

/* 마이페이지 */
.my_info {  border:1px solid #ccc; min-height: 373px; margin: 0 0 30px 0; padding: 0 10px; }
.my_name_area {  background:#7b0024;     width: 230px;    height: 300px;    text-align: center; padding: 40px 30px; margin: 0 0 0 50px;  }
.my_name_area strong,.my_name_area p {  color:#fff;  }
.my_name_area img{width:125px;}
.my_info_area {  position: absolute;    left: 0;    top: 0;   margin: 30px 310px;    width: 500px;  }
.my_table		{  border-collapse: collapse; width:100%;     margin: 0 0 20px 0;  }
.my_table th		{   padding: 10px;  font-weight:bold;  vertical-align:top; text-align: left; }
.my_table td		{   padding: 10px;  font-weight:normal;   }
.my_benefit_area {      width: 49%;    display: inline-block; margin: 0 0 30px 0;  }
.my_benefit {  display: inline-block;   width:100%; padding:30px 10px 30px 210px;  border-top:2px solid #7b0024; border-bottom:1px solid #ccc;height: 240px;  }
.medical { background:url(../images_user/medical.png) no-repeat 65px 50%;    }
.parking {  background:url(../images_user/parking.png) no-repeat 65px 50%;   }
.my_benefit li {  line-height: 25px;  }
.my_benefit ul {  margin:0 0 10px 0;  }
.my_benefit li:nth-child(odd) {  font-weight:500;   }
.search_date_btn {  padding: 0 !important;display: inline-block;    width: 40px;    height: 40px;    line-height: 40px;    color: #fff;    background: #999;
    text-align: center;    font-weight: bold;    vertical-align: middle;    margin: 0 0 0 -6px;    font-size: 23px;    position: absolute;    right: 0px;  }

/* 서브페이지폰트16일떄 */
.service p, .service strong, .service li  {   line-height: 25px;  }
.disc li {    list-style: disc;    margin: 0 0 0 15px;    line-height: 26px; }/* 리스트스타일동글 */
.decimal li {    list-style: decimal;    margin: 0 0 0 15px;    line-height: 26px; }/* 리스트스타일숫자 */

/* 납부 */
.n_pay {  color:#01c73c;      text-underline-position: under;    text-decoration: underline solid !important; }
.bank li {  line-height: 45px;  }
.bank li button {     height: 39px;    line-height: 39px; }
.bank a {  display: inline-block;  color:#999;  }
.hana_bank {  background:url(../images_user/hana_bank.png) no-repeat 5px 5px ; padding: 0 20px 0 40px; }
.kb_bank  {  background:url(../images_user/kb_bank.png) no-repeat 5px 5px ; padding: 0 20px 0 40px; }
.payment_box {    border: 1px solid #ccc;    background: url(../images_user/payment_ico.png) no-repeat 65px 50%;    padding: 40px 40px 40px 165px;    margin: 0 0 30px 0;}
.payment_box strong {  font-size:21px; line-height:55px; font-weight:500;  display: inline-block; }
.radio_align li { width: 30%;    display: inline-block;  line-height: 36px;  }

/* 행사일정캘린더 */
.calender_title {      position: relative;    margin-bottom: 30px ;   text-align: center ;  }
#calendar {    width: 100%;   margin-bottom:30px;    display: inline-block;  }
#calendar a {     display: block;  text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;   }
#calendar ul {    list-style: none;    padding: 0;    margin: 0;    width: 100%;}
#calendar li {    display: block;    float: left;    width:14.34%;    padding: 5px;    box-sizing:border-box;    border: 1px solid #e2e3e4;    margin-right: -1px;    margin-bottom: -1px;}
#calendar ul.weekdays {    height: 40px;    background: #f8f8f8; border-top: 2px solid #7b0024; }
#calendar ul.weekdays li {    text-align: center;    text-transform: uppercase;    padding: 10px 6px;    color: #000;    font-size: 16px; font-weight: 500;     border-left: 0 !important;    border-top: 0 !important;    border-bottom: 0 !important;}
#calendar ul.weekdays li:last-child {  border-right:0 !important;  }
#calendar .days li {    height: 138px;}
#calendar .days  li:first-child {  border-left:0 !important;  }
#calendar .days  li:last-child {  border-right:0 !important;  }
#calendar .date {    text-align: center;    margin-bottom: 5px;    padding: 4px;    background: #fff;    color: #666;    width: 25px;	height: 25px;    border-radius: 50%;    float: left; font-weight: 500; }
#calendar .event {  text-align: left;    clear: both;    display: block;    font-size: 13px; margin-bottom: 5px }
#calendar .event:hover {   text-decoration:underline;  }
#calendar .event-desc {   color: #666;      text-decoration: none;  }
#calendar .other-month {    background: #fff;    color: #666;}
#calendar .today {    outline:1px solid #7b0024;    color: #666;}
#calendar .change {    border-radius: 50px !important;    background-color: #3b6fb3;    color: #fff;    width: 20px;    height: 20px;    display: inline-block;    text-align: center;    line-height: 23px;  }
.calender_t a {font-size: 30px;       font-weight: 500;     margin: 0 15px;  }
.cal_select  {  position: absolute;    left: 15px;    top: 25px; }
.print    {  position: absolute;    right: 15px;    top: 25px; }
.holiday {  display:inline; color:#f00; font-weight:500;     position: absolute;  margin: 14px 0 0 0;    width: 180px;  }
.calendar_btn {    display: inline-block;    width: 30px;    height: 30px;    background-color: transparent;    border-radius: 100px;     margin: 5px 5px 5px 5px;     vertical-align: sub; outline:0; }
.list_ico {      background: url(../images_user/list_ico.png) no-repeat 110px 13px;      padding: 0 50px 0 20px;      color: #252525;  position: absolute;
    right: 0;}
.cal_ico {      background: url(../images_user/cal_ico.png) no-repeat 110px 13px;      padding: 0 50px 0 20px;      color: #252525;  position: absolute;
    right: 0;}
.calender_title i {  font-size: 37px;    color: #ccc;  }
.calender_box {display: none;    position: absolute;  top: 57px;    left: 50%;    margin-left: -100px;   width: 200px;    height: 188px;    z-index: 2;    overflow-y: scroll !important;    padding: 20px;    background: #fff;    border: 1px solid #e0e0e0;     text-align: left;  }
.calender_box.on {    display: block;}
.calender_box a {  color:#999; line-height: 27px;    font-size: 16px; }
.calender_box a:hover {  color:#252525;   }

/* 행사일정캘린더리스트 양쪽라인없는게시판 */
.bbs_list			{  border-collapse: collapse; width:100%;  padding:10px; margin:0px 0 16px 0; border-top:2px solid #7b0024;  display: inline-table;  }
.bbs_list th			{  height: 35px;    line-height: 35px;font-weight:500;   text-align:center; background:#f8f8f8; border-bottom:1px solid #e2e3e4;     padding: 5px;    border-right: 1px solid #ccc;  }
.bbs_list th:last-child {  border-right:0;  }
.bbs_list td			{  height: 35px;    line-height: 35px; border-bottom:1px solid #ccc;  text-align:center;   padding: 8px;    border-right: 1px solid #e2e3e4; }
.bbs_list td:last-child {  border-right:0;  }

/* 주차권상단이미지 */
.parking_img {  background:url(../images_user/parking_bg.png) 0 0/cover no-repeat ; width:100%; height:210px;     margin: 0 0 50px 0;   padding: 90px 0 0 70px;    }
.parking_img p {  color:#fff;     font-size: 23px;    line-height: 36px;    font-weight: 500;  }
.parking_img em {  color:#fff;   }
.print_align {  text-align:center !important;   }
.parking_step li {  display:inline-block; border:1px solid #ccc; width:20.6%; height:186px; line-height:20px;  text-align:center; vertical-align:top;      padding: 115px 0 0 0;  }
.parking_step li:nth-child(even) {    content: ''; width:45px; height:32px;  background:url(../images_user/step_ar.png) 50% 0 no-repeat;  margin: 8% 0 0 0; border: 0; padding: 0;  }

.parking_step li:nth-child(1) {  background:url(../images_user/parking_step_01.png) 50% 33% no-repeat;  background-size: 44px;}
.parking_step li:nth-child(3) {  background:url(../images_user/parking_step_02.png) 50% 33% no-repeat;  background-size: 48px;}
.parking_step li:nth-child(5) {  background:url(../images_user/parking_step_03.png) 50% 33% no-repeat;  background-size: 48px;}
.parking_step li:nth-child(7) {  background:url(../images_user/parking_step_04.png) 50% 33% no-repeat;  background-size: 48px;}
.print_area  {      margin: 30px 0 40px  0;  }
.print_area li {      margin: 0px auto 15px auto; line-height: 40px; width: 350px;  }
.print_area li:nth-child(1) {  background:url(../images_user/print_ico.png) 0px 0px  no-repeat;     padding-left: 40px;}
.print_area li strong {    font-size: 20px;}
.print_area li em {  color:#7b0024; font-size:26px; font-weight: 500; }
.parking_img2 {  background:url(../images_user/parking_bg2.png) 0 0/cover no-repeat ; width:100%; height:210px;     margin: 0 0 50px 0;   padding: 90px 0 0 70px;    }
.parking_img2 p {  color:#fff;     font-size: 23px;    line-height: 36px;    font-weight: 500;  }
.parking_img2 em {  color:#fff;   }
.date_t {  margin-right:10px;  }

/* 통합검색 */
.total_search {  text-align: center;  }
.total_search input[type="text"]  {    height: 45px;    line-height: 45px;}
.total_search_btn {    padding: 0 !important;    display: inline-block;    width: 45px;    height: 45px;    line-height: 40px;    color: #fff;    background: #7b0024;  text-align: center;    font-weight: bold;    vertical-align: middle;    margin: 0 0 0 -6px;    font-size: 23px;    position: absolute;    right: 0px;}
.total_search p {  padding: 20px 0;    font-size: 19px;  }
.total_search strong {   font-size: 19px;  font-weight:500;  }
.total_search .grey {   color:#ccc  }


/* 통합검색텝 */
.total_search_tep {  border-bottom: 2px solid #7b0024;      padding: 0 0 1px 0;  }
.total_search_tep:after  {  content:"";  display: block;  clear:both;  }
.total_search_tep li  {  position:relative;  float:left;  width:calc(100% / 6);  border:1px solid #ccc;   border-bottom: 0px;   margin: 0 -1px -1px 0;     background: #fff; }
.total_search_tep li.on a  {   background:#7b0024;   color:#fff !important;  }
.total_search_tep li.on:nth-child(1)  {  border-left:0px; }
.total_search_tep li a:not(.close){display:block;   padding:0;  line-height:45px;  text-overflow:ellipsis;  overflow:hidden;  white-space:nowrap;  font-size:16px;  color:#666;  text-align: center;   }



/* 텝박스 */
.total_search_tep_box {  display: none; margin: 30px 0 0 0; }
.total_search_tep_box.on {  display: block;  }
.total_search_title {  font-size: 22px;    margin: 0 0 10px 0;    display: inline-block; color:#7b0024 }
.total_search_tep_box .fa {  font-size:23px;margin-right: 6px; }
.total_search_tep_box a .fa {  font-size:15px;margin-right: 0px; }
.total_search_tep_box b { font-size: 22px;   display: inline-block; color:#ccc ;font-weight: 400;    margin: 0 5px 0 5px;}

/* 통합검색리스트 */
.bbs_total_search		{  width:100%;  margin:10px 0 10px 0;  border-top:1px solid #ccc;  }
.bbs_total_search > li	{       text-align:center;       display: inline-flex;   width: 100%;   padding: 20px 0px ;   border-bottom:1px solid #ccc;  color:#666;  vertical-align: top;   cursor: pointer; }
.bbs_total_search .b_img_area  {  position: relative;  display: inline-block;  width: 250px; height: 153px;  margin: 0 30px 0 0;  background:url(../images_user/thum_img.png) no-repeat center #fff ; border: 1px solid #d6d6d6; }
.bbs_total_search .b_img_area img {  width: 100%;    height: 100%;    object-fit: contain; background-color: #fff;}
.bbs_total_search .b_img_area a  {display: block;    height: 100%;  border: 1px solid #ccc;  }
.bbs_total_search .b_text_area  {  position: relative;  display: inline-block;  width: 100%;  text-align: left; vertical-align: top; }
	.bbs_total_search .b_text_area .b_title    {  padding: 18px 0 12px 0}
	.bbs_total_search .b_text_area .b_title li  {  font-size:16px; color:#252525; line-height: 25px;    font-weight: 500;  }
	.name_compnay  {  font-size:22px !important; color:#252525 !important; line-height: 25px;    font-weight: 500; margin-top: 5px; }

	.bbs_total_search .b_text_area .b_title li mark {  font-size: 18px;   }
	.bbs_total_search .b_text_area .b_title a  { max-width: 100%;  display:inline-block;  vertical-align: middle;  font-size: 18px;  font-weight: 500;  color: #252525; line-height: 24px; }
	.bbs_total_search .b_text_area .b_title a mark {  font-size: 18px;   }
	.b_title a {  font-size: 18px;   }
	.bbs_total_search .b_text_area .b_text a {  display: block;    margin: 0 0 10px 0;    width: 100%;    height: 47px;    line-height: 23px;    color: #666;
	display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;  } /* 2줄말줄임 */
	.bbs_total_search .b_text_area .b_text li {  font-size:15px; color:#252525; line-height: 25px;  display: inline-block; }
	.bbs_total_search .b_text_area .b_text li i {  color:#666;  }
	.bbs_total_search .b_text_area .b_text li:nth-child(1){  display:block;  }
	.bbs_total_search .b_text_area .b_text li:nth-child(3){  margin:0 0 0 20px  }
	.bbs_total_search .b_text_area .b_info  {    width: 55%;  line-height: 25px;  display: inline-block; float: left;   }
.menu_transfer {   float:right;  text-decoration:underline !important; color:#666; text-underline-position: under; }
.utill_menu {  height:50px;      margin: 10px 0 0 0;  }
.menu_align { float:right;   }
.menu_align a { color:#666; }
.menu_align a.on  {  color:#252525;  font-weight: 500; }
label.hide {  display:none;  }

/* 팝업워터마크 */
.watermark {  background:url(../images_user/watermark.png) no-repeat 50% 50% ; width:100%; height:100%;   }
.pop_watermark {position: absolute; left: 50%;    transform: translateX(-50%);    top: 160px; z-index: -99;}
.pop_watermark img { width: 190px;  }
.medical_logo { position: absolute; right: 10px;    top: 14px; z-index: -99; display:none;  }
.medical_logo img { width: 50px;  }
.medical_sign { width: 100%;    text-align: center; z-index: -99;  }
.medical_sign img { width: 250px;  }

.pop_title {     font-size: 35px;  }
.pop_title_parking {     font-size: 35px; }
.pop_title_parking h4 {margin: 0;}
.pop_logo_parking {	width:260px; }
.pop_thead_parking {padding: 0 10px 0 10px}
.bbs_parking  { border-collapse: collapse;  width:100%; margin-bottom: 20px; }
.bbs_parking thead { border-top: 1px solid #999; border-bottom: 1px solid #999;  }
.bbs_parking th  {  font-weight:500;  text-align:left;    padding:14px 0 14px 30px;  }
.bbs_parking td  {   font-weight:400 ;  text-align:left; padding: 14px 0 14px 0; }
.bbs_parking .mobile { line-height: 40px; }

.pop_thead_parking {padding: 0 10px 0 10px}
.pop_parking  {/* border-collapse: collapse; */ width:100%; padding-left: 80px;    padding-right: 80px;}
.pop_parking thead { border-top: 0px solid #999; border-bottom: 0px solid #999;  }
.pop_parking th  {  font-weight:500;  text-align:left;    padding:10px 0 10px 0;  }
.pop_parking td  {   font-weight:400 ;  text-align:left; padding: 10px 0 10px 0; }
.pop_parking .mobile { line-height: 40px; }

#company_nm { width: 300px; }
#mobile1 { width: 90px; }
#mobile2 { width: 90px; }
#mobile3 { width: 90px; }
.parking_line{	border-bottom:1px solid #ccc;	margin: 20px 30px; }

/* 의료우대증 */
.pop_title_medical  {     font-size: 35px;  color:#7b0024;      font-family: 'Nanum Myeongjo', serif;   font-weight: 600; }
.bbs_medical  { border-collapse: collapse;  width:100%; }
.bbs_medical th  {  font-weight:500;  text-align:left;    padding:10px 0 6px 50px;  }
.medical_text {      margin: 10px 0 10px 0; }
.medical_text p {  color:#666;     font-size: 13px;	word-break: break-all;  }
.medical_num {margin: 0 0 25px 0;}
.medical_year {float:left;}
.medical_member {font-weight: bold;	color:#7b0024;}
.medical_button{  margin-top: 0px;}

/* 인사말 */
.introduce {  position:relative;     }
.introduce_text {  display: inline-block;    width: 49%;    padding: 0 0 0 40px;  }
.introduce_text strong {       margin: 0 0 26px 0;    display: inline-block;   font-size: 30px;    line-height: 40px;  }
.introduce_text p {  font-size:16px; line-height: 25px;  }
.introduce_text span {  font-weight:500;     font-size: 16px;     margin: 30px 0 0 0;    display: inline-block; }
.introduce_text .sign  {  float:right;      margin-top: 11px; }

/* 장학회소개 */
.scholarship_bg {  background:url(../images_user/scholarship_bg.png) 0 0/cover no-repeat ; width:100%; height:210px;     margin: 0 0 50px 0;   padding: 70px 0 0 70px;    }
.scholarship_bg p {  color:#fff;     font-size: 23px;    line-height: 36px;    font-weight: 500;  }
.link_ico {  background: url(../images_user/link_ico.png) no-repeat bottom 50% right 10px;    padding: 0 40px 0 20px; margin: 0; }

/* 오시는길 */
.map_ico {display: inline-block;  font-size: 13px;  width: 23px;    height: 23px;   line-height: 25px;    text-align: center;    text-decoration: none;    font-weight: 500;    color: #fff;    border-radius: 100px;    margin-right: 10px;  }
.c_brown {   background-color: #c77539;   }
.c_blue {   background-color: #1560d1;   }
.c_green {   background-color: #009c00;   }
.c_dark_blue {   background-color: #0b3873;   }
.c_purple {   background-color: #924898;   }
.c_orange {   background-color: #ff7c25;   }
.map_table			{  border-collapse: collapse; width:100%;  }
.map_table th			{ font-weight:500;  border-bottom:1px solid #e2e3e4;   padding: 35px 0;    text-align: left;  }
.map_table td			{  border-bottom:1px solid #e2e3e4; line-height: 28px; }
.map_tit {   display: inline-block;  vertical-align: top;  }
.map_num {  display: inline-block;  width: 80%; }


/* 회칙 */
.rules p {  line-height:22px; }
.rules_bg {  background:url(../images_user/rules_bg.png) 0 0/cover no-repeat ; width:100%; height:210px;     margin: 0 0 50px 0;   padding: 86px 0 0 86px;  position: relative;  }
.rules_bg p {  color:#fff;     font-size: 23px;    line-height: 36px;    font-weight: 500; display: inline-block; width: 104px;}
.rules_bg .rules_date {      display: inline-block;    width: 670px;    padding: 0 0 0 40px;    position: absolute;    top: 40px;  }
.rules_bg ul  {  width:32.5%;  display: inline-block;    vertical-align: top;     border-left: 1px dashed #616262;       padding: 0 0 0 20px;  }
.rules_bg ul li {  color:#fff;     line-height: 23px;     font-size: 13px; }

/* 역대회장 */
.thumbs  {  position:relative;   }
.thumbs .portfolio_title {     position: relative;     border: 1px solid #e2e3e4;   padding: 15px;      cursor: pointer;      margin: 10px 0px 0 0; }
.thumbs .portfolio_title img {  width:135px !important ; height:189px; margin-right: 6px; !important;   }
.thumbs a {  display:block;   }
ul.thumbs > li a div.on {  border:1px solid #7b0024  }
.thumbs p {      position: relative;    display: inline-block; width: 200px;  margin: 20px 0 0 10px;   }
.pre_tit {       display: block;   font-size: 20px;    font-weight: 500;  line-height: 32px; color: #333; }
.pre_name  {    display: block;  font-size: 28px;    font-weight: 500; line-height: 32px; color: #333;  }
.pre_date {      display: block;  color:#666;      margin: 60px 0 0 0;   }
.pre_date:before  {     content: '';    position: absolute;    display: inline-block;    width: 26px;    border-bottom: 2px solid #7b0024;       top: 110px;    left: 0;  }
.portfolio_detail  { background:url(../images_user/president_bg.png) #777777  no-repeat right 0px  bottom;     padding: 22px 30px 30px 30px;  }
.portfolio_detail ul {  width: 49%;    display: inline-block;    vertical-align: top;       padding: 0 0 0 30px; margin: 15px 0 0 0;  }
.portfolio_detail ul li {  color:#fff; font-size: 14px;   line-height: 26px;}
.portfolio_detail .port_line  {   border-left: 1px dashed #e2e3e4;  }
.portfolio_detail strong {  font-size:20px;      margin: 0 0 20px 0;    display: inline-block;   color:#dac5a3; }
.portfolio_detail_area {  width: 100%;    display: block;     z-index: 10; }
.portfolio_detail_area:after { content: '';  	padding: 0 0 200px 0; }

ul.thumbs { padding:0; margin: 30px auto; overflow: hidden;}
ul.thumbs > li { display: inline-block;      vertical-align: top; position: relative; width: 49% !important;  margin: 0 0 0px 0;  }
ul.thumbs > li.mr {margin:0 7px 0px 0}
ul.thumbs li img{ text-align:center}
ul.thumbs li a.thumbnail .description { padding: 0; position: absolute; height: 0; left:0; bottom: 0; width: 100%; box-sizing: inherit; opacity: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; color: #fff; background-color: rgba(0, 0, 0, 0.5); font-size: 1.1em; padding: 100px 12px; line-height: 16px; box-sizing: inherit; text-align: center; font-weight:bold; border:3px solid #900 }
ul.thumbs li a.thumbnail .active-arrow {        position: absolute;    border-left: 15px solid transparent;    border-right: 15px solid transparent;    border-top: 17px solid #7b0024;    left: 48%;    bottom: -17px;    z-index: 11; }
ul.thumbs li a.thumbnail:hover .description { height: 100%; opacity: 1; }
ul.thumbs li.content { width:99% !important; display: none; margin: 0px 0 0 0; }
ul.thumbs li.content h3 { display: inline-block; }
ul.thumbs li.content .close {display:none; position: absolute; top: 10px; right: 10px; color: #c2c2c2; cursor: pointer; font-weight: normal; font-family: -webkit-pictograph; font-size:50px; line-height: 35px; z-index:999 !important; }
ul.thumbs li.content .close:hover { opacity: 0.7; }
ul.thumbs li.content .media { display: inline-block; float: none; width: 100%; text-align:left; min-height: 200px;  color:#fff;}
ul.thumbs li.content .media .detail {/* position:absolute; width:210px; top:25px; right:20px */ float:left; width:70%;}
ul.thumbs li.content .media .detail h4 { font-size:30px; color:#d7c7ad !important; background:none !important; margin-bottom:10px; font-weight:600; letter-spacing:-1px;  }
ul.thumbs li.content .media p{font-size:18px;  color:#fff; text-align:left !important; margin:0 0 20px 0;}
ul.thumbs li.content .media dl dt{float:left; margin:0 10px 0 0; color:#fff;}
ul.thumbs li.content .media dl dd{color:#fff;}
ul.thumbs li.content .media img {float:left; padding:0 40px 0 20px;}
.portfolio-content { display: none; }
ul.thumbs li a.thumbnail .description{display:none;}


/* 연혁 */
.history_area  {  position:relative;   }
.history_bg_01 {  background:url(../images_user/history_bg_01.png) 0 0/cover no-repeat ; }
.history_bg_02 {  background:url(../images_user/history_bg_02.png) 0 0/cover no-repeat ; }
.history_bg_03 {  background:url(../images_user/history_bg_03.png) 0 0/cover no-repeat ;  }
.history_bg_04 {  background:url(../images_user/history_bg_04.png) 0 0/cover no-repeat ;  }
.history_bg_05 {  background:url(../images_user/history_bg_05.png) 0 0/cover no-repeat ;  }
.history_bg_06 {  background:url(../images_user/history_bg_06.png) 0 0/cover no-repeat ;  }
.history_bg  { width:100%; height:210px;     margin: 0 0 30px 0;   padding: 50px 70px 0 70px;  position: relative; }
.history_bg p {  color:#fff;     font-size: 28px;    line-height: 36px;    font-weight: 500;  text-align:center;  }
.history_bg ul  {  width:100%;  display: inline-block;    vertical-align: top;   text-align: center; margin: 40px 0 0 0;  }
.history_bg ul:after  {     content: '';    display: inline-block;   width: 100%;    border-bottom: 1px solid #fff;    bottom: 33px;  }
.history_bg ul li {        position: relative;    width: 19%;  color: #a0a0a0;    line-height: 23px;    padding: 0 20px 0 20px;    display: inline-block;    text-align: center; vertical-align: top; }
.history_bg ul li span  {      display: inline-block;    width: 10px;    height: 10px;    border-radius: 100px;    background-color: #fff;  position: absolute;
    bottom: -18px;  margin: 0 0 0 65px;    left: 0;}
.history_bg ul li.on{ font-size:21px; color: #fff; }
.history_bg ul li.on span:after  {     content: '';   display: inline-block;    width: 20px;    height: 20px;    border-radius: 100px;    background-color: #fff;  position: absolute;bottom: -5px;    margin: 0 0 0 -10px;    opacity: 50%;   animation-name:blink; animation-duration: 2s;  animation-iteration-count: infinite; }
@keyframes blink {  	 0%  {	  opacity: 0;  }		 50%  {  opacity: 50%;  }	 100%  { 	opacity: 0;  }		}
.history_table  { border-collapse: collapse;  width:80%;  float: right;  }
.history_table th  {  width:100px;  font-weight:500;  text-align:left; background:#fff;  color:#333;      padding: 25px 0 20px 0;    font-size: 20px;    vertical-align: top;}
.history_table td  {  font-weight:400; color:#333; text-align:left;   padding:20px 0 20px 0 ; width: 100%;}
.history_table tr {border-bottom:1px solid #e2e3e4;}
.history_table td strong {  width: 55px;    display: inline-block; }
.history_br {  margin-left: 53px;}
.history_table td p {  line-height:30px;  }
.btn_history  {     width: 100%;   position: absolute;    top: 100px; }

/* 교우네트워크 */
.network_area {  position:relative;   width:100%; height:375px;   background:url(../images_user/network.png) no-repeat ;   }
.network_01  {background: #7b0024;    color: #fff;    font-weight: bold;    width: 178px;    padding: 15px 0px;    text-align: center;    margin: 0 auto;}
.network_02  {  margin: 58px auto 0 auto;    width: 100%;    text-align: center;  }
.network_02 li {  display: inline-block;    width: 178px;    padding: 15px 0px;    text-align: center;    background: #e5e5e5;    margin: 0 69px; font-weight: 500; }
.network_03  {  margin: 20px auto 0 auto;    width: 100%;    text-align: center;  }
.network_03 li {  display: inline-block;    width: 178px;    padding: 15px 0px;    text-align: center;    background: #e5e5e5;    margin: 0 69px; font-weight: 500; }
.network_04  {        border: 2px solid #7b0024;    background: #fff;    width: 178px;    padding: 15px 0px;    text-align: center;    margin: 59px auto 0;    font-weight: 500;}
.network_05  { border: 2px solid #666;    background: #fff;    width: 178px;    padding: 15px 0px;    text-align: center;    position: absolute;   left: 50%;    margin: -54px 0 0 -313px; font-weight: 500;  }
.network_06 {    width: 148px;    overflow: hidden;    border: 1px solid #e2e3e4;    position: absolute;    right: 0;    top: 115px;  }
.network_06 p {    text-align: center;    background: #7b0024;    padding: 15px 0px;    color: #FFF;  }
.network_06 ul {      width: 78%;    margin: 0 auto;  }
.network_06 li {   font-weight: 500;   padding: 10px 0 10px 0;    text-align: center;  color:#666;   }
.network_06 li:nth-child(1) {     border-bottom: 1px solid #e2e3e4;  color:#333; padding: 15px 0;   }
.network_title {  color:#810126;  text-align: center;    width: 100%; margin:38px 0 30px 0; }
.btn_network {    display: inline-block;    padding: 0 40px 0 40px;    width: 216px;    padding: 15px 0px;    margin: 5px 3px;    background-color: #fff;    text-align: center;    text-decoration: none;    font-weight: 500;    color: #252525;    border: 1px solid #e2e3e4;    vertical-align: middle; outline:0; }
.btn_network:hover,.btn_network:active,.btn_network:focus  {  color:#810126; border:1px solid #810126;   }
.btn_network.on {  color:#810126; border:1px solid #810126;   }
.network_group {  border-top: 1px solid #e2e3e4;      margin: 50px 0 50px 0;    }
.network_box {    border: 1px solid #ccc;    background: url(../images_user/network_ico.png) no-repeat 20px 50%;    padding: 40px 40px 40px 120px;    margin: 20px 0 30px 0; clear: both;}
.network_box strong { font-weight:500;  display: inline-block; color:#810126;   }
.modal_btn_network {  text-align:right; margin-bottom: 20px;     width: 100%;   }
.btn_small {    height: 40px;    line-height: 40px;    padding: 0 20px 0 20px; }

.ico_home {  background: url(../images_user/ico_home.png) 10px 50% no-repeat;  }
.ico_phone {  background: url(../images_user/ico_phone.png) 10px 50% no-repeat;  }
.ico_cafe {  background: url(../images_user/ico_cafe.png) 10px 50% no-repeat;  }
.ico_sns {  background: url(../images_user/ico_sns.png) 10px 50% no-repeat;  }
.s_bt {    padding: 0 10px 0 40px;    height: 35px;    line-height: 35px;  }
.memberInfo,#groupMember {border: 1px solid #ccc;    padding: 30px 20px 12px 20px;    margin: 0 0 30px 0; .overflow: auto;}
#mVolunteerGroupDescription {float: left; margin-right: 20px; width: 370px; margin-bottom: 20px;}
#mVolunteerGroupDescription img { width: 100%; }
/* #mVolunteerGroupImage {float: left;} */

/* 교우회비 - 소개및혜택 */
.membershipFee_bg {  background: url(../images_user/membershipFee_bg.png) 0 0/cover no-repeat;    width: 100%;    height: 210px;    margin: 0 0 30px 0;    padding: 70px 0 0 70px;   background-position: 36% 30%;}
.membershipFee_bg p {  color:#fff;     font-size: 23px;    line-height: 36px;    font-weight: 500;  }
.fee_table td {    padding: 40px 5px !important;  }
.fee_table strong { color:#810126; }
.fee_ico {    margin: 20px  0 40px 0;  }
.fee_ico li {     width: 206px;   height: 172px;    display: inline-block;    border: 1px solid #ccc;    vertical-align: top;   text-align: center;     margin: 0 21px 10px 0; }
.fee_ico li a { display: block;    width: 100%;    height: 100%;  padding: 133px 0 0 0;  }
.fee_ico li:nth-child(1) {    background: url(../images_user/fee_ico_01.png) no-repeat center 50%;  }
.fee_ico li:nth-child(2) {    background: url(../images_user/fee_ico_02.png) no-repeat center 50%;  }
.fee_ico li:nth-child(3) {    background: url(../images_user/fee_ico_03.png) no-repeat center 50%;  }
.fee_ico li:nth-child(4) {    background: url(../images_user/fee_ico_04.png) no-repeat center 50%;  margin:0 }
.fee_box {  position: relative;  border: 1px solid #ccc;    background: url(../images_user/fee_ico_05.png) no-repeat 20px 50%;    padding: 40px 40px 40px 120px;    margin: 0 0 30px 0;}
.fee_box strong {  font-size:21px; line-height:55px; font-weight:500;  display: inline-block; }
.fee_box button {      top: 28px;    right: 20px;    display: inline-block;    position: absolute;}

/* 교우기업 */
.power_link_img {  vertical-align: baseline;   }
.bbs_power_link		{width:100%;  margin:10px 0 10px 0;    }
.bbs_power_link > li  {  border-top:2px solid #7b0024;  display: inline-block;   width: 32%;  height: 430px; padding: 40px 45px ;  color:#666;  vertical-align: top;  margin: 0 9px 14px 0;
-webkit-box-shadow: 0px 6px 12px 1px  0px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1) inset;
box-shadow: 0px 6px 12px 1px  rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1) inset;}
.bbs_power_link > li:last-child {  margin:0;  }
.bbs_power_link .b_img_area  {  position: relative;    width: 198px;    height: 160px;   margin: 0 auto;  background:url(../images_user/thum_img.png) no-repeat center #fff ; border: 1px solid #d6d6d6; }
.bbs_power_link .b_img_area  img {  width:100%; height:100%; object-fit: contain; }
.bbs_power_link .b_img_area a  {display: block;    height: 100%;}
.bbs_power_link .b_text_area  {  position: relative;   width: 100%;  text-align: left; vertical-align: top; }
.bbs_power_link .b_text_area .b_name  { font-size:16px;  color:#333; padding: 18px 0 4px 0; font-weight: 500;  }
.bbs_power_link .b_text_area .b_title    {  padding: 6px 0 13px 0; font-size: 24px;    color: #7b0024;    font-weight: 500;   text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;   }
.bbs_power_link .b_text_area .b_ex {height: 40px; margin: 0px 0 20px 0;  display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;   }
.classification {    margin: 20px  0 10px  0;  }
.classification li {     width: 95px;   height: 80px;    display: inline-block;   vertical-align: top;   font-weight: 500;    text-align: center;     margin: 0 0px 10px 0; }
.classification li a {   display: block;    width: 100%;    height: 100%;  padding: 0px 0 0 0;  }
.classification p {  margin: 11px 0;     font-size: 14px; }
.classification li a.on {  border:1px solid #7b0024;  }
.hangle_ico   {    margin: 10px  0 10px  0;  }
.hangle_ico li {  display:inline-block;   }
.hangle_ico li a {   display: inline-block;   padding: 7px 10px;    text-align: center;    text-decoration: none;    font-weight: 500;    border-radius: 100px;        margin: 0 0 5px 5px;    border: 1px solid #e4e5e6; }
.hangle_ico li a.on {   border: 1px solid #7b0024; color: #7b0024;  }
.network_list_ico {  position: relative;  border: 1px solid #ccc;    background: url(../images_user/network_list_ico.png) no-repeat 20px 50%;    padding: 40px 40px 40px 120px;    margin: 30px 0 0  0;}
.fa-map-marker{ margin: 0px 1px 0px 2px;}
.fa-phone{}
.fa-envelope{}

/* 교우기업_상세 */
.bbs_view_network		{  width:100%;  margin:0px 0 30px 0;  border-top:2px solid #7b0024;  }
.bbs_view_network > li	{     width: 100%;   padding: 30px 20px ;   border-bottom:1px solid #ccc;  color:#666;  vertical-align: top;    }
.bbs_view_network .b_img_area  {  position: relative;   display: inline-block;    width: 210px;    height: 169px;   margin: 0 50px 0 0;  border: 1px solid #ccc;  background: url(../images_user/thum_img.png) no-repeat center #fff;}
.bbs_view_network .b_img_area a  {display: block;    height: 100%;}
.bbs_view_network .b_img_area a img {    width: 100%;    height: 100%;    object-fit: contain; background: #fff;}
.bbs_view_network .b_img_area img {     width: 100%;    height: 100%; object-fit: contain;background: #fff; }
.bbs_view_network .b_img_area .power_link_sticker {  position:absolute;    left: 6px;    top: -3px;     width: 33px;    height: 39px;}
.bbs_view_network .b_text_area  {  position: relative;   display: inline-block;   text-align: left; vertical-align: top;  }
.bbs_view_network .b_text_area .b_text li {  line-height:22px;   }
.bbs_view_network .b_text_area .b_text strong {  width: 55px;  display:inline-block; margin:0 20px 0 0;  }
.bbs_view_network .b_text_area .b_title    {  padding:0 0 20px 0; font-size: 20px;  font-weight: 500;  color: #252525;   }
.bbs_view_network .b_text_area .b_info  {    width: 55%;  line-height: 25px;  display: inline-block; float: left;   }

/* 교우회비_조회 */
.payment_check_box {    border: 1px solid #ccc;    background: url(../images_user/payment_check_ico.png) no-repeat 30px 50%;    padding: 40px 40px 40px 190px;    margin: 0 0 30px 0;}
.payment_check_box span {  font-size:21px; font-weight:500;  display: inline-block;  margin: 0 0 15px 0;     line-height: 22px;  }
.payment_check_box strong {  display: inline-block;  margin: 0 10px 10px  0;  }

/* 의료우대증 */
.medical_bg {  background:url(../images_user/medical_bg.png) 0 0/cover no-repeat ; width:100%; height:210px;     margin: 0 0 50px 0;   padding: 90px 0 0 70px;    }
.medical_bg p {  color:#fff;     font-size: 23px;    line-height: 36px;    font-weight: 500;  }
.medical_bg em {  color:#fff;   }
/* 의료우대증_리스트*/
.bbs_medical		{  width:100%;   }
.bbs_medical > li	{       text-align:center;       display: inline-flex;   width: 100%;   padding: 0 0 20px 0px ;   color:#666;  vertical-align: top;    }
.bbs_medical .b_img_area  {  position: relative;  display: inline-block; width: 370px;    height: 210px; margin: 0 30px 0 0;  background:url(../images_user/thum_img.png) no-repeat center #eee ;  }
.bbs_medical .b_img_area  img {  width:100%; height:100%;  }
.bbs_medical .b_text_area  {  position: relative;  display: inline-block;    text-align: left; vertical-align: top;     width: 100%;}
	.bbs_medical .b_text_area .b_title    {  padding: 10px  0px 20px 0; }
	.bbs_medical .b_text_area .b_title li  {  font-size:23px; color:#7b0024; line-height: 25px;    font-weight: 500;  }
	.bbs_medical .b_text_area .b_text li {  font-size:16px; color:#252525; line-height: 40px;    font-weight: 500;}

	.bbs_medical .b_text_area .b_title2 li  {  font-size:19px; color:#7b0024;     padding: 10px 0 4px 0;  font-weight: 500;  }
	.bbs_medical .b_text_area .b_title2 li span:before  {   content: '';    position: relative;    display: inline-block;    height: 16px;    border-left: 1px solid #ccc;  margin: 0 13px; }

/* 대관안내스텝*/
.rent_step {      text-align: center;    }
.rent_step li {  display:inline-block; border:1px solid #ccc; width:186px; height:186px; line-height:20px;  text-align:center; vertical-align:top;     padding: 115px 0 0 0;  }
.rent_step li:nth-child(even) {    content: ''; width:45px; height:32px;  background:url(../images_user/step_ar.png) 50% 0 no-repeat;  margin: 80px 0 0 0; border: 0; padding: 0;  background-size: contain;}
.rent_step li:nth-child(1) {  background:url(../images_user/rent_ico_01.png) 50% 33% no-repeat;     background-size: 34%;}
.rent_step li:nth-child(3) {  background:url(../images_user/rent_ico_02.png) 50% 33% no-repeat;     background-size: 36%; }
.rent_step li:nth-child(5) {  background:url(../images_user/rent_ico_03.png) 50% 33% no-repeat;     background-size: 37%; }

.pic_list li { border: 1px solid #ccc;    width: 206px;    height: 172px;   display: inline-block;     vertical-align: top; text-align: center;    font-weight: 500;    margin: 0 21px 10px 0; }
.pic_list li:last-child {  margin:0; }
.pic_list li img { width: 204px;    height: 170px;  }
.pic_list li span {  margin: 10px 0 0 0;    display: inline-block;  }

#time01 { width:90px; margin:0 0 0 5px; }
#time02 { width:90px; }

/* 도서관 */
.library_bg {  background:url(../images_user/library_bg.png) 0 0/cover no-repeat ; width:100%; height:210px;     margin: 0 0 50px 0;   padding: 90px 0 0 70px;    }
.library_bg p {  color:#fff;     font-size: 23px;    line-height: 36px;    font-weight: 500;  }
.library_bg em {  color:#fff;   }

/*  고대인의날_신청안내 */
.kuaa_bg {  background: url(../images_user/kuaa_bg.png) 0 0/cover no-repeat;    width: 100%;    height: 210px;    margin: 0 0 50px 0;    padding: 70px 0 0 70px;   }
.kuaa_bg p {  color:#fff;     font-size: 23px;    line-height: 36px;    font-weight: 500;  }
.han_ico {  background: url(../images_user/han_ico.png) no-repeat 10px 50%;    padding: 0 20px 0 40px; margin: 0 0 6px 0;      width: auto !important;     white-space: nowrap;      color: #000; }

/* 교우아카데미 */
.academy_bg {  background: url(../images_user/academy_bg.png) 0 0/cover no-repeat;    width: 100%;    height: 300px;    margin: 0 0 46px 0;    padding: 70px  110px 0 110px;      text-align: center;  }
.academy_bg p {  color:#fff;     font-size: 16px;    line-height: 27px;   /* font-weight: 500; */  margin: 20px 0 0 0; }
.academy2_ico {  vertical-align: sub;    margin: 0 5px 0 0;  }
.daum_ico  {  background: url(../images_user/daum_ico.png) no-repeat bottom 50% right 5px;    padding: 0 60px 0 20px;    width: auto !important;  }
.band_ico  {  background: url(../images_user/band_ico.png) no-repeat bottom 50% right 5px;    padding: 0 60px 0 20px;    width: auto !important;  }
.calender_book {   border-top: 2px solid #7b0024;     border-bottom: 1px solid #ccc; text-align: right;  padding: 14px 0 0 0;}
.academytit {   margin-bottom: 17px;}

/* CI */
.ci_box {  border:1px solid #ccc; text-align:center;  padding:30px 10px; margin:8px 0 30px 0;  }

/* 호수별보기 */
.bulletin_list		{width:100%;  margin:10px 0 10px 0;  border-top:2px solid #7b0024; text-align: center; }
.bulletin_list li		{       text-align:center;       display: inline-block;   width: 216px;   padding: 30px 0px 0 0 ;  margin: 0 8px 0 0; color:#666;  vertical-align: top;    }
.bulletin_list li:nth-child(4),.bulletin_list li:nth-child(8),.bulletin_list li:nth-child(12) {  margin:0  }
.bulletin_list .b_img_area  {  position: relative;     width: 216px;    height: 311px;     margin: 0 30px 0 0;  background:url(../images_user/bulletin_thum.png) no-repeat center  ; border: 1px solid #ccc; }
.bulletin_list .b_img_area img {     width: 100%;    height: auto; }
.bulletin_list .b_img_area a  {display: block;    height: 100%;}
.bulletin_list .b_img_area:hover {  outline:2px solid #7b0024;  }
.bulletin_list .b_text_area   {    padding: 10px 0;   }
.bulletin_list .b_text_area  a  {   font-size: 18px;    font-weight: 500;    color: #333;    line-height: 25px;}


.select_title {      position: relative;    margin-bottom: 30px ;   text-align: center ;  }
.select_btn {    display: inline-block;    width: 30px;    height: 30px;    background-color: transparent;    border-radius: 100px;     margin: 5px 5px 5px 5px;     vertical-align: sub; }
.select_t a {font-size: 30px;       font-weight: 500;     margin: 0 15px;  }
.select_title i {  font-size: 37px;    color: #ccc;  }
.select_box_area {display: none;    position: absolute;  top: 50px;    left: 50%;    margin-left: -57px;   width: 110px;    height: 188px;    z-index: 499;    overflow-y: scroll !important;    padding: 20px;    background: #fff;    border: 1px solid #e0e0e0;     text-align: left;  }
.select_box_area a:hover  {  text-decoration:underline;  }

/* 제보하기 */
.tip_off_bg {  background:url(../images_user/tip_off_bg.png) 0 0/cover no-repeat ; width:100%; height:210px;     margin: 0 0 30px 0;   padding: 90px 0 0 70px;    }
.tip_off_bg p {  color:#fff;     font-size: 23px;    line-height: 36px;    font-weight: 500;  }
.tip_off_text {  float:right; line-height: 55px; }


/* 이달의회보 */
.bulletin_main {    }
.bulletin_grop{  padding: 0 0 30px 0;    border-bottom: 1px solid #ccc;    margin: 0 0 30px 0;  }
.bulletin_grop label {    font-size: 0;}

.bulletin_cover {      padding: 0 0 30px 0;    border-bottom: 1px solid #ccc;    margin: 0 0 50px  0;  }
.bulletin_cover_img {       width: 595px;    height: 456px;    display: inline-block;    border: 1px solid #ccc;  }
.bulletin_cover_img img {  width: 593px;    height: 454px; object-fit:cover;  }
.bulletin_cover_text {   width: 280px;    height: 454px; display: inline-block;    vertical-align: top;     border-top: 2px solid #7b0024;    text-align: left;	padding: 15px 10px 0 0;    margin: 0 0 0 20px;}

.bulletin_cover_text em {      font-size: 17px;    color: #333;    font-weight: 500;    display: block;    margin: 0 0 20px 0;  }
.bulletin_cover_text strong {  font-size: 35px;    color: #7b0024;    font-weight: 500;    display: block;    margin: 0 0 20px 0;    line-height: 44px;
	display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden; }
.bulletin_cover_text p {  font-size: 16px;    color: #333;    display: block;       margin: 0px 0 10px 0;    line-height: 20px;    height: 261px;    overflow: hidden; }
.bulletin_cover_text span {     font-size: 13px;    color: #666;    display: block;   }

.hot_contents {  font-size: 35px;    color: #7b0024;    font-weight: 500;    display: block;    margin: 0 0 20px 0;    line-height: 44px;  }
.bbs_contents_poto {      margin: 10px 0 30px  0;    /*border-bottom: 1px solid #ccc; */ }
.bbs_contents_poto li {  display: inline-block;    width: 32%;     vertical-align: top;     margin: 0 14px 25px  0;}
.bbs_contents_poto li:nth-child(3) {  margin: 0 0px 25px 0;}

/* .bbs_contents_poto li:nth-child(3),.bbs_contents_poto li:nth-child(6) {  margin:0;  } */
.bbs_contents_poto li:nth-child(3n + 0) {  margin:0;  }
.bbs_contents_poto li img  {  width: 100%;    height: 220px; margin: 0 0 10px 0;     border: 1px solid #ccc; object-fit:cover; }
.bbs_contents_poto li strong {      display: inline-block;    padding: 0px 15px 0 15px;    line-height: 30px;    color: #fff;    background: #7b0024;    font-weight: 500;    font-size: 13px; margin: 0 0 10px 0; }
.bbs_contents_poto li p { color: #333;    font-weight: 500;    font-size: 20px;    height: 43px;    overflow: hidden;    line-height: 22px; margin: 0 0 10px 0;  }
.bbs_contents_poto li span {      font-size: 13px;    color: #666;    display: block; }

.bulletin_link {      background: #f6f6f6;  padding: 20px 0;  margin: 0 0 50px  0;  }
.bulletin_link  li {  display: inline-block;    width: 32%;  text-align: center; }
.bulletin_link  li a {  display: block;       height: 80px;      line-height: 80px;      font-weight: 500; }

/* 이달의회보_interview */
.bbs_interview		{  width:100%;  margin:10px 0 50px  0; border-bottom: 1px solid #ccc;  }
.bbs_interview > li	{      width: 100%;     display: inline-flex;     margin: 0 0 30px 0px;  color:#666;  vertical-align: top;  cursor: pointer;  }
.bbs_interview .b_img_area  {  position: relative;  display: inline-block;  width: 286px;    min-width: 286px; height: 219px;  margin: 0 30px 0 0; border: 1px solid #ccc;  background:url(../images_user/thum_img.png) no-repeat center #eee ;  }
.bbs_interview .b_img_area img {  width:100%; height:100%;    object-fit: cover; max-width: none;}
.bbs_interview .b_img_area a  {display: block;    height: 100%;}
.bbs_interview .b_text_area  {  position: relative;  display: inline-block;  width: 100%;    max-width: 850px;     min-width: 50px;  text-align: left; vertical-align: top; }

	.bbs_interview .b_text_area .b_title em {display: inline-block;    padding: 0px 15px 0 15px;    line-height: 30px;    color: #fff;    background: #7b0024;    font-weight: 500;    font-size: 13px;    margin: 0 0 10px 0;}
	.bbs_interview .b_text_area .b_title strong {      color: #333;    font-weight: 500;    font-size: 32px;     line-height: 38px;    display: block;  text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap ;      margin: 0 0 10px 0;  }
	.bbs_interview .b_text_area .b_text p a {      line-height: 24px;    font-size: 16px;    height: 98px;    overflow: hidden; display: inline-block;      margin: 0 0 10px 0;
	text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 4;    -webkit-box-orient: vertical;}
	.bbs_interview .b_text_area .b_text span {   font-size: 13px;    color: #666;    display: block; }

.bulletin_btn {  text-align:center;   }
.btn_pre {  background: url(../images_user/btn_left.png) no-repeat left 50%;    padding: 0 0 20px 40px;    width: auto !important; 	display: inline-block;    height: 45px;
    line-height: 45px;    text-align: center;    text-decoration: none;    font-weight: 500;    color: #888;    vertical-align: middle;    float: left;	}
.btn_number {  background: url(../images_user/btn_list.png) no-repeat left 50%;    padding: 0 0 20px 28px;    width: auto !important; 	display: inline-block;    height: 45px;    line-height: 45px;    text-align: center;    text-decoration: none;    font-weight: 500;    color: #888;    vertical-align: middle;	}
.btn_next  {  background: url(../images_user/btn_right.png) no-repeat right 50%;    padding: 0 40px 0 20px;    width: auto !important; 	display: inline-block;    height: 45px;    line-height: 45px;    text-align: center;    text-decoration: none;    font-weight: 500;    color: #888;    vertical-align: middle;	float: right;	}


/* 사이트맵 */
.site_map > li {  border-top:2px solid #e2e3e4;      padding: 30px 0 50px 0; }
.s_deps_1 {    position:relative;   width: 200px;      display: inline-block;     font-size: 22px;    color: #7b0024;    font-weight: 500;    }
.s_deps_1:after { content: '';    border-top: 2px solid #7b0024;    position: absolute;    display: inline-block;    width: 160px;    border-bottom: 1px solid #ccc;    top: -32px;    left: 0; }
.s_deps_2 {  width:696px;  display: inline-block;    vertical-align: top;    font-size: 22px;   }
.s_deps_2 > li {  width:170px; display:inline-block; vertical-align: top;  }
.s_deps_2 > li > a { font-size: 18px; font-weight: 600;     margin: 0 0 20px 0;    display: inline-block; color: #333; }
.s_deps_2 > li > a:hover {  text-decoration:underline;   }
.s_deps_3 {      margin: 0 0 0 5px;    padding: 0px 0 0 20px;  }
.s_deps_3 > li   {  list-style: disc;   padding: 0 0 15px 0;  }
.s_deps_3 > li > a:hover {  text-decoration:underline;   }

/* 시상부문 */
.awards_top  {    text-align: center;      padding: 40px 0; border-top: 3px solid #810126;    border-bottom: 1px solid #e2e3e4; margin: 0 0 50px 0;   }
.abtn_pre {  width:90px;   height:50px;       line-height: 50px;  display: inline-block;    padding: 0 0 0 25px;  color: #666;  background:url(../images_user/abtn_pre.png) no-repeat left 50%; vertical-align: top;  }
.abtn_next  {  width: 90px;    height: 50px;     line-height: 50px;   display: inline-block;    padding: 0 25px 0 0;    color: #666;    background: url(../images_user/abtn_next.png) no-repeat right 50%; vertical-align: top;  }
.awards_text  {    display: inline-block;    width: 300px;    text-align: center;     margin-top: 10px; }
.awards_text strong {  font-size: 30px;    display: inline-block;    color: #333;     margin: 0 0 10px 0; }
.awards_text p  {  font-size: 15px;    display: inline-block;    color: #810126;  font-weight:500; }
.awards_title { background:url(../images_user/emblem_ico.png) no-repeat 20px  50% #7b0024;  height: 77px; }
.awards_title p {  color:#ffa19c;    line-height: 77px;    padding: 0 0 0 60px;    font-size: 20px;    font-weight: 500; }
.awards_con {  background: url(../images_user/president_bg_new.png) #f3f3f3 no-repeat;    padding: 45px 70px 30px 70px;    margin: 2px 0 70px  0; background-position: center; display: flex;}
.awards_con img {  width:100%;height: 100%;    object-fit: cover; }
.awards_con ul{max-width: 759px;       }
.awards_con li { position: relative; display:inline-block; margin: 0 76px 30px 0;  width: 200px;     height: 310px;  background: white; }
.awards_con li:hover {  outline:2px solid #7b0024;  }
.awards_con li:nth-child(3n) {  margin:0;  }
.awards_con_bg{}
.awards_info  {  position: absolute;    left: 0;    bottom: 0;    width: 100%;     height: 85px;    text-align: center; z-index: 10;  padding: 20px 0 0 0; }
.awards_info strong {  color: #fff;    font-size: 22px;    z-index: 100;      display: inline-block;  height: 23px;    line-height: 23px;    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; padding: 0 10px;}
.awards_info p  {  color: #fff;    font-size: 15px;    z-index: 100;   text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap; padding: 0 5px   }
.awards_info_bg { background: #7b0024;	 opacity: .9;	 display: inline-block;    width: 200px;    height: 85px;       position: absolute;    left: 0;    bottom: 0;    z-index: 0;}

/* 시상부문_상세 */
.awards_detail {   padding: 40px 70px;    margin: 2px 0 50px  0;  border-bottom:1px solid #e2e3e4;  }
.awards_detail img {  width:200px; height:auto;  }
.awards_detail_t {  width: 500px;    display: inline-block;    margin: 0 0 0 30px;   }
.a_t1 {  color: #333;  }
.a_t2 {  color: #810126;  }
.a_t3 {  color: #252525;   font-size: 30px;  display: block;    margin: 20px 0 30px 0;  line-height: 35px; word-wrap: break-word; }
.a_t3_1  { color: #252525;   font-size: 30px;  display: block; margin: 20px 0 10px 0;  line-height: 35px; }
.a_t3_2  { color: #252525;   font-size: 20px;  display: block;  margin: 0px 0 30px 0; }
.a_t4 {  color: #333;   font-size: 20px;  display: block;    margin: 0 0 20px 0;  }
.a_t5 {  color: #333;     display: block;    margin: 0 0 20px 0;  }
.awards_detail p {  line-height:22px;  }

/* 학술상 */
.award_bg {  background: url(../images_user/award_bg.png) 0 0/cover no-repeat;    width: 100%;    height: 210px;    margin: 0 0 50px 0;    padding: 70px 0 0 70px;   }
.award_bg p {  color:#fff;     font-size: 23px;    line-height: 36px;    font-weight: 500;  }
.awards_list {   padding: 40px 70px;    margin: 2px 0 50px  0;      }
.awards_list img {  width:100%;  height:100%; object-fit:cover;  }
.awards_list ul{max-width: 759px;    margin: 0 auto;   }
.awards_list li { position: relative; display:inline-block; margin: 0 76px 30px 0;  width: 200px;    height: 310px;  }
.awards_list li:hover {  outline:2px solid #7b0024;  }
.awards_list li:nth-child(3),.awards_con li:nth-child(6),.awards_con li:nth-child(9) {  margin:0;  }
.awards_info_bg2 { background: #000;	 opacity: .6;	 display: inline-block;    width: 200px;    height: 85px;       position: absolute;    left: 0;    bottom: 0;    z-index: 0;}
.emblem_big_ico {  position: absolute;    left: 10px;   top: -122px;    width: 40px !important;   object-fit: contain!important; }

/* 학술상-상세 */
.awards_detail2 {   padding: 40px 0px;    margin: 2px 0 50px  0;  border-bottom:1px solid #e2e3e4;  border-top:1px solid #e2e3e4;  }
.awards_top2  {    padding: 0 40px;  }
.awards_pic { position: relative; display: inline-block;    vertical-align: top;     width: 200px;    /*height: 310px;*/ }
.awards_pic img {  width:100%; height:auto;   }
.awards_detail_d {  margin: 40px 0 0px 0; border-top: 1px solid #e2e3e4;  padding: 40px;  }
.awards_detail2 .emblem_big_ico {   top: 0px;   }



/* 장학빌딩-안내텝 */
.scholarship_tep {  border-bottom: 1px solid #ccc;      padding: 0 0 1px 0; margin: 30px 0 0 0;   }
.scholarship_tep:after  {  content:"";  display: block;  clear:both;  }
.scholarship_tep li  {  position:relative;  float:left;  width:calc(100% / 4);  height: 223px;  border:1px solid #ccc;      border-bottom: 0;   margin: 0 -1px -1px 0;     background: #fff; }
.scholarship_tep li:nth-child(1)   {  background:url(../images_user/scholarship_tep_01.png) no-repeat center;  }
.scholarship_tep li:nth-child(2)   {  background:url(../images_user/scholarship_tep_02.png) no-repeat center;  }
.scholarship_tep li:nth-child(3)   {  background:url(../images_user/scholarship_tep_03.png) no-repeat center;  }
.scholarship_tep li:nth-child(4)   {  background:url(../images_user/scholarship_tep_04.png) no-repeat center;  }
.scholarship_tep li:nth-child(1).on a   {  background:url(../images_user/scholarship_tep_01_on.png) #7b0024 no-repeat center;  }
.scholarship_tep li:nth-child(2).on a   {  background:url(../images_user/scholarship_tep_02_on.png) #7b0024 no-repeat center;  }
.scholarship_tep li:nth-child(3).on a   {  background:url(../images_user/scholarship_tep_03_on.png) #7b0024 no-repeat center;  }
.scholarship_tep li:nth-child(4).on a   {  background:url(../images_user/scholarship_tep_04_on.png) #7b0024 no-repeat center;  }
.scholarship_tep li.on a {   background:#7b0024;   color:#fff !important; height: 100%;  }
.scholarship_tep li.on a strong {  color:#fff ; font-size: 17px;  }
.scholarship_tep li.on a p {  color:#ffa19c ;   }
.scholarship_tep li a {display:block;  padding: 160px 0 10px 0; font-size:16px;  color:#666;  text-align: center;   }
.scholarship_tep_box {  display: none; margin: 100px 0 0 0; }
.scholarship_tep_box.on {    display: block;  }
.s_list > li  {  display:block; text-align: right;  border-bottom: 1px solid #e2e3e4;  clear: both;  padding: 30px 0;  }
.s_list > li:nth-child(1) {  padding:0  }
.s_div { display: inline-block;    height: auto;    width: 50%;  text-align: left;    float: left;}
.s_title {  margin:0 0 30px 0;  }
.s_title strong  { font-size:30px;   line-height: 38px; }

/* 기부자전당_갤러리게시판 */
.bbs_donor		{width:100%;   }
.bbs_donor li		{      text-align: center;    display: inline-block;    width: 24%;    padding: 20px 0px 20px 0;    color: #666;    vertical-align: top;    margin: 0 11px 0 0;    float: left;  }
.bbs_donor li:nth-child(4){  margin: 0 0px 0 0;   }
.bbs_donor li:nth-child(8){  margin: 0 0px 0 0;   }
.bbs_donor li:nth-child(4),.bbs_donor li:nth-child(8),.bbs_donor li:nth-child(12){  clear:both;   }
.bbs_donor .b_img_area  {  position: relative;       width: 100%;    height: 216px;  margin: 0 30px 0 0;  background:url(../images_user/thum_img.png) no-repeat center #fff ;     border: 1px solid #ccc; }
.bbs_donor .b_img_area  img {  width: 100%;   height: 100%;   object-fit: cover; }
.bbs_donor .b_img_area a  {display: block;    height: 100%;}
.bbs_donor .b_text_area  {  position: relative;   width: 100%;  text-align: center;  vertical-align: top;   line-height: 47px;    color: #666;  font-size: 16px;   }

/* 고액기부자맞춤형예우 */
.num_ico { background-color: #810126;    display: inline-block;    font-size: 15px;    width: 28px;    height: 28px;	line-height: 28px;    text-align: center;    text-decoration: none;    font-weight: 500;    color: #fff;    border-radius: 100px;   margin: 0 10px 10px 0; }
.num li {padding: 0 0 0 40px; color:#810126;      font-weight: 500; line-height: 28px;  margin: 0 0 10px 0;   }
.num li:nth-child(1) {   background:url(../images_user/num_01.png) no-repeat left top;   }
.num li:nth-child(2) {   background:url(../images_user/num_02.png) no-repeat left top;   }
.num li:nth-child(3) {   background:url(../images_user/num_03.png) no-repeat left top;   }
.img_2051_area img {  margin:0 0 20px 0;  }




/*봉사단 추가*/
.volunteerMemberInfo .mb20{word-break: break-all;}
.volunteerMemberInfo h4{margin: 8px 0 26px 0; word-break: break-all;}



/* 메인 교육회비 납부안내 배너  */
.pay_banner { max-width: 1500px;height: 138px; margin: 0 auto; margin-bottom: 0; cursor: pointer; transform: translate(0, -90px); display: flex; justify-content: center; align-items: center; gap: 130px; background: #8C2342;
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.30); }
.pay_banner > div { display: flex; align-items: center; gap: 20px;  }
.pay_title {font-size: 35px;color: #fff; font-weight: 500; }
.pay_discription { color: #fff; }
.pay_arrow {background: url(../images_user/icon_pay_arrow.svg) no-repeat top left;background-size: contain;width: 53px;height: 21px;}

.pay_banner > p {}

/************************************* PC&모바일용 반응형 메인화면 레이아웃 *************************************/
/************************************* 반응형모바일레프트메뉴 *************************************/
/* 햄버거메뉴버튼 */
.menu-toggle {  width: 50px;    height: 50px;    vertical-align: top;    color: #fff;     padding: 0 0 0 10px; background: transparent; margin: 0 0 0 0;   font-size: 30px;   }
.menu-toggle:hover {  color:#fff;   }
.menu-toggle .icon-bar { display: block; margin: 5px 0; width:25px ; height:2px;  background: #7b0024;    }

/* 모바일 m_header */
.m_header {  display:none;  }
.m_lnb_munu {    width: 100%; height: calc( 100% - 130px ) !important;  background:#f4f4f4;    display: inline-block;       position: absolute;	}
.m_lnb_munu span div {  display: inline-block;    width: 35px;    height: 35px;   line-height: 35px;  text-align:center;  background: #fff;     border-radius: 50px;  font-size:1.4em; margin:0 10px;}
.effect { 	width:100%; 	    height: 100%;    background: #fff; 	position: fixed;  	left:-5000px; 	top:0;		transition:0.3s;	-webkit-transition:0.3s;	-moz-transition:0.3s;  overflow-y: auto;  }
.effect.slide { 	left:0;   z-index:99999999; 	 }
.m_backdropd.open  {   position: fixed;    top: 0;    right: 0;    bottom: 0;    left: 0;    width: 100%;    height: 100%;    background:#3a3f51;  z-index: 9999999  ;  	opacity:.9; filter: alpha(opacity=90);  }
.m_lnb_munuClose {  position:absolute;    top: 10px;   right: 0;     }

/* 모바일검색페이지 */
.effect2 { 	width:100%; 	     background: #fff; 	position: fixed;  	right:-5000px; 	top:0;		transition:0.3s;	-webkit-transition:0.3s;	-moz-transition:0.3s;   }
.state2 {padding: 5px;}
.effect2.slide2 { 	right:0px;   z-index:99999999; 	 }
.m_backdropd2.open2  {   position: fixed;    top: 0;    right: 0;    bottom: 0;    left: 0;    width: 100%;    height: 100%;    background:#3a3f51;  z-index: 9999999  ;  	opacity:.9; filter: alpha(opacity=90);  }
.menu-toggle2 {      padding: 10px;    background: transparent;    font-size: 30px;  }
.menu-toggle2 i,.m_search_bt i {  color:#666;   }
.m_search_input {     width: 69%;   height: 50px !important;  border: 0 !important;  }

/* 상단상태 */
.m_lnb_title {   font-weight: bold;     background-color: #fff;    font-size: 16px;    color: #000;    line-height: 100%;    height: 60px;    width: 100%;    background: #6b6b6b; padding: 0 30px;  }
.gnb_link li   { display: inline-block;   }
.gnb_link li a {   color:#fff;   display: inline-block;    line-height: 60px;    padding: 0 10px;  }
.gnb_link li:after {    content: '';    position: relative;   display: inline-block;   height: 12px;    top: 3px;    border: 1px solid #fff;    margin-left: 20px;    }
.gnb_link li:last-child:after {  border:0;  }
.state {  background:#810126;  height: 70px;    padding: 18px; }
.state p { color: #fff;  }
/* 1뎁스 */
.m_lnb > ul > li { height: 46px; }
.m_lnb > ul > li > .m_lnb_deps1 {    font-weight: bold; display: block;    position: relative;    width:160px;    height: 46px;    line-height: 46px;    color: #333;  	padding-left:30px; }
.m_lnb > ul > li > .m_lnb_deps1.on {     height: 46px;    color:#7b0024 ;    font-weight: bold;    background: #fff;   }
/* 2뎁스 */
.m_lnb_deps2_box { display:none;    position: absolute;   color: #555;  left: 160px; right:0;  top: 0px;  padding: 0 10px; overflow-x: hidden;    overflow-y: auto;    height: 100%;  background: #fff; z-index: 500;  }
.m_lnb_deps2 > li {   border-bottom: 1px solid #e2e3e4;  }
.m_lnb_deps2 > li > a  {display: block;    position: relative;    width: 100%;          height: 46px;    line-height: 46px;  color: #555;  }
/*.m_lnb_deps2 > li > a.m_lnb_deps3_open_bt { background:url(../images_user/deps_1_arrow_plus.png) no-repeat right 10px center; background-size: 20px; }*/
.m_lnb_deps2 > li > a:hover{     color: #7b0024;      font-weight: 500;    }
/*.m_lnb_deps2 > li > a.m_lnb_deps3_open_bt.on { display: block; background:url(../images_user/deps_1_arrow_minus.png) no-repeat right 10px center; background-size: 20px;  }*/
.m_lnb_deps2 > li > a.on {     color: #7b0024;  font-weight: 500;   }
/* 3뎁스 */
.m_lnb_deps3_box { display:block; margin: 0 0 10px 0;  }
.m_lnb_deps3 > li > a {   display: block;  color: #666;   padding: 5px 0 5px 15px; }
.m_lnb_deps3 > li > a:hover {     color: #7b0024;  font-weight: 500;   }
.p_none {  display:none !important;  }


/************************************* 밑에 있는 놈 올림 *************************************/
/* added by psk 20200622 - progress bar */
.ajaxLoading {
	position: fixed; left:0; right:0; top:0; bottom:0; z-index:9999;
	background: rgba(0, 0, 0, 0.2); /* not in ie */
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000'); /* ie */
}
.ajaxLoading div { position: fixed; top:50%; left:50%; z-index:9999; margin-left: -21px; margin-top: -21px; }
.display-none { display:none; }
.display-block { display:block; }
.uploadFileDownload { text-align:left; }
.uploadFileDownload > li:not(:last-child) {display: block; width: 100%;    height: auto; line-height: 20px;    border: 1px dotted #222;    border-width: 0px 0px 1px 0px;    margin: 3px 0; padding: 3px 0;  }
.uploadFileDownload > li { cursor:pointer ;}



/* 행사참여 응답관리 - 기존 style.css 에 추가 */
.logo_event  { width:80%; display: inline-block; }
.logo_event_wrap { padding: 16px 30px; border-bottom: 2px solid #cc3300; text-align: center; margin: 0 0 20px 0; }
.join_area p { font-size: 16px; line-height: 25px; font-weight: 500; display: inline-block; margin-bottom: 12px; }
.red_txt { font-size: inherit; color:#7b0024; }
.join_area div { font-weight: normal; }
.join_textbox p { font-size: 13px; font-weight: normal; line-height: 22px; }


/************************************* 반응형모바일레이아웃 *************************************/
/* pc  1200px*/
@media screen and (max-width:1200px) {
	/* 교우회 유튜브 */
	#youtube { background: #312F2C; width: 100%; padding: 40px 20px; box-sizing: border-box; }
	#youtube > p { text-align: center; font-size: 25px; font-weight: 600; color: #fff; line-height: 1; }
	#youtube > div { width: 100%; height: auto; padding-bottom: 56.25%; margin: 30px auto 0; border-radius: 10px; overflow: hidden; position: relative; }
	#youtube > div > iframe { width: 100%; position: absolute; left: 0; top: 0; height: 100%; }
	
	
	.awards_con ul {
		margin: 0 auto
	}

	.service_ico {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		justify-content: center;
	}

	.service_ico li {
	}

	.sub_lnb {
		display: none;
	}

	.sub_inner {
		width: 100% !important; /* transition: all 0.5s ease;  */
	}

	.header {
		display: none;
	}

	.top_wrap {
		display: none;
	}

	.m_header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px 15px;
		border-bottom: 1px solid #7b0024;
	}

	.logo {
		display: block;
		width: 255px;
		height: 43px;
		background-size: contain;
	}

	.m_search_bt {
		float: right;
		width: 50px;
		height: 50px;
		background: transparent;
		font-size: 25px;
	}

	.sub_content_wrap {
		width: 100% !important;
		padding: 0 10px;
	}

	.inner {
		width: 100% !important; /*transition: all 0.5s ease;*/
		display: inline-block;
	}

	.inner2 {
		width: 100% !important; /* transition: all 0.5s ease; */
		display: inline-block;
	}

	.quick_menu_area {
		display: none !important;
	}

	.btn_pr {
		display: none !important;
	}

	.owl-nav {
		display: none;
	}

	.pic_list li:last-child {
		float: none;
		margin: 0 auto;
	}

	.awards_con ul {
		max-width: 759px;
	}

	/*고대인의날 수상자*/
	.awards_list ul {
		max-width: 759px;
	}

	/*학술상  수상자*/
	.bbs_contents_poto li img {
		height: 24vw;
	}

	.bulletin_cover_img {
		width: 100%;
		max-width: 64.4vw;
		height: 49.1vw;
	}

	.bulletin_cover_img img {
		width: 100%;
		height: 100%;
	}

	.bulletin_cover_text {
		width: 28vw;
		height: 49vw;

	}

	.bulletin_cover_text p {

		height: 27vw;

	}

	.bbs_donor .b_img_area {
		height: 23.6vw;
	}

	.bbs_donor li {
		margin: 0 10px 0 0;
	}


	/* 타블렛 대 1000px*/
	@media screen and (max-width: 1000px) {
		.m_show {
			display: block;
		}

		.sub_location_r {
			display: none;
		}

		.title_bg {
			display: none;
		}

		.main_img {
			max-width: 1000px;
			height: auto;
		}

		.btns {
			left: 109px;
			top: -54px;
		}

		.sub_location_l {
			width: 100%
		}

		.sub_content {
			min-height: 500px;
		}

		.service_ico li {
			display: inline-block;
			margin: 0 0px 0 0;
		}

		.foot_logo {
			margin: 0 0 0 10px;
		}

		.foot_link {
			width: 100%;
			height: 50px;
			margin: 70px 0 0 0;
		}

		.foot_link > li.site_link {
			position: relative;
			width: 100% !important;
			top: -102px;
			z-index: 10;
		}

		.foot_link > li.on > .select_box {
			width: 100%;
		}

		.foot_link > li > a {
			color: #666;
		}

		.footer_wrap {
			padding: 0px 20px;
		}

		.copy li:nth-child(1) span, .copy li:nth-child(1) strong {
			color: #666;
			width: 100%;
			display: block;
			font-weight: 200;
		}

		.copy li:nth-child(2) {
			margin: 20px 0 20px 0;
		}

		.m_top a {
			top: 46px;
			right: 30px;
			display: block;
			position: absolute;
			background: url(../images_user/m_top.png) 0 0 /cover no-repeat;
			font-size: 0;
			width: 50px;
			height: 50px;
			transition: all 0.5s ease;
		}

		.p_none {
			display: block !important;
		}

		.login_center {
			width: 100%;
		}

		.login_t p {
			padding: 0;
			line-height: 27px;
		}

		.login_c input {
			width: 100%;
		}

		.my_info_area {
			position: relative;
			margin: 0 0 0 0;
			width: 100%;
		}

		.my_name_area {
			margin: 0 auto 10px auto;
		}

		.my_benefit_area {
			width: 100%;
		}

		.my_benefit {
			padding: 15px 10px 15px 135px;
			height: auto;
			background-size: 100px;
			background-position: 15px 50%;
		}

		.tep_id_find {
			padding: 0;
		}

		.tep_id_find li {
			width: 50%;
		}

		.bbs_total_search .b_img_area {
			display: inline-block;
			width: 100%;
			height: 214px;
			margin: 0;
		}

		.bbs_total_search .b_text_area {
			display: inline-block;
			padding: 0px 5px;
		}

		.bbs_total_search li {
			display: table;
		}

		.notice, .schedule {
			width: 100%;
			display: block;
		}

		.schedule {
			border-top: 1px solid #ccc;
			padding: 30px 0 0 0;
			margin: 30px 0 0 0;
		}

		.swiper2 .swiper-pagination,
		.swiper3 .swiper-pagination,
		.swiper4 .swiper-pagination {
			display: block !important;
		}

		.service_ico li a {
			width: 118px;
			height: 118px;
		}

		.introduce .pic {
			margin: 0 auto;
			display: block;
		}

		.introduce_text {
			width: 100%;
			padding: 0;
		}

		.introduce_text strong {
			margin: 28px 0 20px 0;
			font-size: 23px;
			line-height: 34px;
		}

		.introduce_text .sign {
			transform: scale(0.7);
		}

		.rules_bg {
			padding: 14px 0 0 20px;
			margin: 0 0 40px 0;
			background-position: 50% 30%;
		}

		.rules_bg .rules_date {
			width: 100%;
			position: relative;
			padding: 0;
			top: 6px;
		}

		.rules_bg ul {
			padding: 0;
			border: 0;
		}

		.history_table {
			width: 100%;
		}

		.history_table td strong {
			width: 100%;
			margin: 10px 0 6px 0;
		}

		.history_table th {
			width: 100%;
			display: block;
			height: auto;
			border: 0;
			padding: 20px 0px 0px 0;
			margin-bottom: -10px;
		}

		.history_table td {
			width: 100%;
			display: block;
			padding: 10px 0 14px 0;
		}

		.history_bg {
			padding: 20px 10px 0 10px;
			margin: 0 0 15px 0;
			background-position: 26% 90%;
		}

		.history_bg ul li.on {
			font-size: 10px;
		}

		.history_bg p {
			font-size: 22px;
			margin-top: 63px;
		}

		.history_bg ul li {
			width: 18%;
			padding: 0;
			font-size: 10px;
		}

		.history_bg ul li span {
			top: 33px;
			left: -42px;
		}

		.history_bg ul {
			margin: 30px 0 0 0;
			text-align: left;
		}

		.network_area {
			background: url(../images_user/network_m.png) center 0 no-repeat;
			height: auto;
		}

		.network_02 {
			margin: 31px auto 0 auto;
		}

		.network_03 {
			margin: 14px auto 0 auto;
		}

		.network_02 li, .network_03 li {
			width: 131px;
			margin: 0 27px;
		}

		.network_04 {
			width: 131px;
			margin: 27px auto 0;
		}

		.network_05 {
			width: 131px;
			margin: -55px 0 0 -208px;
		}

		.network_06 {
			position: relative;
			margin: 23px auto;
			top: 0;
		}

		.network_06 p {
			padding: 11px 0px;
		}

		.bbs_power_link > li {
			width: 100%;
			padding: 20px 20px;
			margin: 0 0 30px 0;
		}

		.classification li {
			width: 24.2%;
			height: auto;
		}

		.classification {
			width: 300px;
			margin: 10px auto 0 auto;
		}

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

		.hangle_ico li:first-child {
			display: block;
			text-align: left;
			margin: 0 0 10px 0;
		}

		.network_list_ico {
			padding: 20px;
			background: none;
		}

		.bbs_medical .b_text_area .b_text li {
			font-size: 14px;
			line-height: 29px;
		}

		.bbs_medical .b_text_area .b_title2 li {
			font-size: 18px;
		}

		.bbs_total_search .b_text_area .b_text li:nth-child(3) {
			margin: 0;
			display: block;
		}

		.btn_pre {
			padding: 0 0 20px 25px;
			background-size: 20%;
		}

		.btn_next {
			padding: 0 25px 0 20px;
			background-size: 20%;
		}

		.bbs_interview .b_text_area .b_title strong {
			font-size: 23px;
		}

		.s_deps_1 {
			width: 100%;
		}

		.s_deps_2 {
			width: 100%;
			margin: 20px 0 0 0;
		}

		.s_deps_2 > li {
			width: 49%;
		}

		.fee_ico li {
			width: 48%;
			margin: 0 11px 10px 0;
		}

		.fee_ico li:nth-child(2n) {
			margin-right: 0
		}

		.bbs_power_link .b_img_area {
			width: 100%;
		}

		.bbs_view_network .b_img_area {
			width: 100%;
		}

		/*고대인의날 수상자*/
		.awards_con li:nth-child(2n) {
			margin: 0 0 0 0;
		}

		.awards_con li:nth-child(3n) {
			margin: 0 76px 30px 0;
		}

		.awards_con ul {
			max-width: 480px;
		}

		.awards_con {
			padding: 25px 50px 10px 50px;
		}

		/*학술상*/
		.awards_list li:nth-child(2n) {
			margin: 0 0 0 0;
		}

		.awards_list li:nth-child(3n) {
			margin: 0 76px 30px 0;
		}

		.awards_list ul {
			max-width: 480px;
		}

		.awards_list {
			padding: 25px 50px 10px 50px;
		}


		.pr_area .b_img_area {
			height: 24.2vw
		}


	}



	/* 타블렛 소 835px 학술상 추가 */
	@media screen and (max-width: 835px) {
		.awards_detail {
			padding: 10px;
		}

		.awards_detail img {
			margin: 0 auto;
			display: block;
		}

		.awards_detail_t {
			width: 100%;
			margin: 30px auto;
			display: block;
		}

		.awards_detail .a_t3 {
			font-size: 22px;
			line-height: 31px;
		}

		.awards_top2 {
			text-align: center;
		}

		.rent_pop {
			height: 90%;
		}


		.awards_con li:nth-child(1n) {
			margin: 0 76px 30px 0;
		}

		.awards_con li:nth-child(2n) {
			margin: 0 0 0 0;
		}

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

		.column_01 {
			margin-top: -60px;
		}

	}
	/* 타블렛 소 888px */
	@media screen and (max-width: 888px) {
		.bbs_contents_poto li {
			width: 31.3%;
		}
	}
	.bulletin_cover_text p {

		height: 23vw;

	}

	.bulletin_cover_text strong {
		font-size: 27px;

		line-height: 30px;
	}


	/* 타블렛 소 767px */
	@media screen and (max-width: 767px) {
		* {
			font-size: 14px;
		}

		.logo {
			width: 200px;
			height: 35px;
		}

		.gnb_link li a {
			padding: 0;
		}

		.gnb_link li:after {
			margin: 0 10px;
		}

		.main_img {
			max-width: 767px;
			height: auto;
		}

		.m_header {
			padding: 5px;
		}

		.copy {
			display: block;
			transition: all 0.5s ease;
		}

		.sns_img {
			text-align: center;
			display: block;
			width: 100%; /* transition: all 0.5s ease;  */
			border-top: 1px solid #BAB5B1;
			padding: 15px 0 15px 0;
		}

		.m_top a {
			top: 210px;
		}

		.foot_logo {
			margin: 0;
		}

		.foot_link > li > a {
			font-size: 11px;
			padding: 0 18px 0 0;
		}

		.f_line {
			border: 0;
			margin: 0 0 15px 0;
		}

		.footer_wrap .inner {
			padding: 30px 0 0 0;
		}

		.footer_wrap .inner2 {
			padding: 0px 0 0 0;
		}

		.sub_location {
			height: 80px;
		}

		.sub_location_l strong {
			font-size: 26px;
			line-height: 35px;
		}

		.tep_menu li {
			width: calc(100% / 2) !important;
		}

		.join_step li.step {
			display: none;
		}

		.join_step li {
			width: 100%;
			margin: 0 0 5px 0;
		}

		.bbs_member th {
			width: 100%;
			display: block;
			height: auto;
			border: 0;
			padding: 20px 0px 0px 0;
		}

		.bbs_member td {
			width: 100%;
			display: block;
			height: auto;
			border: 0;
			padding: 5px 0px;
		}

		.bbs_no_line th {
			width: 100%;
			display: block;
			height: auto;
			border: 0;
			padding: 20px 0px 0px 0;
			text-align: left;
		}

		.bbs_no_line td {
			width: 100%;
			display: block;
			height: auto;
			border: 0;
			padding: 5px 0px;
			text-align: left;
		}

		.bank li button {
			width: 100%;
			margin: 0 0 20px 0;
		}

		.bank li {
			font-size: 14px;
			line-height: 30px;
		}

		.radio_align li {
			width: 49%;
		}

		.payment_box {
			padding: 10px;
			background: none;
		}

		/* .calender_title  {text-align: left;  } */
		.list_ico, .cal_ico {
			font-size: 0;
			background-position: 50% 50%;
			padding: 22px;
		}

		#calendar .days li {
			height: 108px;
		}

		/* #calendar .event a {  display:none;   } */
		.event_num a {
			color: #7b0024;
			font-weight: 500;
			text-decoration: underline;
		}

		#calendar .event {
			margin: 0;
		}

		.scroll_table {
			max-width: 720px;
			width: 100%;
			overflow-x: scroll;
			white-space: nowrap;
		}

		/* 테이블스크롤 모바일 */
		.scroll_table:before {
			content: "모바일에서 표를 좌우로 스크롤 할 수 있습니다.";
			display: block;
			width: 100%;
			background-color: #f5f6fa;
			border: 1px solid #d3d8dd;
			padding: 6px 0 6px 20px;
			margin-bottom: 10px;
		}

		.scroll_table table {
			white-space: nowrap;
		}

		.parking_img {
			padding: 49px 0 0 20px;
			height: 155px;
			margin: 0 0 40px 0;
		}

		.parking_img p {
			font-size: 20px;
			line-height: 29px;
		}

		.parking_img2 {
			padding: 49px 0 0 20px;
			height: 155px;
			margin: 0 0 40px 0;
		}

		.parking_img2 p {
			font-size: 20px;
			line-height: 29px;
		}

		.parking_step li {
			width: 36%;
			height: 156px;
			padding: 95px 0 0 0;
			margin-bottom: 20px;
		}

		.parking_step li:nth-child(1) {
			background: url(../images_user/parking_step_01.png) 50% 28% no-repeat;
			background-size: 24%;
		}

		.parking_step li:nth-child(3) {
			background: url(../images_user/parking_step_02.png) 50% 28% no-repeat;
			background-size: 26%;
		}

		.parking_step li:nth-child(5) {
			background: url(../images_user/parking_step_03.png) 50% 28% no-repeat;
			background-size: 28%;
		}

		.parking_step li:nth-child(7) {
			background: url(../images_user/parking_step_04.png) 50% 28% no-repeat;
			background-size: 26%;
		}

		.parking_step li:nth-child(even) {
			background-size: 28%;
			margin: 9% 0 0 0;
		}

		.visual-list {
			height: 400px !important;
			overflow: hidden;
		}

		.service_ico li a {
			width: 60px;
			height: 60px; /*margin: 0 15px 0 0; 삭제 -정근-*/
		}

		.f_news {
			padding: 15px 15px 5px 15px;
		}

		.f_notice {
			padding: 5px 15px 45px 15px;
		}

		.f_service {
			padding: 40px 0px 20px 0px;
			min-height: auto;
		}

		.f_sns {
			padding: 30px 15px 30px 15px;
		}

		.f_pr {
			padding: 30px 15px 30px 15px;
		}

		.main_news_t a {
			margin: 20px 0 20px 8px;
			font-size: 25px;
		}

		.main_news_t, .news a {
			margin: 20px 0 20px 0;
		}

		.main_news_t, .notice a {
			margin: 15px 0 5px 0;
		}

		.main_news_t, .calendar a {
			margin: 20px 0 5px 0;
		}

		.service_ico {
			gap: 10px 0;
		}
		
		.service_ico li span {
			font-size: 14px;
			margin: 10px 0 0 0;
		}

		.service_ico li {
			margin: 0 0 0 0;
			width: 80px;
		}

		.service_ico_three {
			margin: 0 0 20px 0 !important;
		}

		.service_ico_six {
			margin: 0 0 20px 0 !important;
		}

		.f_sns_title:after {
			display: none !important;
		}

		.mTit_divider {
			display: none !important;
		}

		.service_title {
			font-size: 25px;
		}

		.f_sns_title {
			margin: 0px 0 5px 0;
			font-size: 25px;
		}

		.service_ico {
			width: 320px;
			margin: 30px auto 15px;
		}

		.pr_area .b_text_area .b_text span a {
			font-size: 16px;
		}

		.pr_area .b_img_area {
			height: 23.1vw;
		}

		.pr_title:after {
			display: none !important;
		}

		.pr_title {
			font-size: 25px;
			margin: 0 0 10px 0;
		}

		.scholarship_bg {
			padding: 48px 0 0 20px;
			height: 155px;
			margin: 0 0 40px 0;
		}

		.scholarship_bg p {
			font-size: 20px;
			line-height: 29px;
		}

		.s_title {
			line-height: 28px;
			font-size: 20px;
		}

		.map_table th {
			display: block;
			width: 100%;
			padding: 20px 0 10px 0;
			border: 0;
		}

		.map_table td {
			display: block;
			width: 100%;
			padding-bottom: 16px;
		}

		.thumbs dt {
			width: 100%;
		}

		.modal_network {
			width: 90% !important;
		}

		.modal_network .modal_con {
			overflow: auto;
		}

		.modal_network .modal_con table {
			min-width: 500px;
		}

		.network_group button {
			width: 100%;
		}

		.membershipFee_bg {
			padding: 50px 0 0 20px;
			height: 155px;
			background-position: 36% 30%;
		}

		.membershipFee_bg p {
			font-size: 20px;
			line-height: 29px;
		}

		.fee_box {
			padding: 10px;
			background: none;
		}

		.fee_box button {
			display: inline-block;
			position: relative;
			width: 100%;
			margin: 10px 0;
			left: 0;
			top: 0;
		}

		.bbs_view_network .b_img_area {
			display: block;
			margin: 0 auto 30px auto;
		}

		.payment_check_box {
			padding: 10px;
			background: none;
		}

		.medical_bg {
			padding: 43px 0 0 20px;
			height: 155px;
			background-position: 50% 50%;
			margin: 0 0 40px 0;
		}

		.bbs_medical > li {
			display: inline-block;
			margin: 0 0 30px 0;
			border-bottom: 1px solid #ccc;
			padding: 0 0 30px 0;
		}

		.bbs_medical .b_img_area {
			width: 100%;
			margin: 0 0 10px 0;
		}

		.rent_step li {
			width: 24%;
			height: 122px;
			padding: 84px 0 0 0;
		}

		.rent_step li:nth-child(even) {
			width: 4%;
			margin: 7% 0 0 0;
			background-size: 44%;
		}

		.library_bg {
			padding: 49px 0 0 20px;
			height: 155px;
			margin: 0 0 40px 0;
		}

		.library_bg p {
			font-size: 20px;
			line-height: 29px;
		}

		.kuaa_bg {
			padding: 35px 0 0 20px;
			height: 155px;
			margin: 0 0 40px 0;
		}

		.kuaa_bg p {
			font-size: 19px;
			line-height: 29px;
		}

		.academy_bg {
			padding: 16px 10px 0 10px;
			height: 235px;
			margin: 0 0 36px 0;
		}

		.academy_bg p {
			font-size: 15px;
			line-height: 23px;
		}

		.calender_t a {
			font-size: 20px;
		}

		.academytit {
			font-size: 17px;
		}

		.score {
			width: 100%;
			height: 342px;
			padding: 84px 10px 0 10px;
			margin: 0;
		}

		.score li img {
			width: 72px;
		}

		.score li:nth-child(2) {
			width: 25px;
		}

		.score_history {
			position: absolute;
			left: 50%;
			top: 20px;
			margin-left: -67px;
		}

		.score_total {
			position: absolute;
			left: 50%;
			top: 206px;
			margin-left: -91px;
		}

		.score_total em {
			font-size: 35px;
		}

		.score .score_in_ko {
			font-size: 24px;
			margin: 20px 0 0 0;
		}

		.score .score_in_yon {
			font-size: 24px;
			margin: 20px 0 0 0;
		}

		.years_bg {
			width: 100%;
			display: block;
			margin: 24px 0 0 0;
		}

		.score_board {
			width: 100%;
			display: block;
		}

		.more_pic {
			width: 100%;
			display: block;
			margin: 0 0 20px 0;
			text-align: center;
		}

		.more_pic strong {
			display: block;
			text-align: left;
			padding: 22px 10px 20px 15px;
			font-size: 15px;
		}

		.more_pic button {
			top: -6px;
		}

		.column {
			width: 100%;
			height: auto;
			display: block;
			background: url(../images_user/m_score_bg_02.png) 0 0/cover no-repeat;
		}

		.column_01 .column_text {
			position: relative;
			width: 100%;
			margin: 0;
			z-index: 1;
			font-size: 13px;
			background-color: rgb(255 255 255 / 40%);
		}

		.column_01 .column_title {
			margin: 0;
			padding-bottom: 20px;
		}

		.column_01 {
			height: 540px;
		}

		.column_02 .column_img {
			width: 100%;
			display: block;
			padding: 0;
			margin-bottom: 40px;
		}

		.column_02 .column_text2 {
			width: 100%;
			display: block;
			margin: 0 0 30px 0;
		}

		.bulletin_list li {
			width: 47%;
		}

		.bulletin_list li:nth-child(2n) {
			margin: 0;
		}

		.bulletin_list .b_img_area {
			width: 140px;
			height: 200px;
			margin: 0 auto;
		}

		.bulletin_list .b_img_area img {
			width: 100%;
			height: 100%;
		}

		.bulletin_list .b_text_area a {
			font-size: 15px;
		}

		.tip_off_bg {
			padding: 35px 0 0 20px;
			height: 155px;
		}

		.tip_off_bg p {
			font-size: 20px;
			line-height: 29px;
		}

		.abtn_pre, .abtn_next {
			width: 25px;
			font-size: 0;
		}


		.pic_list {
			text-align: center;
		}

		.pic_list li {
			margin: 0 auto 40px auto;
			display: block;
		}


		.s_list > li {
			text-align: center;
		}

		.s_div {
			width: 100%;
			margin: 0 0 30px 0;
		}

		.scholarship_tep li {
			width: 50%;
		}

		.img_2023 img {
			width: 100%;
		}

		.img_2051_area {
			text-align: center;
		}

		.bbs_donor li {
			width: 48%;
		}

		.bbs_donor li:nth-child(2n) {
			margin: 0;
		}

		ul.thumbs > li {
			width: 47% !important;
		}

		.thumbs .portfolio_title img {
			width: 100% !important;
			height: auto;
			margin-bottom: 16px;
		!important;
		}

		.thumbs p {
			width: 100%;
			margin: 0px;
		}

		.pre_tit {
			font-size: 16px;
			line-height: 22px;
		}

		.pre_name {
			font-size: 20px;
		}

		.pre_date {
			margin: 15px 0 0 0;
		}

		.pre_date:before {
			top: 58px;
		}

		ul.thumbs li.content {
			width: 97.99% !important;
		}

		.portfolio_detail {
			padding: 2px 10px 30px 10px;
		}

		.portfolio_detail ul {
			width: 100%;
			padding: 10px 0 0 0px;
		}

		.portfolio_detail .port_line {
			border-top: 1px dashed #e2e3e4;
			border-left: 0;
			padding-top: 18px;
			margin-top: 22px;
		}

		.portfolio_detail strong {
			margin: 10px 0 10px 0;
		}

		.modal_btn_network {
			width: 100%;
		}

		.modal_pop {
			width: 90% !important;
		}

		.main_news .swiper-slide {
			width: 100% !important;
			margin: 0px 20px 50px 0 !important;
		}

		.sns_area .swiper-slide {
			width: 100% !important;
			margin: 0px 20px 50px 0 !important;
		}

		.pr_area {
			padding: 0px;
		}

		.pr_area .swiper-slide {
			margin: 0px 30px 50px 30px !important;
		}

		.mobile-hide {
			display: none !important;
		}

		.pc-hide {
			display: block !important;
			width: 100%;
			height: 589px !important;
		}

		.owl-carousel .owl-stage-outer {
			height: 235px !important;
		}

		.owl-theme .owl-nav {
			display: none;
		}

		.owl-dots {
			display: block;
		}

		.member_c ul li span {
			line-height: 47px;
			width: 54px;
		}

		.member_t p {
			line-height: 22px;
			padding: 20px 0 20px 0;
		}

		.top_sns_ico {
			margin: 0;
		}

		.print_area li:nth-child(1) {
			background-position: 50% 0;
			padding: 50px 0 0 0;
		}

		.column_01 .column_title p, .column_01 .column_title strong, .column_02 .column_text2 .column_text2_title, .column_02 .column_text2 .column_text2_title strong {
			font-size: 29px;
			line-height: 42px;
		}

		.hot_contents {
			font-size: 28px;
		}

		.bx-start {
			width: 14px !important;
			height: 14px !important;
			background-size: 14px 14px !important;
			margin: 0 0 0px 3px !important;
		}

		/*회비납부 배너*/
		.pay_banner {
			margin: 50px 15px 20px;
			transform: translate(0, 0);
			padding: 0 20px;
			gap: 0;
			justify-content: space-between;
		}
		
		.pay_banner > div { flex-direction: column; gap: 10px; }

		.pay_title {
			font-size: 4.6vw;
		}

		.pay_discription {
			width: 31vw;
			margin-top: 0;
		}

		.pay_arrow {
			display: none;
		}

		/*기부자전당*/
		.bbs_donor .b_img_area {
			height: 45vw;
		}

		.bbs_donor li {
			padding: 0px 0px 5px 0;
		}

		/* 감독 추가 */
		/*마진패딩*/
		.mb10 {
			margin-bottom: 10px !important;
		}

		.mb16 {
			margin-bottom: 16px !important;
		}

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

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

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

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

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

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

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

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

		.mb32 {
			margin-bottom: 32px !important;
		}

		.mb34 {
			margin-bottom: 34px !important;
		}

		.mb36 {
			margin-bottom: 26px !important;
		}

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

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

		.mb44 {
			margin-bottom: 24px !important;
		}

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

		.mt40 {
			margin-top: 40px !important;
		}

		.mt46 {
			margin-top: 46px !important;
		}

		.mb50 {
			margin-bottom: 38px !important;
		}

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

		.mt60 {
			margin-top: 60px !important;
		}

		.mt65 {
			margin-top: 65px !important;
		}

		.mt100 {
			margin-top: 70px !important;
		}

		.awards_con_mobile {
			background-position-y: -28px !important;
		}

		h4 {
			margin: 0 0 20px 0;
		}

		.bx-wrapper .bx-pager.bx-default-pager a {
			width: 10px;
			height: 10px;
			border-radius: 10px;
			background-color: transparent;
			margin-right: 5px;
			font-size: 0;
		}

		.bx-wrapper .bx-controls-auto .bx-stop {
			width: 14px;
			height: 14px;
			margin: 0 3px;
			background-size: contain;
			no-repeat : no-repeat;
		}


		.introduce_text p {
			font-size: 14px;
			line-height: 24px;
		}

		.introduce_text span {
			font-size: 14px;
		}

		.join_complete td {
			height: 35px;
			line-height: 35px;
			border-bottom: 1px solid #ccc;
			text-align: left; /* padding: 5px 5px 5px 0; */
			padding: 5px;
		}

		#mVolunteerGroupDescription {
			width: 100%;
		}

		.main_news_t a i {
			margin-left: 2px;
		}

		.memberInfo, #groupMember {
			padding: 20px 16px;
		}

		.notice_list dt {
			margin: 15px 0 6px 0;
		}

		.schedule {
			padding: 10px 0 0 0;
			margin: 25px 0 0 0;
		}

		.schedule_list dt {
			margin: 15px 0 6px 0;
		}

		.top_sns_ico li {
			width: 34px;
			height: 34px;
		}

		footer {
			margin: 40px 0 0 0;
			padding-top: 6px;
		}

		ul.thumbs li a.thumbnail .active-arrow {
			left: 44%;
		}

		.portfolio_detail ul li {
			color: #fff;
			font-size: 13px;
			line-height: 24px;
		}

		.history_table td p {
			line-height: 23px;
		}

		.history_br {
			margin-left: 0;
		}

		.network_01 {
			padding: 11px 0px;
		}

		.network_box {
			padding: 20px 20px 20px 120px;
		}

		.sns_area .b_text_area .b_sns_ico div {
			margin: 0 0 6px 0;
		}

		.scholarship_tep_box {
			margin: 50px 0 0 0;
		}

		.scholarship_tep_box {
			margin: 40px 0 0 0;
		}

		.bbs_list td {
			line-height: 24px;
			padding: 5px;
		}

		#calendar li {
			padding: 3px;
		}

		#calendar .date {
			padding: 2px;
			width: 0px;
			height: 18px;
		}

		#calendar a {
			line-height: 18px;
		}

		.btn_white, .band_ico {
			margin: 0 5px 10px 0;
		}

		.calender_book {
			text-align: center;
		}

		.member_b button { /*width:40%;*/
			margin: 0px auto 20px auto;
			display: block;
		}

	}


	/* 모바일  600px */
	@media screen and (max-width: 600px) {
		.pc-hide {
			height: 500px !important;
		}

		.parking_step li:nth-child(even) {
			margin: 11% 0 0 0;
		}

		/* .awards_list li {margin: 0 10px 20px 0;} */
		.awards_info_bg2 {
			width: 100%;
			height: 50px;
		}

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

		/*학술상 엠블럼 크기조절*/
		.emblem_big_ico {
			width: 7vw !important;
			height: 11.9vw !important;
			top: 0px;
		}

		/*학술상 상세 엠블럼 크기조절*/
		.awards_detail2 .awards_top2 .emblem_big_ico {
			width: 40px !important;
			height: 66px !important;
		}


		/* 학술상 */
		.awards_info_bg {
			width: 100%;
			height: 50px;
		}

		.awards_info strong {
			font-size: 14px;
			margin: 0;
			padding-top: 10px;
			height: 22px;
			line-height: 11px;
		}

		.awards_info p {
			font-size: 13px;
			line-height: 14px;
		}

		.awards_info {
			height: 50px;
			padding: 0px 0 0 0;
		}

		.awards_text {
			width: 248px;
			height: 50px;
		}

		.awards_text strong {
			font-size: 25px;
			margin: 0;
		}

		.awards_top {
			padding: 20px 0;
			margin: 0 0 20px 0
		}

		.awards_title {
			height: 55px;
		}

		.awards_title p {
			line-height: 55px;
		}

		.award_bg {
			padding: 50px 0 0 20px;
			height: 155px;
			margin: 0 0 40px 0;
		}

		.award_bg p {
			font-size: 18px;
			line-height: 29px;
		}

		.awards_top2 {
			padding: 0;
		}

		.awards_detail_d {
			padding: 34px 0 0 0;
		}

		.awards_detail_t p {
			text-align: left;
		}


		/* 학술상 추가 */
		.awards_list {
			padding: 20px;
		}

		.awards_list li {
			width: 36vw;
			height: 57.5vw;
			margin: 0 10px 20px 0;
		}

		.awards_list ul {
			max-width: 81vw;
		}

		.awards_list li:nth-child(1n) {
			margin: 0 6.1vw 19px 0;
		}

		.awards_list li:nth-child(2n) {
			margin: 0 0 0 0;
		}

		.awards_list li:nth-child(3n) {
			margin: 0 6.1vw 19px 0;
		}

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


		/* 고대인의날 */
		.awards_con {
			padding: 20px;
		}

		.awards_con li {
			width: 36vw;
			height: 57.5vw;
			margin: 0 10px 20px 0;
		}

		.awards_con ul {
			max-width: 81vw;
		}

		.awards_con li:nth-child(1n) {
			margin: 0 6.1vw 19px 0;
		}

		.awards_con li:nth-child(2n) {
			margin: 0 0 0 0;
		}

		.awards_con li:nth-child(3n) {
			margin: 0 6.1vw 19px 0;
		}

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


		/* 인터뷰 */
		.bbs_interview > li {
			display: inline-block;
		}

		.bbs_interview .b_img_area {
			display: inline-block;
			margin: 0;
			width: 100%;
			max-width: none;
			max-height: none;
			min-width: auto;
			height: 69.4vw;
		}

		.bbs_interview .b_text_area {
			max-width: 600px;
		}

		/* HOT CONTENTS */
		.bbs_contents_poto li {
			width: 100%;
			margin: 0 0 10px 0;
		}

		.bbs_contents_poto li img {
			display: block;
			text-align: center;
			margin: 0 auto 15px auto;
			height: 74vw;
		}


		.bulletin_cover {
			text-align: center;
		}

		.bulletin_cover_text p {
			height: auto;
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			text-overflow: ellipsis;
		}

		.bulletin_cover_text {
			width: 100%;
			margin: 0;
			padding: 10px 0;
			height: auto;
		}

		.bulletin_cover_img {
			max-width: 97.4vw;
			height: 73.8vw;

		}


		/* 모바일  500px */
		@media screen and (max-width: 500px) {
			/* .scroll_table   { max-width:410px;} */
			.total_search_tep li {
				width: 50%;
			}

			#total_search {
				width: 300px !important;
			}

			.ci_box img {
				width: 100%;
			}

			.more_pic img {
				width: 100%;
			}

			.column_02 .column_img img {
				width: 100%;
				display: block;
			}

			.bulletin_grop {
				text-align: center;
			}

			.bulletin_grop select {
				float: inherit;
				margin: 20px 0 0 0;
			}

			.bulletin_link {
				text-align: center;
			}

			.bulletin_link li {
				width: 80px;
			}

			.bulletin_link li a {
				line-height: inherit;
			}

			.s_deps_2 > li {
				width: 100%;
			}

			.pc-hide {
				height: 448px !important;
			}

			.member_center {
				width: 100%;
			}

			.parking_step li:nth-child(even) {
				margin: 14% 0 0 0;
			}

			.introduce .pic {
				width: 100%;
			}

			.rent_step li:nth-child(even) {
				width: 7%;
				margin: 14% 0 0 0;
				background-size: 44%;
			}

			.rent_step li:nth-child(1) {
				background-size: 46%;
			}

			.rent_step li:nth-child(3) {
				background-size: 48%;
			}

			.rent_step li:nth-child(5) {
				background-size: 49%;
			}

			.modal_pop_print {
				width: 93%
			}

			.modal_con_medical {
				width: 100%
			}

			.bbs_parking {
				border-collapse: collapse;
				width: 100%;
				margin-bottom: 20px;
			}

			.bbs_parking thead {
				border-top: 1px solid #999;
				border-bottom: 1px solid #999;
			}

			.bbs_parking th {
				padding: 14px 0 14px 0;
				width: 24%;
			}

			.bbs_parking td {
			}

			.bbs_parking .mobile {
				line-height: 40px;
			}

			#company_nm {
				width: 100%;
			}

			#mobile1 {
				width: 28%;
			}

			#mobile2 {
				width: 28%;
			}

			#mobile3 {
				width: 28%;
			}

			.parking_line {
				border-bottom: 1px solid #ccc;
				margin: 14px 30px;
			}

			.network_02 li, .network_03 li {
				width: 100px;
				margin: 0 24px;
				padding: 11px 0px;
			}

			.network_02 {
				margin: 47px auto 0 auto;
			}

			.network_04 {
				width: 100px;
				padding: 11px 0px;
				margin-top: 37px;
			}

			.network_05 {
				width: 100px;
				margin: -48px 0 0 -154px;
				padding: 11px 0px;
			}


			/* 납부배너 */
			.pay_banner {
				/*
				float: none;
				background-size: 21%;
				padding: 23px 16px 15px 15px;
				background: url(/include/images_user/icon_pay.svg) no-repeat 93.5% center;
				*/
			}

			.pay_title {
				float: none;
				font-size: 21px;
			}

			.pay_discription {
				float: none;
				width: 41vw;
				margin-top: 9px;
				line-height: 17px;
			}


			.pr_area .b_img_area {
				height: 33.8vw;
			}

		}



		/* 모바일  380px */
		@media screen and (max-width: 380px) {
			* {
				font-size: 13px;
			}

			.main_img {
				max-width: 380px;
				height: auto;
			}

			.m_top a {
				right: 7px;
			}

			.foot_logo {
				width: 100% !important;
			}

			.notice_list_title {
				font-size: 16px;
			}

			.copy li span, .copy li strong {
				font-size: 11px;
				line-height: 20px !important;
			}

			.copy li em {
				font-size: 11px;
			}

			.copy_eng {
				font-size: 10px !important;
			}

			.member_center {
				width: 100%;
			}

			.member_c ul li span {
				width: 47px;
			}

			.member_c input, .member_c select {
				width: 83%;
			}

			.join_complete_box,
			.join_pw_box,
			.join_exit_box {
				padding: 10px;
				background: none;
			}

			.alle button {
				margin: 0 0 10px 0;
				width: 100%;
			}

			.alri button {
				margin: 0 0 10px 0;
				width: 100%;
			}

			.alce button {
				margin: 0 0 10px 0;
				width: 100% !important;
			}

			.alri button {
				margin: 0 0 10px 0;
				width: 100%;
			}

			/* #calendar .days li {height: auto;} */
			/* .scroll_table   { width: 320px;    } */
			.parking_step li:nth-child(even) {
				width: 28px;
			}

			.print_area li {
				width: 251px;
			}

			.parking_step li {
				width: 39%;
			}

			.link_ico {
				background-position: bottom 50% right 10px;
			}

			.network_02 li, .network_03 li {
				width: 100px;
				margin: 0 24px;
				padding: 11px 0px;
			}

			.network_02 {
				margin: 47px auto 0 auto;
			}

			.network_04 {
				width: 100px;
				padding: 11px 0px;
				margin-top: 37px;
			}

			.network_05 {
				width: 100px;
				margin: -48px 0 0 -154px;
				padding: 11px 0px;
			}

			.column_01 .column_text:after {
				content: '';
				width: 100%;
				height: 426px;
				display: inline-block;
				top: 0;
				position: absolute;
				left: 0;
				z-index: -1;
			}

			.bulletin_grop img {
				width: 100%;
			}

			.s_list img {
				width: 100%;
			}

			.pc-hide {
				height: 377px !important;
			}

			.m100 {
				width: 100% !important;
			}

			/* 모바일반응 */
			.join_area button {
				margin: 0 0 10px 0;
			}

			.fee_ico li {
				width: 47%;
			}

			.parking_step li:nth-child(even) {
				margin: 24% 0 0 0;
			}

			.rent_step li {
				padding: 72px 0 0 0;
			}

			.rent_step li:nth-child(1) {
				background-size: 46%;
			}

			.rent_step li:nth-child(3) {
				background-size: 48%;
			}

			.rent_step li:nth-child(5) {
				background-size: 49%;
			}

			.bbs_medical th {
				font-weight: 500;
				text-align: left;
				padding: 0 0 6px 0;
			}

			.bbs_medical_col {
				width: 90px
			}

			.btn_red .mb_mobile10 {
				margin-bottom: 10px;
			}

			.pop_parking {
				padding-left: 30px;
			}

			.modal_con_parking {
				padding: 30px 0;
			}

			.pop_parking th {
				font-weight: 500;
				text-align: left;
				padding: 5px 0 5px 0;
			}

			.pop_parking td {
				font-weight: 400;
				text-align: left;
				padding: 5px 0 5px 0;
			}

			.parking_line {
				margin: 10px 20px;
			}

			.pop_watermark {
				top: 106px;
			}

			.modal_con_medical {
				padding: 14px 25px;
			}


			#time01 {
				width: 22%;
			}

			#time02 {
				width: 22%;
			}


			/* 모바일  320px */
			@media screen and (max-width: 320px) {
				/* .scroll_table   { width: 300px;    } */
				.main_img {
					max-width: 320px;
					height: auto;
				}

				.list_ico, .cal_ico {
					position: relative;
				}

				.medical_logo img {
					width: 40px;
				}

				.medical_sign img {
					width: 180px;
				}

				.pop_watermark img {
					width: 200px;
				}

				.awards_list {
					text-align: left;
				}

				.bbs_contents_poto li img {
					height: 71vw;
				}

				.pr_area .b_img_area {
					height: 31.5vw;
				}

			}
		}
	}
}



/*
* {  outline:1px solid pink;   }

*/


/* 2025년도 추가 */

@charset "utf-8";
.btn-wrap {}
.btn-wrap .swiper-button-prev,
.btn-wrap .swiper-button-next { color: #fff; }

.rentingGuide_bg { background: url(../images_user/2025_rentingGuide_bg.png) 0 0/cover no-repeat; width: 100%; height: 210px; margin: 0 0 30px 0; padding: 70px 0 0 70px; background-position: 36% 30%; }
.rentingGuide_bg p { color:#fff; font-size: 23px; line-height: 36px; font-weight: 500; }

.sub_content.rentingGuide { font-size: 15px; }
.sub_content.rentingGuide .btn { display: flex; gap: 9px; }
.sub_content.rentingGuide .btn > li { width: 216px; height: 54px; border: 1px solid #e2e3e4; box-sizing: border-box; cursor: pointer; line-height: 52px; text-align: center; font-size: 15px; font-weight: 600; color: #252525; }
.sub_content.rentingGuide .btn > li.on { border: 1px solid #711525; color: #711525; }
.sub_content.rentingGuide .btn > li > a { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; }

.sub_content.rentingGuide .num_list {}
.sub_content.rentingGuide .num_list > li { line-height: 26px; }
.sub_content.rentingGuide .num_list > li * { line-height: 26px; }

.sub_content.rentingGuide .bbs_list td.pd { line-height: 1.4; padding: 20px 0; }

.sub_content.rentingGuide .swiper-slide {}
.sub_content.rentingGuide .swiper-slide > img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

@media screen and (max-width: 767px) {
	.rentingGuide_bg { padding: 50px 0 0 20px; height: 155px; background-position: 36% 30%; }
	.rentingGuide_bg p { font-size: 20px; line-height: 29px;	}

	.sub_content.rentingGuide { font-size: 35px; }
	.sub_content.rentingGuide .btn { display: flex; justify-content: center; }
	.sub_content.rentingGuide .btn > li { flex: 1 1 0; }

	.sub_content.rentingGuide .swiper-slide { height: 210px; }
}

.rentingSchedule_bg { background: url(../images_user/2025_rentingGuide_bg.png) 0 0/cover no-repeat; width: 100%; height: 210px; margin: 0 0 30px 0; padding: 70px 0 0 70px; background-position: 36% 30%; }
.rentingSchedule_bg p { color:#fff; font-size: 23px; line-height: 36px; font-weight: 500; }

.sub_content.rentingSchedule { font-size: 15px; }
.sub_content.rentingSchedule .btn { display: flex; justify-content: space-between; }
.sub_content.rentingSchedule .btn > li { width: 216px; height: 54px; border: 1px solid #e2e3e4; box-sizing: border-box; cursor: pointer; line-height: 52px; text-align: center; font-size: 15px; font-weight: 600; color: #252525; }
.sub_content.rentingSchedule .btn > li.on { border: 1px solid #711525; color: #711525; }

.sub_content.rentingSchedule .cdr-top { display: flex; justify-content: center; gap: 10px; align-items: center; }
.sub_content.rentingSchedule .cdr-top .prev,
.sub_content.rentingSchedule .cdr-top .next { width: 42px; height: 42px; box-sizing: border-box; border: 1px solid #e4e4e4; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.sub_content.rentingSchedule .cdr-top .date { margin: 0 10px; font-size: 21px; color: #252525; font-weight: 600; }
.sub_content.rentingSchedule .cdr-top .today { padding: 0 18px; height: 42px; border: 1px solid #e4e4e4; box-sizing: border-box; font-size: 15px; color: #252525; line-height: 40px; cursor: pointer; }

/* 행사일정캘린더 */
.sub_content.rentingSchedule #calendar2 { border: 1px solid #e2e3e4; border-top: 2px solid #7b0024; }
.sub_content.rentingSchedule #calendar2 > ul {}
.sub_content.rentingSchedule #calendar2 > ul~ul { border-top: 1px solid #e2e3e4; }
.sub_content.rentingSchedule #calendar2 > ul > li~li { border-left: 1px solid #e2e3e4; }

.sub_content.rentingSchedule #calendar2 .weekdays { height: 47px; display: flex; background: #f4f4f4; }
.sub_content.rentingSchedule #calendar2 .weekdays > li { flex: 1 1 0; text-align: center; line-height: 47px; font-size: 15px; color: #252525; font-weight: 600; }
.sub_content.rentingSchedule #calendar2 .days { display: flex; }
.sub_content.rentingSchedule #calendar2 .days > li { flex: 1 1 0; min-height: 123px; padding: 7px; }
.sub_content.rentingSchedule #calendar2 .days > li .date { line-height: 1; font-size: 13px; color: #666; font-weight: 600; text-align: right; padding: 2px 2px 0 0; margin-bottom: 15px; }
.sub_content.rentingSchedule #calendar2 .days > li .event { position: relative; width: 100%; height: 24px; }
.sub_content.rentingSchedule #calendar2 .days > li .event~.event { margin-top: 2px; }
.sub_content.rentingSchedule #calendar2 .days > li .event > a { position: absolute; left: 0; top: 0; display: block; background: #7B0124; padding: 0 0 0 8px; border-radius: 2px; height: 24px; line-height: 26px; color: #fff; font-size: 13px; width: 100%; white-space: nowrap; overflow: hidden; }
.sub_content.rentingSchedule #calendar2 .days > li .event2 { position: relative; width: 100%; height: 24px; }
.sub_content.rentingSchedule #calendar2 .days > li .event2~.event2 { margin-top: 2px; }
.sub_content.rentingSchedule #calendar2 .days > li .event2 > a { position: absolute; left: 0; top: 0; display: block; background: #808080; padding: 0 0 0 8px; border-radius: 2px; height: 24px; line-height: 26px; color: #fff; font-size: 13px; width: 100%; white-space: nowrap; overflow: hidden; }
.sub_content.rentingSchedule #calendar2 .days > li .event > a.wide { width: auto; }
.sub_content.rentingSchedule #calendar2 .days > li .event > a.wide2 { width: calc(200% + 15px); }
.sub_content.rentingSchedule #calendar2 .days > li .event > a.wide3 { width: calc(300% + 30px); }
.sub_content.rentingSchedule #calendar2 .days > li .event > a.wide4 { width: calc(400% + 45px); }
.sub_content.rentingSchedule #calendar2 .days > li .event > a.wide5 { width: calc(500% + 60px); }
.sub_content.rentingSchedule #calendar2 .days > li .event > a.wide6 { width: calc(600% + 75px); }
.sub_content.rentingSchedule #calendar2 .days > li .event > a.wide7 { width: calc(700% + 90px); }

@media screen and (max-width: 767px) {
	.rentingSchedule_bg { padding: 50px 0 0 20px; height: 155px; background-position: 36% 30%; }
	.rentingSchedule_bg p { font-size: 20px; line-height: 29px;	}
	
	.sub_content.rentingSchedule .btn { justify-content: center; gap: 2.0833vw; }
	.sub_content.rentingSchedule .btn > li { width: 20.3125vw; height: 10.4167vw; line-height: 10.2083vw; font-size: 3.6458vw; }
	
	.sub_content.rentingSchedule .cdr-top { gap: 4.1667vw; }
	.sub_content.rentingSchedule .cdr-top .prev,
	.sub_content.rentingSchedule .cdr-top .next { width: 10.4167vw; height: 10.4167vw; }
	.sub_content.rentingSchedule .cdr-top .date { margin: 0; font-size: 4.1667vw; line-height: 1; }
	.sub_content.rentingSchedule .cdr-top .today { padding: 0 3.6458vw; height: 10.4167vw; font-size: 3.6458vw; line-height: 10.4167vw; }
	
	.sub_content.rentingSchedule #calendar2 .days > li { min-height: auto; }
	.sub_content.rentingSchedule #calendar2 .days > li .date { text-align: center; }
}

/* 챗봇 아이콘 - 모바일에서 우측 하단 고정 */
@media screen and (max-width: 767px) {
	.chatbot_icon {
		position: fixed !important;
		bottom: 10px !important;
		right: 10px !important;
		top: auto !important;
		z-index: 9999 !important;
		display: flex !important;
		background: #fff !important;
		border-radius: 50% !important;
		box-shadow: 0 2px 10px rgba(0,0,0,0.2);
	}
}