@import url("common.css");


#contents{overflow:hidden; position:relative;margin: 92px auto;width: 1400px !important;}
.contents_in{min-width:1400px !important;}
.contentArea{min-width:1400px !important;}

.tit_area{text-align:center; padding:73px 0 37px;}
.tit_area .home{display:inline-block; width:16px; height:15px; background:url('/img/home.png') no-repeat center/100% auto; transition:all .2s linear; vertical-align: top; margin: 8px 10px 0 0;}
.tit_area .home:hover{background-image:url('/img/home_on.png');}
.tit_area .subTitle{font-size:36px; line-height: 120%; letter-spacing: -1.8pt; color:#222222; font-weight: 700; margin-top:13px;}

@media screen and (max-width:1024px) {
	#contents {
    overflow: hidden;
    position: relative;
    margin: 92px auto;
    width: 100% !important;
}
.contents_in{min-width: 100% !important;}
.contentArea{min-width: 100% !important;}
}


/*** lnb ***/
#sub_menu{width:100%;display: block;height: 30px;z-index: 1 !important; text-align:center;}

	#sub_menu .dropLst { display:inline-block; vertical-align:middle; color:#fff;}
	#sub_menu .dropLst .txt {font-size:18px; position:relative; display:block; text-align:left; text-decoration:none;white-space:nowrap; text-overflow:ellipsis; height:80px; padding:0 40px 0 10px; box-sizing:border-box; color:#fff; }
	#sub_menu .dropLst .hidradio { opacity:0; filter:alpha(opacity=0); position:absolute; z-index:-1; top:5px; left:5px;}
	#sub_menu .dropLst .dlst { display:none; position:absolute;z-index: 2; left:15px; background:#fff;}
	#sub_menu .dropLst.bottom .dlst { top:auto; bottom:100%; }
	#sub_menu .dropLst ul { padding:12px 18px;  background-color:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; box-shadow:rgba(0,0,0,.15) 0 3px 15px;}
	#sub_menu .dropLst ul > li { position:relative; }
	#sub_menu .dropLst ul > li > label { display:block; position:relative; cursor:pointer; }
	#sub_menu .dropLst ul > li > label > span { display:block; }
	#sub_menu .dropLst .txt, #sub_menu .dropLst li span, #sub_menu .dropLst li a { white-space:nowrap; /*overflow:hidden;*/ text-overflow:ellipsis; }
	#sub_menu .dropLst li a.selected, #sub_menu .dropLst li a.on, #sub_menu .dropLst li label.on span {}
	#sub_menu .dropLst li span, #sub_menu .dropLst li a { display:block; }

	#sub_menu .mobile_snb {display:inline-block;}
	#sub_menu .mobile_snb .lnbHome {position:relative; display:inline-block; height:30px; padding:0 20px 0 0; vertical-align:middle;}
	#sub_menu .mobile_snb .lnbHome img {margin-top:28px;}
	#sub_menu .mobile_snb .lnbHome:after {position:absolute; right:0; top:-1px; display:inline-block; width:1px; height:18px; background:rgba(255,255,255,0.5)}
	#sub_menu .mobile_snb .lnbHome a {display:block; }
	#sub_menu .mobile_snb .tbox {display:inline-block; vertical-align:middle;}
	#sub_menu .mobile_snb .box {position:Relative; float:left; height: 30px; text-align:left;}
	#sub_menu .mobile_snb .box:before{content:""; position:absolute; left:0; top:11px; display:block; width:5px; height:9px; background:url('/img/lnb_arrow.png') no-repeat center/100% auto;}

	#sub_menu .mobile_snb .dropLst .txt, #sub_menu .mobile_snb .dropLst li span, #sub_menu .mobile_snb .dropLst > a 
	{padding:0 20px 0 0; width:100%;height: 30px;line-height: 30px; font-size:14px; border:none;/* z-index: 3; */ box-sizing:border-box;}
	#sub_menu .mobile_snb .box .dropLst .txt {color: #999999;}
	#sub_menu .mobile_snb .box.dep2 .dropLst .txt {color:#999;}
	#sub_menu .mobile_snb .box .dropLst .txt:before {content: ""; position: absolute; top:8px; right:0; display: block; width: 14px; height: 14px; 
	background:url('/img/lnb_arrow2.png') no-repeat center/100% auto; border:1px solid rgba(255,255,255,.3); transition: all 0.3s; border-radius:100%;}
	#sub_menu .mobile_snb .box .dropLst .txt.on:before {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
	#sub_menu .mobile_snb .box.dep2 .dropLst .txt.none{padding-right:0;}
	#sub_menu .mobile_snb .box.dep2 .dropLst .txt.none:before{display:none;}

	#sub_menu .mobile_snb .box .dropLst ul li:last-child {border-bottom:0;}
	#sub_menu .mobile_snb .box .dropLst li .value {width:100%;line-height: 120%; font-size:14px; letter-spacing:-0.5pt; border:none;z-index: 2; color:#666; padding:5px 0; font-weight:normal}
	#sub_menu .mobile_snb .box .dropLst li .value:hover {color:#134aa9; text-decoration:none}
	#sub_menu .mobile_snb .box .dropLst li .value.on {color:#134aa9; text-decoration:none; font-weight:normal; }
	#sub_menu .mobile_snb .dropLst {width:100%; box-sizing: border-box; position:relative;  padding:0 16px 0 20px;}
	#sub_menu .mobile_snb .tbox.none .dropLst{padding:0 0 0 20px;}
	#sub_menu .mobile_snb .tbox.none .dep2{display: none;}
	#sub_menu .mobile_snb .dep2 .dropLst{padding-right: 0;}
	#sub_menu .mobile_snb .dropLst .d999999lst {top:80px; width:200px;}
/*** lnb ***/


/* =============== 레이아웃 =============== */
.promo-tabs { width:100%; }
.promo-tabs * { box-sizing:border-box; }

