.notice {max-width:80%; margin:0 auto}
.tabmenu { clear:both; display:block;
  width: 100%;  min-height:500px; 
  max-width: 100%;
  border: 0px solid #000; position:relative;
}
.tabmenu_menu {position: absolute;  z-index: 10;  left: 0;	display: flex; width:25%; flex-wrap: wrap;
 flex-direction: column;  border: 0px solid #fff;}
/*.tabmenu_menu-item:first-child {border-left:1px solid #dfdfdf;}*/
/*.tabmenu_menu-item:nth-of-type(2) {border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;}*/
.tabmenu_menu-item { border-bottom: 2px solid rgba(255,255,255,0.3);
  flex: 1;/* border-top:1px solid #dfdfdf;  border-right:1px solid #dfdfdf;  border-bottom:1px solid #dfdfdf;*/
  padding: 25px 15px 25px 36px; position:relative; text-shadow:0 0 5px #333;
  font-size: 22px;
  font-weight: 400; 
 background-position: 95% center ;   
  text-transform: uppercase; text-align: left; color: #fff; box-shadow: 0 2px 0 transparent;
  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none; user-select: none; cursor: pointer; transition: 0.3s;
}
.tabmenu_menu-item:before { content: "";  width: 8px; height: 8px; background-color: #fff; 
 position: absolute; left: 15px; top: 47%;   border-radius: 50%;}

.tabmenu input[id=tab1]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab1],
.tabmenu input[id=tab2]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab2],
.tabmenu input[id=tab3]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab3],
.tabmenu input[id=tab4]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab4],
.tabmenu input[id=tab5]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab5],
.tabmenu input[id=tab6]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab6],
.tabmenu input[id=tab7]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab7]{
 background-image:url(../img/arrow_w.svg); background-repeat:no-repeat; background-position: 95% center ; border-bottom: 2px solid rgba(255,255,255,0.9); font-weight: 600; 
 /* background-color:rgba(0,0,0,0.2);*/ 
}

.tabmenu input[id=tab1]:checked ~ .tabmenu_content .tabmenu_content-item[data-tab=tab1],
.tabmenu input[id=tab2]:checked ~ .tabmenu_content .tabmenu_content-item[data-tab=tab2],
.tabmenu input[id=tab3]:checked ~ .tabmenu_content .tabmenu_content-item[data-tab=tab3],
.tabmenu input[id=tab4]:checked ~ .tabmenu_content .tabmenu_content-item[data-tab=tab4],
.tabmenu input[id=tab5]:checked ~ .tabmenu_content .tabmenu_content-item[data-tab=tab5],
.tabmenu input[id=tab6]:checked ~ .tabmenu_content .tabmenu_content-item[data-tab=tab6],
.tabmenu input[id=tab7]:checked ~ .tabmenu_content .tabmenu_content-item[data-tab=tab7]{
  height: auto;
  opacity: 1;
  transform: translateX(0);
  visibility: visible;
}

