/* 공통 */
.radiosec{margin: 10px 0 14px;}

.sec_rel{position: relative;}
.btn_ab{position:absolute; top:0; right:0; transform:translateY(-100%);}
.sear_wide{width: 663px; }

.form_inner ul + ul{padding-top: 50px; margin-top: 50px; border-top: 1px solid #ddd;}
.flex .check{margin-left: 10px; margin-bottom: 10px; font-size: 14px;}
.form_inner{margin-bottom: 90px;}

/* .inputlist2 > li + li{margin-top: 50px;} */



/* faq */
.faqlist li{font-size: 14px;}
.faqlist li .faq_title{padding: 20px 40px; border-bottom: 1px solid #ddd; cursor: pointer;}
.faqlist li:first-child .faq_title{border-top: 1px solid #ddd;}
.faqlist li .faq_title .q{position: relative;}
.faqlist li .faq_title .q::before{content: 'Q'; color: #F5821E; font-weight: 700; display: inline-block; position: relative; padding-right: 40px;}
.faq_answer{padding: 20px 86px; background-color: #f0f0f0; border-bottom: 1px solid #ddd; display: none;}
.faqlist li .faq_title .q::after{content: ''; display: inline-block; position: absolute; width: 8px; height: 8px; right: 0; top: 20%; border-top: 2px solid #333; border-right: 2px solid #333; transform: rotate(-45deg); transition: all .2s;}
.faqlist li.turn .faq_title .q::after{transform: rotate(135deg); border-color: #F5821E;}


/* family newsletter management */
.tn_thumb{position: relative; width: 100%; padding-bottom: 94px; overflow: hidden; border-radius: 0.5rem;}
.tn_thumb img{position: absolute; width: 100%; height:100%; left:50%; top:50%;transform: translate(-50%, -50%); object-fit: cover;}
.thumblist .dp{overflow: inherit; text-overflow:inherit; word-break: keep-all; white-space: wrap;}

.familynews_mng td.title:hover p{color: #F5821E;}
.bannerlist td.title:hover p{color: #F5821E;}

/* .onoff_button .toggleSwitch:after{right: -13px; top: 2px;} */
/* .onoff_button #toggle:checked ~ .toggleSwitch:after{left: -12px; top: 2px;} */
table .btn_move button{height: 30px; margin: 0 2px;}
/* .manage table.list_table th, table.list_table td {text-align: left;} */

.btn_move.sm_btn button{width: 40px;}

/* .copybtn button{margin: 0 auto;} */

.employed{color: #2295FF;}
.resigned{color: #81818B;}


/* .familynews .list_table td{padding: 16px 0 !important;} */


/* education plan */
.plan_smtit{font-size: 12px; color: #81818B; margin-bottom: 9px;}
.plan_smtit + div{margin-bottom: 20px;}

.yearwrap, .agewrap, .monthwrap ul, .weekwrap ul{display: flex;}
.edubtn{border: 1px solid #ddd; padding: 10px 0; line-height: 1; border-radius: 5px; background-color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.edubtn + .edubtn{margin-left: 10px; }
.edubtn.edu_y{width: 104px; }
.edubtn.edu_y.on, .edubtn.edu_y:hover{background-color: #2295FF; color: #fff; border-color: #2295FF;}
.edubtn.edu_a{width: 47px;}
.edubtn.edu_a.on, .edubtn.edu_a:hover{background-color: #6CD033; border-color:#6CD033; color: #fff;}

.monthwrap ul{flex-wrap: wrap; position: relative;}
.monthwrap ul li{width: 25%; display: flex; height: 56px; font-size: 14px; color: #686868; align-items: center; line-height: 1.4; padding: 10px; cursor: pointer;}
.monthwrap ul li .mon_round{font-size: 12px; color: #F88086; font-weight: 700; background-color: #fef2f3; padding:6px 20px; border-radius: 60px; height: 28px; margin-right: 10px;}
.monthwrap ul li{border-bottom: 1px dashed #ddd; border-right: 1px dashed #ddd;}
.monthwrap ul li:nth-child(4n){border-right: 0;}
.monthwrap ul li:nth-child(n+9){border-bottom: 0;}
.monthwrap ul li.on, .monthwrap ul li:hover{background-color: #F88086; color: #fff; border-radius: 3px;}
.monthwrap ul li.on span, .monthwrap ul li:hover span{background-color: #fff; color: #F88086;}

.weekwrap ul li{ padding: 16px 5px; font-size: 13px; border-right: 1px dashed #ddd; border-bottom: 1px dashed #ddd; cursor: pointer;}

.weekwrap.week4 ul li{width: 25%;}
.weekwrap.week5 ul li{width: 25%;}

.weekwrap ul li:last-child{border-right: 0;}
.weekwrap li .week_round{font-size: 11px; color: #FFA20F; background-color: #ffeccf; padding: 4px 6px; border-radius: 20px; margin-right: 6px;}
.weekwrap ul li.on, .weekwrap ul li:hover{ background-color: #F5821E; color: #fff; border-radius: 3px;}
.weekwrap ul li.on .week_round, .weekwrap ul li:hover .week_round{background-color: #fff; color: #F5821E; }


.eduplan{margin-top: 40px;}
.eduplan table{border-collapse: collapse; width: 100%;}
.eduplan table, .eduplan table th, .eduplan table td{border: 1px solid #d9d9d9; font-size: 15px; }
.eduplan table td.week_topic p{font-weight: 800; text-align: center;}
/* .eduplan table:nth-child(n+2){border-top: none ;} */
.eduplan table th{text-align: center; vertical-align: middle; font-weight: 700; background-color: #fafafa;}
.eduplan table th, .eduplan table td{padding: 16px 12px; vertical-align: middle;}
.eduplan table td p{font-size: 14px; font-weight: 500; margin: 5px 0;}
.edu_goal{color: #666;}

.edu_btn{font-size: 10px; padding: 2px 10px; border: 1px solid #ccc; background-color: #fafafa; border-radius: 20px; color: #555; display: inline-block; margin-bottom: 3px; margin-left: 3px;}
.educon p:before{content: '·'; display: inline-block; position: relative; margin-right: 5px;}
.educon{padding: 20px 0;}

.eduplan3{ margin-bottom: 70px; margin-top: 0;}
.eduplan3 table th, .eduplan3 table td{padding: 20px 24px;}
.eduplan3 table thead th{text-align: left; font-size: 17px; line-height: 1; padding: 24px;}
.eduplan3 table tbody th{color: #ff6746; font-weight: 700; background-color: #fff; border-right: 1px dashed #ddd;margin: 20px 0;}
.eduplan3 table tbody td{border-left: none; color: #666; }
.eduplan3 table td p{padding-top: 20px;}
.eduplan3 table td p:first-child{padding-top: 0;}
.eduplan3 p.acttit{font-weight: 700;}

.plan_activity .thumbnail > ul{justify-content: flex-start;}





.tabcon{padding-top: 0;}

.bn_thumb{max-width: 126px; max-height: 100px;}
.popup_thumb{max-height: 100px;}

.li_margintop{margin-top: 34px;}

.singlebtn_mt{margin-top: 50px;}

table .file_del{position: relative; display: inline-block; margin: 0 auto;}

.min_sel{width: 208px; margin-right: 10px;}
.sersel{align-items: flex-end; margin: 50px 0 20px;}

.clipthumb{max-height: 100px;}
.clipsmtxt span{color: #999; font-size: 12px; display: block;}

.list_table.list_table_move.ltmove2 td{overflow: inherit; text-overflow:inherit; word-break: keep-all; white-space: wrap;}

/* royalty management */
.roundbtn button{border-radius: 10px; width: 190px;}
.centerbox{max-width: 391px; margin: 0 auto; margin-top: 40px;}
.tabstyle div{font-size: 14px; line-height: 1.2; width: calc((100% - 14px) /3); border-radius: 5px; border: 1px solid #ddd; color: #686868; text-align: center; padding: 10px 0; margin-top: 0;}
.tabstyle div.active{color: #F5821E; border-color: #F5821E;}
.flex_date .date{width:100%;}
.flex_date i{padding: 0 5px; display: flex; align-items: center;}


.content_manage .search_top {justify-content: flex-end;}



.cm .radiobtn ul label{display: inline-block; font-size: 14px;}
.cm .radiobtn ul input[type=radio]{margin-bottom: 0;}


table.bannerlist td{padding-top: 30px; padding-bottom: 30px;}


/* ********************************************* *
 * 1600px
 * ********************************************* */
 @media screen and (max-width: 1660px){
   
   
    
 }
 
 /* ********************************************* *
 * 1400px
 * ********************************************* */
 @media screen and (max-width: 1440px){
 

 }
 
 /* ********************************************* *
 * 1200px
 * ********************************************* */
 @media screen and (max-width: 1200px){
 

 }
 
 /* ********************************************* *
 * 1024px
 * ********************************************* */
 @media screen and (max-width: 1024px){
 
  
 }
 
 
 /* ********************************************* *
 * 960px
 * ********************************************* */
 @media screen and (max-width: 960px){
 }
  
 /* ********************************************* *
 * 900px
 * ********************************************* */

 @media screen and (max-width: 900px){


 }
 
 /* ********************************************* *
 * 768px
 * ********************************************* */
 @media screen and (min-width: 769px){
  
 
  
 }
 @media screen and (max-width: 768px){
 
 }
 
 
 /* ********************************************* *
 * 640px
 * ********************************************* */
 @media screen and (max-width: 640px){
 }
 
 
 /* ********************************************* *
 * 500px
 * ********************************************* */
 @media screen and (max-width: 500px){
 
 }
 
 /* ********************************************* *
 * 400px
 * ********************************************* */
 @media screen and (max-width: 400px){
 
 }
 
  /* ********************************************* *
 * 300px
 * ********************************************* */
 @media screen and (max-width: 300px){

 }