/* 상단 바(탭 + 페이드 + 화살표) */
.promo-tabs__bar{ position:relative; }
.promo-tabs__nav{
  display:flex;
  gap:10px;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  padding: 8px 44px 1px 44px; /* 좌우 화살표 공간 */
  border-bottom: 1px solid #e8ecf300;
  scroll-behavior:smooth;
  scrollbar-width:thin;
  mask-image: linear-gradient(90deg, transparent 0, #0e457a 24px, #0e457a calc(100% - 24px), transparent 100%);
}

/* 탭 버튼 */
.promo-tab{
  appearance:none;
  background:#f7f8fb;
  border:1px solid #e6e9f2;
  border-bottom:none;
  padding: 15px 14px;
  font-size:15px;
  line-height:1;
  border-radius:12px 12px 0 0;
  white-space:nowrap;
  cursor:pointer;
  position:relative;
  transition:transform .18s ease, background .2s, box-shadow .2s;
}
.promo-tab:hover{ transform:translateY(-1px); background:#eef2ff; }
.promo-tab.is-active{
  background:#fff; color:#1c3273; font-weight:600;
  box-shadow:0 6px 20px rgba(28,50,115,.08);
}
.promo-tab.is-active::after{
  content:""; position:absolute; left:10px; right:10px; bottom:-1px; height:3px;
  background:linear-gradient(90deg,#1c3273,#6ea2ff);
  border-radius:2px;
}

/* 페이드(스크롤 양끝 그라데이션) */
.promo-tabs__fade{
  pointer-events:none;
  position:absolute;
  top:0;
  bottom:0;
  width:32px;
}
.promo-tabs__fade.left{left:0;transform:scaleX(-1);/* background: linear-gradient(to right, #fff1e8, rgb(254 241 232)); */}
.promo-tabs__fade.right{right:0;/* background: linear-gradient(to right, #fef9f5, rgb(255 250 244)); */}

/* 화살표 */
.promo-tabs__arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:32px;
  height:32px;
  /* border:1px solid #e6e9f2; */
  border-radius:50%;
  /* background:#fff; */
  cursor:pointer;
  display:grid;
  place-items:center;
  /* box-shadow:0 4px 12px rgba(0,0,0,.06); */
}
.promo-tabs__arrow:hover{ background:#f4f6ff; }
.promo-tabs__arrow.prev{ left:6px; }
.promo-tabs__arrow.next{ right:6px; }

/* 패널 */
.promo-panels{padding-top: 0;}
.promo-panel{ width:100%; }

/* 16:9 비디오 박스 */
.promo-video{ width:100%; aspect-ratio:16/9; background:#000; border-radius:14px; overflow:hidden; }
.promo-video>video{ width:100%; height:100%; object-fit:contain; display:block; }

/* aspect-ratio 미지원 브라우저 */
@supports not (aspect-ratio:16/9){
  .promo-video{ position:relative; height:0; padding-top:56.25%; }
  .promo-video>video{ position:absolute; inset:0; }
}

/* 스크롤바 커스텀 */
.promo-tabs__nav::-webkit-scrollbar{ height:8px; }
.promo-tabs__nav::-webkit-scrollbar-track{ background:transparent; }
.promo-tabs__nav::-webkit-scrollbar-thumb{ background:#dbe1f1; border-radius:8px; }
.promo-tabs__nav:hover::-webkit-scrollbar-thumb{ background:#c8d2ef; }

/* 모바일 */
@media (max-width:768px){
  .promo-tab{ font-size:14px; padding:10px 12px; }
}
/*** ����css ***/
.point_txt{font-weight:bold; color:#333; letter-spacing:-0.5pt;}


.clearfix{}
.clearfix:after{content:''; clear:both; display:block;}
.pad_0{padding: 0 !important;}
.tpad_10{padding-top:10px}
.tpad_20{padding-top:20px}
.tpad_35{padding-top:35px}
.tpad_50{padding-top:50px}
.tpad_60{padding-top:60px}
.tpad_70{padding-top:70px}
.bpad_5{padding-bottom:5px}
.bpad_10{padding-bottom:10px}
.bpad_20{padding-bottom:20px}
.bpad_25{padding-bottom:25px}
.bpad_30{padding-bottom:30px}
.bpad_40{padding-bottom:40px}
.bpad_50{padding-bottom:50px}
.bpad_60{padding-bottom:60px}

.pad_50{padding:50px 0;}

.com_pad{padding: 150px 0;}
.com_pad_t{padding: 150px 0 0;}
.com_pad_b{padding: 0 0 150px;}


.scom_pad{padding: 70px 0;}
.scom_pad_t{padding: 70px 0 0;}
.scom_pad_b{padding: 0 0 70px;}

/* �ؽ�Ʈ ���� */
.grayFont{color:#545961 !important;}
.blueFont{color:#134aa9 !important;}
.skyFont{color:#28ade3 !important;}
.purpleFont{color:#787ff6 !important;}
.mintFont{color:#787ff6 !important;}
.titArea{position: relative; text-align:center;}
#svg_vtxt{position: absolute; left: 50%; transform:translateX(-50%); top:-65px; width: 784px; height: 121px; display:block; margin: 0 auto; text-align:center;}
#svg_vtxt text{font-size:100px; font-family: 'Montserrat', sans-serif; line-height:1; font-weight:900; text-align:center; margin: 0 auto;}
.subTit{display: inline-block; font-size:50px; font-weight: 700; letter-spacing: -1.5pt; line-height: 120%;}

.dep_area{display:flex; align-items: flex-end; justify-content: space-between; padding:0 0 28px;}
.dep_txt{display:flex; align-items:center;}
.dep_txt dt{vertical-align: top; font-size:15px; letter-spacing:-0.35pt; color:#222; line-height: 24px;}
.dep_txt dd{vertical-align: top; font-size:15px; letter-spacing:-0.35pt; color:#666; margin-left: 7px; line-height: 24px;}
.dep_txt dd span{display: inline-block; font-size:15px; color:#134aa9; letter-spacing:-0.35pt; margin-left: 6px; line-height: 24px;}
.dep_txt dd span b{font-family: 'Montserrat', sans-serif; font-size:20px; font-weight: 700; letter-spacing: 0; color:#134aa9; margin-right:2px; line-height: 24px;}
h4.dep_tit{font-size:25px; font-weight: 700; letter-spacing:-1pt;  color:#222; line-height: 100%;}
h4.dep_tit.point{padding-top: 12px; position: relative;}
h4.dep_tit.point:after{content:''; display:block; width:20px; height: 3px; background:#134aa9; position: absolute; left:0; top:0;}
h5.dep_stit{font-size:19px; letter-spacing: -0.75pt; color:#222; font-weight: 500; padding-bottom: 8px; line-height: 120%;}
.txt{font-size:16px;letter-spacing: -0.55pt;word-break:keep-all;text-align: left;}

/* ������ ���� */
.basicCont{width:1200px; min-width:1200px !important; padding: 0 15px; margin: 0 auto 150px; box-sizing:border-box;}
.gray_bg{background-color: #f0f0f0;}
.imgBox{background-repeat:no-repeat; background-size:cover; background-position:center; padding: 210px 0 200px; box-sizing:border-box;}

.basic_style{}
.basic_style .basicStyle_in{padding:72px 0; box-sizing:border-box; border-top: 1px solid #ddd;}
.basic_style .basicStyle_in:after{content:''; display:block; clear:both;}
.basic_style .basicStyle_in:last-child{padding-bottom: 0;}
.basic_style .basicStyle_in.none{border:0;}
.basic_style .basicStyle_in > dt{width: 200px; float: left;}
.basic_style .basicStyle_in > dd{width: calc(100% - 200px); float: right;}


.table_style{width:100%; border-collapse:collapse; border-spacing:0px;}
.table_style.center th, .table_style.center td{text-align:center;}
.table_style th{border-right:1px solid rgba(255,255,255,.2); font-size:16px; font-weight:500; color:#fff; letter-spacing:-0.35pt; padding:16px 10px; text-align:left; word-break:break-all; background:#444444; line-height: 166%;}
.table_style td{text-align:left;border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:16px; font-weight: 400; padding:16px 10px; color:#666666; line-height: 166%; word-break:break-all;}
.table_style td b{font-weight: 500; color:#222222; font-size:16px; letter-spacing:-0.35pt;}
.table_style tr th:last-child, .table_style tr td:last-child{border-right:none;}





/******** S:: 4.19���� > 4.19�����̶� ********/
.about_cont .subTit{color:#fff;}
.about_cont .imgBox.top{background-image:url('/about/img/about_top.jpg');}
.about_cont .imgBox.bottom{background-image:url('/about/img/about_bottom.jpg');}

.aboutCont_in.development{position: relative; z-index:1; padding: 200px 0 150px;}
.aboutCont_in.development:before{content:''; display: block; width:100%; height: 580px; background-color: #f0f0f0; position: absolute; left: 0; top:0; z-index:-1;}
.aboutCont_in.development .subTit{color:#222222;}
.aboutCont_in.development #svg_vtxt{width: 1064px;}
.aboutCont_in.development #svg_vtxt text{stroke:rgba(34,34,34,0.18);}
.aboutCont_roll{margin-top: 50px; position: relative;}
.aboutCont_roll .roll{box-shadow:0 20px 40px rgba(0,0,0,.13);}
.aboutCont_roll .roll .roll_in{display:flex;}
.aboutCont_roll .roll .txt{width: calc(100% - 700px); background-color: #134aa9; box-sizing:border-box; padding:55px 60px 55px 60px;}
.aboutCont_roll .roll .txt > div{color:rgba(255,255,255,.7); font-size:16px; /*height:310px; overflow:hidden;*/ box-sizing:border-box; letter-spacing:-0.5pt; padding-right:0px; word-break:break-all;} 

.aboutCont_roll .mCSB_scrollTools a+.mCSB_draggerContainer {margin:0}
.aboutCont_roll .mCSB_scrollTools .mCSB_draggerRail{background-color:rgba(255,255,255,0.2);}

.aboutCont_roll .roll .txt strong{display: block; font-size:20px; letter-spacing:0.3pt; font-weight:700; letter-spacing:0.3pt; color:#fff; margin-bottom: 12px;}
.aboutCont_roll .roll .img{width: 700px;}
.aboutCont_roll .roll .img img{max-width:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}

.aboutCont_roll .slick-arrow{font-size:0; border:0; background:none; padding: 0; outline:none; cursor:pointer; width: 50px; height: 50px; background-color: rgba(34,34,34,.5);	background-repeat:no-repeat; background-size:14px auto; background-position:center;	transition: all .2s linear; position: absolute; right: 0; bottom: 0; z-index: 5;}
.aboutCont_roll .slick-arrow:hover{background-color: rgba(34,34,34,1);}
.aboutCont_roll .slick-prev{background-image:url('/about/img/roll_arrow_p.png'); margin-bottom: 51px;}
.aboutCont_roll .slick-next{background-image:url('/about/img/roll_arrow_n.png');}


	.aboutCont_roll .slider-paging-number {position:absolute; z-index:10; box-sizing:border-box; bottom:45px; left: 60px; text-align:center;}
	.aboutCont_roll .slider-paging-number li{display:none; font-weight:400; font-size:12px; letter-spacing: 0.2pt; color:rgba(255,255,255,0.2); font-family: 'Montserrat', sans-serif;}
	.aboutCont_roll .slider-paging-number li.slick-active{display:block; }
	.aboutCont_roll .slider-paging-number li button{border:none; background:none; font-weight:700; color:#fff; position:relative; width:auto; font-size:17px; padding:0; top:0; letter-spacing:0.3pt; font-family: 'Montserrat', sans-serif;}
	.aboutCont_roll .slider-paging-number li button:before {display:inline-block; content:"0"; color:#fff; font-size:17px; font-family: 'Montserrat', sans-serif;}
	.aboutCont_roll .slider-paging-number li button:after {display:inline-block; content:"/"; color:rgba(255,255,255,0.2); font-size:12px; margin:0 4px 0 6px; position:relative; top:0; font-weight:400; font-family: 'Montserrat', sans-serif;}
/******** E:: 4.19���� > 4.19�����̶� ********/


/******** S:: 4.19���� > ����ڷ� ********/
.statistics_cont{}
.statistics_in{position: relative;}
.statistics_in .line{width:1170px; margin: 0 auto; width: 100%; height: 1px; background-color: #ddd; position: absolute; left: 50%; margin-left: -585px; top:0;}
.statistics_in .death{}
.statistics_in .death ul{display:flex;}
.statistics_in .death ul li{width:calc((100% - 60px)/3); margin-right:30px; text-align:center; box-sizing:border-box; background:#fff; padding:45px 0 50px;}
.statistics_in .death ul li:last-child{margin-right:0;}
.statistics_in .death ul li span{display:block; font-size:23px; letter-spacing:-1pt; color:#222; padding:0 0 20px; font-weight: 200;}
.statistics_in .death ul li span b{font-weight:700; letter-spacing: -1pt;}
.statistics_in .death ul li img{max-width:100%;}

.statistics_in .statistics_list{display:flex; align-items:center; width: 100%; margin:0 0 39px;}
			   .statistics_list .icon{width: 470px; overflow: hidden; clear:both;} 
			   .statistics_list .icon dl{display:flex; align-items:center; float: left; width:200px;} 
			   .statistics_list .icon dl:nth-child(1),
			   .statistics_list .icon dl:nth-child(2){margin-bottom: 24px;}
			   .statistics_list .icon dl dt{width:76px;}
			   .statistics_list .icon dl dt span{display: block; width:76px;}
			   .statistics_list .icon dl dt span img{max-width:100%;}
			   .statistics_list .icon dl dd{width: calc(100% - 76px); padding:0 0 0 15px; box-sizing:border-box;}
			   .statistics_list .icon dl dd span{font-size:15px; letter-spacing:-0.35pt;}
			   .statistics_list .icon dl dd span b{display: block; font-size:17px; font-family: 'Montserrat', sans-serif; font-weight: 800; letter-spacing: 0;}
			   .statistics_list .graph{width: calc(100% - 470px); position: relative;}
			   .statistics_list .graph:before{content:''; display: block; width:1px; height: calc(100% + 18px); background-color: #ddd; position: absolute; left: 88px; top:-9px;}
			   .statistics_list .graph dl{display:flex; align-items:center; margin-bottom: 4px;}
			   .statistics_list .graph dl:last-child{margin-bottom: 0;}
			   .statistics_list .graph dl dt{width: 88px; font-size:13px; font-weight: 500; letter-spacing:-0.25pt; height: 28px; line-height: 28px;}
			   .statistics_list .graph dl dd{width: calc(100% - 88px); height:28px; background-color: #f0f0f0;}
			   .statistics_list .graph dl dd p{display: inline-block; height: 28px; border-radius:0 50px 50px 0;}
			   .statistics_list .graph dl dd span{display: inline-block; margin-left: 10px; font-size:14px; vertical-align: top; line-height: 28px; font-weight: 700; letter-spacing: 0.5pt; font-family: 'Montserrat', sans-serif;}

.statistics_list .graph dl.one dd p{background-color: #134aa9; border-radius:0 10px 10px 0; width: 7px;}
.statistics_list .graph dl.two dd p{background-color: #787ff6; width: 404px;}
.statistics_list .graph dl.three dd p{background-color: #2eb8ff; width: 500px;}
.statistics_list .graph dl.four dd p{background-color: #008be4; width: 124px;}
.statistics_list .graph dl.five dd p{background-color: #0da8b6; width: 57px;}
.statistics_list .graph dl.six dd p{background-color: #3172e1; width: 20px;}
.statistics_list .graph dl.seven dd p{background-color: #545961; width: 45px;}

.statistics_list .graph dl.one dd span{color:#134aa9;}
.statistics_list .graph dl.two dd span{color:#787ff6;}
.statistics_list .graph dl.three dd span{color:#2eb8ff;}
.statistics_list .graph dl.four dd span{color:#008be4;}
.statistics_list .graph dl.five dd span{color:#0da8b6;}
.statistics_list .graph dl.six dd span{color:#3172e1;}
.statistics_list .graph dl.seven dd span{color:#545961;}
/******** E:: 4.19���� > ����ڷ� ********/




/******** S:: ��ī�̺� �Ұ� ********/
.archive_cont{}
.archive_cont .archiveCont_in{}
			  .archiveCont_in .data{overflow: hidden; clear:both;}
			  .archiveCont_in .data li{float: left; width:25%; height:60px; box-sizing:border-box; background-repeat:no-repeat; background-size:auto 60px; background-position:left center;}
			  .archiveCont_in .data li.one{background-image:url('/archive/img/archive_icon01.png'); padding-left:77px;}
			  .archiveCont_in .data li.two{background-image:url('/archive/img/archive_icon02.png'); padding-left:80px;}
			  .archiveCont_in .data li.three{background-image:url('/archive/img/archive_icon03.png'); padding-left:67px;}
			  .archiveCont_in .data li.four{background-image:url('/archive/img/archive_icon04.png'); padding-left:73px;}
			  .archiveCont_in .data li p{font-size:15px; font-weight: 400; color:#222; letter-spacing: -0.35pt; padding:5px 0 0}
			  .archiveCont_in .data li p span{display:block; font-size:24px; font-weight: 800; letter-spacing: 0.8pt; color:#104299; font-family: 'Montserrat', sans-serif; margin-bottom: -2px;}

				.archiveCont_in .contBox.one > dl{display:flex; width: 100%; margin-top: 25px;}
				.archiveCont_in .contBox.one > dl dt{width: 110px; height: 74px; line-height: 74px; background-color: #134aa9; text-align:center; font-size:16px; font-weight:500; letter-spacing:-0.35pt; color:#fff;}
				.archiveCont_in .contBox.one > dl dd{width: calc(100% - 110px); height: 74px; line-height: 74px; padding: 0 25px; box-sizing:border-box; background: #f0f0f0 url('/archive/img/archive_bg.png') no-repeat right 34px bottom/46px auto;}
				.archiveCont_in .contBox.two{border-top: 1px solid #ddd; border-bottom:1px solid #ddd;}
				.archiveCont_in .contBox.three{overflow: hidden; clear:both;}
				.archiveCont_in .contBox.three .dep_stit{float: left; padding:0; line-height: 45px; margin-right:46px;}
				.archiveCont_in .contBox.three .tel{float:left; display:inline-block; font-size:25px; line-height: 45px; font-weight:300; color:#222; letter-spacing: 0; font-family: 'Montserrat', sans-serif; padding-left: 31px; background:url('/archive/img/tel.gif') no-repeat left center/21px auto;} 
				.archiveCont_in .contBox.three .goBtn{float:left; display: inline-block; width: 194px; float:right;}
				.archiveCont_in .contBox.three .goBtn img{max-width:100%;}
/******** E:: ��ī�̺� �Ұ� ********/




/******** S:: �����ڷ� ********/
.photo_cont{margin: 0 auto; text-align:center;}
/******** E:: �����ڷ� ********/


/*** S:: ����Ʈ�� ***/
.sitemap_cont{overflow: hidden;	clear:both;}
.sitemap_cont dl{float: left; width:31.333%; text-align:center; text-align:center; margin:0 3% 3% 0; border-top: 2px solid #222222;}
.sitemap_cont dl:nth-child(3n){margin-right: 0;}
.sitemap_cont dl:nth-child(1),
.sitemap_cont dl:nth-child(2),
.sitemap_cont dl:nth-child(3){height: 300px;}
.sitemap_cont dl dt{border-bottom:1px solid #ccc; font-weight:500; color:#222; letter-spacing:0.35pt; padding:18px 0; line-height:120%; font-size:16px;}
.sitemap_cont dl dd{border-bottom:1px solid #ddd; }
.sitemap_cont dl dd a{display:block; width:100%; padding:17px 0; line-height:120%; letter-spacing:0.25pt; transition:all 0.2s linear; font-size:16px;}
.sitemap_cont dl dd a:hover{background:#efefef; color:#222; transition:all 0.2s linear;}


/*** E:: ����Ʈ�� ***/




/* �̿���, ����������޹�ħ */
.policy_con{position:relative; overflow:hidden;}
.cont_title{font-size:24px; color:#333; padding-bottom:18px; letter-spacing:-1.2pt; font-weight:600;}
p.cont_tit {display:block; font-size:1.2em !important; padding-bottom:10px; font-weight:600; color:#333 !important;}
.cont_txt {padding:0px 0px 35px 0;}
.cont_txt2 {padding-bottom:35px;}
.cont_box {border:1px soild #a0a0a0; padding:20px; background:#f4f4f4; margin:7px 0px 10px 0px; display:block; }

.privacy_list {width:91%; overflow:hidden; clear:both; *zoom:1; padding:4% 4% 3% 4%; border:1px dashed #ddd; margin-bottom:30px;}
.privacy_list li {width:49%; float:left; padding-bottom:1%;}
.privacy_list li a {font-weight:bold;} 

/*  */
.pay_add_tit {font-size: 11px; color: #555;}
.pay_add_tit2 {font-size: 11px; color: #ee2d7a;}
/* 기존사이트 css */
.aboutarea {
    position: relative;
    width: 100%;}
.aboutarea ul {
    overflow: hidden;
	width: 100%;
}


.orga_list >li:nth-child(4n-3) {
    margin-left: 0;
}
.aboutarea ul li .intro-top {
    padding: 30px 25px 20px 25px;
}
.aboutarea ul li .intro-top div {
    overflow: hidden;
    height: 80px;
    line-height: 80px;
}
.aboutarea ul li .intro-top div img {
    max-height: 70px;
    vertical-align: top;
    max-width: 100%;
}
.aboutarea ul li .intro-top strong {
    display: block;
    color: #3c3c3c;
    font-size: 16px;
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.aboutarea ul li .intro-top p {
    width: 100%;
    font-size: 16px;
    color: #787878;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.aboutarea ul li .intro-btn {
    overflow: hidden;
    padding: 5px 10px;
}
.aboutarea ul li .intro-btn div:first-child {
    border-left: none;
    width: 48%;
    float: left;
    text-align: center;
    border-radius: 50px;
    border: 1px solid #fff;
    height: 40px;
    line-height: 40px;
	margin-right:5px;
    background-color: #f3c510;
    color: #fff;
}
.aboutarea ul li .intro-btn div {
    border-left: none;
    width: 48%;
    float: left;
    text-align: center;
    border-radius: 50px;
    border: 1px solid #ddd;
    height: 40px;
    line-height: 40px;
    background-color: #01a6dc;
    color: #fff;
}
.aboutarea ul li .intro-btn .intro-inn a {
    display: block;
    position: relative;
    font-size: 1em;
    line-height: 40px;
}
.aboutarea ul li .intro-btn .intro-inn a.intro-left i {
    background-position: 0 0;
}
.aboutarea ul li .intro-btn .intro-inn a i {
    position: absolute;
    top: 20px;
    left: 15px;
    width: 18px;
    height: 18px;
    background: url(/img/ic_link.png) no-repeat;
}
.aboutarea ul li .intro-btn .intro-inn a.intro-right i {
    background-position: -36px 0;
}
.orga_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 10px;
}

.orga_list>li {
   border-radius: 20px;
   position: relative;
   width: calc((100% - 204px)/4);
   margin-bottom: 30px;
   margin-left: 65px;
   border: 3px solid #014a91;
   margin-left: 60px;
   padding-bottom: 10px;
}
@media screen and (max-width:1024px) {
	.orga_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 10px;
}

.orga_list>li {
   border-radius: 20px;
   position: relative;
   width: calc(50% - 60px);
   margin-bottom: 30px;
   border: 3px solid #014a91;
   margin-left: 30px;
   margin-right: 30px;
   padding-bottom: 10px;
}
.orga_list >li:nth-child(4n-3) {
    margin-left: 30px;
}
}
.paging {
    width: 100%;
    margin-top: 57px;
    text-align: center;
}
.btnset {
    width: 80px;
    margin: auto;
    height: 36px;
}
.btnset a{
    padding: 10px 20px;
    background-color: #0e457a;
    color: #fff;
    font-size: 18px;
    border-radius: 10px;
}

.pg_page, .qa_page {
    background: #ffffff;
    border: 1px solid #8c8c8c;
    text-decoration: none;
    color: #8c8c8c;
}
.pg_page, .pg_current, .qa_page {
    display: inline-block;
    margin: 10px 5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #8c8c8c;
    letter-spacing: 0;
}
.pg_current {
    display: inline-block;
    margin: 10px 5px;
    background: #014a91;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-weight: normal;
}
/*사업공고*/
.search_form_type2 {
}
.search_form_type2 {
    margin: 0 -5px;
}
.search_form_type2 .search_cont {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.search_form_type2 .search_list_box {
    position: relative;
    width: 100%;
}
.search_form_type2.style1 .search_list_box {
    float: none;
    position: relative;
    width: 100%;
}
.search_form_type2 .search_list2 {
    margin: -2px;
}
.search_form_type2 ul li {
    float: left;
    width: 28.333%;
    padding: 0 5px;
    overflow: hidden;
}
.search_form_type2 .search_list2 li {
    float: left;
    padding: 2px;
}
.search_form_type2 .search_list2 li.mid {
    width: 100%;
}
.ks-inn {}
.ks-inn ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 2px solid #01b4d0;
}
.ks-inn ul li {
    padding: 0 25px;
    float: left;
    min-height: 50px;
    border-left: 1px solid #d5dbde;
}
.search_form_type2 ul li {
    float: left;
    width: 28.333%;
    padding: 0 5px;
    overflow: hidden;
}
.ks-inn ul li:first-child {
    padding-right: 5px;
    border-left: 0;
}
.ks-inn ul li.w-20 {
    width: 20%;
}
.ks-inn ul li select {
    border: none;
    padding-top: 5px;
    height: 50px;
    line-height: 50px;
    width: 100%;
    vertical-align: middle;
    letter-spacing: -0.08em;
    color: #222;
    font-size: 18px;
    padding-left: 40px;
}
.ks-inn ul li select, .keyword-area .key-search .ks-inn ul li .k-input {
    outline: none;
}
.ks-inn ul li.w-80 {
    width: 80%;
}
.ks-inn ul li .k-input {
    border: none;
    height: 60px;
    width: 100%;
    vertical-align: middle;
    letter-spacing: -0.08em;
    color: #222;
    font-size: 18px;
    padding-left: 40px;
}
.sch_btn1 {
    width: 100px;
    left: 50%;
    font-size: 18px;
    font-weight: 500;
    height: 46px;
    line-height: 44px;
    background-color: #014a91;
    color: #fff;
    margin-top: 30px;
}

.mt_30 {
    margin-top: 30px;
}
.mt_30 img {width:auto;}
@media screen and (max-width:780px) {
.mt_30 img {width:100%;}
}
.mt_50 {
    margin-top: 50px;
}
.mt_10 {
    margin-top: 10px;
}
table {
    width: 100%;
    /* border-collapse: separate; */
    border-spacing: 0;
    /* font-family: 'Noto Sans KR', sans-serif; */
    color: #4a4a4a;
    !important: ;
}
.status_btn {
}
.status_btn a{
    background-color: #c5c5c5;
    padding: 5px 15px;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
}
.status_btn a:hover{
    background-color: #c5c5c5;
}
.status_btn a:active{
    background-color: #005baa;
}
.status_btn a:visited {color:#005baa;}
.status_btn a.active-color { color:#005baa; }


.btn_o {background-color: #005baa!important;}
.btn_o2 {background-color: #21baf3!important;}


.listTable {
    width: 100%;
    border-top: 1px solid #2a2728;
    margin-left: -1px;
}
.listTable{width:100%;border-top:1px solid #2a2728;margin-left:-1px}
.listTable thead th{height:90px;background:#fcfcfc; line-height:90px;font-size:18px;color:#4a4a4a; font-weight:500;border-bottom:1px solid #2a2728;}
.listTable thead td{height:90px;background:#fcfcfc;font-weight:600;font-size:16px;color:#000;line-height:25px}
.listTable tbody th{height:90px;border-bottom:1px solid #ebebeb;line-height:30px;font-size:18px;font-weight:500;color:#3c3c3c;vertical-align:middle}
.listTable tbody td{height:90px;border-bottom:1px solid #ebebeb;text-align:center;line-height:25px;font-size:16px; vertical-align:middle}
.more_btn {}
.more_btn a {
    background-color: #2196f3;
    padding: 10px 35px;
    color: #fff;
}
.listTable th.al {text-align:left;}
.listTable td.al {text-align:left;}
.listTable th.ar {text-align:right;}
.listTable td.ar {text-align:right;}
.listTable th a {display:inline-block;background-color: #00306c;border: 3px solid #fff;padding: 15px;border-radius: 42px;color: #fff;letter-spacing: -0.5px;}
.listTable th.bar a {display:inline-block;background-color: #ffffff00;padding: 0px;color: #000;letter-spacing: -0.5px;border: 0px solid #fff;border-radius: 0px;}
.listTable tr:focus, .listTable tr:hover, .listTable tr:active{background-color:#f2f2f2;}
.listTable td.red {color:#db172f; font-weight:400}
.listTable td img {margin:5px 0; text-align:center; width:100px;}
.listTable td.linebox{background:url(/images/bg_linebox.png) no-repeat center}
.listTable th.bar{background:url(/images/bar1.jpg) no-repeat right}
.listTable td.bar{background:url(/images/bar1.jpg) no-repeat right}
.listTable td.date{background:url(/images/bg_date1.png) no-repeat center}
.listTable td.date1{background:url(/images/bg_date2.png) no-repeat center}
.listTable td.date2{background:url(/images/bg_date3.png) no-repeat center}


.listTable1{width:100%;margin-left:-1px}
.listTable1 thead th{height:60px;background: #eaeaea;line-height:60px;font-size:18px;color:#352d81;font-weight:500;border-right:1px solid #ffffff}
.listTable1 thead th:last-child{border-right:0px}
.listTable1 thead td{height:60px;background:#fcfcfc;font-weight:600;font-size:16px;color:#000;line-height:25px}
.listTable1 tbody th{height:60px;border-right:1px solid #ebebeb;font-size:16px;border-bottom:1px solid #ebebeb;font-weight:600;color:#4a4a4a; padding-left:10px;vertical-align:middle;}
.listTable1 tbody td{height:60px;border-right:1px solid #ebebeb; padding:13px;border-bottom:1px solid #ebebeb;text-align:center;font-size:16px; line-height:26px; vertical-align:middle;/* font-family:'Noto Sans KR', sans-serif; */!important;}
.listTable1 tbody td:last-child{border-right:0px}
.listTable1 th.al {text-align:left;}
.listTable1 td.al {text-align:left;}
.listTable1 td.red {color:#db172f; font-weight:400}
.listTable1 td img {margin:5px 0;text-align:center;width: auto;}
@media screen and (max-width:780px) {

.listTable1 td img {
    margin: 5px 0;
    text-align: center;
    width: 100%;
}
}

.support_box{
    width: 100%;
    font-size: 16px;
    margin-bottom: 30px;
    overflow: hidden;
}
.support_box ul{
}
.support_box li{
    float: left;
    padding: 20px 10px;
    border-bottom: 1px solid #d3d3d3;
    height: 71px;
}
.box_t{
    background-color: #daf2ff;
    color: #000;
    width: 10%;
}
.box_d{
    width: 40%;
}
@media screen and (max-width:499px){
	.support_box li{
    float: left;
    padding: 20px 10px;
    border-bottom: 1px solid #d3d3d3;
    height: 80px;
}
	.box_t{
    background-color: #daf2ff;
    color: #000;
    width: 30%;
}
	.box_d{
    width: 70%;
}
}
@media screen and (max-width:1024px){
	.support_box li{
    float: left;
    padding: 20px 10px;
    border-bottom: 1px solid #d3d3d3;
    height: 80px;
}
	.box_t{
    background-color: #daf2ff;
    color: #000;
    width: 30%;
}
	.box_d{
    width: 70%;
}
}
.writeTable{width:100%;/* border-top:2px solid #58585a; */}
.writeTable th{border-bottom:1px solid #ddd;background:#f0fcff;padding: 13px 0 13px 19px;text-align:left;font-size: 16px;font-weight:600;color:#005c6a;vertical-align:middle}
.writeTable th.c1{background:#f1e6d2}
.writeTable th.vtop{vertical-align:top; padding-top:15px}
.writeTable td{border-bottom:1px solid #c8c8c8;padding-left:10px;height:80px;font-size: 16px;color:#787878;font-weight:400;line-height:25px;vertical-align:middle}
.writeTable th.vtop{vertical-align:top;padding-top:15px}
.writeTable td.img{width:260px;margin:0 auto; text-align:center}

/* 테이블 스타일 초기화 */
table {width:100%;border-collapse:separate;border-spacing:0;color:#4a4a4a;font-size: 1;} /* border-collapse: collapse; ff에서 border="0" 인 경우 문제 발생 */
tbody, tfoot, thead, tr, th, td {word-break:break-all;}
caption {visibility:hidden;width:0;height:0;font-size:0;line-height:0;position:static;left:0;top:-999999px;}

a {text-decoration:none; color:inherit}
.writeTable0{width:100%;}
.writeTable0 th{border-top:2px solid #3c3c3c;padding: 13px 0 13px 0px;text-align:left;font-size:14px;font-weight:600;color:#000;vertical-align:middle}
.writeTable0 th.ac{text-align:center;}
.icon_back{
    width: 100px;
    background-color: #1572ba;
    color: #fff;
    height: 100px;
    border-radius: 100px;
    padding-top: 21px;
}
.writeTable0 td.ac{letter-spacing: -1px;text-align:center;font-size: 14px;}
.writeTable0 td.noline{border:0}
.writeTable0 td.noline a{border:0;background-color: #2196f3;color: #fff;padding: 5px 15px;border-radius: 30px;font-size: 15px;letter-spacing: -1px;}
.writeTable0 td{border-bottom:1px solid #ddd;padding:7px 10px;height:34px;font-size:18px}
.writeTable0 td.space{border:0px;height:20px;}
.writeTable0 th.vtop{vertical-align:top;padding-top:15px}
.writeTable0 td.img{width:260px;margin:0 auto; text-align:center}


.mt_90 {
    margin-top: 36px;
}


.mapTable{width:100%}
.mapTable td{padding:13px; font-size:16px; line-height:24px; text-align:center;color:#4a4a4a;font-weight:500}
.mapTable td.active{color:#ffffff}

.mapTablem{width:100%}
.mapTablem td{padding:13px; font-size:14px; line-height:20px; text-align:center;color:#4a4a4a;font-weight:500}
.mapTablem td.active{color:#ffffff}

.maplistTable{width:100%; background:#ffffff;}
.maplistTable th{padding:15px;height:60px;background:#014a91;font-size:20px;line-height:60px;color:#ffffff; font-weight:800; text-align:left; overflow:hidden}
.maplistTable td{padding:9px 15px; font-size:16px; line-height:20px; text-align:center;color:#4a4a4a;font-weight:500;}
.maplistTable td.tit{ width:290px;display:block;font-size:20px; line-height:30px;height:35px;font-weight:600;color:#4a4a4a;overflow:hidden;text-overflow: ellipsis;}
.maplistTable td.info{ width:290px;display:block;font-size:14px;line-height:25px;color:#8c8c8c;border-bottom:1px solid #d2d2d2;height:65px;overflow:hidden;text-overflow: ellipsis;font-family:'Noto Sans KR', sans-serif;!important;}
.maplistTable td.al{ text-align:left;}




.faq_list{margin-bottom:35px; border-top:1px solid #3e7ccd;}
.faq_list li{padding:20px 45px; border-bottom:1px solid #dddddd;}
.faq_list li.q{background:url(/images/icon_q.png) no-repeat 15px 19px; padding-left:80px; font-size:17px;}
.faq_list li.q a{display:block; color:#333333; font-weight: bold;background:url(/images/icon_down.png) no-repeat right ; font-size:17px}
.faq_list li.a{display:none; background:#f8f8f8 url(/images/icon_a.png) no-repeat 40px 20px;padding-left:100px; font-size:17px}


@media screen and (max-width:780px) {
	.status_btn a{
    background-color: #c5c5c5;
    padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
}
.faq_list li.q a{background:none;}
}

.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current, .qa_page {display:inline-block;margin:10px 5px; width:40px;height:40px;line-height:40px;color:#8c8c8c;letter-spacing:0;    border-radius: 10px;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page, .qa_page {background:#ffffff;  border: 1px solid #8c8c8c;text-decoration:none; color:#8c8c8c}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:10px 5px;background:#014a91;width:40px;height:40px;line-height:40px;color:#fff;font-weight:normal;    border-radius: 10px;}

.pg_spage, .pg_scurrent, .qa_spage {display:inline-block;width:20px;height:20px;line-height:20px;font-size:12px;font-weight:300;color:#8c8c8c;letter-spacing:0;}
.pg_scurrent {display:inline-block;width:20px;height:20px;line-height:20px;; font-size:12px;font-weight:700; color:#333333}

.bullet-arrow1,.bullet-arrow2{font-size:20px}
.bullet-arrow1,.bullet-arrow2{font-size:20pxfont-weight:500;color:#333}
.bullet-arrow1{background:url(/images/icon_bullet1.png) no-repeat 0 0}

@media all and (min-width:768px){
	.bullet-arrow1,.bullet-arrow2{padding-left:26px;background-position:0 7px}
	.bullet-arrow2{margin-bottom:12px}
}

@media screen and (min-width:1070px){
.bullet-arrow1,.bullet-arrow2{font-size:20px}
}


@media screen and (min-width:768px) and (max-width:1069px){
.bullet-arrow1,.bullet-arrow2{font-size:17px}
}

@media screen and (max-width:767px){
.bullet-arrow1,.bullet-arrow2{padding-left:20px;background-position:0 4px;background-size:13px auto;font-size:14px}
}

@media (max-width: 600px){
#contents {
    overflow: hidden;
    position: relative;
    margin: 92px auto;
    width: 100% !important;
}
.tit_area {
    text-align: center;
    padding: 37px 0 2px;
}
.contentArea {
    min-width: 100% !important;
}
.contents_in {
    min-width: 100% !important;
}
.orga_list >li:nth-child(4n-3) {
    margin-left: auto;
}
.orga_list>li {
    border-radius: 20px;
    position: relative;
    margin-right: auto;
    width: 89%;
    margin-bottom: 30px;
    margin-left: auto;
    border: 3px solid #014a91;
    padding-bottom: 10px;
}
#contents .share2 {
    position: absolute;
    right: 6%;
    top: 110px;
    transform: translate(0, -50%);
    font-size: 0;
}
	#contents .share2 .share_list {
    position: absolute;
    visibility: hidden;
    left: -111px;
    top: -14px;
    border-radius: 40px;
    width: 111px;
    box-sizing: border-box;
    padding: 12px;
    background: #fff;
    box-shadow: rgb(0 0 0 / 20%) 2px 3px 10px;
}
.m_display_none {display: none !important;}
.divTable.board_table .divTableCell2, .divTable.board_table .divTableHead {
  border-bottom: 1px solid #e8e8e8;
  padding: 30px 2px;
  display: none;
}
}
div.board_table {
  border: 0px solid #A4A4A4;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}
.divTable.board_table .divTableCell, .divTable.board_table .divTableHead {
  border-bottom: 1px solid #e8e8e8;
  padding: 30px 2px;float:left;
}
.divTableCell a {
    padding: 4px 10px 3px 10px;
    border-radius: 20px;
    margin-right: 10px;
}.divTableCell span {
    padding: 4px 10px 3px 10px;
    color: #fff;
    border-radius: 20px;
    font-size: 12px;
    margin-right: 5px;
}
.step_color_1 {background-color: #8bc34a;padding: 1px 4px;border-radius: 5px;white-space: nowrap;}
.step_color_2 {background-color: #ff9800;white-space: nowrap;}
.step_color_3 {background-color: #3f51b5;white-space: nowrap;}
.step_color_4 {background-color: #03A9F4;white-space: nowrap;}
.area_color_1 {background-color: #795548;white-space: nowrap;}
.divTable.board_table .divTableCell2, .divTable.board_table .divTableHead {
  border-bottom: 1px solid #e8e8e8;
  padding: 30px 2px;float:left
}
.board_table .tableFootStyle {
  font-size: 14px;
}
.board_table .tableFootStyle .links {
	 text-align: right;
}
.board_table .tableFootStyle .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}
.board_table.outerTableFooter {
  border-top: none;
}
.board_table.outerTableFooter .tableFootStyle {
  padding: 3px 5px; 
}
/* DivTable.com */
.divTable{ display: table; }
.divTableRow {display: table-row;}
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableHead {width: auto;    margin-bottom: 15px; }
.divTableCell2, .divTableHead { display: table-cell;}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody {display: table-row-group;border-top: 1px solid #000;}
.t_width {width:7%; color:#2f7ec3;}
.t_width2 {width: 10%;color:#2f7ec3;}
.t_width3 {width: 17%;color:#2f7ec3;}
.t_txt {text-align:left;width: calc(100% - 50%);}

/*--------------------------------------
    TABS
----------------------------------------*/

.eks-tabs{
  margin: 20px auto 50px auto;  
  font-size: 13px;
  line-height: 1.65;
  
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.eks-tabs *,
.eks-tabs *:before,
.eks-tabs *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.eks-tabs__input{
  display: none;
}

.eks-tabs__labels{
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /* border-left: 1px solid #ddd; */
  /* border-bottom: 1px solid #01a6dc; */
}

.eks-tabs__label{
  height: 55px;
  line-height: 55px;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  -o-text-overflow: ellipsis;
  /* text-overflow: ellipsis; */
  font-size: 100%;
  margin: 0;
  /* padding: 0 18px; */
  font-weight: 600;
  text-align: center;
  color: #000000;
  background: #ffffff;
  border: 2px solid #014a91;
  /* border-right: 1px solid #ddd; */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width:50%;
  border-radius: 16px;
  margin-right: 5px;
}
.eks-tabs__label:after{
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 300px;
  height: 300px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-border-radius: 100%;
  border-radius: 100%;
  margin-left: -150px;
  margin-top: -150px;
  background: rgba(0,0,0,.25);
  opacity: 0;
}
.eks-tabs__label:active:after {
  -webkit-animation: ripple 1s ease-out;
  animation: ripple 1s ease-out;
}
.eks-tabs__label-inner{
  pointer-events: none;
}

.eks-tabs__label:hover {
  color: #888;
  cursor: pointer;
}
.eks-tabs__content {
  /* display: none; */
  padding: 20px 20px 10px;
  background: #fff;
  overflow: hidden;
}
.eks-tabs__content p:first-of-type{
  margin-top: 0;
}

[id^=eks-tab-1]:checked  ~ .eks-tabs__labels .eks-tabs__label[for*=eks-tab-1],
[id^=eks-tab-2]:checked  ~ .eks-tabs__labels .eks-tabs__label[for*=eks-tab-2],
[id^=eks-tab-3]:checked  ~ .eks-tabs__labels .eks-tabs__label[for*=eks-tab-3],
[id^=eks-tab-4]:checked  ~ .eks-tabs__labels .eks-tabs__label[for*=eks-tab-4],
[id^=eks-tab-5]:checked  ~ .eks-tabs__labels .eks-tabs__label[for*=eks-tab-5],
[id^=eks-tab-6]:checked  ~ .eks-tabs__labels .eks-tabs__label[for*=eks-tab-6]{
  color: #fff;
  border-bottom: none;
  background: #014a91;
  width:50%
}
[id^=eks-tab-1]:checked  ~ .eks-tabs__labels .eks-tabs__label[for*=eks-tab-1]:before,
[id^=eks-tab-2]:checked  ~ .eks-tabs__labels .eks-tabs__label[for*=eks-tab-2]:before,
[id^=eks-tab-3]:checked  ~ .eks-tabs__labels .eks-tabs__label[for*=eks-tab-3]:before,
[id^=eks-tab-4]:checked  ~ .eks-tabs__labels .eks-tabs__label[for*=eks-tab-4]:before,
[id^=eks-tab-5]:checked  ~ .eks-tabs__labels .eks-tabs__label[for*=eks-tab-5]:before,
[id^=eks-tab-6]:checked  ~ .eks-tabs__labels .eks-tabs__label[for*=eks-tab-6]:before{
  content: '';
  position: absolute; 
  BOTTOM: 0; 
  left: 0;
  width: 100%;
  height: 2px;
}

[id^=eks-tab-1]:checked ~ .eks-tabs__contents [id^=eks-tabs__content-1],
[id^=eks-tab-2]:checked ~ .eks-tabs__contents [id^=eks-tabs__content-2],
[id^=eks-tab-3]:checked ~ .eks-tabs__contents [id^=eks-tabs__content-3],
[id^=eks-tab-4]:checked ~ .eks-tabs__contents [id^=eks-tabs__content-4],
[id^=eks-tab-5]:checked ~ .eks-tabs__contents [id^=eks-tabs__content-5],
[id^=eks-tab-6]:checked ~ .eks-tabs__contents [id^=eks-tabs__content-6]{
  display: block;
}

/* @media screen */
@media screen and (max-width: 767px) {
  .eks-tabs__label{
    font-size: 15px;
  }
 .writeTable0 td.noline a {
    display: none;
}
}

@media screen and (max-width: 576px) {
  .eks-tabs__label{
    padding-left: 8px;
    padding-right: 8px;
  }
  .eks-tabs__labels {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /* border-left: 1px solid #ddd; */
    /* border-bottom: 1px solid #01a6dc; */
    flex-direction: column;
}
[id^=eks-tab-1]:checked ~ .eks-tabs__labels .eks-tabs__label[for*=eks-tab-1], [id^=eks-tab-2]:checked ~ .eks-tabs__labels .eks-tabs__label[for*=eks-tab-2], [id^=eks-tab-3]:checked ~ .eks-tabs__labels .eks-tabs__label[for*=eks-tab-3], [id^=eks-tab-4]:checked ~ .eks-tabs__labels .eks-tabs__label[for*=eks-tab-4], [id^=eks-tab-5]:checked ~ .eks-tabs__labels .eks-tabs__label[for*=eks-tab-5], [id^=eks-tab-6]:checked ~ .eks-tabs__labels .eks-tabs__label[for*=eks-tab-6] {
    color: #fff;
    border-bottom: none;
    background: #014a91;
    width: 100%;
    margin-bottom: 4px;
}
.eks-tabs__label {
    height: 55px;
    line-height: 55px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    -o-text-overflow: ellipsis;
    /* text-overflow: ellipsis; */
    font-size: 20px;
    margin: 0;
    padding: 0 25px;
    font-weight: 600;
    text-align: center;
    color: #000000;
    background: #ffffff;
    border: 2px solid #014a91;
    /* border-right: 1px solid #ddd; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    border-radius: 16px;
    margin-right: 5px;
    margin-bottom: 4px;
}

.pg_page, .pg_current, .qa_page {
    display: inline-block;
    margin: 10px 5px;
    width: 40px;
    height: 40px;
    line-height: 30px;
    color: #8c8c8c;
    letter-spacing: 0;
}
.pg_page, .pg_current, .qa_page {
    display: inline-block;
    margin: 10px 5px;
    width: 30px;
    height: 30px;
    FONT-VARIANT: JIS83;
    color: #8c8c8c;
    letter-spacing: 0;
    border-radius: 10px;
} 
.pg_current {
    display: inline-block;
    margin: 10px 5px;
    background: #014a91;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-weight: normal;
    border-radius: 10px;
}
}

.bg_box {
    background: #f0fcff;
    border: 1px solid #a2a2a2;
}
.bg_box {
    padding: 45px 5px;
    margin-bottom: 27px;
}
.bg_box {
    display: flex;
}
.bg_box .dot_list-wrap {
    flex: 1;
    padding-left: 40px;
    padding-right: 10px;
    word-break: keep-all;
    border-right: 1px solid #d9d9d9;
}
.bg_box .dot_list-wrap:last-of-type {
    border-right: 0;
}
.bg_box .dot_list:not(:last-of-type) {
    margin-bottom: 23px;
}
.dot_list-wrap .dot_list:not(:last-of-type) {
    margin-bottom: 24px;
}
ol, ul, dl, menu, li {
    list-style: none;
}
.dot_list-wrap .dot_list:not(:last-of-type) {
    margin-bottom: 24px;
}
.dot_list-wrap .dot_list .table_inner {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.table_inner span {
    padding: 4px 10px 3px 10px;
    color: #fff;
    border-radius: 20px;
    font-size: 12px;
    margin-right: 5px;
}
.dot_list-wrap .dot_list .table_inner .tit,
.dot_list-wrap .dot_list .table_inner .txt {
    display: table-cell;
    vertical-align: top;
}
.dot_list-wrap .dot_list .table_inner .txt a{
    font-size: 13px;
}
.dot_list-wrap .dot_list .table_inner .txt_wrap {
    display: flex;
    margin-top: -2px;
}
.dot_list-wrap .dot_list .table_inner .txt_wrap .txt {
    white-space: nowrap;
}
.dot_list-wrap .dot_list .table_inner .txt_wrap .l_txt {
    line-height: 28px;
    padding-left: 8px;
}
.dot_list-wrap .dot_list .table_inner .txt_wrap .l_txt .s_txt {
    display: block;
}
.dot_list-wrap .dot_list .table_inner .l_txt {
    font-size: 18px;
    line-height: 28px;
}
.dot_list-wrap .info_list {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.04em;
}
.dot_list-wrap .info_list .red {
    color: #dd3232;
}
.information_box-wrap .dot_list .table_inner .tit {
    width: 105px;
}
.information_list .dot_list .table_inner .tit {
    width: 113px;
}
.information_box-wrap .dot_list-wrap .dot_list .txt {
    font-weight: 300;
}
.dot_list-wrap .dot_list .table_inner .txt_button-list.type_table-button {
    margin-top: -7px;
}
.dot_list-wrap .dot_list .tit {
    padding-left: 16px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.04em;
    word-break: break-all;
    padding-right: 5px;
    width: 150px;
}
.dot_list-wrap .dot_list .tit:before {
    display: inline-block;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #000;
    vertical-align: top;
    margin: 11px 10px 0 -15px;
}
.dot_list-wrap .dot_list .tit.no_dot {
    padding-left: 0;
}
.dot_list-wrap .dot_list .tit.no_dot:before {
    display: none;
}
.dot_list-wrap .dot_list.bl .tit {
    color: #DA0021;
}
.dot_list-wrap .dot_list.bl02 .tit {
    color: #34466b;
}
.dot_list-wrap .dot_list.bl .tit:before {
    background: #DA0021;
}
.dot_list-wrap .dot_list.bl02 .tit:before {
    background: #34466b;
}
.dot_list-wrap .dot_list .txt_box:not(:last-of-type) {
    padding-bottom: 15px;
}
.dot_list-wrap .dot_list .txt {
    font-size: 15px;
    line-height: 28px;
    font-weight: 400;
    /* letter-spacing: -1px; */
    word-wrap: break-word;
}
.dot_list-wrap .dot_list .l_txt {
    font-weight: 400;
}
.dot_list-wrap .dot_list .s_txt {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}
.dot_list-wrap .dot_list .s_txt:first-of-type,
.dot_list-wrap .dot_list .one_txt {
    padding-top: 8px;
}
.dot_list-wrap .dot_list.txt_button-list {
    margin-bottom: 17px;
    margin-top: -8px;
}
.app_notice_details-wrap .flex_inner {
    display: flex;
    width: 100%;
}
.app_notice_details-wrap .txt_cont {
    flex: 1;
}
.information_list .dot_list .flex_inner .tit {
    width: 113px;
}
.app_notice_details-wrap .txt_button-list .table_inner .tit {
    /* vertical-align: middle; */
    vertical-align: top !important;
}
.dot_list-wrap .txt_button-list .txt-button {
    display: inline-block;
    vertical-align: middle;
    word-break: break-all;
}
.dot_list-wrap .txt_button-list a {
    display: inline-block;
    vertical-align: middle;
    min-width: 110px;
    line-height: 33px;
    height: 35px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.04em;
    margin-left: 12px;
    padding: 0 20px;
}
.dot_list-wrap .dot_list .list_wrap {
    padding-left: 18px;
    padding-top: 26px;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -0.04em;
    line-height: 28px;
}
.dot_list-wrap .dot_list .list_wrap .list:not(:last-of-type) {
    margin-bottom: 18px;
}
@media screen and (max-width:768px) {
.bg_box {
        margin-bottom: 20px;
    }
.bg_box .dot_list:not(:last-of-type) {
        margin-bottom: 15px;
    }
.bg_box .dot_list .txt {
        padding: 0;
        line-height: 22px;
    }
.dot_list-wrap .dot_list:not(:last-of-type) {
    margin-bottom: 18px;
}
.app_notice_details-wrap .bg_box .dot_list:not(:last-of-type) {
    margin-bottom: 15px;
}
.dot_list .table_inner .tit {
    width: 120px;
    font-size: 16px;
    padding-right: 5px;
}
.dot_list-wrap .dot_list .tit:before {
    margin: 9px 7px 0 -12px;
}
}
@media screen and (max-width:1024px) {
.bg_box {
        display: block;
        padding: 3px 20px 26px;
    }
.bg_box .dot_list-wrap {
        padding: 27px 0 0;
        border-right: 0;
    }
.bg_box .dot_list-wrap:not(:last-of-type) {
        padding-bottom: 26px;
        border-bottom: 1px solid #d9d9d9;
    }
}

@media screen and (max-width:600px) {
.t_width {
    width: 20%;
    color: #2f7ec3;
}
.t_txt {
    text-align: left;
    width: calc(100% - 40%);
}
.divTable.board_table .divTableCell, .divTable.board_table .divTableHead {
    border-bottom: 1px solid #e8e8e8;
    padding: 18px 2px;
    float: left;
    min-height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.divTableCell a {
    padding: 4px 10px 3px 10px;
    border-radius: 20px;
    margin-right: 10px;
    max-height: 43px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
}








#wrap * {
    box-sizing: border-box;
}
.tb_brd_write select { height:40px; border:1px solid #ddd;padding:0 10px;outline:none; width:100%; color:#000;}
.tb_brd_write input[type=radio] { height:25px; border:1px solid #ddd;padding:0 10px;outline:none; width:15px; color:#000;}
.tb_brd_write input[type=checkbox] { height:25px; border:1px solid #ddd;padding:0 10px;outline:none; width:15px; color:#000;} 
form { margin:0; }
p { margin-top: 0px; margin-bottom: 0px }
td,table {font-size: 1rem;/* color:#888; */line-height: 160%;}

select {font-size: 16px;color:#666666;border: 0px solid #ddd0;background-color: #ffffff00;padding: 10px 20px;-webkit-appearance: none;-webkit-border-radius: 0;}
.input {border:0px; font-size:13px; color:#545454; border:1px solid #d4d4d4; background-color:#ffffff; padding:8px 4px;}
.search_input { font-size:13px; color:#555;  border: #d4d4d4 1px solid; background-color: #ffffff;}
.textarea {font-size:13px; color:#666666; border:1px solid #ddd; line-height:160%; -webkit-appearance: none; -webkit-border-radius: 0;}
#hpShow select {font-size: 16px;color:#666666;border: 1px solid #ddd;background-color: #ffffff;padding: 10px;-webkit-appearance: none;-webkit-border-radius: 0;}
#phpShow select {font-size: 16px;color:#666666;border: 1px solid #ddd;background-color: #ffffff;padding: 10px;-webkit-appearance: none;-webkit-border-radius: 0;}
.v_tit1 {
    font-size: 18px;
    padding: 15px;
}
.sa_ti {
    padding: 15px;
    border-left: 5px solid #003b98;
    width: 100%;
    border-radius: 0;
    margin-bottom: 15px;
    background-color: #edf8ff;
    font-weight: 900;
    color: #000;
}
.btn_c {
    margin: auto;
    width: 215px;
    background-color: #003b98;
    color: #fff;
    padding: 21px;
    text-align: center;
    margin-top: 30px;
}
.btn_c1 {
    margin: auto;
    width: 147px;
    background-color: #ababab;
    color: #fff;
    padding: 12px;
    text-align: center;
    margin-top: 30px;
}
input[type="text"],
input[type="button"],
input[type="password"]{-webkit-appearance: none; -webkit-border-radius: 0;height: 46px;}

/* 횄�횂짬횄�싀궰꼴꺜▣™�슿�끒씹꺠뮼궰�꺿�┚궰졗꺿�싀궰� 횄�횂짭횄�┚궰졗꺿�싀궰ㅓ꺠뮼궰�꺿�졗™궗�▣꺜▣™궗큄횂짭횄�횂짭횄�싀궰씳꺿�싀궰� */
.btn_w {display:inline-block; background:#fff; text-align:center; color:#666; font-weight:400; border:1px solid #ddd; cursor:pointer;  font-size:0.938rem; transition:all .3s linear; -webkit-appearance: none; -webkit-border-radius: 0;}
.btn_w:hover{background-color:#999; border-color:#999; color:#000;}
.btn_wb {display:inline-block; background:#fff; text-align:center; color:#000; font-weight:400; border:1px solid #000;  font-size:0.938rem; transition:all .3s linear; -webkit-appearance: none; -webkit-border-radius: 0;}
.btn_wb:hover{background-color:#999; border-color:#999; color:#000;}
.btn_ag {display:inline-block; background:#fff; text-align:center; color:#000; font-weight:400; border:1px solid #000;  font-size:0.938rem; transition:all .3s linear; -webkit-appearance: none; -webkit-border-radius: 0;}
.btn_ag:hover{background-color:#999; border-color:#999; color:#000;}
.btn_b {display:inline-block; background:#000; border-color:#000; text-align:center; color:#fff; font-weight:400; border:none;  font-size:0.938rem; transition:all .3s linear; -webkit-appearance: none; -webkit-border-radius: 0;}
.btn_b:hover{background-color:#000}
.btn_b2 {display:inline-block; background:#000; border-color:#000; text-align:center; color:#fff; font-weight:400; border:none;  font-size:0.938rem; transition:all .3s linear; -webkit-appearance: none; -webkit-border-radius: 0;}
.btn_b2:hover{background-color:#000}

.btn_g {display:inline-block; background:#6b6b6b; text-align:center; color:#fff; font-weight:400; border:none;  font-size:0.938rem; transition:all .3s linear; -webkit-appearance: none; -webkit-border-radius: 0;}
.btn_g:hover{background-color:#555}
.btn_i {display:inline-block; background:#000; border:1px solid #000; text-align:center; color:#fff; font-weight:400; border:none;  font-size:0.938rem; transition:all .3s linear; -webkit-appearance: none; -webkit-border-radius: 0;}
.btn_i:hover{background-color:#000; border-color:#000;}
.btn_blue {display:inline-block; background:#000; text-align:center; color:#fff; font-weight:400; border:none;  font-size:0.938rem; transition:all .3s linear; -webkit-appearance: none; -webkit-border-radius: 0;}
.btn_blue:hover{background-color:#1349bd}
.btn_red {display:inline-block; background:#6b6b6b; text-align:center; color:#fff; font-weight:400; border:none;  font-size:0.938rem; transition:all .3s linear;} 


/* 횄�횂짭횄�싀궰씳꺿�싀궰맡꺠뮼궰�꺜▣™�슿�™�왖▣꺜▣™�슿�궰� */
input.input_login {border:1px solid #ddd; color:#666; font-size:14px; padding:0 12px; height:46px; line-height:46px; vertical-align:middle; box-sizing:Border-box; }
input.input_idpw {border:1px solid #ddd; color:#666; font-size:14px; padding:0 12px; height:46px; line-height:46px; vertical-align:middle; box-sizing:Border-box;}
input[type=checkbox] {width:20px; height:20px; margin:0; font-size:14px; color:#666; vertical-align:middle; margin:4px 4px 0 0;}
input[type=radio] {width:16px; height:16px; color:#666; font-size:14px; vertical-align:middle; margin:-4px 0 0 0;}
label{cursor:pointer;}

input.input_num {width:73px;}
input.input_date {width:68px;}
input.input_id {width:180px;}
input.input_resno {width:132px;}
input.input_s {width:125px;}
input.input_s1 {width:180px;}
input.input_m {width:280px;}
input.input_l {width:500px;}
input.input_file {border:1px solid #d0d0d0; padding:0 10px; height:50px; line-height:48px;  width:50%; background:none; box-sizing:border-box;}

/* 횄�횂짭횄짖창�슿�™궗혶횄�싀궰�꺠뮼궰ッ꺿�싀궰걘꺿�싀궰� */

/* pad */
.bpad_5 {padding-bottom:5px;}
.bpad_10 {padding-bottom:10px;}
.bpad_15 {padding-bottom:15px;}
.bpad_20 {padding-bottom:20px;}
.bpad_30 {padding-bottom:30px;}
.bpad_40 {padding-bottom:40px;}
.bpad_50 {padding-bottom:50px;}

.rpad_3  {padding-right:3px;}
.rpad_5  {padding-right:5px;}
.rpad_10 {padding-right:10px;}
.rpad_15 {padding-right:15px;}
.rpad_20 {padding-right:20px;}
.rpad_30 {padding-right:30px;}

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

.bmar_30 {margin-bottom:30px;}


/***** 횄�횂짬횄�싀궰≥꺿�┚™궗흹횄�횂짧횄�싀궰련꺿�싀궰맡꺠뮼궰�꺿�싀궰씳꺿�싀궰� ****/
#login_box {position:relative; margin:0 auto; width:578px; padding:60px 0; border:1px solid #ddd;}
#login_box h2 {color:#333; font-size:20px; padding-bottom:15px; font-weight:500;}
#login_box h2 span {font-size:13px; color:666; font-weight:500; margin-left:15px;}
#login_box > div {margin:0 auto; width:470px;}
#login_box .login {}
#login_box dl {position:relative;}
#login_box dt {position:absolute; top:0; right:0; width:158px;}
#login_box .btn_b {display:inline-block; width:158px; height:103px; line-height:103px; cursor:pointer;}
#login_box dd {width:295px; margin-bottom:11px;}
#login_box dd .input_login {width:100%;}
#login_box .login_input input.btn_b {font-size:16px ;}
#login_box .login_checkbox {padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:15px;}
#login_box .member_btn {margin-bottom:30px;}
#login_box .member_btn a:link, 
#login_box .member_btn a:visited {display:inline-block; margin-right:10px; height:44px; line-height:44px;}
#login_box .member_btn a:last-child {width:306px; margin-right:0;}
#login_box .member_btn .btn_g:link, 
#login_box .member_btn .btn_g:visited {width:149px; color:#fff !important;}
#login_box .sns_login {text-align:right; color:#333; font-weight:600; margin-bottom:35px;}
#login_box .sns_login img {margin-left:3px; vertical-align:middle;}

#login_box .login_order {margin-top:50px; padding-top:40px; border-top:1px dashed #ccc;}
#login_box .login_order .btn_wb {display:block; width:100%; height:57px; line-height:57px; font-size:16px;}
#login_box .login_order p {background:url('/images/user/icon_info.gif') left 4px no-repeat; padding-left:20px; color:#999; font-size:12px; letter-spacing:-0.5pt; margin-top:20px;}
#login_box .login_orderlist {margin-top:50px; padding-top:40px; border-top:1px dashed #ccc;}

/***** 횄�횂짭횄짖창�슿�궰▣꺜▣™�슿�끒씹꺠뮼궰�꺿�싀궰씳꺿�싀궰늘꺠뮼궰ッ꺜▣™�슿�궰씳꺜▣™�슿�궰� / 횄�횂짬횄�싀궰뮨꺜▣™�슿�끒씹꺠뮼궰ッ꺿�싀궰꼴꺿�뮨™궗혻횄�횂짭횄�싀궰걘꺿�싀궰씹꺠뮼궰っ꺿�싀궰맡꺿�싀궰� *****/
#id_box p.mem_txt {padding-bottom:20px; color:#888;}
#id_box h2 {color:#333; font-size:20px; padding-bottom:10px; font-weight:500;}
#id_box > div {margin:0 auto; width:470px;}
#id_box dl {position:relative;}
#id_box dt {position:absolute; top:0; right:0; width:158px;}
#id_box .btn_i {display:inline-block; width:158px; height:87px; line-height:87px;}
#id_box .btn_p {display:inline-block; width:158px; height:136px; line-height:87px;}

#id_box dd {width:295px; margin-bottom:11px;}
#id_box dd .input_idpw {width:270px;}
#id_box .idpw_check {padding-top:10px; letter-spacing:-0.3pt;}
#id_box strong{ font-weight:600; color:#333; display:inline-block; padding-right:25px; }
#id_box .id_search .btn_b {width:158px; height:87px; line-height:87px; font-size:16px; cursor:pointer;}
#id_box .pw_search .btn_b {width:158px; height:136px; line-height:136px; font-size:16px; cursor:pointer;}

/* 190405 횄�횂짭횄�싀궰뗐꺜▣™�슿�궰씳꺠뮼궰っ꺿�싀궰걘꺜▣™궗큄횂짭 */
.id_search_new{position:relative; width:580px; margin:0 auto; border:1px solid #ddd; box-sizing:border-box; overflow:hidden;}
.id_search_new .id_tab{position:relative; overflow:hidden;}
.id_search_new .id_tab li {float:left; width:50%; text-align:center;}
.id_search_new .id_tab li a{display:block; font-size:20px; padding:20px 0; letter-spacing:-0.5pt; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background:#f9f9f9; color:#888}
.id_search_new .id_tab li a.tab_up{border-bottom:1px solid #fff; color:#333; background:#fff}
.id_search_new .id_tab li:first-child a{border-left:0}

.id_search_new_in{position:relative;padding:50px 0;}
.id_search_new .idpw_select{position:relative; width:470px; margin:0 auto; padding-bottom:20px;}
.id_search_new .login_input{position:relative; width:470px; margin:0 auto}
.id_search_new .login_input dt {position:absolute;/* top:0; *//* right:0; */width: 100%;}
.id_search_new .login_input .btn_b {display:inline-block;width: 100%;height: 51px;cursor:pointer;}
.id_search_new .login_input .btn_b2 {display:inline-block; width:158px; height:46px; cursor:pointer;}
.id_search_new .login_input dd {width: 100%;margin-bottom:8px;}
.id_search_new .login_input dd .input_login {width: 100%;}
.id_search_new .login_input dd .input_hp{width:81px; height:46px;}
.id_search_new .login_input dd .input_hp4{width: 107px;height:46px;}
.id_search_new .login_input dd .input_hp2{width: calc(48.9% - 105px);}
.id_search_new .login_input dd .input_hp3{width: calc(48.9% - 63px);}
.id_search_new .login_input dd span{display:inline-block; text-align:center; width:12px}
.id_search_new .login_input input.btn_b {font-size:16px;}
.id_search_new .login_input input.btn_b2 {font-size:16px;}

.id_search_new .login_input2{position:relative; width:470px; margin:0 auto}
.id_search_new .login_input2 dt {}
.id_search_new .login_input2 .btn_b {display:inline-block; width:158px; height:87px; line-height:87px; cursor:pointer;}
.id_search_new .login_input2 dd {position:relative; width:470px; margin-bottom:8px; }
.id_search_new .login_input2 dd .input_login {width:100%; box-sizing:border-box}
.id_search_new .login_input2 dd .input_login2 {width:355px; box-sizing:border-box}
.id_search_new .login_input2 dd .input_hp{width:102px;}
.id_search_new .login_input2 dd .input_hp2{width:112px;}
.id_search_new .login_input2 dd span{display:inline-block; text-align:center; width:13px}
.id_search_new .login_input2 dd .btn_w{position:absolute; right:0; top:0; line-height:44px; padding:0 15px; width:106px; font-size:13px;}
.id_search_new .login_input2 input.btn_b {width:100%; font-size:16px; line-height:55px; height:55px; box-sizing:border-box}

.id_search_new_result{position:relative; padding:50px 0; text-align:center;}
.id_search_new_result h4{font-size:20px;color:#222;letter-spacing:-0.5pt;font-weight:normal;line-height:130%;word-break:keep-all;margin-bottom: 30px;}
.id_search_new_result p.id_txt{font-size:20px; color:#222; font-weight:bold; color:#dc1616; line-height:100%; padding:15px 0 25px 0;}
.id_search_new_result p.id_txt span.date{font-size:13px; font-weight:normal; color:#888; line-height:100%}
.id_search_new_result dl.send_txt{text-align:left; width:400px; margin:0 auto 30px auto;}
.id_search_new_result dl.send_txt dd{position:relative; line-height:38px; font-size:15px; color:#222}
.id_search_new_result dl.send_txt dd span.tit{display:inline-block; line-height:38px; width:80px; color:#888}
.id_search_new_result dl.send_txt dd .btn_w{position:absolute; right:0; top:2px; line-height:34px; padding:0 15px;}
.id_search_new_result .btn .btn_wb {width:201px; height:55px; line-height:52px; cursor:pointer;}
.id_search_new_result .btn .btn_b {width:201px; height:55px; line-height:52px; cursor:pointer;}


/***** SNS 횄�횂짧횄�싀궰걘꺜▣™궗큄횂짭횄�횂짭횄�┚궰씹꺜▣™�슿�궰� *****/
#joinType{position:relative; overflow:hidden; border:1px solid #ddd; padding:20px 0;}
#joinType dl{float:left; width:50%; box-sizing:border-box; text-align:center; padding:25px 0 30px 0}
#joinType dl.type2{border-left:1px dashed #ddd}
#joinType dl dd a{display:block; width:203px; line-height:55px; margin:0 auto; font-size:14px; letter-spacing:-0.5pt; color:#fff; font-weight:600}
#joinType dl.type1 dd a{background-color:#3e3d3c}
#joinType dl.type1 dd a:hover{background-color:#000}
#joinType dl.type2 dd a{text-align:left; padding:0 0 0 50px; box-sizing:border-box; margin-bottom:2px}
#joinType dl.type2 dd .face{background:#3e559a url('/images/user/join_facebook.gif') 22px 19px no-repeat;}
#joinType dl.type2 dd .face:hover{background:#334b92 url('/images/user/join_facebook.gif') 22px 19px no-repeat;}
#joinType dl.type2 dd .twitter{background:#34aee1 url('/images/user/join_twitter.gif') 22px 19px no-repeat;}
#joinType dl.type2 dd .twitter:hover{background:#1ba2da url('/images/user/join_twitter.gif') 22px 19px no-repeat;}
#joinType dl.type2 dd .kakao{background:#f8e910 url('/images/user/join_kakao.gif') 22px 19px no-repeat; color:#493433}
#joinType dl.type2 dd .kakao:hover{background:#e5d600 url('/images/user/join_kakao.gif') 22px 19px no-repeat; color:#493433}
#joinType dl.type2 dd .naver{background:#2db400 url('/images/user/join_naver.gif') 22px 19px no-repeat;}
#joinType dl.type2 dd .naver:hover{background:#28a000 url('/images/user/join_naver.gif') 22px 19px no-repeat;}
#joinType dl.type2 dd .google{background:#fff url('/images/user/join_google.gif') 22px 19px no-repeat; color:#666; border:1px solid #ddd}
#joinType dl.type2 dd .google:hover{background:#f9f9f9 url('/images/user/join_google.gif') 22px 19px no-repeat;}
#joinType dt{font-size:24px; color:#333; letter-spacing:-0.5pt; font-weight:600}
#joinType dt p{font-size:14px; color:#888; letter-spacing:-0.5pt; font-weight:100; padding-bottom:25px}


/***** 횄�횂짯횄�┚궰≥꺿�┚™궗�▣꺠뮼궰�꺜▣™�슿�궰봤꺿�싀궰먄꺠뮼궰っ꺿�싀궰걘꺜▣™궗큄횂짭횄�횂짭횄�┚궰씹꺜▣™�슿�궰� 횄�횂짬횄�싀궰뤓꺜▣™궗탑횂짖횄�횂짭횄�싀궰씳꺿�뮨끸�� *****/
#joinAgree {}
#joinAgree label{color:#333;}
#joinAgree label span {color:#333;}
#joinAgree form > div {margin-bottom:30px;}
#joinAgree .agreeAll {margin-bottom:20px;}
#joinAgree .agreeAll span {font-size:16px; font-weight:600;}
#joinAgree textarea {border:1px solid #ddd; width:100%; box-sizing:Border-box; padding:15px; letter-spacing:-0.3pt; margin:10px 0; height:150px; overflow:hidden;}
#joinAgree .agreePrivacy {}
#joinAgree .btn {text-align:center; }
#joinAgree .btn input[type=button] {max-width:201px; height:64px; cursor:pointer; width:46%; box-sizing:border-box; }

#joinAgree .nameCheck {border:1px solid #ddd; padding:20px 0; margin-bottom:30px;}
#joinAgree .nameCheck h2 {font-size:16px; font-weight:600; padding:0 0 13px 13px; border-bottom:1px dashed #ccc; margin-bottom:30px; color:#333; }
#joinAgree .nameCheck dl {margin:20px auto; width:50%;}
#joinAgree .nameCheck dt, 
#joinAgree .nameCheck dd {margin-bottom:5px;}
#joinAgree .nameCheck span {display:inline-block; width:85px; font-weight:600; color:#333;}
#joinAgree .nameCheck input[type=text] {padding:0 8px;}


/***** 횄�횂짯횄�┚궰≥꺿�┚™궗�▣꺠뮼궰�꺜▣™�슿�궰봤꺿�싀궰먄꺠뮼궰っ꺿�싀궰걘꺜▣™궗큄횂짭횄�횂짭횄�┚궰씹꺜▣™�슿�궰� input *****/
.mem_level {position:relative; overflow:hidden; margin-bottom:30px; background:#f5f5f5; padding:25px 20px;}
.mem_level ul {overflow:hidden; float:right;}
.mem_level li {float:left; padding:0 20px 0 15px; background:url(/images/user/mem_arrow.png)no-repeat right center/6px auto; text-align:center; font-size:1rem;}
.mem_level li:last-child {background:none !important; padding-right:0;}
.mem_level li span {font-size:13px; font-weight:600; color:#777; font-family:var(--engFont);}
.mem_level li.hover {color:#000; background:url(/images/user/mem_arrow_up.png)no-repeat right center/6px auto; text-align:center; font-weight:600;}
.mem_level li.hover span {font-weight:600; color:#065bba; font-family:var(--engFont);}



#join_input{}
#join_input .join_input_tit{display:flex; align-items: center; justify-content: space-between; margin:0 0 15px;}
#join_input .join_input_tit h4{margin:0;}
#join_input .join_input_tit span{font-size:14px; line-height:140%; word-break:keep-all; color:#888; letter-spacing:0.35pt;}


#join_input .join_table {border-collapse:collapse; width:100%; border-spacing:0px; text-align:left;}
#join_input .join_table.first{border-top:2px solid #065bba;}
#join_input .join_table th{background:#f5f5f5; border-bottom:1px solid #ddd; font-size:1rem; box-sizing:border-box; letter-spacing:-0.35pt; color:#333; font-weight:500; padding:20px; width:230px;}
#join_input .join_table th span{display:inline-block; font-weight:700; color:#065bba;}
#join_input .join_table td{width:calc(100% - 230px); box-sizing:border-box; font-size:1rem; font-weight:400; letter-spacing:-0.35pt; color:#666; border-bottom:1px solid #ddd; padding:20px 15px;}
#join_input .join_table td .mem_type{font-size:1rem; line-height: 130%; letter-spacing:-0.35pt; color:#000; font-weight:500;}
#join_input .join_table td .mem_type strong{display:inline-block; line-height: 130%; font-family:var(--engFont); color:#000; letter-spacing:0; font-weight:500;}

#join_input .join_table .form_sub{font-size:14px; font-weight:400; color:#888; padding:8px 0 0; line-height:150%; word-break:keep-all;}
#join_input .join_table .form_sub a{font-size:14px; color:#333; display:inline-block; margin-left:5px;}
#join_input .join_table .id_wrap,
#join_input .join_table .email_wrap,
#join_input .join_table .num_wrap,
#join_input .join_table .address_wrap{font-size:0;}
#join_input .join_table .input_txt{font-size:1rem; color:#666; display:inline-block; width:20px; vertical-align:middle; text-align:center;}
#join_input .join_table .sub_txt{    display: block;
    font-size: 0.941rem;
    letter-spacing: -0.35pt;
    line-height: 150%;
    word-break: keep-all;
    color: #777777;
    padding: 7px 0 0;}
#join_input .join_table .sub_txt a{display: inline-block;
    transition: all .3s linear;
    width: 72px;
    height: 27px;
    line-height: 25px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    background: #f5f5f5;
    box-sizing: border-box;
    font-size: 13px;
    color: #999;
    font-weight: 500;
    letter-spacing: -0.5pt;
    margin-left: 5px;
}
#join_input .join_table .sub_txt a:hover{background:#222; border-color:#222; color:#fff;}
 
#join_input .join_table select{height:50px; line-height:48px; font-size:1rem; padding:0 10px; box-sizing:border-box; width:120px; margin-left: 5px;}
#join_input .join_table input[type=text],
#join_input .join_table input[type=password] {display:inline-block; border:1px solid #ddd; color:#666; font-size:1rem; padding:0 12px; height:50px; line-height:48px; vertical-align:middle; box-sizing:border-box; width:50%;}
#join_input .join_table input[type=button]{border:1px solid #ddd; color:#666; background:#fff; margin-left:5px; cursor:pointer; font-size:14px; height:50px; line-height:48px; width:100px;  transition:all .3s linear; box-sizing:border-box; padding:0;}
#join_input .join_table input[type=button]:hover{border-color:#333; background-color:#333; color:#fff;}

#join_input .join_table .num_wrap input{display:inline-block; width:calc((80% - 40px)/4);}
#join_input .join_table .num_wrap select{display:inline-block; width:calc((80% - 40px)/4); margin:0;}
#join_input .join_table .email_wrap input{display:inline-block; width:calc((80% - 145px)/2);}
#join_input .join_table .address_wrap input{display:inline-block;}
#join_input .join_table .address_wrap .add_num{width:calc(80% - 105px);}
#join_input .join_table .address_wrap .address,
#join_input .join_table .address_wrap .address_en{width:80%; margin:5px 0 0;}


#join_input .join_table .birthday_wrap{display:flex; align-items:center; width:80%;}
#join_input .join_table .birthday_wrap select{margin:0; width:calc((100% - 60px)/3);}
#join_input .join_table .gender_wrap{}
#join_input .join_table .gender_wrap input[type="radio"]{margin:-2px 5px 0 10px;}
#join_input .join_table .gender_wrap input[type="radio"]:first-child{margin-left:0;}


#join_input .join_table .form_sub{display:flex; align-items:center; flex-wrap:wrap; padding:10px 0 0;}
#join_input .join_table .form_sub strong{display:inline-block; font-size:14px; color:#333; font-weight:400; margin:0 10px 0 0;}
#join_input .join_table .form_sub label{font-size:14px; line-height:120%; letter-spacing:-0.35pt; color:#666; margin:0 12px 0 0;}

#join_input .join_table .norobot_img{display:inline-block; vertical-align:middle; padding:7px 0; background-color:#242b38; overflow:hidden; }
#join_input .join_table .vcode{width:calc(80% - 85px) !important; margin-left: 5px;}


#join_input .btn {text-align:center; padding-top:30px; position:relative;}
#join_input .btn .btn_wb {max-width:200px; height:64px; line-height:62px; cursor:pointer; width:48%;}
#join_input .btn .btn_b {max-width:200px; height:64px; line-height:64px; cursor:pointer; width:48%;}

#join_input .leaveBtn{display:inline-block; font-size:1rem; color:#000; letter-spacing:-0.5pt; line-height:120%; border-bottom:1px solid #000; position:absolute; right:0; bottom:25px;}
#join_input .leaveBtn:hover{color:#000; border-color:#000;}


#pop_search {box-sizing:border-box; font-size:13px; color:#666;}
#pop_search h2 {position:relative; width:100%; background:#5b5e63; height:53px; line-height:53px; font-size:20px; text-indent:15px; color:#fff; font-weight:500; margin:0; }
#pop_search h2 a.pop_close {position:absolute; right:0px; top:0px; z-index:2; background:url(/images/user/pop_close.gif); width:58px; height:53px; text-indent:-22222px;}
#pop_search p {text-align:center; padding:30px 20px 20px; box-sizing:border-box; font-size:13px; word-break:keep-all;}
#pop_search p u {color:#333; font-weight:600;}
#pop_search .id_search {width:calc(100% - 40px); margin:0 auto; background:#f6f6f6; padding:20px; box-sizing:border-box;}
#pop_search .id_search fieldset {width:100%; margin:0 auto; padding:0; border:0; display:flex;}
#pop_search .id_search input {vertical-align:middle;}
#pop_search .id_search input[type=text] {border:1px solid #d0d0d0; color:#666; font-size:13px; height:36px; line-height:36px; vertical-align:middle; width:calc(100% - 95px); padding:0 5px;}
#pop_search .id_search .btn_blue {width:90px; height:36px; margin-left: 5px; padding:0; cursor:pointer;  font-size:13px;}
#pop_search .id_search .btn_red {width:50px; height:36px; cursor:pointer;  font-size:13px;}
#pop_search .id_result {text-align:center; padding:20px 0;}
#pop_search .id_result span {display:block; padding-bottom:10px;}
#pop_search .id_result a:link, 
#pop_search .id_result a:visited {width:150px; color:#333; height:33px; line-height:33px; text-decoration:none;}

#pop_search .t_style .btn_blue {width:91px; height:36px; cursor:pointer;  font-size:13px;}
#pop_search .t_style .btn_red {width:50px; height:36px; cursor:pointer;  font-size:13px;}

/***** 횄�횂짯횄�┚궰≥꺿�┚™궗�▣꺠뮼궰�꺜▣™�슿�궰봤꺿�싀궰먄꺠뮼궰っ꺿�싀궰걘꺜▣™궗큄횂짭횄�횂짭횄�┚궰씹꺜▣™�슿�궰� 횄�횂짭횄짖창��씹궰▣꺜▣™�슿�끒씹꺠뮼궰ッ꺿�싀궰Ｃ꺿�┚™궗�� *****/
#joinOk {text-align:center; padding:60px 0; border:1px solid #ddd;}
#joinOk h2 {font-size:25px; line-height:140%; letter-spacing:-0.75pt; word-break:keep-all; padding-bottom:10px; font-weight:500; color:#333;}
#joinOk p {font-size:13px; line-height:160%;  word-break:keep-all; margin:0 auto 30px auto; width:70%; border-bottom:1px dashed #ccc; padding-bottom:25px;}

#joinOk .btn_b {width:201px; height:55px; line-height:52px; margin:0 auto; cursor:pointer;}

/****** 횄�횂짯횄�┚궰≥꺿�┚™궗�▣꺠뮼궰�꺜▣™�슿�궰봤꺿�싀궰먄꺠뮼궰�꺿�졗™궗�▣꺿�뮨™궗혻횄�횂짯횄짖창�슿�궰≥꺿�싀궰� ******/
#joinOut {}
#joinOut .join_table {border-collapse:collapse; width:100%; border-spacing:0px; border-top:2px solid #065bba;}
#joinOut .join_table th {color:#333; text-align:left; padding:20px; border-bottom:1px solid #ddd; background:#f5f5f5; width:230px; font-size:1rem; font-weight:500; box-sizing:border-box;}
#joinOut .join_table th span{display:inline-block; font-weight:700; color:#065bba;}
#joinOut .join_table td {padding:20px 15px; border-bottom:1px solid #d9d9d9; width:calc(100% - 230px); font-size:1rem; box-sizing:border-box;} 
#joinOut .join_table input[type=text] {border:1px solid #d0d0d0; color:#666; font-size:1rem; height:50px; line-height:48px; vertical-align:middle; padding:0 12px; width:100%; box-sizing:border-box;}
#joinOut .join_table textarea {height:150px; width:100%; box-sizing:border-box; padding:12px; font-size:1rem; box-sizing:border-box; } 


#joinOut .btn {text-align:center; padding-top:30px;}
#joinOut .btn .btn_wb {width:201px; height:64px; line-height:62px; cursor:pointer;}
#joinOut .btn .btn_b {width:201px; height:64px; line-height:62px; cursor:pointer;}



/** 횄�횂짯횄�┚궰≥꺿�┚™궗�▣꺠뮼궰�꺜▣™�슿�궰봤꺿�싀궰먄꺠뮼궰っ꺿�싀궰돤꺿�싀궰�꺠뮼궰ッ꺿�싀궰뗐꺜▣™�슿�끒� **/
.mem_division{border:1px solid #ddd; border-right:none;  overflow:hidden; clear:both; }
	.mem_division .mem_division_in{float:left; width:50%; box-sizing:border-box; border-right:1px solid #ddd;  text-align:center; padding:65px 0; min-height:406px}
	.mem_division_in h5{font-size:22px; font-weight:600; color:#333; letter-spacing:-1pt;}
	.mem_division_in p{font-size:15px; letter-spacing:-0.75pt; color:#858585;padding:3px 0 020px }
	.mem_division_in a{display:block; width:280px; height:62px; line-height:62px; color:#fff; font-size:14px; letter-spacing:-0.7pt; margin:0 auto; background:#494949; }
		.mem_division_in a.btnFace{background:url('/images/user/mem_btnFace.gif') no-repeat 62px 21px, #395f9f; text-align:left; text-indent:91px}
		.mem_division_in a.btnKakao{background:url('/images/user/mem_btnKakao.gif') no-repeat 57px 21px, #fddc00; text-align:left; text-indent:91px; color:#61522b; }
		.mem_division_in a.btnNaver{background:url('/images/user/mem_btnNaver.gif') no-repeat 60px 24px, #00c300; text-align:left; text-indent:91px}
	.mem_division_in li{margin:0 0 2px 0; }



/****** 횄�횂짯횄�┚™궗흹횄�싀궰늘꺠뮼궰ッ꺿�싀궰㈒꺿�싀궰늘꺠뮼궰っ꺿�싀궰냉꺜▣™�슿�끒씹꺠뮼궰�꺿�싀궰졗꺜▣™�슿�궰� 횄�횂짧횄�싀궰늘꺜▣™궗큄횂짭횄�횂짬횄�싀궰졗꺿�싀궰� ******/
#dormant_pop {padding:50px 40px; box-sizing:border-box;}
#dormant_pop h1 {color:#333; font-size:25px; letter-spacing:-0.5pt; margin-bottom:20px; font-weight:400;}
#dormant_pop h1 strong {font-weight:700; letter-spacing:-0.5pt;}

#dormant_pop .dormant_info {padding:20px; box-sizing:border-box; background:#f6f6f6;}
#dormant_pop .dormant_info ul {overflow:hidden;}
#dormant_pop .dormant_info li {position:relative; float:left; width:50%; padding:2px 0;}
#dormant_pop .dormant_info li span {display:inline-block; width:85px; color:#999;}
#dormant_pop .dormant_info li p {display:inline-block; width:100%; max-width:calc(100% - 85px); font-weight:600; color:#444;}
#dormant_pop .dormant_info li p.change {color:#ce085c; font-weight:600;}
#dormant_pop .message {margin:30px 0; padding-bottom:30px; border-bottom:1px solid #ddd; background:url('/images/user/icon_bg.png') right top no-repeat;}
#dormant_pop .message strong {color:#333; font-weight:600;}
#dormant_pop .vetificate {margin:30px 0; padding-bottom:30px; border-bottom:1px solid #ddd;}
#dormant_pop .vetificate p {font-size:16px; line-height:18px; letter-spacing:-0.5pt; margin-bottom:15px; color:#333; font-weight:600;}
#dormant_pop .vetificate ul {overflow:hidden;}
#dormant_pop .vetificate li {float:left; width:49.5%; border:1px solid #ddd; margin-right:1%; padding:130px 0 30px 0; box-sizing:border-box;  text-align:center;}
#dormant_pop .vetificate li:last-child {margin-right:0;}
#dormant_pop .vetificate li:first-child {background:url('/images/user/icon_mail.png') center 30px no-repeat;}
#dormant_pop .vetificate li input[type=radio] {width:17px; height:17px; vertical-align:middle;}
#dormant_pop .vetificate li label {color:#444; font-weight:600;}
#dormant_pop .vetificate li label span {font-weight:normal;}
#dormant_pop .btn {margin-top:30px; text-align:center;}
#dormant_pop .btn a {width:201px; height:55px; line-height:52px; cursor:pointer; text-decoration:none;}
#dormant_pop .btn a.btn_b {color:#fff; }
#dormant_pop .vetificate2 {margin:30px 0; padding-bottom:30px; border-bottom:1px solid #ddd;}
#dormant_pop .vetificate2 p {font-size:16px; line-height:18px; letter-spacing:-0.5pt; margin-bottom:15px; color:#333; font-weight:600;}
#dormant_pop .vetificate2 ul {overflow:hidden;}
#dormant_pop .vetificate2 li {float:left; width:49.5%; border:1px solid #ddd; margin-right:1%; padding:130px 0 30px 0; box-sizing:border-box;  text-align:center;}
#dormant_pop .vetificate2 li:last-child {margin-right:0;}
#dormant_pop .vetificate2 li:first-child {background:url('/images/user/icon_mail.png') center 30px no-repeat;}
#dormant_pop .vetificate2 li:last-child {background:url('/images/user/icon_phone.png') center 30px no-repeat;}
#dormant_pop .vetificate2 li input[type=radio] {width:17px; height:17px; vertical-align:middle;}
#dormant_pop .vetificate2 li label {color:#444; font-weight:600;}
#dormant_pop .vetificate2 li label span {font-weight:normal;}




 

/*******************************************************************************
	@media ~1280px
*******************************************************************************/
@media all and (max-width:1280px){



}





/*******************************************************************************
	@media ~980px			
*******************************************************************************/
@media all and (max-width:980px){


/***** 횄�횂짯횄�┚궰≥꺿�┚™궗�▣꺠뮼궰�꺜▣™�슿�궰봤꺿�싀궰먄꺠뮼궰っ꺿�싀궰걘꺜▣™궗큄횂짭횄�횂짭횄�┚궰씹꺜▣™�슿�궰� input *****/
#join_input{}
#join_input .join_input_tit{margin:0 0 12px;}
#join_input .join_input_tit span{font-size:13px;}

#join_input .join_table {}
#join_input .join_table th{padding:15px; width:180px;}
#join_input .join_table td{width:calc(100% - 180px); padding:15px 10px;}
#join_input .join_table .form_sub{font-size:13px;}
#join_input .join_table .form_sub a{font-size:13px;}
 
#join_input .join_table select{font-size:13px;}
#join_input .join_table input[type=button]{font-size:13px;}


#join_input .join_table .form_sub strong{font-size:13px;}
#join_input .join_table .form_sub label{font-size:13px;}


/****** 횄�횂짯횄�┚궰≥꺿�┚™궗�▣꺠뮼궰�꺜▣™�슿�궰봤꺿�싀궰먄꺠뮼궰�꺿�졗™궗�▣꺿�뮨™궗혻횄�횂짯횄짖창�슿�궰≥꺿�싀궰� ******/
#joinOut {}
#joinOut .join_table {}
#joinOut .join_table th {padding:15px; width:180px;}
#joinOut .join_table td {padding:15px 10px; width:calc(100% - 180px);} 



}


/*******************************************************************************
	@media 481~680px			body,html{font-size:14px; }     3%
*******************************************************************************/
@media all and (max-width:680px){


input.input_file{height:40px; line-height:38px; width:100%;}


/***** 횄�횂짬횄�싀궰≥꺿�┚™궗흹횄�횂짧횄�싀궰련꺿�싀궰맡꺠뮼궰�꺿�싀궰씳꺿�싀궰� ****/
#login_box {width:100%; padding:0; border:none;}
#login_box h2 {display:none; }
#login_box > div { width:100%;}
#login_box dt { width:30%;}
#login_box .btn_b { width:100%; }
#login_box dd {width:68%;}
#login_box dd .input_login {width:100%;}
#login_box .member_btn a:last-child {width:60%; }
#login_box .member_btn .btn_g:link, 
#login_box .member_btn .btn_g:visited {width:calc(40% - 15px);}
#login_box .login_input input.btn_b{font-size:15px;}



/***** 횄�횂짭횄짖창�슿�궰▣꺜▣™�슿�끒씹꺠뮼궰�꺿�싀궰씳꺿�싀궰늘꺠뮼궰ッ꺜▣™�슿�궰씳꺜▣™�슿�궰� / 횄�횂짬횄�싀궰뮨꺜▣™�슿�끒씹꺠뮼궰ッ꺿�싀궰꼴꺿�뮨™궗혻횄�횂짭횄�싀궰걘꺿�싀궰씹꺠뮼궰っ꺿�싀궰맡꺿�싀궰� *****/
.id_search_new{width:100%; }
.id_search_new .id_tab{position:relative; overflow:hidden;}
.id_search_new .id_tab li a{font-size:15px; padding:12px 0;}

.id_search_new_in{padding:30px 6%; }
.id_search_new .idpw_select{width:100%;}
.id_search_new .login_input{width:100%; }
.id_search_new .login_input dt {width:100%; position:relative; }
.id_search_new .login_input .btn_b { width:100%; height:52px; line-height:52px;}
.id_search_new .login_input dd {width:100%; margin-bottom:8px;}

.id_search_new .login_input dd .input_hp{width:81px;}
.id_search_new .login_input dd .input_hp2{width: calc(52% - 105px);}
.id_search_new .login_input input.btn_b {font-size:14px;}

.id_search_new .login_input2{ width:100%; }
.id_search_new .login_input2 dt {}
.id_search_new .login_input2 .btn_b {width:100%; }
.id_search_new .login_input2 dd {position:relative; width:100%; margin-bottom:5px; }
.id_search_new .login_input2 dd .input_login {width:100%; box-sizing:border-box}
.id_search_new .login_input2 dd .input_login2 {width:calc(100% - 110px); box-sizing:border-box}
.id_search_new .login_input2 dd .input_hp{width:102px;}
.id_search_new .login_input2 dd .input_hp2{width:112px;}
.id_search_new .login_input2 dd span{display:inline-block; text-align:center; width:13px}
.id_search_new .login_input2 input.btn_b {width:100%; font-size:16px; line-height:55px; height:55px; box-sizing:border-box}

.id_search_new_result{ padding:30px 6%; }
.id_search_new_result h4{font-size:18px; }
.id_search_new_result p.id_txt{font-size:18px;}
.id_search_new_result p.id_txt span.date{font-size:12px; }
.id_search_new_result dl.send_txt{width:100%; }
.id_search_new_result dl.send_txt dd{ font-size:13px; text-align:center; }
.id_search_new_result dl.send_txt dd .btn_w{width:auto; position:relative;}
.id_search_new_result .btn .btn_wb {width:48%; height:44px; line-height:42px; }
.id_search_new_result .btn .btn_b {width:48%; height:44px; line-height:42px; }


/***** 횄�횂짯횄�┚궰≥꺿�┚™궗�▣꺠뮼궰�꺜▣™�슿�궰봤꺿�싀궰먄꺠뮼궰っ꺿�싀궰걘꺜▣™궗큄횂짭횄�횂짭횄�┚궰씹꺜▣™�슿�궰� 횄�횂짬횄�싀궰뤓꺜▣™궗탑횂짖횄�횂짭횄�싀궰씳꺿�뮨끸�� *****/
#joinAgree {}
#joinAgree .agreeAll span {font-size:14px; font-weight:600;}
#joinAgree textarea {height:120px; }
#joinAgree .agreePrivacy {}
#joinAgree .btn {text-align:center; }
#joinAgree .btn input[type=button] {height:48px;}


/***** 횄�횂짯횄�┚궰≥꺿�┚™궗�▣꺠뮼궰�꺜▣™�슿�궰봤꺿�싀궰먄꺠뮼궰っ꺿�싀궰걘꺜▣™궗큄횂짭횄�횂짭횄�┚궰씹꺜▣™�슿�궰� input *****/
.mem_level {padding:18px 3%;}
.mem_level ul {overflow:hidden; float:right;}
.mem_level li {padding:0 10px 0 7px; font-size:13px; background-size:4px auto;}
.mem_level li span{font-size:12px;}
.mem_level li.hover {background-size:4px auto;}


#join_input{}
#join_input .join_input_tit{display:block;}
#join_input .join_input_tit span{display:block; padding:8px 0 0;}

#join_input .join_table {display:block;}
#join_input .join_table tbody,
#join_input .join_table tfoot,
#join_input .join_table thead,
#join_input .join_table tr{display:block;}
#join_input .join_table th{padding:10px 10px 5px; background:#fff; width:100%; display:block; border-bottom:0;}
#join_input .join_table td{width:100%; padding:5px 10px 10px; display:block;}
#join_input .join_table .form_sub{font-size:12px; padding:6px 0 0;}
#join_input .join_table .form_sub a{font-size:12px;}
 
#join_input .join_table select{height:40px; line-height:38px; font-size:12px; padding:0 5px; width:100px;}
#join_input .join_table input[type=text],
#join_input .join_table input[type=password] {padding:0 8px; height:40px; line-height:38px; width:100%;}
#join_input .join_table input[type=button]{font-size:12px; height:40px; line-height:38px; width:90px;}


#join_input .join_table .id_wrap .input_id{width:calc(100% - 95px);}
#join_input .join_table .num_wrap input{width:calc((100% - 40px)/3);}
#join_input .join_table .num_wrap select{width:calc((100% - 40px)/3);}
#join_input .join_table .email_wrap input{width:calc((100% - 125px)/2);}
#join_input .join_table .address_wrap .add_num{width:calc(100% - 95px);}
#join_input .join_table .address_wrap .address,
#join_input .join_table .address_wrap .address_en,
#join_input .join_table .birthday_wrap{width:100%;}

#join_input .join_table .form_sub{padding:10px 0 0;}
#join_input .join_table .form_sub strong{font-size:12px; margin:0 8px 0 0;}
#join_input .join_table .form_sub label{font-size:12px; margin:0 10px 0 0;}

#join_input .join_table .norobot_img{padding:3px 0;}
#join_input .join_table .vcode{width:calc(100% - 85px) !important;}



.id_search_new_result .btn .btn_wb {width:48%; height:44px; line-height:42px; }
.id_search_new_result .btn .btn_b {width:48%; height:44px; line-height:42px; }

#join_input .btn .btn_wb, #join_input .btn .btn_b {height:44px; line-height:42px;}


#join_input .leaveBtn{position:relative; right:auto; bottom:auto; display: block; border-bottom: 0; text-decoration:underline; margin:20px auto 0;}



/***** 횄�횂짯횄�┚궰≥꺿�┚™궗�▣꺠뮼궰�꺜▣™�슿�궰봤꺿�싀궰먄꺠뮼궰っ꺿�싀궰걘꺜▣™궗큄횂짭횄�횂짭횄�┚궰씹꺜▣™�슿�궰� 횄�횂짭횄짖창��씹궰▣꺜▣™�슿�끒씹꺠뮼궰ッ꺿�싀궰Ｃ꺿�┚™궗�� *****/
#joinOk {text-align:center; padding: 0; border:none}
#joinOk h2 {font-size:18px; padding:0 0 8px; line-height:150%; word-break:keep-all;}
#joinOk p {word-break:keep-all; width:100%; border-bottom:none; padding:0;}

#joinOk .btn_b {width:100%; height:44px; line-height:42px; }


/****** 횄�횂짯횄�┚궰≥꺿�┚™궗�▣꺠뮼궰�꺜▣™�슿�궰봤꺿�싀궰먄꺠뮼궰�꺿�졗™궗�▣꺿�뮨™궗혻횄�횂짯횄짖창�슿�궰≥꺿�싀궰� ******/
#joinOut {}
#joinOut .join_table tbody,
#joinOut .join_table tfoot,
#joinOut .join_table thead,
#joinOut .join_table tr,
#joinOut .join_table th,
#joinOut .join_table td{display:block;}
#joinOut .join_table th {padding:10px 10px 5px; background:#fff; border-bottom:0; width:100%;}
#joinOut .join_table td {padding:5px 10px 10px; width:100%;} 
#joinOut .join_table input[type=text] {height:40px; line-height:38px; padding:0 10px;}
#joinOut .join_table textarea {height:100px; padding:10px;} 


#joinOut .btn .btn_wb {width:48%; height:44px; line-height:42px; cursor:pointer;}
#joinOut .btn .btn_b {width:48%; height:44px; line-height:42px; cursor:pointer;}

}




/*******************************************************************************
	@media ~480px				body,html{font-size:13px; }
*******************************************************************************/
@media all and (max-width:480px){






}



/*******************************************************************************
	@media ~360px
*******************************************************************************/
@media all and (max-width:320px){






}


.pddBox {padding:0 40px 100px 40px;}
.mx_wrap {position:relative;max-width:1240px;margin:0 auto;}
.img img {display:block;width:100%;}

@media screen and (max-width:768px){
    .pddBox {padding:0 30px;}
}

/*---------------------------------------------------------------------------------------------------------------------------
 *  Form Element
 *--------------------------------------------------------------------------------------------------------------------------*/

/* Checkbox */
.check_form1 {display:none;}

.check_form1 + label {position:relative;font-size:15px;color:#555;padding-left:30px;}
.check_form1.checkAll.hide + label {display: inline-block;text-indent: -9999px;}
.check_form1 + label:before {content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;background-color:#e8e8e8;}
.check_form1:checked + label {color:#003b98;}
.check_form1:checked + label:before {background:url("/images/user/icon_check.png") no-repeat center;background-color:#08419b;}

/* Radio */
.join_radio {display:none !important;}
.join_radio + label {position:relative;font-size:15px;color:#555;padding-left:30px;margin-right:20px;}
.join_radio + label:before {content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);display:block;width:20px;height:20px;border-radius:50%;background-color:#e8e8e8;}
.join_radio:checked + label {color:#003b98;}
.join_radio:checked + label:before {background:url("/images/user/radio_on.png") no-repeat center;}


/* Table : row ddd */
.tb_row_ddd th,
.tb_row_ddd td {border:1px solid #ddd;border-left:none;border-right:none;}
.tb_row_ddd th {text-align:left;padding:30px 20px;}
.tb_row_ddd th.v_top {vertical-align:top;}
.tb_row_ddd td {padding:10px 30px;}
.tb_row_ddd th span {font-size:16px;color:#333;background-position:0 5px;font-weight:400;}
.tb_row_ddd td * {display:inline-block;vertical-align:middle;}


/* Table : col */
.tb_col {border-top:3px solid #003b98;}
.tb_col th,
.tb_col td {border-bottom:1px solid #ddd;padding:25px 10px;}
.tb_col th {font-size:18px;color:#003b98;font-weight:500;}
.tb_col thead.center th {text-align: center;}
.tb_col td {font-size:16px;color:#333;text-align:center;}
.tb_col td.td_subject {font-size: 16px;}
td.txt_left {text-align:left;}
td.td_subject > a {font-size: 18px;word-break: break-all;line-height: 1.4}

.td_file a {display: inline-block;margin:0 2px;vertical-align: middle;}

/* 20210601 횄�횂짭횄�싀궰뗐꺜▣™�슿�궰씳꺠뮼궰っ꺿�싀궰걘꺜▣™궗큄횂짭 */
.tb_of {border-top:3px solid #003b98;overflow: hidden;overflow-x:auto;}
.tb_of > table {min-width: 1060px;}

/* Table : row */
.tb_row {border-top:3px solid #003b98;}
.tb_row th,
.tb_row td {padding:25px 30px;border-bottom:1px solid #ddd;font-size:16px;}
.tb_row td {color:#333;font-family:'Noto Sans Korean';}
.tb_row td strong {font-size:18px;font-weight:500;}
.tb_row td p {line-height:24px;}
.tb_row th {background:#f6f9ff;color:#003b98;text-align:left;}
th.v_top {vertical-align:top;}

/* Table : Responsive */
@media screen and (max-width:640px){
    .tb_res thead {display: none;}
    .tb_res tbody tr {display: block;padding:30px 0;border-bottom: 1px solid #ddd;}
    .tb_res tbody tr td {position: relative;display: block;text-align: left;border:none;padding:5px 0 5px 80px;}
    .tb_res tbody tr td:before {content:attr(data-label);position: absolute;left:0;top:5px;font-weight: 500;color:#003b98;}
}
@media screen and (max-width:480px){
    .tb_res tbody tr td {font-size: 14px;}
}

/* Board Search */

.brd_search {background:#f8f8f8;padding:35px;margin-bottom:50px;text-align:center;}
.brd_search .inner {position:relative;display:inline-block;width:100%;max-width:580px;margin:0 auto;border-bottom:3px solid #000;padding-left:180px;text-align:left;/* box-sizing: border-box; */}
button {
    background: none;
    margin: 0;
    padding: 0;
    border: 0 none;
    cursor: pointer;
}
#brd_slt {position:absolute;left:0;top:0px;}
#brd_slt .vDrop {height:50px;}
#brd_slt .vDrop a {font-size:18px;background:none;line-height:50px;border:none;}
#brd_slt .vArrow {width:13px;height:8px;background:url("/images/user/arr_slt.png") no-repeat center;right:15px;}
#brd_slt .open .vArrow {background-image:url("/images/user/arr_slt_on.png");}
#brd_slt .vArrow:before {display:none;}
.srchWrap {position:relative;/* padding-right:50px; */height:50px;width:100%;}
.srchWrap input {padding-left:20px;height:100%;border:none;background:none;font-size:18px;color:#000;width:100%;outline:none;}
.srchWrap input::-webkit-input-placeholder {font-size:18px;color:#999;}
.srchWrap input:-ms-input-placeholder {font-size:18px;color:#999;}
.srchWrap input::-moz-placeholder {font-size:18px;color:#999;}
.srchWrap input:-moz-placeholder {font-size:18px;color:#999;}
.srchWrap button {position:absolute;width:50px;height:100%;background:url("/images/user/btn_search.png") no-repeat center;top:0;right:0;outline:none;text-indent: -9999px;}

/* Select Vdrop */
.vDrop { position:relative;  height:30px;/*margin-bottom:10px;    color:#555; */}
.vDrop select { visibility:hidden; }
.vDrop a { outline:none;  text-decoration:none;  color:#333;  }
.vDrop .vClicker { overflow:hidden;  position:absolute;  top:0;left:0;  padding:0 30px 0 15px;  width:180px;  height:100%;  line-height:30px;  background:#fff;  border:1px solid #ccc;  -webkit-border-top-right-radius:3px;  -moz-border-radius-topright:3px;  border-top-right-radius:3px;  -webkit-border-bottom-right-radius:3px;  -moz-border-radius-bottomright:3px;  border-bottom-right-radius:3px;  -webkit-border-bottom-left-radius:3px;  -moz-border-radius-bottomleft:3px;  border-bottom-left-radius:3px;  -webkit-border-top-left-radius:3px;  -moz-border-radius-topleft:3px;  border-top-left-radius:3px;  -webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  -o-user-select:none;  user-select:none; }
.vDrop .vClicker.open { -webkit-border-top-right-radius:3px;  -moz-border-radius-topright:3px;  border-top-right-radius:3px;  -webkit-border-bottom-right-radius:0;  -moz-border-radius-bottomright:0;  border-bottom-right-radius:0;  -webkit-border-bottom-left-radius:0;  -moz-border-radius-bottomleft:0;  border-bottom-left-radius:0;  -webkit-border-top-left-radius:3px;  -moz-border-radius-topleft:3px;  border-top-left-radius:3px; }
.vDrop .vClicker span { white-space:nowrap; }
.vDrop .vClicker .vArrow { position:absolute;  top:50%;transform:translateY(-50%); right:0;  width:26px;  height:26px;  -webkit-border-top-right-radius:2px;  -moz-border-radius-topright:2px;  border-top-right-radius:2px;  -webkit-border-bottom-right-radius:2px;  -moz-border-radius-bottomright:2px;  border-bottom-right-radius:2px;  -webkit-border-bottom-left-radius:0;  -moz-border-radius-bottomleft:0;  border-bottom-left-radius:0;  -webkit-border-top-left-radius:0;  -moz-border-radius-topleft:0;  border-top-left-radius:0; }
.vDrop .vClicker .vArrow:before { content:'';  display:block;  position:absolute;  right:12px;  top:8px;  width:6px;  height:6px;  border-width:2px 2px 0 0;  border-style:solid;  border-color:#000;  transform:rotate(135deg); }
.vDrop .vClicker.open .vArrow:before { top:11px;  transform:rotate(315deg)}
.vDrop ul { overflow:hidden;  display:none;  z-index:1;  position:absolute;  top:53px;  left:0;  width:180px;  max-width:180px; border:1px solid #ddd;background:#fff;padding:10px 0;}
.vDrop ul li.optgroup span { display:block;  padding:5px;  background:#e8e8e8; }
.vDrop ul li.optgroup ~ .option a { padding-left:20px; }
.vDrop ul li a { display:block;  padding:5px 15px; line-height:1.3 !important; white-space:nowrap;  background:#fff;font-size: 16px !important;color: #888 !important; }
.vDrop ul li a.selected,.vDrop ul li a:hover { background:#06c;  color:#000 !important; }

/* Paging */
.tb_bott {margin:50px 0 0;}
.tb_bott.center {text-align:center;}
/*
.paging,
.paging * {display:inline-block;vertical-align:middle;}
.paging a {width:34px;height:34px;border-radius:50%;font-size:15px;color:#555;line-height:34px;margin:0 3px;}
.paging > a {background-color:#e9e9e9;background-position:center;background-repeat:no-repeat;}
.paging .current a {color:#fff;background:#003b98;font-weight:500;}
.paging_prev1 {background-image:url("/images/user/paging_prev1.png");}
.paging_prev2 {background-image:url("/images/user/paging_prev2.png");}
.paging_next1 {background-image:url("/images/user/paging_next1.png");}
.paging_next2 {background-image:url("/images/user/paging_next2.png");}
*/
/* Filefield */
.upload_name {background:none;font-size:14px;line-height:normal;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;max-width:380px;color:#000;}
#file_upload {position:absolute;top:0;right:0;width:1px;height:1px;opacity:0;filter:alpha(opacity=0);visibility: hidden;}
#file_upload + label {display:inline-block;line-height:40px;font-size:15px;color:#fff;background:#4a5d7a;padding:0 20px;}
/*20210414횄�횂짭횄�싀궰뗐꺜▣™�슿�궰씳꺠뮼궰っ꺿�싀궰걘꺜▣™궗큄횂짭*/
.upload_name2 {background:none;font-size:14px;line-height:normal;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;max-width:380px;color:#000;}
.file_upload {position:absolute;top:0;right:0;width:1px;height:1px;opacity:0;filter:alpha(opacity=0);visibility: hidden;}
.file_upload + label {display:inline-block;line-height:40px;font-size:15px;color:#fff;background:#4a5d7a;padding:0 20px;}


@media screen and (max-width:960px){
    .family_site {padding:30px 100px;}
    .ftr_top h2 {font-size: 18px;}
    
    .tb_row th, 
    .tb_row td {padding: 25px 20px}

}
@media screen and (max-width:780px){
    .site_link {position: relative;top: auto;right: auto;width:200px;margin-bottom:30px;}
}
@media screen and (max-width:768px){
    .ftr_bott .mx_wrap {padding: 80px 0;}
    .family_site {padding: 40px 0;}
    .ftr_top h2 {position: static;top:auto;left:auto;transform:none;margin-bottom: 20px;}
    .family_site .swiper-button-next, .family_site .swiper-button-prev {top:40px;transform: none;}
    .family_site .stop-autoplay, .family_site .start-autoplay {top:43px;transform: none;}
    
    .totop {bottom: 10px;right: 10px;width: 40px;height: 40px;background-size:12px auto;}
    
    .tb_col th, 
    .tb_col td {padding: 20px 5px;}
    .tb_col th {font-size: 16px;}
    .tb_col td {font-size: 15px;}
    td.td_subject > a {font-size: 16px;}
    td.td_file a img {width: 20px;}
    .upload_name,
    .upload_name2 {max-width: 300px}
}
@media screen and (max-width: 640px){
    .site_link {width: 180px;}
    .pNavTit a {font-size: 14px;padding: 0 30px 0 15px;line-height: 36px;}
    .pNavMenu {bottom:37px;height: 330px; overflow: hidden; overflow-y: auto;}
    .pNavMenu li a {padding: 8px 15px;}
    .pNavMenu li a span {font-size: 13px;}
    
    .ftr_menu a {font-size: 14px;}
    .ftr_menu li:after {margin:0 5px;}
    
    address {font-size: 13px;line-height: 1.5;}
    .copyright {font-size: 10px;}
    
    .check_form1 + label {font-size:14px;padding-left:25px;}
    .check_form1 + label:before {width:18px;height:18px;}
    .check_form1:checked + label:before {background-size: 8px auto;}
    
    .tb_row_ddd {border-bottom: 1px solid #ddd;width: 100%;}
    .tb_row_ddd tbody,
    .tb_row_ddd tr {display: block;width: 100%;}
    .tb_row_ddd th {display: block; width: 100%; padding:20px 20px 10px;border-bottom:none;}
    .tb_row_ddd td {display: block; width: 100%; padding:10px 20px 20px;border-top: none;border-bottom: none;}
    .tb_row_ddd th span {font-size:15px;}
    
    .brd_search {padding: 30px;margin-bottom: 30px;}
    .brd_search .inner {padding-left:120px;}
    .vDrop .vClicker {width: 120px;}
    #brd_slt .vDrop a {font-size: 16px;}
    .vDrop ul {width: 120px;max-width:120px;}
    .vDrop ul li a {font-size: 14px !important;}
    .srchWrap input {font-size: 16px;}
    
    .brd_list table thead,
    .brd_list table td.td_num {display: none;}
    .brd_list table tr {display: block;padding:20px 0;border-bottom: 1px solid #ddd;}
    .brd_list table td {font-size: 14px;display: block;width: 100% !important;text-align: left;padding:2px 5px;border: none;}
    .brd_list table td.td_chk {margin-bottom:15px;}
    .brd_list table td.td_subject {width: 60%;padding-bottom: 10px;}
    td.td_subject > a {font-size: 16px;color:#000;font-weight: 500;}
    .brd_list table td.td_period {width: 20%;}
    .brd_list table td.td_state {width: 20%;}
    .brd_list table tbody td:before {content:attr(data-label);display: inline-block;width: 60px;vertical-align: middle;}
    .brd_list table tbody td.td_subject:before,
    .brd_list table tbody td.td_chk:before {display: none;}
    
    /* 20210601 횄�횂짭횄�싀궰뗐꺜▣™�슿�궰씳꺠뮼궰っ꺿�싀궰걘꺜▣™궗큄횂짭 */
    .tb_of table thead {display:table-header-group;}
    .tb_of table tr {display: table-row;}
    .tb_of table td {display: table-cell !important;width:inherit!important;border-bottom: 1px solid #ddd;padding:15px 10px !important;text-align: center;}
    .tb_of table td.txt_left {text-align: left !important;}
    .tb_of table tbody td:before {display: none !important;width: auto !important;}
    /**/
  
    .brd_view table tr {display: block;border-bottom: 1px solid #ddd;padding:10px 0;}
    .brd_view table th {display: block;padding:15px;font-size: 15px;}
    .brd_view table td {font-size: 14px;display: block;width: 100% !important;text-align: left;padding:5px 10px;border: none;}
    .brd_view .tb_row td strong {font-size: 14px;}
    
    .tb_brd_write th, 
    .tb_brd_write td {display: block;border-right:none !important;}
    
}
@media screen and (max-width:480px){
    .ftr_menu li {width: 50%;margin:4px 0;}
    .ftr_menu li:after {display: none;}
    
    .join_radio + label {font-size: 14px;padding-left: 25px;margin-right: 10px;}
    .join_radio + label:before {width: 16px;height: 16px;}
    
    .tb_col th {font-size: 15px}
    .tb_col td {font-size: 14px;}
    .tb_row_ddd th {padding:25px 10px 5px;    display: table-cell;width: 25%;}
    .tb_row_ddd td {padding:5px 10px 25px}
    
    .brd_list table td {font-size: 13px;padding:2px 5px;}
    .brd_list table td.td_subject {padding: 2px 5px 10px 5px}
    
    .brd_search {padding:25px;}
    .brd_search .inner {padding: 0;border-bottom-width: 2px;}
    #brd_slt {position: static;left: auto;top: auto;width: 100%;border-bottom: 2px solid #000;}
    #brd_slt .vDrop {height:40px;width: 100%;}
    #brd_slt .vDrop a {display: block;width: 100%; line-height: 40px;font-size: 15px;padding: 0 20px 0 10px;}
    #brd_slt .vArrow {right: 10px;}
    .vDrop ul {width: 100%; max-width: none;top: 42px;}
    .vDrop ul li a {padding:5px 10px !important;}
    .srchWrap {padding-right:40px;height:40px;}
    .srchWrap input {padding-left: 10px;font-size: 15px;}
    .srchWrap input::-webkit-input-placeholder {font-size:15px}
    .srchWrap input:-ms-input-placeholder {font-size:15px}
    .srchWrap input::-moz-placeholder {font-size:15px}
    .srchWrap input:-moz-placeholder {font-size:15px}
    .srchWrap button {width: 40px;background-size: 16px auto;}
    .tb_bott {margin: 40px 0 0;}
    .paging a {width: 28px;height: 28px;font-size: 14px;line-height: 27px;background-size: auto 8px;}
}


/* Join */

.join_step {text-align:center;margin-bottom:80px;}
.join_step * {display:inline-block;vertical-align:middle;}
.join_step li {position:relative;padding-left:100px;text-align:left;}
.join_step .icon {position:absolute;top:50%;left:0;transform:translateY(-50%);width:80px;height:80px;border-radius:50%;padding-top:20px;border:1px solid #ddd;text-align:center;}
.join_step span {display:block;font-size:20px;color:#bbb;font-weight:600;margin-bottom:5px;}
.join_step h4 {font-size:20px;color:#aaa;font-weight:400;}
.join_step li:after {display:inline-block;vertical-align:middle;content:'';width:80px;height:1px;background:#ccc;margin:0 15px 20px;}
.join_step .on .icon {background-color:#003b98;border:none;}
.join_step .on span {color: #003b98;}
.join_step .on h4 {color:#003b98;font-weight:500;}
.join_step li:last-child:after {display:none;}

.join_terms {border-top:2px solid #000;padding:30px 0 60px;}
.bullet_tit {position:relative;padding-left:20px;font-size:25px;font-weight:500;margin-bottom: 40px;}
.bullet_tit:before {content:'';display:block;position:absolute;left:0;top: 15px;background:url("/images/user/bullet_tit.png") no-repeat 0 center;width:10px;height:10px;}
.terms_cont {margin:40px 0;border:1px solid #ddd;height:300px;padding:30px;}
.join_terms input[type="checkbox"] {display:none;}
.join_terms .terms_check {float:right;}

.agree_all {border:1px solid #777;padding:30px;text-align:center;}
.agree_all label {font-size:17px;color:#000;}

.btn_set {text-align:center;margin:50px 0 0;}
.btn_set ul {display:inline-block;font-size:0;}
.btn_set li {display:inline-block;margin:0 5px;}
.btn_set li a,
.btn_set li button {display:inline-block;width:200px;font-size:20px;color:#fff;background:#002d76;line-height:60px;}
.btn_set li a.bg_999 {background:#999;}

/* 횄�횂짭횄�싀궰졗꺜▣™�슿�궰▣꺠뮼궰ッ꺿�싀궰냉꺿�싀궰늘꺠뮼궰�꺿�┚궰씹꺜▣™�슿�궰┚꺠뮼궰ッ꺿�싀궰졗꺿�싀궰� */

.join_cont {border-top:2px solid #000;padding:30px 0 0;}
.join_type {border:1px solid #ddd;padding:20px 30px;margin:30px 0 80px;}
.required_ment {position:relative;}
.required_ment p {position:absolute;top:50%;right:0;transform:translateY(-50%);color:#555;font-size:15px;font-weight:400;line-height: 1.4;}
.required {background: url("/images/user/icon_required.png") no-repeat 0px 7px;padding-left:15px;}

.join_cont .tb_row_ddd {margin:40px 0 80px;}
.join_cont:last-child .tb_row_ddd {margin-bottom: 0;}
.tb_row_ddd input[type="text"],
.tb_row_ddd input[type="password"],
.tb_row_ddd input[type="number"]{width:100%;border:1px solid #ddd;height:42px;outline:none;padding:0 10px;color:#000;font-size:15px;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.mxw_50 {max-width:50px;}
.mxw_60 {max-width:60px;}
.mxw_80 {max-width:80px;}
.mxw_100 {max-width:100px;}
.mxw_140 {max-width:140px;}
.mxw_200 {max-width:200px;}
.mxw_400 {max-width:400px;}
.mxw_600 {max-width:600px;}
.btn_bdr555 {border: 1px solid #e0e0e0;line-height:40px;padding:0 30px;font-size:15px;color:#333;margin-left:10px;}
.tb_row_ddd td p.input_help {color:#333;margin-left:20px;font-size:14px;}
.input_numb span {display: inline-block;margin:0 2px;font-size: 14px;}
.tb_radio strong {font-size:15px;font-weight:500;margin:0 30px 0 20px;}
td.input_address p {display:block;margin-left:0;}
td.input_address p.margin {margin:5px 0;}
.codeArea {width:100%;height:42px;background:#000;margin-right:10px;}


/* 횄�횂짧횄�싀궰걘꺜▣™궗큄횂짭횄�횂짭횄�┚궰씹꺜▣™�슿�궰┚꺠뮼궰�꺜▣™궗탑횂짖횄짖창�슿�끒씹꺠뮼궰ッ꺿�싀궰Ｃ꺿�┚™궗�� */

.join_finish {border:1px solid #ddd;padding:100px;text-align:center;}
.join_finish .img {max-width:88px;margin:0 auto;}
.ment_finish {font-size:40px;margin:30px 0 20px;font-weight:300;letter-spacing: -0.044em;word-break: keep-all;}
.ment_finish strong {font-weight:500;}
.ment_id {font-size:22px;color:#333;word-break: keep-all;}
.ment_id span {color:#f44c19;font-weight:600;}

/* 횄�횂짬횄�싀궰㎴꺿�뮨™궗혻횄�횂짭횄�싀궰씳꺿�싀궰늘꺠뮼궰�꺿�┚궰시꺿�뮨끸�쑦꺠뮼궰�꺿�싀궰씳꺿�싀궰늘꺠뮼궰�꺿�싀궰㎴꺜▣™궗큄횂짭 */

.myPage_link {margin-bottom:60px;overflow:hidden;}
.myPage_link li {float:left;width:50%;}
.myPage_link li a {display:block;border:1px solid #ddd;border-bottom-color:#003b98;font-size:20px;color:#999;text-align:center;line-height:63px;}
.myPage_link li.current a {border-color:#003b98;border-bottom-color:#fff;color:#003b98;}

#myPage .ment {padding-left:25px;background:url("/images/user/icon_ment.png") no-repeat 0 0;font-size:18px;margin-bottom:40px;word-break: keep-all;}
.state {display:inline-block;border:1px solid #003b98;line-height:30px;font-size:15px;padding:0 15px;}
.state1 {color:#003b98;}
.state2 {background:#003b98;color:#fff;}
.btn_print {display:inline-block;padding:0 35px 0 15px;font-size:15px;color:#003b98;border:1px solid #003b98;line-height:30px;background:url("/images/user/btn_print.png") no-repeat right 15px center;}

/*20210421횄�횂짭횄�싀궰뗐꺜▣™�슿�궰씳꺠뮼궰っ꺿�싀궰걘꺜▣™궗큄횂짭*/
@font-face {
    font-family: 'NotoSerifKR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.completion_content {border:1px solid #ddd;padding:30px;overflow: auto;}
.completion_content button.btn_print {float: right;border:1px solid #000;color:#000;border-radius: 4px;padding:0 10px 0 30px;background:url("/images/user/icon_fax.png") no-repeat 10px center;background-size: 14px auto;}
.completion_box {min-width: 700px;margin:50px 20px 40px;border:4px solid #033d9a;border-radius: 5px; padding:80px 50px 120px;text-align: center;background:url("/images/user/bg_completion.jpg") no-repeat center center;background-size: contain;}
.completion_box * {font-family:'NotoSerifKR', serif;font-weight:600;}
.completion_box .completion_top {text-align: left;font-size: 18px;}
.completion_box h3 {font-size: 54px;font-weight: 900;letter-spacing: 0.6em;margin:50px 0 80px;}
.completion_box dl {text-align: left;font-size: 0;}
.completion_box dl dt {display: inline-block;vertical-align: middle;width:20%;font-size: 18px;margin-bottom: 20px;}
.completion_box dl dd {display: inline-block;vertical-align: middle;width: 80%;font-size: 18px;margin-bottom: 20px;}
.completion_body {text-align: left;font-size:25px;letter-spacing: 0.02em; margin:40px auto 60px;word-break: keep-all;line-height: 1.6;}
.completion_date {font-size: 20px;margin-bottom: 40px;letter-spacing: 0.1em;}
.completion_writer {font-size: 30px;letter-spacing: 0.2em;}
/**/



/* 횄�횂짯횄�┚궰≥꺿�┚™궗�▣꺠뮼궰�꺜▣™�슿�궰봤꺿�싀궰먄꺠뮼궰�꺿�싀궰졗꺜▣™�슿�궰▣꺠뮼궰ッ꺿�싀궰냉꺿�싀궰늘꺠뮼궰�꺿�뮨™궗혻횄�뮨끸�쑦꺠뮼궰�꺿�싀궰졗꺜▣™�슿�궰� */

.mem_info {border:1px solid #ddd;border-bottom:3px solid #003b98;padding:25px 30px;}
.mem_info dl * {display:inline-block;vertical-align: middle;}
.mem_info dt {font-size:16px;margin-right:15px;}
.mem_info dd {font-size:16px;color:#555;}
dd.mem_name:after {display:inline-block;vertical-align:middle;content:'';width:1px;height:15px;background:#ddd;margin:0 15px;word-break: keep-all;line-height: 1.4;}
.mem_modify .tb_row_ddd {overflow:hidden;}
.mem_modify p.required {float:right;margin:40px 0 30px;font-size: 13px;color: #555;}

@media screen and (max-width:1024px){
    .loginBox > div {padding: 0 100px;}
    
    .tb_row_ddd td p.input_help {margin:15px 0 5px;display: block;}
    .tb_row_ddd td .tb_radio {display: block;margin:15px 0 5px;}
    .tb_radio strong {margin: 0 20px 0 0;}
}
@media screen and (max-width:960px){
    .loginBox > div {float: none; width: 100%; padding: 0 200px;border: none;}
    
    .join_step {margin-bottom: 50px;}
    .join_step li {padding-left:60px;}
    .join_step .icon {width: 50px;height: 50px;padding-top: 15px;}
    .join_step .icon img {width: 20px;}
    .join_step li:after {width: 60px;margin: 0 10px 25px;}
    
    .input_numb span {margin: 0;}
}
@media screen and (max-width:768px){
    .loginBox > div {padding: 0 150px;}
    
    .bullet_tit {font-size: 22px;}
    
    .btn_bdr555 {padding: 0 20px;margin-left:5px;}
    
    .join_finish {padding:80px;}
    .join_finish .img {max-width: 80px;}
    .ment_finish {font-size: 36px;}
    .ment_id {font-size: 20px;}
    
    .myPage_link {margin-bottom:40px;}
    .myPage_link li a {font-size: 18px;line-height:58px;}
    #myPage .ment {padding-left: 25px;background-size: 16px auto;font-size:16px;margin-bottom:30px;}
    .state {line-height: 28px;font-size: 14px;padding:0 10px;}
    .btn_print {padding: 0 30px 0 10px;font-size: 14px;line-height:28px;background: url(/images/user/btn_print.png) no-repeat right 10px center;}
    
    .brd_search {padding: 30px;margin-bottom:40px;}
    .srch_result > p {margin: 30px 0;font-size: 25px;}
    .srch_result ul > li {padding: 25px;}
    .srch_result h4 a {font-size: 18px;}
    .srch_result p a {font-size: 15px;line-height:1.4;}
    .srch_result ol li {font-size: 14px;}
}
@media screen and (max-width:640px){
    .loginBox {padding: 80px 0;}
    .loginBox > div {padding: 0 90px;}
    .loginForm p {font-size: 20px;}
    
    .util_item p {font-size: 17px;}
    .util_item p strong {font-size: 18px;}
    .util_item a {line-height: 44px;padding-left: 45px;background-position: 20px center;background-size: 12px auto;font-size: 15px;}
    
    .join_step li {padding: 0;}
    .join_step li:after {width: 50px;}
    .join_step .icon {display: block; position: static;top: auto;left: auto;transform: none;margin-bottom: 10px;}
    .join_step span {font-size: 18px;}
    .join_step h4 {font-size: 18px;}
    
    .bullet_tit {font-size: 20px;}
    .agree_all {padding: 25px;}
    .btn_set li a {width: 180px;font-size: 18px;line-height: 50px;}
    
    .join_type {margin: 30px 0 50px;padding: 20px;}
    .required_ment p {position: static;top: auto;right: auto;transform:none;font-size: 14px;margin-top: 10px;}
    .join_cont .tb_row_ddd {display: block; margin:30px 0 60px;}
    
    .brd_list .edu_list table tbody td:before {width: 100px;}
}
@media screen and (max-width:480px){
    .loginBox {padding: 60px 0;}
    .loginBox > div {padding: 0 60px;}
    .loginForm p {font-size: 18px;}
    #login li input {height: 48px;padding: 0 15px;font-size: 15px;}
    .loginForm button {height: 54px;}
    .loginForm button span {font-size: 18px;background-size: 14px;padding-left: 20px;}
    .login_btns li {float: none; width: 100%;margin:3px 0;}
    
    .util_item p {font-size: 16px;}
    .util_item p strong {font-size: 17px;}
    .util_item a {line-height: 40px;padding-left: 35px;background-position: 15px center;background-size: 12px auto;font-size:14px;}
    
    .join_step_wrap {display: none;}
    
    .bullet_tit {font-size: 18px;padding-left: 15px;}
    .terms_cont {margin:20px 0;padding: 20px;}
    .agree_all {padding: 20px;}
    .agree_all label {font-size: 15px;}
    .btn_set li {margin: 0 5px;}
    .btn_set li a {width: 140px;font-size:15px; line-height: 44px;}
    
    .required_ment p {font-size: 13px;}
    .mxw_200 {max-width: 160px;}
    .tb_row_ddd td p.input_help {font-size: 13px;}
    .btn_bdr555 {padding: 0 15px;height: 38px;line-height: 37px;font-size: 14px;}
    .tb_radio strong {margin: 0 10px 0 0;font-size: 14px;}
    .codeArea {margin-right: 5px;}
    .tb_row_ddd input[type="text"], 
    .tb_row_ddd input[type="password"], 
    .tb_row_ddd input[type="number"] {height: 38px;}
    
    .join_finish {padding:60px;}
    .join_finish .img {max-width: 60px;}
    .ment_finish {font-size: 30px;margin:20px 0 15px;}
    .ment_id{ font-size: 18px;}
    
    .btn_set {margin: 30px 0 0;}
    
    .myPage_link {margin-bottom:30px;}
    .myPage_link li a {font-size: 16px;line-height: 50px;}
    #myPage .ment {padding-left: 20px;background-size: 14px auto;font-size:15px;margin-bottom:20px;}
    .state {line-height:24px;font-size: 13px;padding: 0 10px;}
    .btn_print {padding: 0 30px 0 10px;font-size:13px;line-height:24px;background-size: 12px auto;}
    
    .mem_info {padding: 20px 25px;}
    .mem_info dt,
    .mem_info dd {font-size: 15px;}
    
    .srch_result > p {font-size: 22px;}
    .srch_result ul > li {padding: 20px;}
}


table{width:100%;border-collapse:collapse;border-spacing:0;word-break:break-all;border:0;}
table th, table td{vertical-align:middle;}



/* 횄�횂짯횄�┚™궗�▣꺿�싀궰씳꺠뮼궰�꺜▣™�슿�™궗혶횄짖창�슿�궰� */
.popUp_contract_wrap {display:none;position: fixed;left: 24%;top: 20%;z-index: 100;background-color: #fff;border:5px solid #0368b3;box-shadow: 2px 2px 5px rgba(0,0,0,0.1);width: 1000px;height: 500px;padding: 30px 35px;}
.popUp_contract_wrap.on {opacity: 1;z-index: 9999;}
.popUp_contract_wrap .btn_close {position: absolute; right: 0; top: 0; width: 40px; height: 40px; color: #fff; background-color: #0368b3; font-size: 20px; transition: all .25s ease;}
.popUp_contract_wrap h2 {font-size: 20px; font-weight: 500; color: #0368b3; margin: 0 0 20px;}
.popUp_contract_wrap h2 .sm {font-size: 0.9em;}
.popUp_contract_wrap .list_1 {width: 100%;}
.popUp_contract_wrap .list_1 li {margin-top: 15px; font-size: 17px; display: flex; flex-wrap: wrap;}
.popUp_contract_wrap .list_1 li .lb {width: 18.5%; font-weight: 500; color: #222; padding-left: 15px; position: relative; padding-top: 0px;}
.popUp_contract_wrap .list_1 li .lbDiv {width: 100%; padding-left: 90px;}
.popUp_contract_wrap .list_1 li .lb.pop_name {width: 100%;}
.popUp_contract_wrap .list_1 li .lb::after {content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: #0a2c98; position: absolute; left: 0; top: 12px;}
.popUp_contract_wrap .list_1 li .rb {width: 81.5%; color: #555; /* padding-left: 10px; */ font-size: 0.95em; text-align: justify; word-break: keep-all;}
.popUp_contract_wrap .tb_row_ddd thead tr th {text-align: center; padding: 15px 20px;}
.popUp_contract_wrap .tb_row_ddd tbody tr td {text-align: center; padding: 15px 20px; font-size: 15px;}
.popUp_contract_wrap .brd_search {background: #fff; padding: 0; margin-bottom: 25px;}

@media screen and (max-width:750px){
    /* 횄�횂짯횄�┚™궗�▣꺿�싀궰씳꺠뮼궰�꺜▣™�슿�™궗혶횄짖창�슿�궰� */
    .popUp_contract_wrap {left: 5%; top: 20%; width: 90%; padding: 20px 20px;}
    .popUp_contract_wrap .btn_close {width: 30px; height: 30px; font-size: 15px;}
    .popUp_contract_wrap h2 {font-size: 18px; margin: 0 0 10px;}
    .popUp_contract_wrap .list_1 li {margin-top: 10px; font-size: 15px; display: block;}
    .popUp_contract_wrap .list_1 li .lb {width: 100%; padding-left: 15px; margin-bottom: 5px;}
    .popUp_contract_wrap .list_1 li .lbDiv {padding-left: 0px;}
    .popUp_contract_wrap .list_1 li .lb::after {top: 10px;}
    .popUp_contract_wrap .list_1 li .rb {width: 100%;}
}

/* �먮쾲吏� �앹뾽 */
.popUp_contract_wrap2 {display:none;position: fixed;left: 24%;top: 20%;z-index: 100;background-color: #fff;border:5px solid #0368b3;box-shadow: 2px 2px 5px rgba(0,0,0,0.1);width: 900px;height: 500px;padding: 30px 35px;}
.popUp_contract_wrap2.on {opacity: 1;z-index: 9999;}
.popUp_contract_wrap2 .btn_close {position: absolute; right: 0; top: 0; width: 40px; height: 40px; color: #fff; background-color: #0368b3; font-size: 20px; transition: all .25s ease;}
.popUp_contract_wrap2 h2 {font-size: 20px; font-weight: 500; color: #0368b3; margin: 0 0 20px;}
.popUp_contract_wrap2 h2 .sm {font-size: 0.9em;}
.popUp_contract_wrap2 .list_1 {width: 100%;}
.popUp_contract_wrap2 .list_1 li {margin-top: 15px; font-size: 17px; display: flex; flex-wrap: wrap;}
.popUp_contract_wrap2 .list_1 li .lb {width: 18.5%; font-weight: 500; color: #222; padding-left: 15px; position: relative; padding-top: 0px;}
.popUp_contract_wrap2 .list_1 li .lbDiv {width: 100%; padding-left: 90px;}
.popUp_contract_wrap2 .list_1 li .lb.pop_name {width: 100%;}
.popUp_contract_wrap2 .list_1 li .lb::after {content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: #0a2c98; position: absolute; left: 0; top: 12px;}
.popUp_contract_wrap2 .list_1 li .rb {width: 81.5%; color: #555; /* padding-left: 10px; */ font-size: 0.95em; text-align: justify; word-break: keep-all;}
.popUp_contract_wrap2 .tb_row_ddd thead tr th {text-align: center; padding: 15px 20px;}
.popUp_contract_wrap2 .tb_row_ddd tbody tr td {text-align: center; padding: 15px 20px; font-size: 15px;}
.popUp_contract_wrap2 .brd_search {background: #fff; padding: 0; margin-bottom: 25px;}

@media screen and (max-width:750px){
    /* �먮쾲吏명뙘�� */
    .popUp_contract_wrap2 {left: 5%; top: 20%; width: 90%; padding: 20px 20px;}
    .popUp_contract_wrap2 .btn_close {width: 30px; height: 30px; font-size: 15px;}
    .popUp_contract_wrap2 h2 {font-size: 18px; margin: 0 0 10px;}
    .popUp_contract_wrap2 .list_1 li {margin-top: 10px; font-size: 15px; display: block;}
    .popUp_contract_wrap2 .list_1 li .lb {width: 100%; padding-left: 15px; margin-bottom: 5px;}
    .popUp_contract_wrap2 .list_1 li .lbDiv {padding-left: 0px;}
    .popUp_contract_wrap2 .list_1 li .lb::after {top: 10px;}
    .popUp_contract_wrap2 .list_1 li .rb {width: 100%;}
}

/******** 횄�횂짠횄�싀궰㎴꺿�싀궰뼙꺠뮼궰ッ꺿�┚™궗�▣꺜▣™�슿�끒씹꺠뮼궰ッ꺜▣™궗큄횂짭횄짖창�슿�™�왖▣꺠뮼궰┚꺜▣™궗큄횂짭횄�싀궰㉲꺠뮼궰�꺿�싀궰▣꺿�┚궰졗꺠뮼궰▣꺜▣™�슿�궰씳꺿�싀궰� ********/
.cate_tab{overflow: hidden; margin:0 auto 50px;}
.cate_tab ul{display:flex; justify-content: center;}
.cate_tab ul li{width: auto;}
.cate_tab ul li a{display: inline-block; font-size:1rem; letter-spacing:-0.25pt; color:#797979; line-height: 120%; white-space: nowrap; padding: 20px 34px; box-sizing:border-box; position: relative;} 
.cate_tab ul li.hover a{color:#192f5c; font-weight:700;}
.cate_tab ul li:hover a{color:#192f5c;}
.cate_tab ul li a:before{content:''; display:block; width:100%; height:3px; background:#eef3fc; position:absolute; left:0; bottom:0;}
.cate_tab ul li:first-child a:before{border-radius:3px 0 0 3px;}
.cate_tab ul li:last-child a:before{border-radius:0 3px 3px 0;}
.cate_tab ul li a:after{content:''; display:block; width:0; height:3px; background:#192f5c; position:absolute; left:0; bottom:0; transition:all .3s linear; border-radius:3px;}
.cate_tab ul li.hover a:after{width: 100%;}
.cate_tab ul li:hover a:after{width: 100%;}



/******** 횄�횂짤횄짖창�슿�궰┚꺜▣™�슿�궰걘꺠뮼궰っ꺿�싀궰냉꺿�싀궰졗꺠뮼궰ッ꺿�┚궰맡꺿�싀궰뮨꺠뮼궰�꺿�싀궰올꺿�싀궰시꺠뮼궰ッ꺿�┚™궗�▣꺿�싀궰겷꺠뮼궰�꺿�싀궰올꺿�싀궰� ********/
.department_view{}
.department_top{background:#eef3fc; position:relative;}
.department_top dl{padding: 60px 0; display:flex; flex-wrap:wrap; align-items:center;}
.department_top dl dt{width:600px; border-radius:8px; overflow:hidden;}
.department_top dl dt img{max-width:100%; width: 100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
.department_top dl dd{padding:0 0 0 70px; box-sizing:border-box; width:calc(100% - 600px);}
.department_top dl dd small{display:block; font-size:14px; font-weight:500; letter-spacing:0.2pt; line-height:140%; word-break:keep-all; color:#00b5e2; padding:0 0 10px;} 
.department_top dl dd h3{font-size:46px; font-weight:700; letter-spacing:-1.8pt; color:#111; line-height:130%; word-break:keep-all; padding:0 0 25px;}

.tabStyle{}
.tabStyle ul{display:flex;}
.tabStyle ul li{flex:1; cursor:pointer; font-size:1rem; line-height: 72px; letter-spacing:-0.5pt; color:rgba(17,17,17,.7); text-align:center; background:#e3e9f4; border-radius:8px 8px 0 0; transition:all .3s linear;}
.tabStyle ul li.focus{font-weight: 600; color:#192f5c !important; background:#fff;}
.tabStyle ul li:hover{color:#111;}


.department_in{padding:80px 0 0; display:none;}
.department_in.focus{display:block;}

.major_cont{}
.major_cont .subTit{margin:50px 0 20px;}
.major_cont .subTit:first-child{margin-top:0;}

.subject_cont{}
.subject_cont .downloadBtn_wrap{text-align:right; margin:0 0 20px;}
.subject_cont .downloadBtn_wrap .downloadBtn{display:inline-block; font-size:14px; letter-spacing:-0.3pt; color:#fff; background:#192f5c; border-radius:8px; text-align:center; padding:0 28px; height:48px; line-height:48px; transition:all .3s linear;}
.subject_cont .downloadBtn_wrap .downloadBtn:hover{background:#00b5e2;}
.subject_cont .downloadBtn_wrap .downloadBtn:before{content:''; display:inline-block; width:17px; height:17px; background:url('/img/download_icon.png') no-repeat center/100% auto; margin:-4px 8px 0 0; vertical-align:middle;}




/*********** 횄�횂짝횄�싀궰뤓꺿�싀궰늘꺠뮼궰ッ꺿�싀궰㉲꺿�싀궰�꺠뮼궰ッ꺜▣™�슿�궰뮨꺜▣™�슿�궰씳꺠뮼궰�꺿�싀궰올꺿�싀궰시꺠뮼궰ッ꺿�┚궰≥꺿�싀궰�꺠뮼궰�꺿�싀궰뼙꺿�싀궰� List *************/
.professor_list{}
.professor_list:after{content:''; display:block; clear:both;}
.professor_list dl{float:left; position: relative; margin:0 30px 30px 0; width: calc((100% - 60px)/3);}
.professor_list dl:nth-child(3n){margin-right:0;}
.professor_list dl a{display:flex; flex-wrap:wrap; align-items:center; box-sizing:border-box; border:1px solid #ddd; border-radius:8px; padding:40px; position:relative; transition:all .3s linear;}
.professor_list dl a:hover{border-color:#00b5e2;}
.professor_list dl a:after{content:''; display:inline-block; width:32px; height:32px; background:url('/img/syu_icon.png') no-repeat center/100% auto; position: absolute; right:20px; top:22px;}
.professor_list dl dt{width:160px; border-radius:8px; overflow:hidden;}
.professor_list dl dt img{max-width:100%; width:100%; background-repeat:no-repeat; background-size:cover; background-position:center;}
.professor_list dl dd{width:calc(100% - 160px); padding:0 0 0 40px; box-sizing:border-box;} 
.professor_list dl dd h4{font-size:25px; letter-spacing:-0.75pt; color:#111; line-height:120%; font-weight:300; padding: 0 0 12px;}
.professor_list dl dd h4 strong{display:inline-block; font-weight:700; letter-spacing:-0.75pt; line-height:120%;}
.professor_list dl dd ul{}
.professor_list dl dd ul li{font-size:16px; line-height: 150%; color:#555; box-sizing:border-box; padding:0 0 8px 50px; position:relative; word-break:keep-all; }
.professor_list dl dd ul li:last-child{padding-bottom: 0;}
.professor_list dl dd ul li span{display:inline-block; font-size:14px; line-height: 150%; color:rgba(17,17,17,.5); font-weight:500; letter-spacing:-0.35pt; position:absolute; left:0; top:0;}


/*********** 횄�횂짝횄�싀궰뤓꺿�싀궰늘꺠뮼궰ッ꺿�싀궰㉲꺿�싀궰�꺠뮼궰ッ꺜▣™�슿�궰뮨꺜▣™�슿�궰씳꺠뮼궰�꺿�싀궰올꺿�싀궰시꺠뮼궰ッ꺿�┚궰≥꺿�싀궰�꺠뮼궰�꺿�싀궰뼙꺿�싀궰� View *************/
.professor_view{}
.professor_view .contArea{display: flex; width:100%; position:relative; height:100%; padding:60px 0 0;}
.professor_view .contArea .infoZone{width:590px; }
.professor_view .contArea .infoZone > div{position: -webkit-sticky; position: sticky; top: 0; z-index:99; width:100%;}
.professor_view .infoZone dl{display: flex; flex-wrap:wrap; align-items:center; padding:40px 0; border-bottom: 1px solid #ddd; border-top:3px solid #192f5c;}
.professor_view .infoZone dl dt{width:200px; border-radius:8px; overflow:hidden;}
.professor_view .infoZone dl dt img{max-width:100%; width:100%; background-repeat:no-repeat; background-size:cover; background-position:center;}
.professor_view .infoZone dl dd{width:calc(100% - 200px); padding:0 0 0 40px; box-sizing:border-box;} 
.professor_view .infoZone dl dd h4{font-size:25px; letter-spacing:-0.75pt; color:#111; line-height:120%; font-weight:300; padding: 0 0 15px;}
.professor_view .infoZone dl dd h4 strong{display:inline-block; font-weight:700; letter-spacing:-0.75pt; line-height:120%;}
.professor_view .infoZone dl dd ul{}
.professor_view .infoZone dl dd ul li{font-size:18px; line-height: 150%; color:#555; box-sizing:border-box; padding:0 0 10px 60px; position:relative; word-break:keep-all; }
.professor_view .infoZone dl dd ul li:last-child{padding-bottom: 0;}
.professor_view .infoZone dl dd ul li span{display:inline-block; font-size:16px; line-height: 150%; color:rgba(17,17,17,.5); font-weight:500; letter-spacing:-0.35pt; position:absolute; left:0; top:0;}

.professor_view .contArea .contZone{width:calc(100% - 590px); padding:0 0 0 100px; box-sizing:border-box;}
.professor_view .contZone h3{font-size:25px; font-weight:700; letter-spacing:-0.75pt; line-height:140%; word-break:keep-all; color:#192f5c; padding:60px 0 15px;}
.professor_view .contZone h3:first-child{padding-top: 0;}

.professor_view .list_btn{text-align:right; margin:20px 0 0;}
.professor_view .list_btn .btn_w{display: inline-block; text-align: center; height: 50px; line-height: 48px; width: 100px; border: 1px solid #ccc; font-size: 0.9222rem; letter-spacing: -0.5pt; color:#777; vertical-align: top; transition: all 0.3s linear; box-sizing: border-box; border-radius: 3px; background:#fff; cursor:pointer; padding:0;}
.professor_view .list_btn .btn_w:hover{border-color:#555; color:#222;}




/*******************************************************************************
    @media 1700px
*******************************************************************************/
@media all and (max-width:1700px){

/*********** 횄�횂짝횄�싀궰뤓꺿�싀궰늘꺠뮼궰ッ꺿�싀궰㉲꺿�싀궰�꺠뮼궰ッ꺜▣™�슿�궰뮨꺜▣™�슿�궰씳꺠뮼궰�꺿�싀궰올꺿�싀궰시꺠뮼궰ッ꺿�┚궰≥꺿�싀궰�꺠뮼궰�꺿�싀궰뼙꺿�싀궰� List *************/
.professor_list{}
.professor_list dl{width: calc((100% - 30px)/2);}
.professor_list dl:nth-child(3n){margin-right:30px;}
.professor_list dl:nth-child(2n){margin-right:0;}

/*********** 횄�횂짝횄�싀궰뤓꺿�싀궰늘꺠뮼궰ッ꺿�싀궰㉲꺿�싀궰�꺠뮼궰ッ꺜▣™�슿�궰뮨꺜▣™�슿�궰씳꺠뮼궰�꺿�싀궰올꺿�싀궰시꺠뮼궰ッ꺿�┚궰≥꺿�싀궰�꺠뮼궰�꺿�싀궰뼙꺿�싀궰� View *************/
.professor_view{}
.professor_view .contArea{}
.professor_view .contArea .infoZone{width:480px;}
.professor_view .contArea .contZone{width:calc(100% - 480px); padding:0 0 0 60px;}



}




/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1280px){



/******** 횄�횂짤횄짖창�슿�궰┚꺜▣™�슿�궰걘꺠뮼궰っ꺿�싀궰냉꺿�싀궰졗꺠뮼궰ッ꺿�┚궰맡꺿�싀궰뮨꺠뮼궰�꺿�싀궰올꺿�싀궰시꺠뮼궰ッ꺿�┚™궗�▣꺿�싀궰겷꺠뮼궰�꺿�싀궰올꺿�싀궰� ********/
.department_view{}
.department_top{}
.department_top dl{padding: 50px 0; align-items: flex-start;}
.department_top dl dt{width:500px;}
.department_top dl dd{padding:20px 0 0 40px; width:calc(100% - 500px);}
.department_top dl dd small{font-size:13px; padding:0 0 8px;} 
.department_top dl dd h3{font-size:36px; padding:0 0 18px;}

.tabStyle{}
.tabStyle ul{}
.tabStyle ul li{line-height: 60px;}


.department_in{padding:60px 0 0;}

.major_cont{}
.major_cont .subTit{margin:40px 0 15px;}


/*********** 횄�횂짝횄�싀궰뤓꺿�싀궰늘꺠뮼궰ッ꺿�싀궰㉲꺿�싀궰�꺠뮼궰ッ꺜▣™�슿�궰뮨꺜▣™�슿�궰씳꺠뮼궰�꺿�싀궰올꺿�싀궰시꺠뮼궰ッ꺿�┚궰≥꺿�싀궰�꺠뮼궰�꺿�싀궰뼙꺿�싀궰� List *************/
.professor_list{}
.professor_list dl{margin:0 20px 20px 0; width: calc((100% - 20px)/2);}
.professor_list dl:nth-child(3n){margin-right:20px;}
.professor_list dl:nth-child(2n){margin-right:0;}
.professor_list dl a{padding:30px;}
.professor_list dl dt{width:140px;}
.professor_list dl dd{width:calc(100% - 140px); padding:0 0 0 30px;} 
.professor_list dl dd h4{font-size:21px; padding: 0 0 10px;}
.professor_list dl dd ul{}
.professor_list dl dd ul li{font-size:14px; padding:0 0 6px 50px;}
.professor_list dl dd ul li span{font-size:13px;}


/*********** 횄�횂짝횄�싀궰뤓꺿�싀궰늘꺠뮼궰ッ꺿�싀궰㉲꺿�싀궰�꺠뮼궰ッ꺜▣™�슿�궰뮨꺜▣™�슿�궰씳꺠뮼궰�꺿�싀궰올꺿�싀궰시꺠뮼궰ッ꺿�┚궰≥꺿�싀궰�꺠뮼궰�꺿�싀궰뼙꺿�싀궰� View *************/
.professor_view{}
.professor_view .contArea{}
.professor_view .contArea .infoZone{width:420px;}
.professor_view .infoZone dl{padding:30px 0;}
.professor_view .infoZone dl dt{width:140px;}
.professor_view .infoZone dl dd{width:calc(100% - 140px); padding:0 0 0 30px;} 
.professor_view .infoZone dl dd h4{font-size:21px; padding: 0 0 12px;}
.professor_view .infoZone dl dd ul{}
.professor_view .infoZone dl dd ul li{font-size:16px; padding:0 0 8px 60px;}
.professor_view .infoZone dl dd ul li:last-child{padding-bottom: 0;}
.professor_view .infoZone dl dd ul li span{font-size:14px;}

.professor_view .contArea .contZone{width:calc(100% - 420px); padding:0 0 0 50px;}
.professor_view .contZone h3{font-size:21px; padding:40px 0 12px;}

}

/*******************************************************************************
    @media  ~980px                body,html{font-size:14px; }     3%
*******************************************************************************/
@media all and (max-width:980px){


/* 횄�횂짠횄�싀궰㎴꺿�싀궰뼙꺠뮼궰ッ꺿�┚™궗�▣꺜▣™�슿�끒씹꺠뮼궰ッ꺜▣™궗큄횂짭횄짖창�슿�™�왖▣꺠뮼궰┚꺜▣™궗큄횂짭횄�싀궰㉲꺠뮼궰�꺿�싀궰▣꺿�┚궰졗꺠뮼궰▣꺜▣™�슿�궰씳꺿�싀궰� */
.cate_tab{margin: 0 auto 30px;}
.cate_tab ul{}
.cate_tab ul li{}
.cate_tab ul li a{padding: 15px 24px;} 




/******** 횄�횂짤횄짖창�슿�궰┚꺜▣™�슿�궰걘꺠뮼궰っ꺿�싀궰냉꺿�싀궰졗꺠뮼궰ッ꺿�┚궰맡꺿�싀궰뮨꺠뮼궰�꺿�싀궰올꺿�싀궰시꺠뮼궰ッ꺿�┚™궗�▣꺿�싀궰겷꺠뮼궰�꺿�싀궰올꺿�싀궰� ********/
.department_view{}
.department_top{}
.department_top dl{padding: 40px 0;}
.department_top dl dt{width:350px;}
.department_top dl dd{padding:20px 0 0 30px; width:calc(100% - 350px);}
.department_top dl dd small{padding:0 0 6px;} 
.department_top dl dd h3{font-size:28px; padding:0 0 12px;}

.tabStyle{}
.tabStyle ul{}
.tabStyle ul li{line-height: 50px;}

.department_in{padding:40px 0 0;}

.major_cont{}
.major_cont .subTit{margin:30px 0 10px;}

.subject_cont{}
.subject_cont .downloadBtn_wrap{margin:0 0 10px;}
.subject_cont .downloadBtn_wrap .downloadBtn{font-size:13px; padding:0 20px; height:40px; line-height:40px;}
.subject_cont .downloadBtn_wrap .downloadBtn:before{width:14px; height:14px; margin:-4px 8px 0 0;}


/*********** 횄�횂짝횄�싀궰뤓꺿�싀궰늘꺠뮼궰ッ꺿�싀궰㉲꺿�싀궰�꺠뮼궰ッ꺜▣™�슿�궰뮨꺜▣™�슿�궰씳꺠뮼궰�꺿�싀궰올꺿�싀궰시꺠뮼궰ッ꺿�┚궰≥꺿�싀궰�꺠뮼궰�꺿�싀궰뼙꺿�싀궰� List *************/
.professor_list{}
.professor_list dl{margin:0 0 10px; width: 100%;}
.professor_list dl:nth-child(3n){margin-right:0;}
.professor_list dl:nth-child(2n){margin-right:0;}




/*********** 횄�횂짝횄�싀궰뤓꺿�싀궰늘꺠뮼궰ッ꺿�싀궰㉲꺿�싀궰�꺠뮼궰ッ꺜▣™�슿�궰뮨꺜▣™�슿�궰씳꺠뮼궰�꺿�싀궰올꺿�싀궰시꺠뮼궰ッ꺿�┚궰≥꺿�싀궰�꺠뮼궰�꺿�싀궰뼙꺿�싀궰� View *************/
.professor_view{}
.professor_view .contArea{flex-wrap:wrap; padding:40px 0 0;}
.professor_view .contArea .infoZone{width:100%;}
.professor_view .contArea .infoZone > div{position: relative;}

.professor_view .contArea .contZone{width:100%; padding:30px 0 0;}
.professor_view .contZone h3{padding:30px 0 10px;}

.professor_view .list_btn .btn_w{height: 48px; line-height: 46px; width: 90px;}


}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){


/* 횄�횂짠횄�싀궰㎴꺿�싀궰뼙꺠뮼궰ッ꺿�┚™궗�▣꺜▣™�슿�끒씹꺠뮼궰ッ꺜▣™궗큄횂짭횄짖창�슿�™�왖▣꺠뮼궰┚꺜▣™궗큄횂짭횄�싀궰㉲꺠뮼궰�꺿�싀궰▣꺿�┚궰졗꺠뮼궰▣꺜▣™�슿�궰씳꺿�싀궰� */
.cate_tab{margin: 0 auto 20px; padding:0 3%; box-sizing:border-box; overflow: hidden; position: relative; }
.cate_tab:before{content:''; display:block; width:94%; height:3px; background:#eef3fc; position:absolute; left:3%; bottom:0;}
.cate_tab ul{display:block; white-space:nowrap; text-align:center; font-size:0; }
.cate_tab ul li{float:none; display:inline-block; margin:0;}
.cate_tab ul li a{padding: 10px 15px;} 
.cate_tab ul li a:before{display: none;}
.cate_tab ul li a:after{height: 2px;}


/******** 횄�횂짤횄짖창�슿�궰┚꺜▣™�슿�궰걘꺠뮼궰っ꺿�싀궰냉꺿�싀궰졗꺠뮼궰ッ꺿�┚궰맡꺿�싀궰뮨꺠뮼궰�꺿�싀궰올꺿�싀궰시꺠뮼궰ッ꺿�┚™궗�▣꺿�싀궰겷꺠뮼궰�꺿�싀궰올꺿�싀궰� ********/
.department_view{}
.department_top{}
.department_top dl{padding: 30px 0;}
.department_top dl dt{width:100%;}
.department_top dl dd{padding:20px 0 0; width:100%;}
.department_top dl dd h3{font-size:24px; padding:0 0 10px;}

.tabStyle{}
.tabStyle ul{}
.tabStyle ul li{line-height: 40px;}

.department_in{padding:30px 0 0;}

.major_cont{}
.major_cont .subTit{margin:25px 0 8px;}

.subject_cont{}
.subject_cont .downloadBtn_wrap .downloadBtn{font-size:11px; padding:0 15px; height:36px; line-height:36px;}
.subject_cont .downloadBtn_wrap .downloadBtn:before{width:12px; height:12px; margin:-4px 5px 0 0;}


/*********** 횄�횂짝횄�싀궰뤓꺿�싀궰늘꺠뮼궰ッ꺿�싀궰㉲꺿�싀궰�꺠뮼궰ッ꺜▣™�슿�궰뮨꺜▣™�슿�궰씳꺠뮼궰�꺿�싀궰올꺿�싀궰시꺠뮼궰ッ꺿�┚궰≥꺿�싀궰�꺠뮼궰�꺿�싀궰뼙꺿�싀궰� List *************/
.professor_list{}
.professor_list dl a{padding:20px;}
.professor_list dl a:after{width:26px; height:26px; right:15px; top:15px;}
.professor_list dl dt{width:100px;}
.professor_list dl dd{width:calc(100% - 100px); padding:0 0 0 20px;} 
.professor_list dl dd h4{font-size:18px;}
.professor_list dl dd ul{}
.professor_list dl dd ul li{font-size:13px;}
.professor_list dl dd ul li span{font-size:12px;}


/*********** 횄�횂짝횄�싀궰뤓꺿�싀궰늘꺠뮼궰ッ꺿�싀궰㉲꺿�싀궰�꺠뮼궰ッ꺜▣™�슿�궰뮨꺜▣™�슿�궰씳꺠뮼궰�꺿�싀궰올꺿�싀궰시꺠뮼궰ッ꺿�┚궰≥꺿�싀궰�꺠뮼궰�꺿�싀궰뼙꺿�싀궰� View *************/
.professor_view{}
.professor_view .infoZone dl{padding:20px 0; align-items: flex-start; border-top:2px solid;}
.professor_view .infoZone dl dt{width:120px;}
.professor_view .infoZone dl dd{width:calc(100% - 120px); padding:0 0 0 25px;} 
.professor_view .infoZone dl dd h4{font-size:18px; padding: 0 0 10px;}
.professor_view .infoZone dl dd ul{}
.professor_view .infoZone dl dd ul li{font-size:14px; padding:0 0 6px 60px;}
.professor_view .infoZone dl dd ul li:last-child{padding-bottom: 0;}
.professor_view .infoZone dl dd ul li span{font-size:13px;}

.professor_view .contArea .contZone{padding:20px 0 0;}
.professor_view .contZone h3{font-size:18px; padding:20px 0 8px;}


.professor_view .list_btn{margin:10px 0 0;}
.professor_view .list_btn .btn_w{height: 38px; line-height: 36px; width: 80px;}



}
/*******************************************************************************
    @media ~480px                body,html{font-size:13px; }
*******************************************************************************/
@media all and (max-width:480px){





}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){



/*********** 횄�횂짝횄�싀궰뤓꺿�싀궰늘꺠뮼궰ッ꺿�싀궰㉲꺿�싀궰�꺠뮼궰ッ꺜▣™�슿�궰뮨꺜▣™�슿�궰씳꺠뮼궰�꺿�싀궰올꺿�싀궰시꺠뮼궰ッ꺿�┚궰≥꺿�싀궰�꺠뮼궰�꺿�싀궰뼙꺿�싀궰� List *************/
.professor_list{}
.professor_list dl dt{width:100%;}
.professor_list dl dd{width:100%; padding:15px 0 0;} 


/*********** 횄�횂짝횄�싀궰뤓꺿�싀궰늘꺠뮼궰ッ꺿�싀궰㉲꺿�싀궰�꺠뮼궰ッ꺜▣™�슿�궰뮨꺜▣™�슿�궰씳꺠뮼궰�꺿�싀궰올꺿�싀궰시꺠뮼궰ッ꺿�┚궰≥꺿�싀궰�꺠뮼궰�꺿�싀궰뼙꺿�싀궰� View *************/
.professor_view{}
.professor_view .infoZone dl dt{width:100%;}
.professor_view .infoZone dl dd{width:100%;  padding:15px 0 0;} 

}

.brd_list_top {margin-bottom:30px;}
.brd_list_top * {display:inline-block;font-size:15px;color:#333;font-family:'Noto Sans Korean';letter-spacing:0;}
.list_amount {margin-right:15px;}
.list_amount span,
.list_page strong {color:#003b98;font-weight: 800;}

.sort {display:inline-block;width:100%;max-width:80px;padding:0 10px;text-align:center;font-size:14px;color:#fff;line-height:34px;font-weight:400;margin:0 auto;border-radius: 3px;}
.sort1 {background:#003b98;}
.sort2 {background: #192f5c;}
.sort3 {background:#555;}


.sortArr{float: right;}

/* Modal Window*/
.modal_win {position:fixed;width:100%;height:100%;top:0;left:0;bottom:0;text-align: center; background-color:rgba(0,0,0,.5);z-index: -1;opacity:0;transition:all 0.2s;}
.modal_win.on{opacity:1;z-index:9999;}
.modal_container {position: relative;display: inline-block;text-align: left;top:50%;transform: translateY(-50%);background: #fff;border-radius: 5px;padding:30px 30px 50px;width: 80%; min-width:360px;max-width:860px; max-height: 95%;}
.modal_content {position: relative;}
.modal_content .tit {position: relative;}
.modal_content .tit h2 {font-size: 24px;font-weight: 500;color: #000;margin-bottom: 20px;}
/*.modal_content .content {height: calc(100vh - 240px);overflow: hidden; overflow-y: auto;}*/
.modal_content .content {}
.modal_content .long_content {height: calc(100vh - 240px);overflow: hidden; overflow-y: auto;}
.modal_content .content .terms_content {}
.modal_content .btn_modal_close {position: absolute;right: -10px;top:-10px;color: #000;font-size: 30px;width: 40px;height: 40px;border-radius: 50%;border:1px solid #555;text-align: center;line-height: 40px;padding: 0;}
.modal_content .btn_modal_close:hover {color:#fff;background:#333;border-color:#333;}
/* Sub0301_contract_apply */
.contract .desc h5 {font-size:22px;text-align:center;margin:0 0 30px;word-break: keep-all;background-color: #eee;padding: 10px;}
.contract_apply textarea {font-size:15px;color:#333;border:1px solid #ddd;outline:None;resize:none;height:500px;width:100%;padding:40px 50px;}

/* Sub0301_contract_search */
.contract .seaTabs {margin-top:50px;}
.contract .seaTabs_switch {text-align:center;}
.contract .seaTabs_tab {position:relative;text-align:left;width:320px;padding:25px 0 25px 100px;border:1px solid #fc722e;background:url("/resources/user/_EDU/images/sub/icon_switch1.png") no-repeat 40px center;}
.contract .seaTabs_tab:last-child {background-image:url("/resources/user/_EDU/images/sub/icon_switch2.png");}
.contract .seaTabs_tab .img {position:absolute;left:40px;top:50%;transform:translateY(-50%);}
.contract .seaTabs_tab h5 {font-size:20px;color:#fc722e;font-weight:500;margin-bottom:5px;}
.contract .seaTabs_tab p {font-size:15px;color:#ff894f;}
.contract .seaTabs_switch_active {background-color:#fc722e;background-image:url("/resources/user/_EDU/images/sub/icon_switch1_on.png");}
.contract .seaTabs_switch_active:last-child {background-image:url("/resources/user/_EDU/images/sub/icon_switch2_on.png");}
.contract .seaTabs_switch_active h5 {font-weight:400;color:#fff;}
.contract .seaTabs_switch_active p {font-weight:300;color:#fff;}
.contract_srch {border:1px solid #fc722e;padding:55px;text-align:center;margin:-1px 0 50px;}
.contract_srch p {font-size:18px;}
.contract_srch .inner {max-width:400px;border-bottom:3px solid #000;margin:20px auto 0;}

/* Sub0301_contract_write */
.contract .tb_brd_write td {border-right:1px solid #ddd;}
.contract td:last-child {border-right:none;}
.contract a.btn_bdr555 {display:inline-block;vertical-align:middle;line-height:38px;margin-left:2px;}
.colorBL {color:#003b98;}
.txt_center {text-align:center !important;}
.contract .colorBL {padding:15px 30px;background:none;}
.contract .colorBL > span {font-size:18px;font-weight: 500;text-align: left !important;}
.contract .input_numb {display:inline-block;margin:3px 30px 3px 0;}
.contract .input_numb:last-child {margin:0;}
.contract .input_numb span:first-child {margin-left:0;}

/* 230622, content.css */
@media screen and (max-width:640px) {
    .contract .tb_brd_write {}
    .contract .tb_brd_write colgroup {display: none;}
    .contract .tb_brd_write table tr {padding: 0;}
    .contract .tb_brd_write table th {text-align: center;}
    .contract .tb_brd_write table td {padding: 10px; text-align: center;}
    .contract .tb_brd_write #CC_CEO_NAME {max-width: unset; margin: 0;}
    .contract .tb_brd_write #CC_POST {width: calc(100% - 102.5px); max-width: unset;}
    .contract .tb_brd_write #CC_MANAGER {max-width: unset;}
    .contract .tb_brd_write #CC_TEL {max-width: unset;}
    .contract .tb_brd_write #CC_PHONE {max-width: unset;}
    .contract .tb_brd_write #CC_FAX {max-width: unset;}
    .contract .tb_brd_write table .error {margin-left: 0;}
    .contract .tb_brd_write .fileDownLoadBtn2 {width: 100%; margin-top: 3px;}
    .contract .input_numb {display: flex; align-items: center; width: 100%;}
    .contract .input_numb span {flex-shrink: 0; width: 60px; text-align: left;}
    .contract .tb_brd_write th.colorBL.txt_center {padding-top: 40px;}
    .contract .tb_brd_write .tb_fix_wrap {padding-top: 40px;}
    .contract .tb_brd_write .tb_fix_wrap .tb_title {margin-bottom: 10px;}
    .contract .tb_brd_write .tb_fix_wrap .contractDelete {margin-top: -15px; margin-bottom: 20px;}
}
/* write */
.tb_brd_write {border-top:3px solid #003b98;}
.tb_brd_write tr.bdr_top {border-top:2px solid #003b98;}
.tb_brd_write tr.bdr_bottom {border-bottom:2px solid #003b98;}
.tb_brd_write th,
.tb_brd_write td {border-bottom:1px solid #ddd;}
.tb_brd_write th {border-right:1px solid #ddd;text-align: left !important;padding:0 30px;background:#f6f9ff}

.tb_brd_write th.colorBL {border-right:none;}
.tb_brd_write th span {vertical-align:middle;font-size:16px;font-weight:500;}
.tb_brd_write th .file_add_btns {display: inline-block;margin:5px 0 0 10px;font-size: 0;}
.tb_brd_write th a {display:inline-block;vertical-align:middle;background:url("/resources/user/_EDU/images/sub/file_del.png") no-repeat center;width:18px;height:18px;margin-left:3px;}
.tb_brd_write th a.add_file {background-image:url("/resources/user/_EDU/images/sub/file_add.png");}
.tb_brd_write td {padding:20px 30px;}
.tb_brd_write input {height:40px;border:1px solid #ddd;padding:0 10px;outline:none;width:100%;color:#000;margin:2px 0;box-sizing: border-box;}
.tb_brd_write textarea {min-height:210px;width:100%;outline:none;border:1px solid #ddd;resize:none;padding:15px;color: #000;}

.brd_btn li a, 
.brd_btn li button {width: 120px !important;line-height: 50px !important;font-size: 18px !important;text-align: center;}

@media screen and (max-width:1060px){
    .tb_brd_write td {padding:15px 20px;}
}
@media screen and (max-width:960px){
    .tb_brd_write th,
    .tb_brd_write td {padding:15px 15px}
    .tb_brd_write th .file_add_btns {display: block; margin: 5px 0 0 0;}
}
@media screen and (max-width:640px){
    .view_head {padding:25px 20px;}
    .view_head h4 {font-size: 20px;}
    .view_head dd {margin: 0 10px 0 5px;}
    .view_cont .text {padding: 30px 20px;font-size: 15px;}
    .view_bott {padding:20px 20px;overflow: hidden;}
    
    .tb_brd_write th, 
    .tb_brd_write td {padding: 15px;}
    /* 230622 */
    .tb_brd_write th {border-bottom: none;}
    /* // 230622 */

    .tb_brd_write th span {font-size: 15px;}
    .tb_brd_write input.upload_name,
    .tb_brd_write input.upload_name2 {max-width: none;}
    .tb_brd_write #file_upload + label,
    .tb_brd_write .file_upload + label{width: 100%;margin-top:5px;text-align: center;}
}
@media screen and (max-width:480px){
    .view_head {padding: 20px 10px;}
    .view_head dl {font-size: 0;}
    .view_head dl * {font-size: 14px;}
    .view_head dl dt {width:20%;margin:2px 0;}
    .view_head dl dd {width: 80%;margin:2px 0;}
    .view_cont .text {padding: 20px 10px;font-size: 15px;}
    .view_file {padding:20px 10px;}
    .view_file dt {margin-right:20px;font-size: 14px;}
    .view_bott {padding: 15px 10px;}
    .view_bott ul {padding-left:20px;}
    .view_bott .list_ctrl a {font-size: 13px;}
    .view_bott a {font-size: 13px;}
    
    .tb_brd_write th, 
    .tb_brd_write td {padding-left:10px; padding-right: 10px;}
    .tb_brd_write input {height: 38px;}
    
    .brd_btn li a, 
    .brd_btn li button {width: 100px !important;line-height: 44px !important;font-size: 16px !important;}
}
/* 횄�횂짧횄�싀궰돤꺿�싀궰먄꺠뮼궰�꺿�┚™궗흹횄�싀궰≥꺠뮼궰�꺜▣™�슿�궰뮨꺿�싀궰졗꺠뮼궰�꺿�싀궰꼴꺿�싀궰� 횄�횂짧횄�싀궰걘꺿�┚™궗흹횄�횂짭횄�싀궰씳꺿�싀궰맡꺠뮼궰�꺿�싀궰졗꺜▣™�슿�궰▣꺠뮼궰ッ꺿�싀궰냉꺿�싀궰� 횄�횂짬횄�싀궰뤓꺜▣™궗탑횂짖횄�횂짭횄�싀궰씳꺿�뮨끸�� popup 횄�횂짭횄�싀궰뗐꺜▣™�슿�궰씳꺠뮼궰っ꺿�싀궰걘꺜▣™궗큄횂짭  */
.btn_agree_popup {display: inline-block;line-height: 40px;font-size: 15px;color: #fff;background: #003b98;padding: 0 20px;}
.btn_agree_popup2 {display: inline-block;line-height: 40px;font-size: 15px;color: #fff;background: #003b98;padding: 0 20px;}
.bt_area {
    position: absolute;
    right: 11px;
    margin-top: 9px;
}
.agree_popup_bg {display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #000; opacity: 0.4; z-index: 20;}
.agree_popup {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 90vw; width: 480px; max-height: 90vh; background-color: #fff; z-index: 21; padding: 30px 30px 25px 30px;}
.agree_popup h2 {text-align: center; font-size: 24px; margin-bottom: 30px;}
.agree_popup label {display: inline-flex; align-items: center; font-size: 16px; margin-top: 10px;}
.agree_popup input[type=checkbox] {min-width: 18px; height: 18px; margin: 0; margin-right: 10px;}
.agree_popup .txt_box {border: 1px solid #ddd; max-height: 200px; padding: 15px; overflow-y: auto; font-size: 15px; line-height: 1.3; margin-bottom: 20px;}
.agree_popup .txt_box::-webkit-scrollbar {width: 10px;}
.agree_popup .txt_box::-webkit-scrollbar-thumb {background-color: #ccc; width: 0; border-color: #fff; border-style: solid; border-width: 2px 3px; border-radius: 10px;}
.agree_popup .txt_box::-webkit-scrollbar-track {background-color: #f9f9f9;}
.agree_popup .txt_box .line {margin-bottom: 10px;}
.agree_popup .with_num {position: relative; padding-left: 15px;}
.agree_popup .with_shape {position: relative; padding-left: 20px; margin-top: 7px;}
.agree_popup .with_num .num {position: absolute; top: 0; left: 0;}
.agree_popup .with_shape .shape {position: absolute; top: 0; left: 0;}
.agree_popup .btn_box {display: flex; justify-content: space-between; margin-top: 20px;}
.agree_popup .btn_box button {color: #fff; width: 49.7%; padding: 10px; font-size: 16px;}
.agree_popup .btn_verify {background-color: #002d76;}
.agree_popup .btn_cancel {background-color: #888;}

@media screen and (max-width:480px) {
  .agree_popup {padding: 20px 15px 15px;}
  .agree_popup h2 {font-size: 18px; margin-bottom: 20px;}
  .agree_popup input[type=checkbox] {min-width: 16px; height: 15px; margin-right: 7px;}
  .agree_popup .txt_box {font-size: 14px;}
  .agree_popup label {font-size: 13px;}
  .agree_popup .btn_box button {font-size: 13px; padding: 8px;}
}
/* Sub0301_Education_Write */
.tb_fix_wrap {overflow: hidden;overflow-x: auto;}
.tb_edu2 {min-width: 1100px;border-top:2px solid #003b98;}
.tb_title {font-size: 18px;font-weight: 500;padding: 15px 30px;text-align: left;color: #003b98;}
.tb_brd_write thead th {height:60px;text-align:center;}
.tb_brd_write thead th:last-child {border-right:none;}
.btn_tb_srch {display:inline-block;width:34px;height:34px;border-radius:50%;border:1px solid #ddd;background:url("/resources/user/_EDU/images/sub/btn_tb_srch.png") no-repeat center;text-indent: -9999px;}
/*횄�횂짯횄�뮨끸�쑦꺜▣™�슿�떺벭꺠뮼궰�꺜▣™�슿�궰▣꺿�싀궰시꺠뮼궰っ꺿�싀궰맡꺿�싀궰걘꺠뮼궰�꺜▣™�슿�™궗혶횄짖창�슿�궰� 횄�횂짭횄�싀궰≥꺿�싀궰걘꺠뮼궰�꺿�┚궰≥꺿�┚™궗�� 횄�횂짬횄�싀궰㈒꺜▣™�슿�궰씳꺠뮼궰ッ꺜▣™�슿�궰걘꺿�싀궰�*/
span.btn_tb {display:inline-block;border:1px solid #003b98;font-size:15px;color:#003b98;line-height:28px;padding:5px 15px;}
span.btn_tb.bg_blue {color:#fff;}
.tb_col.contractWrap td {padding: 15px 10px;}

.tb_fix_wrap .contractAdd{float: right;margin-top: -8px;padding: 0 20px;line-height: 30px;}
.tb_fix_wrap .contractDelete{padding: 0 20px;background: #FF9800;line-height: 30px;color: #fff;}
.tb_fix_wrap .contractDelete:hover{background: #be704c;}

/*횄�횂짯횄�뮨끸�쑦꺜▣™�슿�떺벭꺠뮼궰�꺜▣™�슿�궰▣꺿�싀궰시꺠뮼궰っ꺿�싀궰맡꺿�싀궰걘꺠뮼궰�꺜▣™�슿�™궗혶횄짖창�슿�궰� 횄�횂짭횄�┚궰졗꺿�싀궰뮨꺠뮼궰�꺿�싀궰씳꺿�싀궰맡꺠뮼궰ッ꺿�┚™궗�▣꺜▣™궗큄횂짭횄�횂짧횄�싀궰맡꺿�싀궰� css*/
span.btn_tb.notOk {border: 1px solid #de0000;color: #de0000;}

.fileDownLoadBtn{color: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #2f8ab9; border-radius: 25px; margin-top: 20px; background: #2f8ab9;}
.fileDownLoadBtn2{display: inline-block;/* line-height: 40px; */font-size: 15px;color: #fff;background: #a1a9b5;padding: 7px 20px;}

/*********** List *************/
.faq_list {position:relative; border-top:1px solid #000;}
.faq_list dl{position:relative; border:1px solid #D7E2EA; border-top:0;}
.faq_list dt{width:100%; transition:all 0.3s;}
.faq_list dt a{position:relative; display:block; cursor:pointer;  padding:26px 60px 26px 70px; background:#fff url('/images/user/faq_arrow_down.svg') right 30px center no-repeat  ; letter-spacing: -0.05em;}
.faq_list dt a.active{color:#222; font-weight:500; background:url('/images/user/faq_arrow_up.svg') right 30px center no-repeat}
.faq_list dt a span{position:absolute; left:30px; top:28px; display:inline-block; font-weight:600; color:var(--mainColor); font-size:25px; font-family:var(--eng); line-height:1;}
.faq_list dt a span.cat{font-weight:normal; font-size:14px; color:#333; margin-right:5px;}
.faq_list .check{position:absolute; z-index:99; top:16px; width:20px;}
.faq_list dt input[type="checkbox"]{display:inline-block; width:20px;}
.faq_list dd{position:relative; border-top:1px solid #D7E2EA; padding:27px 70px 27px 70px; background:#F3F7F9; display: none;}
.faq_list dd span.ans{position:absolute; left:30px; top:28px; font-weight:600; color:rgba(34,34,34,0.5); font-size:25px; line-height:1; padding-right:10px; opacity:0; transition: all 0.3s; font-family:var(--eng); }
.faq_list dd.open span.ans{opacity:1; transition: all 0.3s;}
.faq_list dd .faqCont{opacity:0; transition: all 0.3s;}
.faq_list dd.open .faqCont{opacity:1; transition: all 0.3s;}
.faq_list dd p.btn{padding-top:10px;}

.faq_btn{width:100%; padding-top:10px;}
.faq_btn li.sel_btn{float:left;}
.faq_btn li.list_btn{float:right;}

.case_btn{text-align:center; padding-top:30px;}


.view_file {position: relative;overflow: hidden; background:#fff; padding:25px 30px;  margin-top:20px; border-radius:5px; display:flex; flex-wrap:wrap; align-items:center;}
.view_file .btit {font-size:1rem; color:#222;width:145px; font-weight:600;}
.view_file .btit span {display:inline-block; color:#222; font-size:19px; margin-right:5px; position:relative; top:4px;}
.view_file .bstxt{width:calc(100% - 145px);}
.view_file .bstxt a {position:relative; font-size:1rem; word-break: break-all; letter-spacing:-0.3pt; text-decoration:underline;}


/* page_num */
.page_num{padding:60px 0 40px;}

/* 횄�횂짯횄�┚궰시꺿�뮨끸�쑦꺠뮼궰�꺿�싀궰씳꺿�싀궰늘꺠뮼궰�꺿�싀궰㎴꺜▣™궗큄횂짭 횄�횂짬횄짖창�슿�끒씹꺿�뮨끸�쑦꺠뮼궰ッ꺿�싀궰꼴꺜▣™�슿�끒� */
.page_number_on{font-weight:bold; float:left; line-height:12px; padding-top:4px; width:24px; height:20px; text-align:center; margin:0 2px; background:#646b74; color:#fff;}
.page_number{border:1px solid #ddd; font-weight:bold; line-height:12px; padding-top:4px; width:24px; height:20px; float:left; text-align:center; margin:0 2px;}


/* 횄�횂짧횄�싀궰꼴꺜▣™궗큄횂짭횄�횂짭횄�졗™궗�▣꺜▣™�슿�궰걘꺠뮼궰ッ꺿�싀궰걘꺜▣™�슿�궰� */
.bbs_search {text-align:center; /* padding-top:20px */}
.bbs_search label {font-size:0;}
.bbs_search form {display:flex; flex-wrap:wrap; align-items:center; width:513px; justify-content: space-between; margin:0 auto;}
.bbs_search dt {width:130px;}
.bbs_search dt select {transition:all 0.5s;width:100%;letter-spacing:-0.03em;color:#222;border: 1px solid #ddd;padding: 11px;}
.bbs_search dd {width:380px; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; }
.bbs_search dd .search_input {width:calc(100% - 81px);}
.bbs_search dd .search_btn {width:78px;height: 46px;background:#222;color:#fff;font-size:0.882rem;padding:0;margin:0;cursor:pointer;font-weight:400;letter-spacing:-0.03em;}

/* 횄�횂짯횄짖창�슿�궰▣꺿�뮨끸�쑦꺠뮼궰ッ꺜▣™�슿�궰뮨꺿�싀궰� 횄�횂짬횄�싀궰꼴꺜▣™�슿�끒씹꺠뮼궰�꺿�┚궰졗꺿�싀궰� */
.bbs_btn {position:relative; overflow:hidden; width:100%; padding-top:30px; /* margin-bottom:52px; */}
.bbs_btn.align_right {text-align:right;}
.bbs_btn li.sel_btn{float:left;}
.bbs_btn li.list_btn{float:right;}
.bbs_btn li.list_btn:after {display:block; content:""; overflow:hidden;}
.bbs_btn a{margin:0 1px;/* width:100px; height:50px; line-height:50px; */display: inline-block;text-align: center;height: 36px;line-height: 36px;width: 80px;}
.bbs_btn input{margin:0 1px;}

/*********** View *************/
.board_view .titArea{padding: 32px 20px; border-top:2px solid #222; border-bottom: 1px solid #ddd; position: relative;}
.board_view .titArea .tit_wrap{position: relative;}
.board_view .titArea .btit{color:#222; font-size:22px; letter-spacing:-0.8pt; margin-bottom:14px; font-weight:600; line-height:1.2; padding-right:75px; box-sizing:border-box;}
.board_view .titArea .bdate{position: relative;}
.board_view .titArea .bdate span {position: relative; display:block;   color:#aaa; line-height:100%; font-size:1rem; }
.board_view .titArea .bdate b {font-weight:400;color:#222; display:inline-block; width:45px;}
.board_view .titArea .count {font-style:normal; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.board_view .titArea .count img {margin-right:7px; position:relative; top:-2px;}

.board_view .conArea{padding:30px 20px}
.board_view .conArea img{max-width:100% !important; height:auto !important}

.board_view .page_next{ position: relative;overflow: hidden;}
.board_view .page_next .prev{position: relative;  overflow: hidden; padding:22px 20px; border-top:1px solid #ddd; display:flex; flex-wrap:wrap; align-items:center;}
.board_view .page_next .next{position: relative; overflow: hidden; padding: 22px 20px; border-top:1px solid #ddd; border-bottom:1px solid #bbb; display:flex; flex-wrap:wrap; align-items:center;}
.board_view .page_next .pt{letter-spacing:-0.3pt; position: relative;font-size:1rem; width:155px; color:#222; line-height:100%; font-weight:600;}
.board_view .page_next .pt:after{content:''; display:block; width:14px; height:8px; background:url('/img/pt.png') no-repeat; position:absolute; right:70px; top:50%; margin-top:-4px;}
.board_view .page_next .next .pt:after{ background:url('/img/pb.png') no-repeat;}
.board_view .page_next .pt2{position: relative; float:left;  width: calc(100% - 155px);}
.board_view .page_next .pt2 a{ display: block; letter-spacing:-0.3pt; color:#666; font-size:1rem; line-height:130%; position:relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.board_view .con_box{margin-top:30px;}

.board_view .view_file{position: relative;overflow: hidden; background:#F3F7F9; padding:25px 30px;  margin-top:20px; border-radius:5px; display:flex; flex-wrap:wrap; align-items:center;}
.board_view .view_file .btit {font-size:1rem; color:#222;width:145px; font-weight:600;}
.board_view .view_file .btit span {display:inline-block; color:#222; font-size:19px; margin-right:5px; position:relative; top:4px;}
.board_view .view_file .bstxt{width:calc(100% - 145px);}
.board_view .view_file .bstxt a {position:relative; font-size:1rem; word-break: break-all; letter-spacing:-0.3pt; text-decoration:underline;}


/*********** Input *************/
.bbs_input p.bbsRemark{display:block; color:#0076bd; font-weight:500; padding:8px 0 0; }
.bbs_input span.bbsRemark{color:#0076bd; font-weight:500; padding-left:8px; }
.bbs_input td.bbsRemark{color:#0076bd; font-weight:500; }
.bbsRemark{color:#0076bd; font-weight:500; padding: 0 0 8px;}

/* 횄�횂짭횄�싀궰졗꺜▣™궗큄횂짭횄�횂짭횄�┚궰씹꺜▣™�슿�떺벭꺠뮼궰っ꺿�싀궰뗐꺿�┚™궗�▣꺠뮼궰っ꺿�싀궰냉꺿�싀궰돤꺠뮼궰�꺿�싀궰㎴꺜▣™궗큄횂짭 */
.input_notice{border:1px solid #ddd; background-color:#f9f9f9; padding:18px 20px;}
.input_notice h4{font-size:16px; font-weight:600; color:#333; letter-spacing:-1pt; padding:0 0 5px 0;}
.input_notice h4 span{color:#d51921; letter-spacing:-1pt;}
.input_notice p.txt{color:#666; line-height:21px; font-size:13px;}
.input_notice p.point{color:#d51921;line-height:21px; padding:3px 0 0 0; text-decoration:underline; font-size:13px;}


.input_msg {padding:15px 0 10px 0; text-align:right;}
.bbs_input {width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #222;}
.bbs_input th {color:#333; text-align:left; padding:8px 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.bbs_input td {border-bottom:1px solid #d4d4d4; padding:8px 10px; text-align: left;}
.bbs_input td.line {border-right:1px solid #d4d4d4; }
.bbs_input td.input_contents textarea {width:100%; padding:5px; box-sizing:border-box; line-height:150%;}

	.subject_table {width:100%;border-collapse:separate; border-spacing:0px;}
	.subject_table td {border:none; padding:0;}
	.subject_table .cat {width:18%;}

/* 횄�횂짬횄�싀궰뤓꺜▣™궗탑횂짖횄�횂짭횄�싀궰씳꺿�뮨끸�쑦꺠뮼궰�꺿�싀궰뤓꺿�싀궰� */
.pri_box {width:100%; border:1px solid #dddddd; padding:15px; margin:10px 0px 20px 0px; box-sizing:border-box;}  
.pri_box p.pri_tit {font-size:14px; font-weight:600; padding-bottom:10px; color:#333;} 
.pri_box .textarea {height:100px;}
.pri_message {width:100%; text-align:right; padding-top:8px; font-family:inherit;}
.pri_message input[type=checkbox] {width:12px; height:12px; margin-right:5px;}

.reply_icon {position:relative; float:left; width:18px; height:30px; background:url('/admin/images/reply_icon.gif') 0 0 no-repeat}


/*********** Passwd *************/
.passwd {width:530px; margin:0 auto; border:2px solid #eaeaea; padding:20px 15px;}
.passwd ul {width:98%; overflow:hidden;}
.passwd li {float:left;}
.passwd .pw_img {margin-right:5px;}
.passwd .line {width:1px; background:#ddd; height:63px;}
.passwd .info {padding-left:28px;}

.passwd  .msg {padding-bottom:10px;}
.passwd  .input_passwd {margin-right:10px}
.passwd  .btn {}


/*********** Comment *************/
.comments {padding:15px 18px; background:#f9f9f9; border-bottom:1px solid #ddd;}
.comments dl{overflow:hidden; padding:0 0 5px 0;}
.comments dl dt{display:inline-block; font-size:13px;}
.comments dl dd{display:inline-block; margin-right:10px;}

.comments ul{overflow:hidden;}
.comments li{float:left; width:calc(100% - 83px);}
.comments li.btn{float:right; width:80px;}
.comments textarea {height:58px;}
.comments .spam_check{}
.comments .spam_check .sub_txt{font-size:13px; display:inline-block;}
.comm_btn_confirm {display:inline-block; width:80px; cursor:pointer; height:58px; text-align:center; color:#fff; border:1px solid #555; background:#555; font-size:13px; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s}


.comments_body{overflow:hidden; border-bottom:1px solid #ddd; padding:15px;}
.comments_body p.file{color:#888; font-size:13px;}
.comments_body p.cont{padding:3px 0 5px 0;}
.comments_body p.info{color:#888; font-size:13px;}
.comments_body p.info strong{color:#333; margin-right:7px}
.comments_body p.info span{margin-right:7px;}
.comments_body p.info span:before{display:inline-block; content:""; width:1px; height:13px; background:#ccc; margin:0 10px -2px 0; overflow:hidden;}


.filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}
.filebox small{font-size:12px; padding:5px 0px;}
.filebox label {
	display: inline-block;
	padding:8px 15px 3px 15px;
	color: #FFF;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #484C57;
	cursor: pointer;
	border: 1px solid #484C57;
	height:20px;
}

/* named upload */
.filebox .upload-name {
	display: inline-block;
	padding: .5em .75em;  /* label횄�횂짭횄�싀궰씳꺿�뮨끸�� 횄�횂짯횄�┚™궗�▣꺿�싀궰㉲꺠뮼궰ッ꺜▣™�슿�궰씳꺿�싀궰㈒꺠뮼궰っ꺿�싀궰걘꺜▣™�슿�™�왖▣꺠뮼궰っ꺿�싀궰냉꺿�싀궰� 횄�횂짭횄�싀궰씳꺿�싀궰셌꺠뮼궰�꺿�싀궰뮨꺿�뮨끸�� */
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	/* background-color: #f5f5f5; */
	border: 1px solid #ccc;
	border-bottom-color: #ccc;
	-webkit-appearance: none; /* 횄�횂짬횄짖창�슿�끒씹꺿�싀궰ㅓ꺠뮼궰�꺿�싀궰씳꺿�싀궰늘꺠뮼궰�꺜▣™�슿�궰뮨꺿�싀궰걘꺠뮼궰ッ꺿�싀궰맡꺿�┚™궗�� 횄�횂짭횄짖창��씹궰▣꺿�싀궰맡꺠뮼궰�꺿�뮨끸�쑦꺜▣™�슿�궰� 횄�횂짧횄�싀궰걘꺿�싀궰먄꺠뮼궰�꺿�싀궰뗐꺜▣™�슿�궰씳꺠뮼궰っ꺿�싀궰맡꺿�싀궰� */
	-moz-appearance: none;
	appearance: none;
	height: 33px;
	width: 200px;
}
.filebox .upload-name1{
	display: inline-block;
	padding: .5em .75em;  /* label횄�횂짭횄�싀궰씳꺿�뮨끸�� 횄�횂짯횄�┚™궗�▣꺿�싀궰㉲꺠뮼궰ッ꺜▣™�슿�궰씳꺿�싀궰㈒꺠뮼궰っ꺿�싀궰걘꺜▣™�슿�™�왖▣꺠뮼궰っ꺿�싀궰냉꺿�싀궰� 횄�횂짭횄�싀궰씳꺿�싀궰셌꺠뮼궰�꺿�싀궰뮨꺿�뮨끸�� */
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	/* background-color: #f5f5f5; */
	border: 1px solid #ccc;
	border-bottom-color: #ccc;
	-webkit-appearance: none; /* 횄�횂짬횄짖창�슿�끒씹꺿�싀궰ㅓ꺠뮼궰�꺿�싀궰씳꺿�싀궰늘꺠뮼궰�꺜▣™�슿�궰뮨꺿�싀궰걘꺠뮼궰ッ꺿�싀궰맡꺿�┚™궗�� 횄�횂짭횄짖창��씹궰▣꺿�싀궰맡꺠뮼궰�꺿�뮨끸�쑦꺜▣™�슿�궰� 횄�횂짧횄�싀궰걘꺿�싀궰먄꺠뮼궰�꺿�싀궰뗐꺜▣™�슿�궰씳꺠뮼궰っ꺿�싀궰맡꺿�싀궰� */
	-moz-appearance: none;
	appearance: none;
	height: 33px;
	width: 200px;
}
.filebox .upload-name2 {
	display: inline-block;
	padding: .5em .75em;  /* label횄�횂짭횄�싀궰씳꺿�뮨끸�� 횄�횂짯횄�┚™궗�▣꺿�싀궰㉲꺠뮼궰ッ꺜▣™�슿�궰씳꺿�싀궰㈒꺠뮼궰っ꺿�싀궰걘꺜▣™�슿�™�왖▣꺠뮼궰っ꺿�싀궰냉꺿�싀궰� 횄�횂짭횄�싀궰씳꺿�싀궰셌꺠뮼궰�꺿�싀궰뮨꺿�뮨끸�� */
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	/* background-color: #f5f5f5; */
	border: 1px solid #ccc;
	border-bottom-color: #ccc;
	-webkit-appearance: none; /* 횄�횂짬횄짖창�슿�끒씹꺿�싀궰ㅓ꺠뮼궰�꺿�싀궰씳꺿�싀궰늘꺠뮼궰�꺜▣™�슿�궰뮨꺿�싀궰걘꺠뮼궰ッ꺿�싀궰맡꺿�┚™궗�� 횄�횂짭횄짖창��씹궰▣꺿�싀궰맡꺠뮼궰�꺿�뮨끸�쑦꺜▣™�슿�궰� 횄�횂짧횄�싀궰걘꺿�싀궰먄꺠뮼궰�꺿�싀궰뗐꺜▣™�슿�궰씳꺠뮼궰っ꺿�싀궰맡꺿�싀궰� */
	-moz-appearance: none;
	appearance: none;
	height: 33px;
	width: 200px;
}
.filebox .upload-name3 {
	display: inline-block;
	padding: .5em .75em;  /* label횄�횂짭횄�싀궰씳꺿�뮨끸�� 횄�횂짯횄�┚™궗�▣꺿�싀궰㉲꺠뮼궰ッ꺜▣™�슿�궰씳꺿�싀궰㈒꺠뮼궰っ꺿�싀궰걘꺜▣™�슿�™�왖▣꺠뮼궰っ꺿�싀궰냉꺿�싀궰� 횄�횂짭횄�싀궰씳꺿�싀궰셌꺠뮼궰�꺿�싀궰뮨꺿�뮨끸�� */
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	/* background-color: #f5f5f5; */
	border: 1px solid #ccc;
	border-bottom-color: #ccc;
	-webkit-appearance: none; /* 횄�횂짬횄짖창�슿�끒씹꺿�싀궰ㅓ꺠뮼궰�꺿�싀궰씳꺿�싀궰늘꺠뮼궰�꺜▣™�슿�궰뮨꺿�싀궰걘꺠뮼궰ッ꺿�싀궰맡꺿�┚™궗�� 횄�횂짭횄짖창��씹궰▣꺿�싀궰맡꺠뮼궰�꺿�뮨끸�쑦꺜▣™�슿�궰� 횄�횂짧횄�싀궰걘꺿�싀궰먄꺠뮼궰�꺿�싀궰뗐꺜▣™�슿�궰씳꺠뮼궰っ꺿�싀궰맡꺿�싀궰� */
	-moz-appearance: none;
	appearance: none;
	height: 33px;
	width: 200px;
}

.upload-hidden {
	margin:1px 0;
	border:0px;
	font-size:12px;
	font-family:NanumGothic, 횄�횂짬횄짖창�슿�끒≥꺿�뮨끸�쑦꺠뮼궰ッ꺿�뮨™궗혻횄짖창�슿�궰씳꺠뮼궰っ꺿�싀궰냉꺿�싀궰졗꺠뮼궰ッ꺜▣™�슿�궰씳꺜▣™�슿�궰�, NG, Tahoma, Geneva, sans-serif;
	color:#FFFFFF;
	border:1px solid #d86771;
	padding:5px;
	background-repeat: no-repeat;
	background-position:right 3px center;
	background-color: #d86771;
}


/* imaged preview */
.filebox .upload-display {  /* 횄�횂짭횄�싀궰씳꺿�싀궰늘꺠뮼궰ッ꺿�싀궰�꺿�싀궰맡꺠뮼궰�꺿�싀궰㎴꺜▣™궗큄횂짭횄�횂짧횄�싀궰걘꺜▣™궗큄횂짭 횄�횂짯횄짖창�슿�떺벭꺿�┚™궗흹횄�횂짭횄짖창�슿�궰뮨꺿�┚™궗흹횄�횂짬횄�싀궰먄꺿�싀궰� 횄�횂짭횄�싀궰㎴꺜▣™궗큄횂짭횄�횂짭횄짖창�슿�™궗혶횄�싀궰� */
	margin-bottom: 5px;
}

@media(min-width: 768px) { 
	.filebox .upload-display {
		display: inline-block;
		margin-right: 5px;
		margin-bottom: 0;
	}
}
@media(max-width: 768px) { 
	.popUp_contract_wrap {
    display: none;
    position: fixed;
    left: 5%;
    top: 20%;
    z-index: 100;
    background-color: #fff;
    border: 5px solid #0368b3;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
    width: 90%;
    height: 500px;
    padding: 30px 35px;
}
}

.filebox .upload-thumb-wrap {  /* 횄�횂짭횄�싀궰뗐꺜▣™�슿�궰씳꺠뮼궰っ꺿�싀궰걘꺜▣™궗큄횂짭횄�횂짬횄�싀궰먄꺿�싀궰� 횄�횂짭횄�싀궰씳꺿�싀궰늘꺠뮼궰ッ꺿�싀궰�꺿�싀궰맡꺠뮼궰�꺿�싀궰㎴꺜▣™궗큄횂짭횄�횂짬횄�싀궰Γ꺿�싀궰� 횄�횂짧횄�싀궰걘꺿�싀궰먄꺠뮼궰�꺜▣™�슿�궰뮨꺿�싀궰맡꺠뮼궰ッ꺿�┚궰졗꺜▣™�슿�궰� 횄�횂짭횄�┚궰≥꺜▣™�슿�궰씳꺠뮼궰�꺜▣™�슿�궰졗꺿�┚™궗�� */
	display: inline-block;
	width: 70px;
	height: 33px;
	padding: 2px;
	vertical-align: middle;
	border: 1px solid #ddd;
	background-color: #fff;
}

.filebox .upload-display img {  /* 횄�횂짭횄�싀궰뗐꺜▣™�슿�궰씳꺠뮼궰っ꺿�싀궰걘꺜▣™궗큄횂짭횄�횂짬횄�싀궰먄꺿�싀궰� 횄�횂짭횄�싀궰씳꺿�싀궰늘꺠뮼궰ッ꺿�싀궰�꺿�싀궰맡꺠뮼궰�꺿�싀궰㎴꺜▣™궗큄횂짭 */
	display: block;
	max-width: 100%;
	width: 100%;
	height: 100%;
}




/*******************************************************************************
	@media 980~1300px
*******************************************************************************/
@media all and (max-width:1300px){


.bbs_input td .input_m {width:50%;}
.bbs_input td .input_l {width:100%;}
.bbs_input td input[type="file"] {width:50%;}

.bbs_input span.sub_txt {display:block; padding-left:0; padding-top:5px;}

}
/*******************************************************************************
	@media 801~980px
*******************************************************************************/
@media all and (max-width:980px){



.bbs_con th {line-height:58px;}
.bbs_con td {padding:16px 0;}







.board_view .titArea {padding:24px 20px;}
.board_view .titArea .btit {font-size:18px; margin-bottom:12px;}
.board_view .titArea .count img {width:20px;}

.board_view .view_file {padding:20px;}
.board_view .view_file .btit {width:110px;}
.board_view .view_file .bstxt {width:calc(100% - 110px);}

.board_view .page_next .prev {padding:18px 20px;}
.board_view .page_next .next {padding:18px 20px;}
.board_view .page_next .pt {width:120px;}
.board_view .page_next .pt:after {right:40px;}
.board_view .page_next .pt2 {width:calc(100% - 120px);}




}
/*******************************************************************************
	@media 681~800px
*******************************************************************************/
@media all and (max-width:768px){



}

/*******************************************************************************
	@media
*******************************************************************************/
@media all and (max-width:680px) {





/*********** 횄�횂짧횄�싀궰냉꺿�싀궰돤꺠뮼궰�꺜▣™�슿�궰졗꺿�싀궰� css *************/
select {padding:0 12px; height:42px !important;}
.input {padding:0 12px; height:42px !important;}
.search_input {padding:0 12px; height:42px !important;}
.textarea {padding:12px;}




/*********** List *************/
.bbs_con {border-top:2px solid #222; }
.bbs_con th {display:none}
.bbs_con td {padding:15px 0; border-right:none;}
.bbs_con td.left{padding:13px 3px;}
.bbs_con .pc_line{display:none}
.bbs_con .mo_line{display:block; position:relative; padding-right:30px;}

/* .mo_line .list_cate{color:#858585; letter-spacing:-0.55pt; line-height:20px; padding:0 0 3px}
.mo_line .list_cate .notice{display:inline-block; width:36px; line-height:20px; margin:0 7px 0 0; text-align:Center;color:#fff; letter-spacing:-0.55pt; background:#f1001c; border-radius:20px} */
.mo_line .subject, .mo_line .subject a{font-weight:600 !important; color:#222; letter-spacing:-0.55pt; display:inline-block; margin:0 0 3px;}
.mo_line .writer {overflow:hidden; clear:both; }
	.mo_line .writer li{float:left; color:#aaa; padding:0 8px; background:url('/images/user/bbs_list_line.gif') no-repeat left center; font-size:0.9222rem}
	.mo_line .writer li:first-child{padding-left:0; background:none;}
.mo_line .img{vertical-align:middle; margin:0 0 3px}
/*.mo_line .re_icon{display:inline-block; float:left; padding:7px 7px 0 0 }*/
.mo_line .list{float:left; }
.mo_line .commentBg{display:block; position:absolute; right:3px; top:30%; width:30px; height:30px; text-align:center; line-height:30px; background:url('/images/user/comment_bg.gif') no-repeat center; color:#858585; font-weight:400; }
.mo_line .recom{background:url('/images/user/recom.gif') no-repeat left center; background-size:11px 10px; padding:0 0 0 13px;  font-size:10px; color:#858585;}


.page_num {padding:30px 0 20px;}


.board_view .titArea {padding:16px 15px;}
.board_view .titArea .btit {font-size:15px; margin-bottom:6px; padding-right:40px;}
.board_view .titArea .count img {width:16px; top:0; margin-right:4px;}
.board_view .conArea {padding:20px 15px;}

.board_view .view_file {padding:15px;}
.board_view .view_file .btit {width:90px;}
.board_view .view_file .btit span {font-size:12px; top:2px;}
.board_view .view_file .bstxt {width:calc(100% - 90px);}

.board_view .page_next .prev {padding:14px 15px;}
.board_view .page_next .next {padding:14px 15px;}
.board_view .page_next .pt {width:80px;}
.board_view .page_next .pt:after {right:15px; width:12px; background-size:100% !important;}
.board_view .page_next .pt2 {width:calc(100% - 80px);}


/* 횄�횂짬횄�싀궰꼴꺜▣™�슿�끒씹꺠뮼궰�꺿�┚궰졗꺿�싀궰셌꺠뮼궰ッ꺜▣™�슿�궰씳꺜▣™�슿�궰씳꺠뮼궰�꺿�┚궰씹꺿�싀궰먄꺠뮼궰�꺿�싀궰씳꺿�싀궰� */
.btn_w {height:30px; line-height:30px; width:65px; font-size:12px;}
.btn_b:link, .btn_b:visited {height:30px; line-height:30px; width:65px; font-size:12px;}
.btn_b_s {height:30px; width:70px;}

input.btn_w {height:30px; line-height:30px; width:65px; font-size:12px;}
input.btn_b {height:30px; width:65px; font-size:12px;}


.bbs_search form {width:100%;}
.bbs_search dt {width:100%; margin-bottom:3px;}
.bbs_search dd {width:100%;}
.bbs_search dd .search_btn {height:42px;}


}


/*******************************************************************************
	@media
*******************************************************************************/
@media all and (max-width:420px) {


/* 횄�횂짧횄�싀궰꼴꺜▣™궗큄횂짭횄�횂짭횄�졗™궗�▣꺜▣™�슿�궰걘꺠뮼궰ッ꺿�싀궰걘꺜▣™�슿�궰� */
.bbs_search {padding-top:20px; width:100%; margin:0 auto;}
.bbs_search dt {display:inline-block; width:100%; margin:0 0 3px;}
.bbs_search dt select{width:100%; }
.bbs_search dd {width:100%;}
.bbs_search dd .search_input {margin:0 3px 0 0; width:calc(100% - 83px); }
.bbs_search dd .btn_b_s{width:60px;font-size:1rem; margin-left:0;}

}

/* view */
.board_view {border-top:3px solid #003b98;border-bottom:1px solid #000;}
.view_head {padding:30px 20px;}
.view_head h4 {font-size:22px;color:#003b98;font-weight:500;margin-bottom:20px;}
.view_head dl * {display:inline-block;vertical-align:middle;font-size:15px;}
.view_head dt:before {content:'';display:inline-block;vertical-align:middle;width:4px;height:4px;background:#555;border-radius:50%;margin:0 5px 3px 0;}
.view_head dd {color:#333;margin:0 20px 0 5px;}
.view_cont {border:1px solid #ddd;border-left:none;border-right:none;}
.view_cont .text {padding:50px 20px;font-size:16px;color:#333;min-height:350px;}
.view_file {padding:30px 20px;border-top:1px solid #ddd;}
.view_file dl {overflow:hidden;}
.view_file dt {float:left;margin-right:30px;font-size:15px;}
.view_file dd {float:left;}
.view_file a {display:inline-block;color:#333;background:url("/resources/user/_EDU/images/sub/icon_file.png") no-repeat 0 center;padding-left:20px;margin-bottom:10px;}
.view_file a:hover {color: #006BEB}
.view_file li:last-child a {margin:0;}
.view_bott {padding:30px 20px;overflow:hidden;}
.view_bott a {line-height:36px;color:#555;}
.view_bott a:hover {color:#000;}
.view_bott .list_ctrl {float:left;}
.view_bott .list_ctrl a {display:block;padding-left:20px;background:url("/resources/user/_EDU/images/sub/view_prev.png") no-repeat 0 center;}
.view_bott .list_ctrl a.brd_next {background-image:url("/resources/user/_EDU/images/sub/view_next.png");}
.view_bott ul {float:left;padding-left:30px;}

/*  20210528 횄�횂짭횄�싀궰뗐꺜▣™�슿�궰씳꺠뮼궰っ꺿�싀궰걘꺜▣™궗큄횂짭  */

/* View Comment */

.brd_comment {padding:30px 50px 40px;background:#f8f8f8;}
.brd_comment .brd_cmt_tit {}
.brd_comment .brd_cmt_tit h3 {font-size: 17px;font-weight: 500;color:#000;}
.brd_comment .brd_cmt_tit p {padding:10px 0 15px;color:#555;font-size:14px;word-break: keep-all;line-height: 1.4;}

.brd_cmt_cont {position:relative; }
.cmt_writer_info {padding-bottom:10px;}
.cmt_writer_info .cmt_writer_input {border:1px solid #ddd;padding:0 10px;width: 120px; height:36px;line-height: 36px;margin-right:5px;}
.cmt_input_area {position: relative;padding:0 100px 0 0;height: 100px;}
.textarea {background: #fff;border: 1px solid #ddd;color: #666;height: 80px;width: 100%;padding: 15px;overflow: auto;outline:none;box-sizing: border-box;}
.btnCmt {position: absolute;top:0;right: 0;width:100px;height: 80px !important;background:#555;color:#fff;font-size:16px;font-weight: 500;border:none;outline:none;cursor: pointer;}
.btnCmt:hover {background:#000;}

.cmt_reply_write {margin-top:20px;}
.cal_search {background: #f8f8f8;padding: 35px;margin-bottom: 50px;text-align: center;}
.cal_search .inner {position: relative;display: inline-block;max-width: 600px;}
.cal_search .sltDrop {display: inline-block;text-align: left;vertical-align: middle;min-width: 100px;border: 1px solid #c9c9c9;border-radius: 6px;}
.cal_search .sltDrop .vDrop {height:44px;border-bottom: 2px solid #000;}
.cal_search .sltDrop .vDrop a {font-size: 18px;background: none;line-height:43px;border: none;min-width: 100px;width: auto;color: #000;}
.cal_search .sltDrop .vDrop > a {padding: 0 25px 0 10px;}
.cal_search .sltDrop .vDrop ul {width: 100%;top:44px;z-index:3;}
.cal_search .inner > span {display: inline-block;vertical-align: middle;font-size: 18px;margin:0 10px;}

.cal_search .inner .cal_btn {display: inline-block;vertical-align: middle;margin-left:10px;}
.cal_search .inner .cal_btn button {outline: none;height: 44px;border-radius: 5px;background:#fff;line-height: 43px;padding:0 25px;font-size: 18px;color: #333;border:1px solid #ccc;margin:0 2px;}
.cal_search .inner .cal_btn button.btn_cal_sch {background:#777;color: #fff;border:none;}

.cal_head {margin-bottom: 20px;text-align: center;overflow: hidden;}
.cal_head .month_prev {float: left;}
.cal_head .month_next {float: right;}
.cal_head button {position: relative;text-indent: -9999px;width:50px;height: 50px;border:1px solid #ccc;border-radius: 50%;outline: none;}
.cal_head button:after {content: '';position: absolute;left:17px;top:15px;display: inline-block;width:10px;height: 10px;border:2px solid #000;transform: rotate(-135deg) translateX(-50%);border-left:none;border-bottom: none;}
.cal_head .month_next button:after {top:19px;left:16px;transform: rotate(45deg);}
.cal_head .month_center h4 {display: inline-block;font-size: 34px;font-weight: 600;}

.cal_container {}
.cal_content {}
.cal_content table {table-layout: fixed;}
.cal_content table thead th {text-align: center;border-left:1px solid #ddd;padding:20px 10px;}
.cal_content table thead th:first-child {border-left: none;}
.cal_content table tbody td {text-align: right;vertical-align: top;border-left:1px solid #ddd;padding:10px}
.cal_content > table > tbody > tr > td {padding: 0;}
.cal_content table tbody td:first-child {border-left: none;}
.cal_container {position: relative;}
.cal_table {height: 120px;}
.cal_table table {height: 100%;}
.cal_table .tb_cal tr td {font-family:"Poppins",sans-serif;color:#000;font-size:18px;}
.cal_table .tb_cal tr td.today {background:#fefaf3;border-top:1px solid #ddd;}
.cal_table .tb_cal tr td span.day_past {color:#bbb;}
.cal_event_table {position: absolute;left:0;top:0;width:100%;z-index: 2;}
.cal_event_table table tr td {border: none;}
.cal_event_table table tr td a.event_msg {display: block; background:#fff;font-size: 14px;color:#000;border:1px solid #ccc;padding:5px;border-radius: 6px;text-align: left;margin-top:25px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* Sub020402 : 횄�횂짭횄짖창�슿�™궗혶횄�싀궰걘꺠뮼궰っ꺿�싀궰걘꺜▣™�슿�끒씹꺠뮼궰�꺿�싀궰씳꺿�싀궰셌꺠뮼궰�꺿�싀궰졗꺜▣™�슿�궰� */
.year_edu_list {margin-bottom: 80px;}
.year_edu_list:last-child {margin-bottom: 0;}
.cal_guide {margin:30px 0 0;}
.cal_guide ul {font-size: 0;}
.cal_guide ul li {display: inline-block;vertical-align: middle;font-size:14px;}
.cal_guide ul li span {display: inline-block;margin-right: 10px;width: 23px;height: 23px;line-height:23px;text-align: center;border-radius: 50%;font-size: 13px;font-weight: 500;color: #fff;}
.cal_guide ul li span.sign_wait {background:#BF2426;}
.cal_guide ul li span.sign_end {background:#008C93;}
.cal_guide ul li span.sign_ing {background:#D76610;}
.cal_guide ul li span.sign_edu {background:#003ECF;}
.cal_guide ul li span.sign_finish {background:#777;}
.cal_guide ul li:after {content: '';display: inline-block;vertical-align: middle;width: 1px;height:12px;background:#bbb;margin:0 10px;}
.cal_guide ul li:last-child:after {display: none;}
.sign_state {display: inline-flex;margin-left: 10px;width: 47px;height: 23px;line-height:23px;text-align: center;border-radius: 5%;font-size: 13px;font-weight: 500;color: #fff;justify-content: space-around;}
.sign_state.wait {background: #FF9800;}
.sign_state.end {background: #3F51B5;}
.sign_state.ing {background:#D76610;}
.sign_state.edu {background: #2196F3;}
.sign_state.finish {background:#777;}

@media screen and (max-width:1280px){
    .arrShort_right {min-height: 137px;}
}
@media screen and (max-width:1230px){
    .s020301_2 .step3 dd:last-child .border {height:200px;}
}
@media screen and (max-width:1200px){
    .s020101_1 .desc {padding:80px;padding-left:48%;}
    .s020101_1 .title {width: 400px;}
    
    .arrShort_right {min-height: 140px;}
}
@media screen and (max-width:1160px){
    .s020301_2 .step3 .bg_555 + p.desc {min-height: 98px;}
    .arrShort_right:after {right: -28px;}
}
@media screen and (max-width:1061px){
    .s020301_2 .step2 .float_cont {height:395px;}
    .arrShort:after, .arrLong:after, .arrShort_before:before {margin:5px auto;}
    .arrShort_right:after {right: -26px;}
}
@media screen and (max-width:1024px){
    .s020101_1 .desc {padding-left: 50%;}
    .s020101_1 .title img {width: 320px;}
    .s020101_1 .title strong {font-size: 34px;}
    .s020101_2 .desc {padding:60px 80px 60px 0;}
    .s020101_2 .desc p {padding-left: 40px;}
    
    .s020301_1 .icon {max-width:50px;}
    a.btn_arrow {padding: 0 40px 0 15px;}
}
@media screen and (max-width:1020px){
    .s020301_2 .float_cont_wrap.last .border {height: 240px;}
}
@media screen and (max-width:1010px){
    .s020301_2 .step3 .float_cont_wrap:first-child .border {height: 200px;}
    a.btn_arrow {font-size: 14px;}
}
@media screen and (max-width:980px){
    .s020301_2 .step3 .float_cont_wrap:first-child .border {height: 220px;}
    .s020301_2 .step3 dd:last-child .border {height: 220px;}
}
@media screen and (max-width:960px){
    .s020101_1 .desc {padding: 80px;}
    .s020101_1 .title {position: static;top:auto;left:auto;width:auto;transform: none;text-align: center;margin-bottom:25px;}
    .s020101_1 .title img {float: none;margin:0 auto 20px;}
    .s020101_3 .img {padding: 60px;}
    .s020101_2 .inner {padding-left: 0;}
    .s020101_2 .desc {width: 100%;padding:0 0 50px;position:static;left: auto;top: auto;}
    
    .s020102_1 li {float:none;width:100%;border-top:1px solid #ddd;min-height:160px;padding-left: 140px;}
    .s020102_1 .icon {top:45px;width: 80px;height: 80px;background-size: 40px auto;}
    .s020102_3 .inner {padding: 80px;}
    
    .s020301_1 ol {margin: 30px -2.3333% 80px 0;}
    .s020301_1 li {width:31%;margin-right: 2.3333%;margin-bottom: 20px;padding:30px 20px;height:200px;}
    .s020301_1 h5 {font-size: 18px;margin: 10px 0 10px;}
    .s020301_1 p {font-size: 15px;line-height: 1.4;}
    
    .s020301_1 li:nth-child(3):before,
    .s020301_1 li:nth-child(3):after {display: none;}
    
    .s020301_2 span.step {position: static;left: auto;}
    .s020301_2 h5 {position: static; left: auto; top: auto;margin:5px 0 20px;}
    .s020301_2 .rightCont {padding-left: 0;}
    .s020301_2 .step2 .float_cont {height: 376px;}
    .s020301_2 .step3 .float_cont_wrap:first-child .border {height: 180px;}
    .s020301_2 .step3 dd:last-child .border {height: 200px;}
    .s020301_2 .float_cont_wrap.last .border {height: 220px;}
}
@media screen and (max-width:831px){
    .s020301_2 .step2 .float_cont {height: 395px;}
}
@media screen and (max-width:800px){
    .s020301_2 .float_cont_wrap.last .border {height: 240px;}
}
@media screen and (max-width:780px){
    .s020301_2 .step3 .float_cont_wrap:first-child .border {height: 200px;}
	.id_search_new .login_input dd .input_hp3 {
    width: calc(48.9% - 64px);
}
}
@media screen and (max-width:768px){
    .cal_search .inner .cal_btn button {height: 38px;line-height:37px;padding: 0 20px;font-size: 16px;}
    .cal_head button {width:40px;height:40px;}
    .cal_head button:after {left: 14px;top: 12px;width: 6px;height: 6px;}
    .cal_head .month_next button:after {top:15px;left:14px;transform: rotate(45deg);}
    .cal_head .month_center h4 {font-size: 30px;}
    .cal_table .tb_cal tr td {font-size: 15px;}
    .cal_content table tbody td {padding:10px 5px;font-size: 15px;}
    
    #s020101 section {margin-bottom: 50px}
    .s020101_1 .title img {width: 300px;}
    .s020101_1 .title strong {font-size: 30px;}
    .s020101_1 .text p {font-size: 18px;line-height: 1.5;}
    .s020101_2 .desc p {font-size: 17px;line-height: 1.5;}
    .s020101_2 .bg {height: 300px;}
    .s020101_2 li {padding: 40px;}
    .s020101_2 li h5 {font-size:22px;padding-left:60px;margin-bottom: 30px;}
    .s020101_2 li h5:before {width: 40px;height: 40px;}
    .s020101_2 li p {font-size: 17px;line-height: 1.5;}
    .s020101_3 .img {padding: 40px;}
    
    .s020102_1 p {font-size: 18px;line-height: 1.5;}
    .s020102_2 h5 {font-size: 24px;}
    .s020102_2 .bullet_list li {font-size: 17px;line-height: 1.5;}
    .s020102_3 .inner {padding: 50px;}
    .s020102_3 ol > li {padding-left: 130px;}
    .s020102_3 span {font-size: 16px;height: 30px; line-height: 29px;}
    .s020102_3 h5 {font-size: 20px;}
    .s020102_3 p {font-size: 16px;line-height: 1.5;}
    
    a.btn_more {height:30px;line-height:29px;font-size:13px;padding: 0 30px 0 10px;background-position: right 10px center;background-size: 10px auto;}
    
    .bg_blue strong {padding: 10px 15px;font-size: 18px;}
    .rightCont .desc {padding: 15px 20px;}
    .rightCont p {font-size: 15px;}
    a.btn_rightCont {width: 120px;height: 38px;line-height: 37px;font-size: 15px;}
    a.btn_rightCont.abs {right: 20px;}
    .s020301_2 .step1 .float_cont {height: 220px;}
    .bg_f4 strong {padding: 10px 15px;font-size: 18px;}
    .rightCont span {font-size: 16px; margin-bottom: 10px;}
    .bg_f8 strong {padding: 10px 15px;font-size: 18px}
    .rightCont strong {font-size: 18px;}
    .s020301_2 .step2 .float_cont {height:332px;}
    .arrLong:after {margin:0 auto;}
    .s020301_2 .step3 .btn_rightCont {width:150px;}
    .arrShort_right {min-height: 112px;}
    .s020301_2 .step3 .float_cont_wrap:first-child .border {height:200px;}
    .s020301_2 .step3 .bg_555 + p.desc {min-height: 80px;}
    .s020301_2 .step3 dd:last-child .border {height: 200px;}
    a.btn_arrow {padding: 0 30px 0 15px;background-size: 16px auto;background-position: right 10px center;}
    .s020301_2 .float_cont_wrap.last .border {height:220px;}
    .s020301_2 .float_cont_wrap.last {padding-left:200px;}
}
@media screen and (max-width:640px){
    .cal_search .inner .cal_btn {display: block; margin-left: 0;margin-top:20px;}
    .cal_search .inner .cal_btn button {width:48%;margin:0 0.5%;}
    .cal_table {height: 100px;}
    .cal_content table thead th {padding: 15px 10px;font-size: 15px;}
    .cal_content table tbody td {font-size: 14px;}
    .cal_event_table table tr td a.event_msg {font-size: 13px;}

    #s020402 .cal_search .inner .cal_btn button {width: 80%;margin:0;}
    .cal_guide ul li {font-size: 13px;margin-left:10px}
    .cal_guide ul li:first-child {margin-left: 0;}
    .cal_guide ul li span {margin-right:5px;width: 21px;height: 21px;line-height: 21px;font-size: 12px;}
    .cal_guide ul li:after {display: none;}
    
    .s020101_1 .desc {padding:60px;}
    .s020101_1 .title p {padding: 15px 20px;}
    .s020101_1 .title strong {font-size: 26px;}
    .s020101_2 ul {display: block; margin-top: 50px;}
    .s020101_2 ul li {display: block;width: 100%;}
    
    .s020102_2 .img {position: static;width:100%;padding-right:0;left:auto;}
    .s020102_2 h5, .s020102_2 ul {padding-left: 0;}
    .s020102_2 .desc {padding-left: 0;min-height: auto;margin-top: 30px;}
    .s020102_3 ol {margin-top: 80px;}
    .s020102_3 ol > li {padding-left: 30px;}
    .s020102_3 span {position: static;left: auto;margin-bottom: 10px;}
    
    #s020201 .tb_col thead {display: none;}
    #s020201 .tb_col tr {display: block;width: 100%;padding: 20px 0;border-bottom: 1px solid #ddd;}
    #s020201 .tb_col tr td {display: block; width: 100%;position: relative;border:none;text-align: left;padding:3px 0 3px 200px;}
    #s020201 .tb_col tr td:first-child {display: none;}
    #s020201 .tb_col tr td:last-child {padding-left:0;}
    #s020201 .tb_col tr td:before {content: attr(data-label);position: absolute; left: 0; width: 200px; font-size: 14px; color: #000;}
    #s020201 .tb_col tr td:last-child:before {display: none;}
    
    .s020301_1 span {width: 30px;height: 30px;line-height: 30px;font-size: 14px;top: 15px;left: 15px;}
    .s020301_1 .icon {max-width: 46px}
    .s020301_1 li:before {border-left: 12px solid #ccc;border-top: 6px solid transparent;border-bottom: 6px solid transparent;}
    .s020301_1 li:after {border-left: 10px solid #fff;border-top: 5px solid transparent;border-bottom: 5px solid transparent;}
    
    .float_cont {float: none; width: 100%;margin:0 0 20px;}
    .rightCont .border.blue .desc {text-align: center;}
    a.btn_rightCont.abs {display: inline-block;margin-top: 15px;position: static;top:auto;transform: none;right:auto;}
    .s020301_2 .step1 .float_cont {height: auto;}
    .rightCont strong {font-size: 16px;}
    .s020301_2 .step2 .float_cont {height: auto;}
    .float_cont_wrap {margin-right: 0;}
    .arrLong:after {width: 20px;height: 22px;background: url(/resources/user/_EDU/images/sub/arrow.png) no-repeat center;margin:5px auto;}
    .s020301_2 .step2 .arrLong + .desc {position: static;bottom: auto;left:auto;}
    .s020301_2 .step3 .float_cont_wrap:first-child .border {height: auto;}
    .s020301_2 .step3 .btn_rightCont {display: inline-block;width: auto;padding:0 20px;font-size:14px;}
    .s020301_2 .step3 .ment {margin: 30px 0;}
    .arrShort_right {min-height: auto;}
    .step3 .arrShort_right:after {position: static;width: 25px;height: 20px;top: auto;right:auto;background: url(/resources/user/_EDU/images/sub/arrow.png) no-repeat center;transform:none;margin:5px auto -10px;}
    .step3 .rightCont .float_cont_wrap:nth-child(3) .arrShort_right {margin-bottom:30px;}
    .step3 .rightCont .float_cont_wrap:nth-child(3) .arrShort_right:after {transform: translateY(30px);}
    .s020301_2 .step3 dt {font-size:18px;margin: 20px 0;}
    .rightCont strong {font-size: 15px;}
    .bg_555 strong {padding: 10px 20px;}
    .s020301_2 .step3 .bg_555 + p.desc {min-height: auto; line-height: 1.4;}
    .s020301_2 .step3 dd:last-child .border {height: auto;}
    a.btn_arrow {display: inline-block;padding-right:50px;padding-left: 20px; background-position: right 20px center;}
    .s020301_2 .float_cont_wrap.last {padding-left: 0;}
    .s020301_2 .float_cont_wrap.last .border {height: auto; position: static;left: auto;width: 100%;margin:0 0 20px;}
    .s020301_2 .float_cont_wrap.last .border:last-child {margin-bottom: 0;}
}
@media screen and (max-width:480px){
    .cal_search {padding: 30px;margin-bottom: 30px;}
    .cal_search .sltDrop {min-width:80px;}
    .cal_search .sltDrop .vDrop {height:40px;}
    .cal_search .sltDrop .vDrop a {font-size: 16px;line-height: 39px;}
    .cal_search .sltDrop .vDrop > a {min-width: 80px;padding: 0 20px 0 10px;}
    .cal_search .sltDrop .vDrop ul {top:40px;}
    .cal_search .inner > span {font-size: 16px;}
    .cal_head button {width: 34px; height: 34px;}
    .cal_head button:after {top:9px;left:11px;}
    .cal_head .month_next button:after {top:12px;left:11px;}
    .cal_head .month_center h4 {font-size: 25px;}
    .cal_event_table table tr td a.event_msg {font-size: 12px;}
    
    #s020402 table thead {display: none;}
    #s020402 table tr,
    #s020402 table tr td {display: block;}
    #s020402 table tr {padding:20px 0;border-bottom: 1px solid #ddd;}
    #s020402 table tr td {position: relative;text-align: left;border:none;padding:2px 10px 2px 80px;}
    #s020402 table tr td:first-child {padding-left:0; margin-bottom:10px;}
    #s020402 table tr td a {color:#000;}
    #s020402 table tr td:before {content: attr(data-label);position: absolute;left:0;top:2px;display: inline-block; width:80px;vertical-align: middle;}
    #s020402 table tr td:first-child:before {display: none;}
    
    #s020101 section {margin-bottom: 30px;}
    .s020101_1 .desc {padding: 40px;}
    .s020101_1 .title img {width:100%;max-width: 100%;}
    .s020101_1 .title p {padding:15px;}
    .s020101_1 .title strong {font-size: 22px;}
    .s020101_1 .text p {font-size: 16px;}
    .s020101_2 .desc p {font-size: 16px;padding-left:25px;}
    .s020101_2 .bg {height: 200px;}
    .s020101_2 ul li {padding: 30px;}
    .s020101_2 li h5 {font-size: 20px;padding-left:40px;margin-bottom:10px;}
    .s020101_2 li h5:before {width: 30px;height: 30px;background-size: 12px auto;}
    .s020101_2 li p {font-size: 15px;}
    .s020101_3 .img {padding: 25px;}
    
    #s020102 section {margin-bottom:50px;}
    .s020102_1 li {min-height: 160px;padding:20px 30px;padding-left: 120px;}
    .s020102_1 .icon {top: 20px;width:60px;height: 60px;background-size: 30px auto;}
    .s020102_1 p {font-size: 16px;}
    .s020102_2 h5 {font-size: 20px;}
    .s020102_2 .bullet_list li {font-size: 16px;}
    .s020102_3 .inner {padding: 25px;}
    .s020102_3 ol > li {padding: 20px;}
    .s020102_3 span {font-size: 14px;height: 26px;line-height: 25px;padding: 0 15px;}
    .s020102_3 h5 {font-size: 18px;}
    .s020102_3 p {font-size: 15px;}
    
    #s020201 .tb_col tr td {padding:5px 0;line-height: 1.4;font-size: 14px;}
    #s020201 .tb_col tr td.td_subject a {font-size: 16px;}
    #s020201 .tb_col tr td:last-child {text-align: right;}
    #s020201 .tb_col tr td:before {display: none;}
    
    .s020301_1 ol {margin:20px 0 50px 0;}
    .s020301_1 li {float: none;width: 100%;margin-right: 0;height: auto;}
    .s020301_1 li:before, 
    .s020301_1 li:after {top: auto;right:auto;left:50%;bottom: -13px;transform: translate(-50%, 0);}
    .s020301_1 li:before {border-left: 7px solid transparent;border-top: 12px solid #ccc;border-right: 7px solid transparent;border-bottom: none;}
    .s020301_1 li:after {border-left: 7px solid transparent;border-top: 14px solid #fff;border-right: 7px solid transparent;border-bottom: none;}
    .s020301_1 li:nth-child(3):before,
    .s020301_1 li:nth-child(3):after {display: inline-block;}
}
.cal_content table thead th {font-weight: 500;text-align: center;border-left:1px solid #ddd;padding:20px 10px;}

    text-align: right;
    vertical-align: top;
    border-left: 1px solid #ddd;
    padding: 10px;
    color: #333;
    font-family: 'Noto Sans Korean';
    font-size: 16px;
	
}

#calendar_div table .fc-day-grid-event{
    display: block;
    background: #ddd;
    font-size: 14px;
    color: #000;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 6px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cal_content table tbody td:first-child{
	border-left: 1px solid #ddd;
}

#calendar_div table .holiday{
    background: #c40303;
    color: #fff;
}

#calendar_div table .fc-sun{color: red;}
#calendar_div table .fc-sat{color: blue;}
/*!
 * FullCalendar v3.3.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
.fc {
	direction: ltr;
	text-align: left
}

.fc-rtl {
	text-align: right
}

body .fc {
	font-size: 1em
}

.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody,
	.fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content,
	.fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td
	{
	border-color: #ddd
}

.fc-unthemed .fc-popover {
	background-color: #fff
}

.fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header,
	.fc-unthemed .fc-list-heading td {
	background: #eee
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	color: #666
}

.fc-unthemed td.fc-today .fc-day-number {
	color: #74b73b;
	font-weight: bold;
	border: 1px solid #74b73b;
	border-radius: 100px
}

.fc-highlight {
	background: #bce8f1;
	opacity: .3
}

.fc-bgevent {
	background: #8fdf82;
	opacity: .3
}

.fc-nonbusiness {
	background: #d7d7d7
}

.fc-unthemed .fc-disabled-day {
	background: #d7d7d7;
	opacity: .3
}

.ui-widget .fc-disabled-day {
	background-image: none
}

.fc-icon {
	display: inline-block;
	height: 1em;
	line-height: 1em;
	font-size: 1em;
	text-align: center;
	overflow: hidden;
	font-family: "Courier New", Courier, monospace;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.fc-icon:after {
	position: relative
}

.fc-icon-left-single-arrow:after {
	content: "\02039";
	font-weight: bold;
	font-size: 200%;
	top: -7%
}

.fc-icon-right-single-arrow:after {
	content: "\0203A";
	font-weight: bold;
	font-size: 200%;
	top: -7%
}

.fc-icon-left-double-arrow:after {
	content: "\000AB";
	font-size: 160%;
	top: -7%
}

.fc-icon-right-double-arrow:after {
	content: "\000BB";
	font-size: 160%;
	top: -7%
}

.fc-icon-left-triangle:after {
	content: "\25C4";
	font-size: 125%;
	top: 3%
}

.fc-icon-right-triangle:after {
	content: "\25BA";
	font-size: 125%;
	top: 3%
}

.fc-icon-down-triangle:after {
	content: "\25BC";
	font-size: 125%;
	top: 2%
}

.fc-icon-x:after {
	content: "\000D7";
	font-size: 200%;
	top: 6%
}

.fc button {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	height: 2.1em;
	padding: 0 .6em;
	font-size: 1em;
	white-space: nowrap;
	cursor: pointer
}

.fc button::-moz-focus-inner {
	margin: 0;
	padding: 0
}

.fc-state-default {
	border: 1px solid
}

.fc-state-default.fc-corner-left {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.fc-state-default.fc-corner-right {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.fc button .fc-icon {
	position: relative;
	top: -0.05em;
	margin: 0 .2em;
	vertical-align: middle
}

.fc-state-default {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff),
		to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
	background-image: -o-linear-gradient(top, #fff, #e6e6e6);
	background-image: linear-gradient(to bottom, #fff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
		rgba(0, 0, 0, 0.05)
}

.fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled {
	color: #333;
	background-color: #e6e6e6
}

.fc-state-hover {
	color: #333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position .1s linear;
	-moz-transition: background-position .1s linear;
	-o-transition: background-position .1s linear;
	transition: background-position .1s linear
}

.fc-state-down, .fc-state-active {
	background-color: #ccc;
	background-image: none;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px
		rgba(0, 0, 0, 0.05)
}

.fc-state-disabled {
	cursor: default;
	background-image: none;
	opacity: .65;
	box-shadow: none
}

.fc-button-group {
	display: inline-block
}

.fc .fc-button-group>* {
	float: left;
	margin: 0 0 0 -1px
}

.fc .fc-button-group>:first-child {
	margin-left: 0
}

.fc-popover {
	position: absolute;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15)
}

.fc-popover .fc-header {
	padding: 2px 4px
}

.fc-popover .fc-header .fc-title {
	margin: 0 2px
}

.fc-popover .fc-header .fc-close {
	cursor: pointer
}

.fc-ltr .fc-popover .fc-header .fc-title, .fc-rtl .fc-popover .fc-header .fc-close
	{
	float: left
}

.fc-rtl .fc-popover .fc-header .fc-title, .fc-ltr .fc-popover .fc-header .fc-close
	{
	float: right
}

.fc-unthemed .fc-popover {
	border-width: 1px;
	border-style: solid
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	font-size: .9em;
	margin-top: 2px
}

.fc-popover>.ui-widget-header+.ui-widget-content {
	border-top: 0
}

.fc-divider {
	border-style: solid;
	border-width: 1px
}

hr.fc-divider {
	height: 0;
	margin: 0;
	padding: 0 0 2px;
	border-width: 1px 0
}

.fc-clear {
	clear: both
}

.fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton,
	.fc-helper-skeleton {
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}

.fc-bg {
	bottom: 0
}

.fc-bg table {
	height: 100%
}

.fc table {
	width: 100%;
	box-sizing: border-box;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em
}

.fc th {
	text-align: center;
	line-height: 40px;
	font-size: 17px;
	font-weight: bold
}

.fc th, .fc td {
	border-style: solid;
	border-width: 1px;
	padding: 0;
	vertical-align: top;
}

.fc td.fc-today {
	border-style: double
}

a[data-goto] {
	cursor: pointer
}

a[data-goto]:hover {
	text-decoration: underline
}

.fc .fc-row {
	border-style: solid;
	border-width: 0
}

.fc-row table {
	border-left: 0 hidden transparent;
	border-right: 0 hidden transparent;
	border-bottom: 0 hidden transparent
}

.fc-row:first-child table {
	border-top: 0 hidden transparent
}

.fc-row {
	position: relative
}

.fc-row .fc-bg {
	z-index: 1
}

.fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton {
	bottom: 0
}

.fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table
	{
	height: 100%
}

.fc-row .fc-highlight-skeleton td, .fc-row .fc-bgevent-skeleton td {
	border-color: transparent
}

.fc-row .fc-bgevent-skeleton {
	z-index: 2
}

.fc-row .fc-highlight-skeleton {
	z-index: 3
}

.fc-row .fc-content-skeleton {
	position: relative;
	z-index: 4;
	padding-bottom: 2px
}

.fc-row .fc-helper-skeleton {
	z-index: 5
}

.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
	background: 0;
	border-color: transparent;
	border-bottom: 0
}

.fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td
	{
	border-top: 0
}

.fc-scroller {
	-webkit-overflow-scrolling: touch
}

.fc-scroller>.fc-day-grid, .fc-scroller>.fc-time-grid {
	position: relative;
	width: 100%
}

.fc-event {
	position: relative;
	display: block;
	font-size: .85em;
	line-height: 1.7;
	font-weight: normal
}

.fc-event, .fc-event-dot {
	background-color: #b6bbbf
}

.fc-event, .fc-event:hover, .ui-widget .fc-event {
	color: #fff;
	text-decoration: none
}

.fc-event[href], .fc-event.fc-draggable {
	cursor: pointer
}

.fc-not-allowed, .fc-not-allowed .fc-event {
	cursor: not-allowed
}

.fc-event .fc-bg {
	z-index: 1;
	background: #fff;
	opacity: .25
}

.fc-event .fc-content {
	position: relative;
	z-index: 2;
	padding: 1px;
	text-align: left;
	margin-left: 10px;
}

.fc-event .fc-resizer {
	position: absolute;
	z-index: 4
}

.fc-event .fc-resizer {
	display: none
}

.fc-event.fc-allow-mouse-resize .fc-resizer, .fc-event.fc-selected .fc-resizer
	{
	display: block
}

.fc-event.fc-selected .fc-resizer:before {
	content: "";
	position: absolute;
	z-index: 9999;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	margin-top: -20px
}

.fc-event.fc-selected {
	z-index: 9999 !important;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)
}

.fc-event.fc-selected.fc-dragging {
	box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3)
}

.fc-h-event.fc-selected:before {
	content: "";
	position: absolute;
	z-index: 3;
	top: -10px;
	bottom: -10px;
	left: 0;
	right: 0
}

.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end {
	margin-left: 0;
	border-left-width: 0;
	padding-left: 1px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start {
	margin-right: 0;
	border-right-width: 0;
	padding-right: 1px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.fc-ltr .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-end-resizer
	{
	cursor: w-resize;
	left: -1px
}

.fc-ltr .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-start-resizer
	{
	cursor: e-resize;
	right: -1px
}

.fc-h-event.fc-allow-mouse-resize .fc-resizer {
	width: 7px;
	top: -1px;
	bottom: -1px
}

.fc-h-event.fc-selected .fc-resizer {
	border-radius: 4px;
	border-width: 1px;
	width: 6px;
	height: 6px;
	border-style: solid;
	border-color: inherit;
	background: #fff;
	top: 50%;
	margin-top: -4px
}

.fc-ltr .fc-h-event.fc-selected .fc-start-resizer, .fc-rtl .fc-h-event.fc-selected .fc-end-resizer
	{
	margin-left: -4px
}

.fc-ltr .fc-h-event.fc-selected .fc-end-resizer, .fc-rtl .fc-h-event.fc-selected .fc-start-resizer
	{
	margin-right: -4px
}

.fc-day-grid-event {
	padding: 0 1px;
	border: 0
}

tr:first-child>td>.fc-day-grid-event {
	margin-top: 2px
}

.fc-day-grid-event.fc-selected:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	background: #000;
	opacity: .25
}

.fc-day-grid-event .fc-time {
	font-weight: bold
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
	.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
	margin-left: -2px
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
	.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
	margin-right: -2px
}

a.fc-more {
	margin: 1px 3px;
	font-size: .85em;
	cursor: pointer;
	text-decoration: none
}

a.fc-more:hover {
	text-decoration: underline
}

.fc-limited {
	display: none
}

.fc-day-grid .fc-row {
	z-index: 1
}

.fc-more-popover {
	z-index: 2;
	width: 220px
}

.fc-more-popover .fc-event-container {
	padding: 10px
}

.fc-now-indicator {
	position: absolute;
	border: 0 solid red
}

.fc-unselectable {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.fc-toolbar {
	text-align: center;
	display: none
}

.fc-toolbar.fc-header-toolbar {
	margin-bottom: 1em
}

.fc-toolbar.fc-footer-toolbar {
	margin-top: 1em
}

.fc-toolbar .fc-left {
	float: left
}

.fc-toolbar .fc-right {
	float: right
}

.fc-toolbar .fc-center {
	display: inline-block
}

.fc .fc-toolbar>*>* {
	float: left;
	margin-left: .75em
}

.fc .fc-toolbar>*>:first-child {
	margin-left: 0
}

.fc-toolbar h2 {
	margin: 0
}

.fc-toolbar button {
	position: relative
}

.fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover {
	z-index: 2
}

.fc-toolbar .fc-state-down {
	z-index: 3
}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
	z-index: 4
}

.fc-toolbar button:focus {
	z-index: 5
}

.fc-view-container *, .fc-view-container *:before, .fc-view-container *:after
	{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.fc-view, .fc-view>table {
	position: relative;
	z-index: 1
}

.fc-basicWeek-view .fc-content-skeleton, .fc-basicDay-view .fc-content-skeleton
	{
	padding-bottom: 1em
}

.fc-basic-view .fc-body .fc-row {
	min-height: 4em
}

.fc-row.fc-rigid {
	overflow: hidden
}

.fc-row.fc-rigid .fc-content-skeleton {
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}

.fc-day-top {
	line-height: 30px;
	padding: 2px
}

.fc-day-top.fc-other-month {
	opacity: .3
}

.fc-basic-view .fc-week-number {
	padding: 4px
}

.fc-basic-view th.fc-week-number, .fc-basic-view th.fc-day-number {
	padding: 0 2px
}

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
	float: left
}

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
	float: left;
	border-radius: 0 0 3px 0
}

.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
	float: right;
	border-radius: 0 0 0 3px
}

.fc-basic-view .fc-day-top .fc-week-number {
	min-width: 1.5em;
	text-align: center;
	background-color: #f2f2f2;
	color: #808080
}

.fc-basic-view td.fc-week-number {
	text-align: center
}

.fc-basic-view td.fc-week-number>* {
	display: inline-block;
	min-width: 1.25em
}

.fc-agenda-view .fc-day-grid {
	position: relative;
	z-index: 2
}

.fc-agenda-view .fc-day-grid .fc-row {
	min-height: 3em
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
	padding-bottom: 1em
}

.fc .fc-axis {
	vertical-align: middle;
	padding: 0 4px;
	white-space: nowrap
}

.fc-ltr .fc-axis {
	text-align: right
}

.fc-rtl .fc-axis {
	text-align: left
}

.ui-widget td.fc-axis {
	font-weight: normal
}

.fc-time-grid-container, .fc-time-grid {
	position: relative;
	z-index: 1
}

.fc-time-grid {
	min-height: 100%
}

.fc-time-grid table {
	border: 0 hidden transparent
}

.fc-time-grid>.fc-bg {
	z-index: 1
}

.fc-time-grid .fc-slats, .fc-time-grid>hr {
	position: relative;
	z-index: 2
}

.fc-time-grid .fc-content-col {
	position: relative
}

.fc-time-grid .fc-content-skeleton {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	right: 0
}

.fc-time-grid .fc-business-container {
	position: relative;
	z-index: 1
}

.fc-time-grid .fc-bgevent-container {
	position: relative;
	z-index: 2
}

.fc-time-grid .fc-highlight-container {
	position: relative;
	z-index: 3
}

.fc-time-grid .fc-event-container {
	position: relative;
	z-index: 4
}

.fc-time-grid .fc-now-indicator-line {
	z-index: 5
}

.fc-time-grid .fc-helper-container {
	position: relative;
	z-index: 6
}

.fc-time-grid .fc-slats td {
	height: 1.5em;
	border-bottom: 0
}

.fc-time-grid .fc-slats .fc-minor td {
	border-top-style: dotted
}

.fc-time-grid .fc-slats .ui-widget-content {
	background: 0
}

.fc-time-grid .fc-highlight-container {
	position: relative
}

.fc-time-grid .fc-highlight {
	position: absolute;
	left: 0;
	right: 0
}

.fc-ltr .fc-time-grid .fc-event-container {
	margin: 0 2.5% 0 2px
}

.fc-rtl .fc-time-grid .fc-event-container {
	margin: 0 2px 0 2.5%
}

.fc-time-grid .fc-event, .fc-time-grid .fc-bgevent {
	position: absolute;
	z-index: 1
}

.fc-time-grid .fc-bgevent {
	left: 0;
	right: 0
}

.fc-v-event.fc-not-start {
	border-top-width: 0;
	padding-top: 1px;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.fc-v-event.fc-not-end {
	border-bottom-width: 0;
	padding-bottom: 1px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.fc-time-grid-event {
	overflow: hidden
}

.fc-time-grid-event.fc-selected {
	overflow: visible
}

.fc-time-grid-event.fc-selected .fc-bg {
	display: none
}

.fc-time-grid-event .fc-content {
	overflow: hidden
}

.fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title {
	padding: 0 1px
}

.fc-time-grid-event .fc-time {
	font-size: .85em;
	white-space: nowrap
}

.fc-time-grid-event.fc-short .fc-content {
	white-space: nowrap
}

.fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title
	{
	display: inline-block;
	vertical-align: top
}

.fc-time-grid-event.fc-short .fc-time span {
	display: none
}

.fc-time-grid-event.fc-short .fc-time:before {
	content: attr(data-start)
}

.fc-time-grid-event.fc-short .fc-time:after {
	content: "\000A0-\000A0"
}

.fc-time-grid-event.fc-short .fc-title {
	font-size: .85em;
	padding: 0
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
	left: 0;
	right: 0;
	bottom: 0;
	height: 8px;
	overflow: hidden;
	line-height: 8px;
	font-size: 11px;
	font-family: monospace;
	text-align: center;
	cursor: s-resize
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
	content: "="
}

.fc-time-grid-event.fc-selected .fc-resizer {
	border-radius: 5px;
	border-width: 1px;
	width: 8px;
	height: 8px;
	border-style: solid;
	border-color: inherit;
	background: #fff;
	left: 50%;
	margin-left: -5px;
	bottom: -5px
}

.fc-time-grid .fc-now-indicator-line {
	border-top-width: 1px;
	left: 0;
	right: 0
}

.fc-time-grid .fc-now-indicator-arrow {
	margin-top: -5px
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
	left: 0;
	border-width: 5px 0 5px 6px;
	border-top-color: transparent;
	border-bottom-color: transparent
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
	right: 0;
	border-width: 5px 6px 5px 0;
	border-top-color: transparent;
	border-bottom-color: transparent
}

.fc-event-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 5px
}

.fc-rtl .fc-list-view {
	direction: rtl
}

.fc-list-view {
	border-width: 1px;
	border-style: solid
}

.fc .fc-list-table {
	table-layout: auto
}

.fc-list-table td {
	border-width: 1px 0 0;
	padding: 8px 14px
}

.fc-list-table tr:first-child td {
	border-top-width: 0
}

.fc-list-heading {
	border-bottom-width: 1px
}

.fc-list-heading td {
	font-weight: bold
}

.fc-ltr .fc-list-heading-main {
	float: left
}

.fc-ltr .fc-list-heading-alt {
	float: right
}

.fc-rtl .fc-list-heading-main {
	float: right
}

.fc-rtl .fc-list-heading-alt {
	float: left
}

.fc-list-item.fc-has-url {
	cursor: pointer
}

.fc-list-item:hover td {
	background-color: #f5f5f5
}

.fc-list-item-marker, .fc-list-item-time {
	white-space: nowrap;
	width: 1px
}

.fc-ltr .fc-list-item-marker {
	padding-right: 0
}

.fc-rtl .fc-list-item-marker {
	padding-left: 0
}

.fc-list-item-title a {
	text-decoration: none;
	color: inherit
}

.fc-list-item-title a[href]:hover {
	text-decoration: underline
}

.fc-list-empty-wrap2 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.fc-list-empty-wrap1 {
	width: 100%;
	height: 100%;
	display: table
}

.fc-list-empty {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.fc-unthemed .fc-list-empty {
	background-color: #eee
}

.fc-sat {
	color: #00f
}

.fc-sun, .fc-holiday {
	color: #f00
}

.fc td .fc-event-container {
	padding: 2px 0
}

.fc-time {
	display: none
}

.fc-title {
	cursor: pointer
}

.fc-day-top span {
	padding: 0 4px
}

.fc-day-top .fc-day-number {
	float: left
}

.fc-day-top .fc-day-title {
	float: right;
	color: gray;
	font-size: 13px;
	font-weight: bold
}

.filebox .upload-name {
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    width: 78%;
    color: #999999;
    max-width: 380px;
}
.filebox .upload-name1 {
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    width: 78%;
    color: #999999;
    max-width: 380px;
}
.filebox .upload-name2 {
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    width: 78%;
    color: #999999;
    max-width: 380px;
}
.filebox .upload-name3 {
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    width: 78%;
    color: #999999;
    max-width: 380px;
}
.filebox label {
    /* display: inline-block; */
    /* padding: 10px 20px; */
    /* color: #fff; */
    /* vertical-align: middle; */
    /* background-color: #999999; */
    /* cursor: pointer; */
    height: 40px;
    margin-left: 10px;
    display: inline-block;
    line-height: 40px;
    font-size: 15px;
    color: #fff;
    background: #4a5d7a;
    padding: 0 20px;
}
.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.form-control {
    display: inline-block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled],fieldset[disabled] .form-control {
    cursor: not-allowed
}
textarea {
    width: 100%;
    border: 1px solid #d5d5d5;
    min-height: 80px;
}


 .filebox {
        margin-bottom: 10px;
    }
    .filebox input[type="file"] {
        display: none;
    }
    .filebox label {
       
    }
	.upload-name {
        display: inline-block;
        margin-top: 5px;
    }
    .remove-btn {
        background-color: #dc3545;
        color: #fff;
        border: none;
        padding: 9px 10px;
        border-radius: 0px;
        cursor: pointer;
        vertical-align: middle;
    }
	.add-btn {
        background-color: #28a745;
        color: #fff;
        border: none;
        padding: 8px 10px;
        border-radius: 0px;
        cursor: pointer;
        margin-bottom: 5px;
        vertical-align: top;
        margin-left: 10px;
    }



	.youth_cal {
    clear: both;
    float: left;
    width: 48%;
    margin-right: 4%;
    box-sizing: border-box;
}

.youth_cal2 {
    clear: both;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.youth_input {
    float: left;
    width: 48%;
    box-sizing: border-box;
}

.youth_rent .cal_wrap {
    border-top: 1px solid #ccc;
    margin: 30px 0 0 0;
    display: inline-block;
    padding-top: 50px;
}

.youth_rent2 .cal_wrap {
    margin: 0px;
    display: inline-block;
    padding-top: 50px;
}

.youth_rent .cal_wrap .youth_cal {}

.youth_rent .cal_wrap .youth_cal .cal_top {
    display: inline-block;
    width: 100%;
}

.youth_rent2 .cal_wrap .youth_cal2 {}

.youth_rent2 .cal_wrap .youth_cal2 .cal_top {
    display: inline-block;
    width: 100%;
}

.youth_rent .subtitle {
    text-align: left;
    font-size: 20px;
    font-weight: 400;
}

.youth_rent .youth_cal .subtitle {
    float: left;
}

.youth_rent .subtitle>span {
    display: block;
    float: left;
    width: 2px;
    height: 20px;
    background-color: #2c5c9f;
    margin: 5px 5px 0 0;
}

.youth_rent .cal_wrap .day_color {
    float: right;
}

.youth_rent .cal_wrap .day_color>span {
    width: 80px;
    height: 30px;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 31px;
}

.youth_rent .cal_wrap .day_color>span.today {
    background-color: #fdf7c0;
}

.youth_rent .cal_wrap .day_color>span.checked {
    background-color: #026cb8;
    color: #fff;
}

.youth_rent .cal_wrap .youth_cal .month_wrap {
    border: 1px solid #aaa;
    display: inline-block;
}

.youth_rent .cal_wrap .youth_cal .month_wrap .monthly_bar2 {}

.youth_rent .cal_wrap .youth_cal .month_wrap .monthly_bar2 .nav_calendar2 {
    margin: 32px auto 22px;
    display: inline-block;
    line-height: 30px;
}

.youth_rent .cal_wrap .youth_cal .month_wrap .monthly_bar2 .nav_calendar2>a {
    display: block;
    width: 35px;
    height: 35px;
    box-sizing: border-box;
    border-radius: 3px;
    float: left;
    background: url(https://www.namwon2030.or.kr/img/rent_icon.png);
}

.youth_rent .cal_wrap .youth_cal .month_wrap .monthly_bar2 .nav_calendar2 .year_month {
    display: block;
    float: left;
    font-size: 30px;
}

.youth_rent .cal_wrap .youth_cal .month_wrap .monthly_bar2 .nav_calendar2>a.month_prev {
    border: 2px solid #d2d2d2;
    margin: -2px 25px 0 0;
    background-position: -4px -3px;
}

.youth_rent .cal_wrap .youth_cal .month_wrap .monthly_bar2 .nav_calendar2>a.month_next {
    border: 2px solid #000;
    margin: -2px 0 0 25px;
    background-position: -185px -3px;
}

.youth_rent2 .cal_wrap .youth_cal2 .month_wrap {
    border: 1px solid #aaa;
    display: inline-block;
}

.youth_rent2 .cal_wrap .youth_cal2 .month_wrap .monthly_bar2 {
    text-align: center;
}

.youth_rent2 .cal_wrap .youth_cal2 .month_wrap .monthly_bar2 .nav_calendar2 {
    margin: 32px auto 22px;
    display: inline-block;
    line-height: 30px;
}

.youth_rent2 .cal_wrap .youth_cal2 .month_wrap .monthly_bar2 .nav_calendar2>a {
    display: block;
    width: 35px;
    height: 35px;
    box-sizing: border-box;
    border-radius: 3px;
    float: left;
    background: url(https://www.namwon2030.or.kr/img/rent_icon.png);
}

.youth_rent2 .cal_wrap .youth_cal2 .month_wrap .monthly_bar2 .nav_calendar2 .year_month {
    display: block;
    float: left;
    font-size: 30px;
}

.youth_rent2 .cal_wrap .youth_cal2 .month_wrap .monthly_bar2 .nav_calendar2>a.month_prev {
    border: 2px solid #d2d2d2;
    margin: -2px 25px 0 0;
    background-position: -4px -3px;
}

.youth_rent2 .cal_wrap .youth_cal2 .month_wrap .monthly_bar2 .nav_calendar2>a.month_next {
    border: 2px solid #000;
    margin: -2px 0 0 25px;
    background-position: -185px -3px;
}



/* 청춘센터 대관신청 달력 */
.calendar_mon2 {
    border-collapse: collapse;
    clear: both;
    width: 100%;
    table-layout: fixed;
}

.calendar_mon2 th,
.calendar_mon2 td {
    width: 14.28%;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    border-left: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}

.calendar_mon2 th.day {
    border-top: 2px solid #7d7d7d;
    border-bottom: 1px solid #aaa;
    font-size: 16px;
    font-weight: normal;
    padding: 10px 5px;
    text-align: center;
    color: #000;
}

.calendar_mon2 th.day.sunday {
    color: #D41518;
}

.calendar_mon2 th:first-child {
    color: #cc0000;
    border-left: 0;
}

.calendar_mon2 th:last-child {
    color: #336699;
}

.calendar_mon2 td.date,
.calendar_mon2 td.d {
    border-bottom: 1px solid #aaa;
    height: 86px;
    font-weight: normal;
    text-align: center;
    vertical-align: top;
    padding: 2px 0;
}

.calendar_mon2 td.d>span.holly_day {
    color: #cc0000;
}

.calendar_mon2 td.d>span.holly_day .holly_title {
    color: #cc0000;
    font-size: 12px;
}

.calendar_mon2 td.d {
    color: #aaa;
	height: 156px;
}
.calendar_mon2 div {
    color: #aaa;
    line-height: 19px;
    padding: 0 10px;
}
.calendar_mon2 td.date.selected {
    background-color: #76c3ff;
}

.calendar_mon2 td.date.selected>a {
    color: #000;
}

.calendar_mon2 td.date.selected:first-child>a {
    color: #cc0000;
}

.calendar_mon2 td.date.selected:last-child>a {
    color: #5059d2;
}

.calendar_mon2 td.date>a {
    display: block;
    height: 100%;
    font-size: 16px;
}

.calendar_mon2 td.date.num_today {
    position: relative;
    background-color: #eee;
}

/*.calendar_mon2 td.date.num_today:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background-color: #62ad38;}*/
.calendar_mon2 td {
    border-left: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    color: #000;
    font-size: 14px;
    height: 100px;
    vertical-align: top;
}

.calendar_mon2 td:first-child {
    border-left: 0px;
}

.calendar_mon2 td:first-child>a {
    color: #cc0000;
}

.calendar_mon2 td:last-child>a {
    color: #5059d2;
}

.calendar_mon2 td.num_today {
    background: url(/youthcenter/images/youth/common/box_pattern.gif) repeat 0 0;
}

.calendar_mon2 td.today ul {
    position: relative;
    z-index: 1;
}

.calendar_mon2 li a p {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px dashed #d2d2d2;
    padding: 4px 0 4px 10px;
}

.calendar_mon2 li a p:last-child {
    border-bottom: 0;
}

.calendar_mon2 li a p:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #2c9a37;
}

.calendar_mon2 li a.data_modify {
    margin-top: 10px;
}

.calendar_mon2 li>span.holly_day {
    color: #cc0000;
}



/* 청춘센터 대관신청 시간선택 */
.time_wrap {
    display: inline-block;
    width: 100%;
}

.time_wrap .subtitle {
    margin-bottom: 10px;
}

.time_wrap>ul {
    clear: both;
}

.time_wrap>ul>li {
    display: table;
    float: left;
    width: 24.333%;
    height: 100%;
    vertical-align: middle;
    box-sizing: border-box;
    /*border-top: 1px solid #cccccc; */
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.time_wrap>ul li.booked a {
    background-color: #DEDEDE;
}

.time_wrap>ul li.selected a {
    background-color: #0080e3;
    color: #fff;
}


.time_wrap>ul li:first-child {
    border-left: 1px solid #cccccc;
}

.time_wrap>ul li:nth-child(5) {
    border-left: 1px solid #cccccc;
}

.time_wrap>ul li:nth-child(9) {
    border-left: 1px solid #cccccc;
}

.time_wrap>ul li:nth-child(-n+4) {
    border-top: 2px solid #7d7d7d;
}

.time_wrap>ul li a {
    display: table-cell;
    position: relative;
    width: 100%;
    padding: 10px 0;
    font-size: 15px;
    box-sizing: border-box;
    background-color: #fff;
	color:#000;
}

.time_wrap>ul li a.checked {
    background-color: #ddd;
}

.info_wrap {width: 100%;
    float: left;}
/* 청춘센터 대관신청 예약정보 및 신청자정보 */
.info_wrap .show_time {
    border: 2px solid #0080e3;
    padding: 10px;
    font-size: 15px;
    text-align: left;
    background-color: #e5f6f9;
}

.btn.excel_btn {
    display: inline-block;
    padding: 5px 9px;
    background: #4164a2;
    border-radius: 5px;
    color: #fff;
}

.btn.excel_btn>a {
    color: #fff;
}

.info_wrap .subtitle {
    margin-top: 20px;
    margin-bottom: 10px;
}

.info_wrap .info_table {
    clear: both;
    border-top: 2px solid #7d7d7d;
    width: 100%;
}

.info_wrap .info_table tr {
    border-bottom: 1px solid #ccc;
    height: 40px;
    line-height: 40px;
    color: #000;
}

.info_wrap .info_table th {
    width: 150px;
    font-weight: 300;
    font-size: 16px;
    text-align: left;
    padding: 0 0 0 30px;
    box-sizing: border-box;
}

.info_wrap .info_table th>span {
    width: 1px;
    height: 20px;
    background-color: #ccc;
    float: right;

}

.info_wrap .info_table td {
    text-align: left;
}

.info_wrap .info_table input[type="text"] {
    border: none;
	background-color: aliceblue;
    padding-left: 10px;
    box-sizing: border-box;
    height: 40px;
    width: 100%;
    border-radius: 0px;
    color: #333;
	margin-bottom: 5px;
}

.info_wrap .info_table input[type="text"]#re_person {
    width: 100px;
}

.info_wrap .info_table .minimum {
    font-size: 14px;
    color: #666;
}

/* 신청서 프린트 버튼*/
.btn.print_all {
    display: inline-block;
    padding: 5px 9px;
    background: #dd6b05;
    border-radius: 5px;
    color: #fff !important;
    margin-left: 5px;
}

.btn.print_person {
    display: inline-block;
    padding: 5px 15px;
    background: #fff;
    border-radius: 5px;
    color: #333 !important;
    margin-left: 10px;
    border: 1px solid #717171;
    font-size: 14px;
}

.view_popup {
    color: #333 !important;
}

.youth_rent .notice_msg {
    padding-top: 10px;
}

.youth_rent .notice_msg>p {
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    font-weight: 400;
}

.youth_rent .notice_msg>p>span {
    color: #003399;
}

.youth_rent .notice_msg>p>span.rd {
    color: #cc0000 !important;
}

.youth_rent .re_button {
    clear: both;
    margin-top: 50px;
    display: inline-block;
    background-color: #2c5c9f;
    padding: 15px 80px;
    border-radius: 3px;
    font-size: 24px;
    transition: ease-in-out 0.28s;
}

.youth_rent .re_button:hover {
    background-color: #457CC8;
}

.youth_rent .re_button>a {
    display: block;
    color: #fff;
}

.youth_rent2 .re_button {
    clear: both;
    margin-top: 50px;
    display: inline-block;
    background-color: #2c5c9f;
    padding: 15px 80px;
    border-radius: 3px;
    font-size: 24px;
    transition: ease-in-out 0.28s;
}

.youth_rent2 .re_button:hover {
    background-color: #457CC8;
}

.youth_rent2 .re_button>a {
    display: block;
    color: #fff;
}

.other_box a.btn {
    display: inline-block;
    padding: 3px 18px;
    background: #888;
    color: #fff;
    border-radius: 5px;
    margin-right: 3px;
    font-weight: 200;
}

/* 대관관리보드*/
.rsv_time {
    color: #555;
    font-size: 15px;
    padding-left: 10px;
}

.rsv_conf {
    color: #083182;
}

/* 승인 */
.rsv_wait {
    color: #ae0a11;
}

/* 승인대기 */
.rsv_ref {
    color: #000;
}

/* 반려 */
.rsv_cancle {
    color: #888;
}

/* 본인취소 */
.accept {
    background: #4164a2 !important;
}

/* 반려 버튼 */

/* 텍스트, 이미지 정렬 */
.align_c {
    text-align: center !important;
}

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

.align_r {
    text-align: right !important;
}


/* 기존 대관신청 버튼이랑 겹침*/
.monthly_bar_cs {
    background: #f8f9fb;
    border: 1px solid #d2d2d2;
    vertical-align: middle;
    margin-bottom: 35px;
    height: 56px;
    position: relative;
}

.monthly_bar_cs .nav_calendar2 {
    display: inline-block;
    height: 56px;
    float: left;
}

.monthly_bar_cs .nav_calendar2 span.num_year {
    background: #eef2f6;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    display: inline-block;
    font-size: 24px;
    color: #4264a3;
    height: 40px;
    padding: 16px 0 0;
    width: 126px;
    text-align: center;
}

.monthly_bar_cs .nav_calendar2 span.num_month {
    background: #4264a3;
    border-right: 1px solid #d2d2d2;
    display: inline-block;
    font-size: 24px;
    color: #fff;
    height: 40px;
    padding: 16px 0 0;
    width: 75px;
    text-align: center;
}

.monthly_bar_cs .nav_calendar2 a.month_prev {
    background: transparent url("/youthcenter/images/youth/sub/board_cont_bg.png") no-repeat 0 0;
    display: inline-block;
    text-indent: -99999px;
    height: 56px;
    margin: 0;
    vertical-align: top;
    width: 68px;
}

.monthly_bar_cs .nav_calendar2 a.month_next {
    background: transparent url("/youthcenter/images/youth/sub/board_cont_bg.png") no-repeat -70px 0;
    border-right: 1px solid #d2d2d2;
    display: inline-block;
    text-indent: -99999px;
    height: 56px;
    margin: 0;
    vertical-align: top;
    width: 68px;
}

.monthly_bar_cs .nav_calendar2 a span {
    padding: 0 !important;
}

.monthly_bar_cs .help {
    position: absolute;
    right: 0;
    font-size: 15px;
    color: #000;
    margin: 15px 15px 0 0;
}


/* 대관신청 기타 버튼 */
/* 신청서 프린트 버튼*/
.btn.print_all {
    display: inline-block;
    padding: 5px 9px;
    background: #dd6b05;
    border-radius: 5px;
    color: #fff !important;
    margin-left: 5px;
}

.btn.print_person {
    display: inline-block;
    padding: 5px 15px;
    background: #fff;
    border-radius: 5px;
    color: #333 !important;
    margin-left: 10px;
    border: 1px solid #717171;
    font-size: 14px;
}

.view_popup {
    color: #333 !important;
}

.youth_rent .notice_msg {
    padding-top: 25px;
}

.youth_rent .notice_msg>p {
    text-align: left;
    line-height: 19px;
    color: #666;
    font-weight: 400;
}

.youth_rent .re_button {
    clear: both;
    margin-top: 50px;
    display: inline-block;
    background-color: #2c5c9f;
    padding: 15px 80px;
    border-radius: 3px;
    font-size: 24px;
    transition: ease-in-out 0.28s;
}

.youth_rent .re_button:hover {
    background-color: #457CC8;
}

.youth_rent .re_button>a {
    display: block;
    color: #fff;
}

.other_box a.btn {
    display: inline-block;
    padding: 3px 18px;
    background: #888;
    color: #fff;
    border-radius: 5px;
    margin-right: 3px;
    font-weight: 200;
}

/* 대관관리보드*/
.rsv_time {
    color: #555;
    font-size: 15px;
    padding-left: 10px;
}

.rsv_conf {
    color: #083182;
}

/* 승인 */
.rsv_wait {
    color: #ae0a11;
}

/* 승인대기 */
.rsv_ref {
    color: #000;
}

/* 반려 */
.rsv_cancle {
    color: #888;
}

/* 본인취소 */
.accept {
    background: #4164a2 !important;
}

/* 반려 버튼 */

#board_sch1 .srch {
    margin-top: 20px;
}



/* 팝업으로 변경*/
/* 스케쥴러 */
.event_box {
    position: absolute;
    top: 320px;
    left: 50%;
    margin-left: -347px;
    background-color: #fff;
    border: 3px solid #4264a3;
    width: 628px;
    min-height: 266px;
    padding: 30px;
    z-index: 10;
}

.event_view .event_img {
    width: 204px;
    height: 261px;
    border: 1px solid #d3d3d3;
    background: #f2f5f4 url("/youthph/images/board/bg_logo.png") no-repeat scroll 50% 50%;
}

.event_view dl {
    /* margin:-260px 0 0 235px;*/
    width: 400px;
}

.event_view dl dt {
    color: #4264a3;
    font-size: 23px;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 1.2;
    width: 90%;
    text-align: left !important;
    word-break: break-all;
}

.event_view dl dd {
    color: #000;
    font-size: 14px;
    background: transparent url("/youthph/images/board/dd_bl_1.gif") no-repeat 0 10px;
    padding: 0 0 0 8px;
    line-height: 1.6;
    word-break: break-all;
}

.event_view .cont {
    line-height: 22px;
    margin: 10px 0 0 235px;
    max-height: 131px;
    overflow: auto;
}

.event_view .file_download {
    margin: 15px 0 0 235px;
    border-top: 1px dashed #d2d2d2;
    padding-top: 15px;
}

.event_view .file_download li {
    margin-bottom: 7px;
}

.event_view .file_download li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 2px solid #fbbc0f;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #fbbc0f;
}

.event_view .file_download li a:hover {
    border-color: #4264a3;
}

.event_view .file_download li a span.icon {
    float: left;
    width: 22px;
    height: 22px;
    margin: 2px 7px 0 0;
    background: url("/youthph/images/board/board_cont_bg.png") no-repeat -1px -129px;
}

.event_view .btn_detail {
    margin: 10px 0 0 232px;
    display: block;
    float: left;
    padding: 3px 10px;
    background-color: #403a3a;
    color: #fff;
    border-radius: 3px;
    transition: ease-in-out 0.3s;
}

.event_view .btn_detail:hover {
    background-color: #f3c204;
    color: #333;
    transition: ease-in-out 0.3s;
}

.event_close {
    position: absolute;
    top: -2px;
    right: -2px;
}

.event_close a {
    background: #4264a3 url("/youthph/images/board/board_cont_bg.png") no-repeat scroll -570px 3px;
    display: inline-block;
    font-size: 0;
    height: 35px;
    margin: 0;
    vertical-align: middle;
    width: 35px;
}

.view_popup {
    font-weight: 600;
}



/*사용조건 링크*/
.rules a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #ffffff;
    margin-bottom: 20px;
    border: 1px solid #2196f3;
	color: #000;
}

.rules a:hover {
    background-color: #c3f0ff;
    transition: ease-in-out 0.5s;
	color: #000;
}

.rules a .icon {
    background: url("") no-repeat;
    width: 19px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}



.calendar_wrap {
    padding: 0 50px;
    margin-top: 70px;
}

.calendar_wrap .date_month {
    text-align: center;
}

.calendar_wrap .date_month strong {
    display: inline-block;
    padding: 0 20px;
    vertical-align: top;
    font-size: 36px;
    line-height: 40px;
}

.calendar_wrap .date_month a {
    display: inline-block;
    width: 30px;
    height: 40px;
    vertical-align: top;
}

.calendar_wrap .date_month a.btn_prev {
    background: url(../img/icon_prev03.png) no-repeat center center;
}

.calendar_wrap .date_month a.btn_next {
    background: url(../img/icon_next03.png) no-repeat center center;
}

.calendar_tbl {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 40px;
    border-spacing: 30px 0;
    border-collapse: separate;
}

.calendar_tbl th {
    padding: 20px 0;
    border-bottom: 2px solid #333;
    text-align: left;
    font-size: 18px;
}

.calendar_tbl th:nth-child(1) {
    color: #e72100;
}

.calendar_tbl th:nth-child(7) {
    color: #0072ff;
}

.calendar_tbl td {
    position: relative;
    height: 110px;
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
    text-align: left;
    font-size: 16px;
}

.calendar_tbl td:nth-child(1) {
    color: #333;
}

.calendar_tbl td:nth-child(7) {
    color: #0072ff;
}

.calendar_tbl td .date {
    display: inline-block;
    width: 24px;
    vertical-align: top;
    text-align: center;
    line-height: 24px;
}

.calendar_tbl td .holiday {
    display: block;
    position: absolute;
    top: 20px;
    right: 0;
    text-align: right;
    font-size: 13px;
    color: #00986b;
}

.calendar_tbl td ul li {
    margin-top: 15px;
}

.calendar_tbl td .btn_more_view {
    display: block;
    margin-top: 15px;
    font-size: 14px;
    color: #ef4472;
}

.calendar_tbl td .desktop {
    display: block;
}

/*200427 추가*/
.calendar_tbl td .mobile {
    display: none;
}

/*200427 추가*/

.calendar_tbl td.next_month .date {
    color: #999;
}

.calendar_tbl+.btn_wrap {
    margin-top: 70px;
}

.calendar_tbl td.today .date {
    border-radius: 50%;
    color: #fff;
    background: #ef4472;
}

.month_wrap {
    border: 1px solid #aaa;
    display: inline-block;
}