.tabmenu_content .img {float:left; width:50%; padding-top:10px; text-align:center;}
.tabmenu_content .img img{max-width:100%}
.tabmenu_content .cont {float:right; width:50%; color:#333; display:flex;} 
.tabmenu_content .cont2 {float:right; width:50%; color:#333; display:flex; margin-top:15px;} 
.tabmenu_content .cont .num {font-size:100px ; line-height:110px; font-weight:200; color:#999; opacity: 1}
.tabmenu_content .cont .tit{font-size:15px; padding:18px 0 20px 0; font-weight:600;}
.tabmenu_content .cont2 .tit{font-size:15px; padding:13px 0 20px 0; font-weight:600;}
.tabmenu_content .cont .txt {font-family:'Montserrat','Noto Sans KR'; font-size:15px ;font-weight:500; padding:14px 0 0 49px; line-height:29px; letter-spacing:-0.7px;}
.tabmenu_content .cont .txt.txt2 {font-family:'Montserrat','Noto Sans KR'; font-size:15px ;font-weight:500; padding:14px 0 0 25px; line-height:29px;}
.tabmenu_content .cont2 .txt {font-family:'Montserrat','Noto Sans KR'; font-size:15px ;font-weight:500; padding:9px 0 0 20px; line-height:29px; letter-spacing:-0.7px;}
.tabmenu_content .cont .btn {background:#333; color:#fff; padding:10px; width:180px; text-align:center; border-radius:50px; }
.tabmenu_content { width:70%; background:#fff; min-height:600px;
  padding: 20px 50px 30px 0px;  border-radius:0px 0 100px 0; box-shadow:0 0 20px rgba(0,0,0,0.3);
    z-index: 10;    right: 0;position: absolute;}
.tabmenu_content-item { height: 0;  overflow: auto;  line-height: 1.4;  opacity: 0;  transform: translateX(-50px);  visibility: hidden;  transition: 1.1s;}

/*bord*/
.tabmenu .news .main_notice > tbody > tr  td:nth-of-type(3) { width:15% !important;}
.tabmenu .news .main_notice > tbody > tr  .bd_out1 { /*width:100% !important;*/
white-space:normal !important; text-overflow:ellipsis}
.tabmenu .news .main_notice > tbody > tr td{border-bottom:1px dashed #dfdfdf ; }
/*.tabmenu .news td {border-bottom:1px dashed #dfdfdf ; }*/
.tabmenu .news td a{display:block; padding:24px 0; font-size:18px; width:100% !important; }
.tabmenu .news td a:hover {color:#fff;}
.tabmenu .news tr:last-child td {/*border-bottom:0;*/}
.tabmenu .news tr:first-child {display:none;}

.tabmenu .btn a {display:block; padding:20px; width:200px; text-align:center; margin:20px auto 0 auto;
font-size:18px; border:0px solid #fff;}
.tabmenu .btn a:hover {color:#fff; text-decoration:underline; }

.pcnonembblock{display:none;}
.memberbtn{width:100%;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.inner .notce {height:500px; overflow:hidden;}
.tabmenu {   margin-bottom:0px; min-height:390px;}
.tabmenu .news .main_notice  {padding:0 5px !important;}
.tabmenu .news .main_notice > tbody > tr  td:first-child {display:none;}
.tabmenu .news .main_notice > tbody > tr  td:nth-of-type(2),
.tabmenu .news .main_notice > tbody > tr td:nth-of-type(3) {display:table !important; width:100% !important;
text-align:left; font-size:14px;}	
.tabmenu .news .main_notice > tbody > tr td:nth-of-type(2) {border-bottom:0px dashed #dfdfdf ; padding-top:5px; }
.tabmenu .faq .main_notice > tbody > tr td a{border-bottom:1px dashed #dfdfdf !important;height:58px; padding:5px 0 }
.tabmenu .news .main_notice > tbody > tr td:nth-of-type(3) {color:#888; padding-bottom:5px;}
.tabmenu .news td a{display:block; padding:6px 0; font-size:14px; width:100% !important; }
.tabmenu_menu-item { padding: 5px;  font-size: 15px; }
.tabmenu .btn a {padding:20px; width:200px; margin:10px auto 0 auto;font-size:16px; }
}
@media (max-width: 768px) {
.notice {max-width:90%; margin:0 auto}	
.tabmenu_menu {position: relative;  z-index: 10;  left: 0; 	 display: flex; width:100%; flex-wrap: wrap; 
 flex-direction: row; justify-content: space-between; border: 0px solid #fff; margin-bottom:30px;}	
.tabmenu_content { width:100%; background:#333; min-height:348px;
  padding: 20px;  border-radius:0px 0 60px 0; box-shadow:0 0 20px rgba(0,0,0,0.3);
    z-index: 10;    right: 0;position: relative;}	
.tabmenu_menu-item { padding: 8px 8px 8px 20px ;   font-size: 15px; flex: 1 0 50%;    max-width: 47%;}
.tabmenu_content .img {float:none; width:100%; padding-top:0px; text-align:left;}
.tabmenu_content .img img {max-width:60%}
.tabmenu_content .cont {float:none; width:100%; color:#333; padding:10px 0 0 0px;}
.tabmenu_content .cont .num {position:absolute; top:40px; left:65%; font-size:22px ; line-height:35px;  opacity:1; font-weight:400; letter-spacing:-1.5px; color:#fff;}
.tabmenu_content .cont .num b{font-size:27px;}
.tabmenu_content .cont .tit{font-size:25px; padding:10px 0 10px 0; font-weight:600;}
.tabmenu_content .cont .txt {font-size:15px ;font-weight:500; padding-bottom:20px;}
.tabmenu_content .cont .btn {background:#fff; font-size:14px ; color:#333; padding:12px; width:70%; text-align:center; border-radius:50px; }

.tabmenu_menu-item:before { content: "";  width: 5px; height: 5px; background-color: #fff; 
 position: absolute; left: 5px; top: 47%;   border-radius: 50%;}

.tabmenu input[id=tab1]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab1],
.tabmenu input[id=tab2]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab2],
.tabmenu input[id=tab3]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab3],
.tabmenu input[id=tab4]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab4],
.tabmenu input[id=tab5]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab5],
.tabmenu input[id=tab6]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab6],
.tabmenu input[id=tab7]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab7] {
 background-position: 95% center ;  background-size:20px;}
.tabmenu_content-item {  transform: translateX(-0px); } 

.pcblockmbnone{display:none !important;}
.pcnonembblock{display:block;}
}
@media (max-width: 640px) {

}
@media (max-width: 600px) {

}
@media (max-width: 550px) {

}
@media (max-width: 480px) {

}
@media (max-width: 320px) {

}