:root {
    --my-color2: #ffd166;           /* 기본 hex 값 */
    --my-color1: #469fea;           /* 기본 hex 값 */
    --my-color3: #ff6b6b;           /* 기본 hex 값 */
}
.my-color{color: #469fea;}
.my-color2{color: #ffd166;}
.my-color3{color: #ff6b6b;}

@media (max-width: 767px){ /*mo*/
    :root { font-size: 16px;}
}
@media (min-width: 768px){ /*PC*/
    :root { font-size: 20px;}
}

/*본문 수정 ul/ol*/
.xe_content ul, .xe_content ol, .rhymix_content ul, .rhymix_content ol {
    margin-bottom: 20px;} /* 입력화면에서 ul, ol 폰트 크기*/
html, body, table, th, td, button, select, input, textarea {
    font-size: 1rem;    
}

/*게시판 관련  수정*/
.boardReadBody .xe_content, .boardReadBody .rhymix_content,.boardReadHeader .titleArea .title { font-size: 1rem !important;}
.board_webzine .item .subject a.title { font-size: 1rem !important;}
.baord_gallery .itemList .cover_subject a {font-size: 1rem; line-height: 1.3;}
.boardReadHeader {background-color: #eff7fe;} /*게시판 타이틀*/
.boardList td .subject { font-size: 1rem !important;} /*게시판 타이틀*/
.header_text { font-size: 1rem;}
.boardRead .prev-next li a {font-size: 1rem;}
.baord_gallery .itemList {border-radius: 0px;}
.board_webzine .notice .subject i {color: var(--my-color1);}

@media (max-width: 767px){ /*mo*/
    .boardReadHeader {padding: 10px 10px 0 10px;}
    .xet-layout .layout-sub-lnb {padding: 0.5rem;} /*아래 3개는 서브메뉴용 */
    [class*=xet-container] {padding-left: 8px;padding-right: 8px;} /*sub menu*/
    .xet-layout .layout-sub-lnb .layout-sub-lnb__container { gap: 1rem;line-height: 0;padding: 10px;} /*sub menu*/
}


/*에디터 크기*/
.xe_content.editable p, .rhymix_content.editable p, .cke_wysiwyg_div p {
    margin: 0 0 0px 0;
    font-size: 1rem;
}
#xet-page { font-size: 1rem; color: #000;}
.footer__container{line-height: 100%;}

/*시스템 테그*/
h3{margin: 40px 0 20px 0; padding: 2px 0;border-style: solid;border-color: var(--my-color1); border-width: 0; border-left-width: 5px; padding-left: 20px;  padding-right: 8px;}
h4{font-weight: 400; font-size: 1.5rem !important;}
h5{margin: 40px 0 10px 0; font-size: 1rem !important;}
strong{color: var(--my-color1); font-weight: 600;}

.xe_content p, .rhymix_content p {line-height: 200%;} /*자간 넓게*/
.xet-layout .layout-header .header__container > .item.gnb > nav .gnb-ul > li > a 
{ font-size: 1rem !important;}/*메뉴 폰트 크기*/
.xet-layout .layout-header .header__container > .item.logo a {font-size: 1.3rem;}

/*tag*/
.boardReadFooter .tag dt {font-size:1rem;color : var(--my-color1);}
.boardReadFooter .tag dd a {font-size:1rem;}

/*sub 상단*/
.xet-bg-cover {background-size: cover !important;} /*sub 상단*/
#js-layout > div.layout-content > div > article > section.sub-about2.xet-bg-fixed.aos-init.aos-animate{border-top: 10px solid #fff;} /*회사 소개 페이지내부 이미지 배경*/
.xet-layout .layout-sub-lnb .layout-sub-lnb__container a { color: #333;} /*하위 메뉴 색*/
.xet-layout .layout-sub-lnb {display: block;} /*서브메뉴 항상 보이게*/
.xet-layout .layout-sub-top {padding-top: 10rem !important;}
#js-layout > div.layout-sub-top.xet-bg-cover > div > div > div.h2.lnb-title.mg-t2rem{display: none;}

@media (max-width: 767px){ /*mo*/
    .my-faq{margin-bottom: 4px;}
    .contact-btn{display: block;} /*우측 퀵 버튼*/
}
@media (min-width: 768px){    /*pc*/
    .my-faq{margin-bottom: 6px;}
    .contact-btn{display: none !important;} /*우측 퀵 버튼*/
    .xet-layout .quickbutton a {width: 3rem;height: 3rem;} /*우측 퀵 버튼*/
}




/*FAQ*/

/*우측 퀵베너*/
.xet-layout .quickbutton a.contact-kakaotalk, 
.xet-layout .quickbutton a.contact-btn {
    font-size: 2rem;
    color: #fff !important;
    background-color: var(--my-color3) !important;
}
.xet-layout .quickbutton a.contact-btn:hover{color: #000 !important;}
.xet-layout .quickbutton a.contact-kakaotalk:hover{color: #000 !important;}

blockquote {
    margin: 40px 0 !important; 
    padding: 20px !important;
    background-color: #eee;
}



.mt-40{margin-top: 40px;}
.mt-20{margin-top: 20px;}
.my-faq{font-size: 300%;font-weight: 700;margin-top: 120px;}


 /*모든 게시글 이미지 */
.xe_content p >  img, .rhymix_content p >  img{
    margin: 20px 0; box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.3);border: 1px solid #ccc; 
    display: block;margin-left: auto; margin-right: auto; /*테두리*/
    pointer-events: none; user-select: none; -webkit-user-drag: none; /*클릭금지*/
}

.xe_content img, .xe_content video, .rhymix_content img, .rhymix_content video {
    display: block;margin-left: auto; margin-right: auto; /*center*/
    pointer-events: none; user-select: none;  -webkit-user-drag: none;/*클릭금지*/
}



/***  아직 미사용  by blog119 ****************************************************************/
/**767 이하 모바일 사이즈***********************/
@media (max-width: 767px){
	.img-container img{opacity: 0.4;}  /*** 이미지안에 글자넣기 작은화면에서 흐리게 by blog119 ****/
	.myTable {font-size: 1rem;}
	.jcarousel-prev, .jcarousel-next{display: block;}
}
/**tablet & PC ************************/
@media (min-width: 767px) {
	.myTable {font-size: 1.2rem;}
	.img-main {display:none;}	/*반응형에서 제품 큰사진 삭제*/
	.jcarousel-prev, .jcarousel-next{display: block;}
}

/**사용법 <table class="myTable">**/
.myTable {
    border-collapse: collapse; /* Collapse borders */
    width: 100%; /* Full-width */
    border: 1px solid #d9d9d9; /* Add a grey border */
    margin-bottom: 20px;
}
.myTable th, .myTable td {
    text-align: center; /* center-align text */
    padding: 7px; /* Add padding */
}
.myTable th {background-color: #f7f7f9;}
.myTable tr {border-bottom: 1px solid #d9d9d9; }

/* stripped table */
.table-striped tr:nth-child(even){background-color: #f7f7f9}

/* bordered table */
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border: 1px solid #d9d9d9;}

.myTable tr.strong {font-weight: 500;}
.cell-gray{background-color:#f0f0f0;}
.cell-dark-gray{background-color:#838383; color: white;}
.cell-black{background-color:#222222; color: white;}