@charset "UTF-8";

/* 개발 붙은 후 datepicker 셀릭트 깨지는 것 때문에 넣음 */
.ui-datepicker-title select {height: auto; padding: 0;}

caption {position: static; overflow: hidden; width: 1px; height: 1px; margin: 0; padding: 0; font-size: 1px; text-indent: -9999px;}
* {word-break: keep-all; letter-spacing: -0.02em !important; font-family: 'Pretendard', 'sans-serif';}
.key_text {font-weight: 700; font-size: 18px; line-height: 27px; color: #ed4040;}

/* 공통폼 이미지가 있을 경우 mark */
.mark_list_area {}
.mark_list_area > .list {font-size: 0;}
.mark_list_area > .list > li {display: inline-block; margin: 0 5px 0 0; font-size: 0;}
.mark_list_area > .list > li:last-child {margin: 0;}
.mark_list_area > .list > li .mark {display: inline-block; padding: 0 10px; font-weight: 500; font-size: 14px; line-height: 26px; color: #ffffff; border-radius: 8px;}
.mark_list_area > .list > li .mark.color01 {border: 1px solid var(--com-color-red); background-color: var(--com-color-red);}
.mark_list_area > .list > li .mark.color02 {border: 1px solid var(--com-main-color); background-color: var(--com-main-color);}
.mark_list_area > .list > li .mark.color03 {border: 1px solid var(--com-sub-color); background-color: var(--com-sub-color); color: #212121;}
.mark_list_area > .list > li .mark.color04 {border: 1px solid var(--com-main-color); background-color: #ffffff; color: var(--com-main-color);}
.img_box > .mark_list_area {position:absolute; top: 8px; left: 8px;}
.img_box > .mark_list_area > .list > li .mark {opacity: 0.8;}
.img_inner > .mark_list_area {position:absolute; top: 8px; left: 8px; text-align: left;}
.blog_com_cont_area .mark_list_area {margin: 0 0 10px;}

.mark_list_area.sty3 > .list > li .mark { padding: 0 15px; font-weight: 700; font-size: 15px; line-height: 28px; border-radius: 15px;}

/* 상단 공통 */
.page_com_cont_area {margin: 0 0 15px;}
.page_com_cont_area .page_area {padding: 0 0 0 22px; background-image: url('/images/home/kor/user/board/page_icon.png'); background-position: left center; background-repeat: no-repeat; font-weight: 400; font-size: 16px; line-height: 24px; color: #333333;}
.page_com_cont_area .page_area { display: none;}
.page_com_cont_area .page_area .red { font-weight: 500;}
.page_com_cont_area .page_slt_area { font-size: 0;}
.page_com_cont_area .page_slt_area > * { display: inline-block; margin: 0 10px 0 0; vertical-align: middle;}
.page_com_cont_area .page_slt_area > *:last-child { margin: 0;}
.page_com_cont_area .page_slt_area .tit { font-weight: 700; font-size: 16px; line-height: 24px; color: #212121;}
.page_com_cont_area .page_slt_area .page_slt {min-width: 150px;}
.page_com_cont_area .page_slt_area .page_slt .com_slt {}
.page_com_cont_area .cont_btn_list_area { margin: 0;}
.page_com_cont_area .style1 {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: center;}
.page_com_cont_area.sty2 .style1 {justify-content: flex-end;}
.page_com_cont_area .btn_area { font-size: 0;}
.page_com_cont_area .btn_area > * { display: inline-block; margin: 0 20px 0 0; vertical-align: middle;}
.page_com_cont_area .btn_area > *:last-child { margin: 0;}

/* FAQ */
.faq_com_cont_area {border-top: 2px solid var(--com-bor-top-color);}
.faq_com_cont_area > .list {}
.faq_com_cont_area > .list > li {border-bottom: 1px solid #ececec;}
.faq_com_cont_area > .list > li .box {}
.faq_com_cont_area > .list > li .box .q_cont {}
.faq_com_cont_area > .list > li.on .box .q_cont {border-bottom: 1px solid #ececec;}
.faq_com_cont_area > .list > li .box .q_cont .q_tit {display: block; width: 100%; position:relative; padding: 19px 80px 19px 32px; text-align: left;}
.faq_com_cont_area > .list > li .box .q_cont .q_tit:after {content: ''; position:absolute; top: 50%; right: 32px; width: 24px; height: 14px; background-image: url('/images/home/kor/user/board/faq_arr_icon.png'); background-size: cover; background-repeat: no-repeat; transform: translateY(-50%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.faq_com_cont_area > .list > li.on .box .q_cont .q_tit:after {transform: translateY(-50%) rotate(180deg);}
.faq_com_cont_area > .list > li .box .q_cont .q_tit .txt_box {display: flex; justify-content: stretch; align-items: center; position:relative; min-height: 40px; padding: 0 0 0 63px;}
.faq_com_cont_area > .list > li .box .q_cont .q_tit .txt_box .q_txt {display: inline-block; position:absolute;	top: 0; left: 0; width: 40px; height: 40px; background-color: var(--com-main-color); font-weight: 500; font-size: 18px; line-height: 40px; color: #ffffff; border-radius: 50%; text-align: center;}
.faq_com_cont_area > .list > li .box .q_cont .q_tit .txt_box .tit {flex: 1; font-weight: 700; font-size: 16px; line-height: 24px; color: var(--com-main-color);; word-break: break-all;}
.faq_com_cont_area > .list > li .box .q_cont .q_tit .txt_box .tit .mark {color: var(--com-color-red);}
.faq_com_cont_area > .list > li .box .a_cont {display: none; background-color: #f5f5f5;}
.faq_com_cont_area > .list > li .box .a_cont .text_box {position:relative; padding: 19px 80px 19px 90px;}
.faq_com_cont_area > .list > li .box .a_cont .text_box .a_txt {display: inline-block; position:absolute; top: 50%; left: 32px; transform: translateY(-50%); width: 40px; height: 40px; background-color: var(--com-color-red); font-weight: 500; font-size: 18px; line-height: 40px; color: #ffffff; border-radius: 50%; text-align: center;}
.faq_com_cont_area > .list > li .box .a_cont .text_box p {font-weight: 400; font-size: 16px; line-height: 24px; color: #444444; word-break: break-all;}
.faq_com_cont_area > .list > li .box .a_cont .file_box {margin: 10px 0 0; border-top: 1px solid #ececec; padding: 10px 0 0;}
.faq_com_cont_area > .list > li .box .a_cont .file_box > .list {}
.faq_com_cont_area > .list > li .box .a_cont .file_box > .list > li {}
.faq_com_cont_area > .list > li .box .a_cont .file_box > .list > li .file_down { display: inline-block;}
.faq_com_cont_area > .list > li .box .a_cont .file_box > .list > li .file_down .txt {display: inline-block; padding: 0 0 0 20px; background-image: url('/images/home/kor/user/board/attach_ico.png'); background-position: left center; background-repeat: no-repeat; font-weight: 400; font-size: 14px; line-height: 21px; color: #656565;}
/* FAQ */

/* 블로그 */
.blog_com_cont_area {border-top: 2px solid var(--com-bor-top-color);}
.blog_com_cont_area > .list {}
.blog_com_cont_area > .list > li {border-bottom: 1px solid #e1e1e1;}
.blog_com_cont_area > .list > li > .box {display: block; padding: 24px 0px;}
.blog_com_cont_area > .list > li > .box .inner_box {display: flex; justify-content: space-between; align-items: center;}
.blog_com_cont_area > .list > li > .box .inner_box .img_box {overflow: hidden; width: 240px;}
.blog_com_cont_area > .list > li > .box .inner_box .img_box .img_inner {position: relative; padding: 0 0 56.25% 0;}
.blog_com_cont_area > .list > li > .box .inner_box .img_box .img_inner .inner {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}

.blog_com_cont_area > .list > li > .box .inner_box .img_box .img_inner .inner img {display: inline-block; width: 100%; height: 100%; transition: all .8s ease;}
.blog_com_cont_area > .list > li > .box:hover .inner_box .img_box .img_inner .inner img, .blog_com_cont_area > .list > li > .box:focus .inner_box .img_box .img_inner .inner img {transform: scale(1.5);}
.blog_com_cont_area > .list > li > .box .inner_box .text_box {flex: 1; padding: 0 0 0 32px;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .title { margin: 0 0 7px; font-weight: 500; font-size: 18px; line-height: 27px; color: #000000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; vertical-align: middle;}
.blog_com_cont_area > .list > li > .box:hover .inner_box .text_box .title, .blog_com_cont_area > .list > li > .box:focus .inner_box .text_box .title { font-weight: 700; color: var(--com-main-color);}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .text {margin: 0 0 18px; font-weight: 400; font-size: 16px; line-height: 24px; color: #767676; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area {}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list { font-size: 0;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li {display: inline-block; position: relative; margin: 0 15px 0 0; padding: 0 16px 0 0; vertical-align: middle;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li:last-child { margin: 0; padding: 0;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li::after { content: ''; position: absolute; top: 4px; right: 0; width: 1px; height: 15px; background-color: #e1e1e1;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li:last-child::after { display: none;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li .tit {position: absolute; top: 0; left: 0; padding: 0 0 0 18px; font-weight: 400; font-size: 16px; line-height: 24px; color: #767676; background-position: left center; background-repeat: no-repeat;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li .tit.icon01 { background-image: url('/images/home/kor/user/board/blog_info_icon01.png');}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li .tit.icon02 { background-image: url('/images/home/kor/user/board/blog_info_icon02.png');}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li .tit.icon03 { background-image: url('/images/home/kor/user/board/blog_info_icon03.png');}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li .txt {padding: 0 0 0 70px; font-weight: 400; font-size: 16px; line-height: 24px; color: #212121; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
/* 블로그 */

/* 갤러리 */
.gallery_com_cont_area {border-top: 2px solid var(--com-bor-top-color); border-bottom: 1px solid #999999; padding: 40px 0 60px;}
.gallery_com_cont_area > .list {font-size: 0;}
.gallery_com_cont_area > .list > li {display: inline-block; width: calc(25% - 11.25px); margin: 80px 15px 0 0; vertical-align: top;}
.gallery_com_cont_area > .list > li:nth-child(-n+4) {margin: 0 15px 0 0;}
.gallery_com_cont_area > .list > li:nth-child(4n) {margin: 80px 0 0 0;}
.gallery_com_cont_area > .list > li:nth-child(4) {margin: 0;}
.gallery_com_cont_area > .list > li > .box {display: block; position: relative; overflow: hidden;}
.gallery_com_cont_area > .list > li > .box .inner_box {}
.gallery_com_cont_area > .list > li > .box .inner_box .img_box {position:relative; overflow: hidden; border: 1px solid #e1e1e1; width: 100%; padding: 0 0 75% 0; border-radius: 8px;}
/* .gallery_com_cont_area > .list > li > .box .inner_box .img_box .img_inner {display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: #f7f7f7; vertical-align: middle; text-align: center;} */
.gallery_com_cont_area > .list > li > .box .inner_box .img_box .img_inner { display: flex; justify-content: center; align-items: flex-start; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f7f7f7; vertical-align: middle; text-align: center; }
.gallery_com_cont_area > .list > li > .box .inner_box .img_box .img_inner img { display: inline-block; width: 100%; max-height: unset; transition: all .8s ease; }
.gallery_com_cont_area > .list > li > .box:hover .inner_box .img_box .img_inner img,
.gallery_com_cont_area > .list > li > .box:focus .inner_box .img_box .img_inner img { transform: scale(1.5); }
.gallery_com_cont_area > .list > li > .box .inner_box .text_box {padding: 20px 0 0;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .etc { margin: 0 0 5px; font-weight: 400; font-size: 16px; line-height: 24px; color: var(--com-color-red);}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .title {margin: 0 0 20px; font-weight: 400; font-size: 22px; line-height: 33px; color: #212121; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; vertical-align: middle;}
.gallery_com_cont_area.sty2 > .list > li > .box .inner_box .text_box .title {height: 66px; -webkit-line-clamp: 2;}
/* 
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .text { height: 48px; font-weight: 400; font-size: 15px; line-height: 24px; color: #7c7c7c; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; vertical-align: middle;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area {margin: 0 0 13px; border-bottom: 1px solid #ececec; padding: 0 0 13px;} 
*/
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area { border-bottom: 1px solid #E1E1E1; margin: 0 0 20px; padding: 0 0 20px; } 
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list {}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li {position: relative; padding: 0 0 0 75px;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li .tit {position: absolute; top: 0; left: 0; font-weight: 400; font-size: 15px; line-height: 24px; color: #767676;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li .txt {font-weight: 500; font-size: 15px; line-height: 24px; color: #212121; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area {}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list {font-size: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li {display: inline-block; position: relative; margin: 0 14px 0 0; font-weight: 400; font-size: 15px; line-height: 22px; color: #939393;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li:last-child {margin: 0;}
/* .gallery_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li::after { content: ''; position: absolute; top: 2px; right: 0; width: 1px; height: 18px; background-color: #e4e4e4;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li:last-child::after { display: none;} */
/* .gallery_com_cont_area > .list > li > .box .inner_box .text_box .mark_list_area { border-bottom: 1px solid #E1E1E1; margin: 0 0 20px; padding: 0 0 20px;} */
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .mark_list_area { margin: 0 0 20px;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .mark_list_area > .list { font-size: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .mark_list_area > .list > li { display: inline-block; margin: 0 4px 0 0; vertical-align: middle;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .mark_list_area > .list > li:last-child { margin: 0;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .mark_list_area > .list > li .txt { display: inline-block; padding: 0 10px; background-color: #F1F1F3; font-weight: 500; font-size: 14px; line-height: 28px; color: #212121; border-radius: 8px;}
/* 갤러리 */

/* 공지사항 */
.table_basics_com_cont_area {}
.table_basics_com_cont_area.mt20 { margin: 20px 0 0;}
.table_basics_com_cont_area .table_basics_area {width: 100%; border-top: 2px solid var(--com-bor-top-color); text-align: center; border-collapse: collapse; table-layout: fixed; box-sizing: border-box;}
.table_basics_com_cont_area .table_basics_area thead {border-bottom: 1px solid #e1e1e1; /* background-color: #f5f5f5; */}
.table_basics_com_cont_area .table_basics_area thead tr {}
.table_basics_com_cont_area .table_basics_area thead tr th,
.table_basics_com_cont_area .table_basics_area tbody tr td { padding: 15px 5px; font-size: 16px; line-height: 24px;}
.table_basics_com_cont_area .table_basics_area tbody tr td.ft_bold { font-weight: 700;}
.table_basics_com_cont_area .table_basics_area thead tr th {font-weight: 700; color: #212121;}
.table_basics_com_cont_area .table_basics_area thead tr th.tl { text-align: left;}
.table_basics_com_cont_area .table_basics_area tbody {}
.table_basics_com_cont_area .table_basics_area tbody tr {border-bottom: 1px solid #e1e1e1; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.table_basics_com_cont_area .table_basics_area tbody tr td {font-weight: 400; color: #212121; word-break: keep-all;}
/* .table_basics_com_cont_area .table_basics_area tbody tr td.tit {text-align: left; font-weight: 700;} */
.table_basics_com_cont_area .table_basics_area tbody tr td.tit {text-align: left;}
.table_basics_com_cont_area .table_basics_area tbody tr td.tc { text-align: center;}
.table_basics_com_cont_area .table_basics_area tbody tr td.tit a {color: #212121; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; transition: all 0.3s;}
.table_basics_com_cont_area .table_basics_area tbody tr td.tit.line1 a { -webkit-line-clamp: 1;}
.table_basics_com_cont_area .table_basics_area tbody tr td .file {display: inline-block; width: 20px; height: 13px; background-image: url('/images/home/kor/user/board/attach_ico.png'); background-size: 100%; background-repeat: no-repeat; vertical-align: middle;}
.table_basics_com_cont_area .table_basics_area tbody tr td .new {display: inline-block; width: 19px; height: 19px; margin: 0 5px 0 0; background-image: url('/images/home/kor/user/board/new_icon.png'); background-size: 100%; background-repeat: no-repeat; vertical-align: middle;}
.table_basics_com_cont_area .table_basics_area tbody tr td .lock {display: inline-block; width: 10px; height: 14px; margin: 0 5px 0 0; background-image: url('/images/home/kor/user/board/lock_icon.png'); background-size: 100%; background-repeat: no-repeat; vertical-align: baseline;}
.table_basics_com_cont_area .table_basics_area tbody tr td.source {}
.table_basics_com_cont_area .table_basics_area tbody tr td.source .txt { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.table_basics_com_cont_area .table_basics_area tbody tr td.tl { text-align: left;}
/* .table_basics_com_cont_area .table_basics_area tbody tr.major {background-color: #FEF5F6;} */
.table_basics_com_cont_area .table_basics_area tbody tr.major td {}
/* .table_basics_com_cont_area .table_basics_area tbody tr.major td.num { font-weight: 700; color: var(--com-color-red) !important;} */
.table_basics_com_cont_area .table_basics_area tbody tr.major td.tit {}
.table_basics_com_cont_area .table_basics_area tbody tr.major td.date {}
.table_basics_com_cont_area .table_basics_area tbody tr.major td.file {}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark {display: inline-block; min-width: 70px; border: 1px solid var(--com-main-color); background-color: #ffffff; padding: 0 10px; font-weight: 500; font-size: 14px; line-height: 26px; color: #212121; text-align: center; border-radius: 8px;}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark.red {border: 1px solid var(--com-color-red); color: var(--com-color-red);}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark.blue {border: 1px solid var(--com-color-blue); color: var(--com-color-blue);}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark.green {border: 1px solid var(--com-color-green); color: var(--com-color-green);}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark.gray {border: 1px solid var(--com-color-gray); color:var(--com-color-gray);}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark.yellow {border: 1px solid var(--com-color-yellow); color:var(--com-color-yellow);}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark.color01 {background-color: var(--com-main-color); color: #ffffff;}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark.color02 {border: 1px solid #bdbdbd; color: #767676;}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark.color03 {border: 1px solid #767676; background-color: #767676; color: #ffffff;}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark.color04 {border: 1px solid var(--com-color-red); background-color: var(--com-color-red); color: #ffffff;}
.table_basics_com_cont_area .table_basics_area tbody tr td a.mark,
.table_basics_com_cont_area .table_basics_area tbody tr td button.mark { transition: all 0.3s;}
.table_basics_com_cont_area .table_basics_area tbody tr td a.mark:hover,
.table_basics_com_cont_area .table_basics_area tbody tr td button.mark:hover,
.table_basics_com_cont_area .table_basics_area tbody tr td a.mark:focus,
.table_basics_com_cont_area .table_basics_area tbody tr td button.mark:focus { background-color: #ffffff;}
.table_basics_com_cont_area .table_basics_area tbody tr td a.mark.color01:hover,
.table_basics_com_cont_area .table_basics_area tbody tr td button.mark.color01:hover,
.table_basics_com_cont_area .table_basics_area tbody tr td a.mark.color01:focus,
.table_basics_com_cont_area .table_basics_area tbody tr td button.mark.color01:focus { color: var(--com-main-color);}
.table_basics_com_cont_area .table_basics_area tbody tr td a.mark.color03:hover,
.table_basics_com_cont_area .table_basics_area tbody tr td button.mark.color03:hover,
.table_basics_com_cont_area .table_basics_area tbody tr td a.mark.color03:focus,
.table_basics_com_cont_area .table_basics_area tbody tr td button.mark.color03:focus { color: #767676;}
.table_basics_com_cont_area .table_basics_area tbody tr td a.mark.color04:hover,
.table_basics_com_cont_area .table_basics_area tbody tr td button.mark.color04:hover,
.table_basics_com_cont_area .table_basics_area tbody tr td a.mark.color04:focus,
.table_basics_com_cont_area .table_basics_area tbody tr td button.mark.color04:focus { border: 1px solid var(--com-color-red); background-color: #ffffff; color: var(--com-color-red);}

.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn {display: inline-block; padding: 0 30px; font-weight: 400; font-size: 15px; line-height: 28px; color: #ffffff; border-radius: 5px; transition: all 0.3s;}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn.red {border: 1px solid var(--com-color-red); background-color: var(--com-color-red);}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn.blue {border: 1px solid var(--com-color-blue); background-color: var(--com-color-blue);}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn.green {border: 1px solid var(--com-color-green); background-color: var(--com-color-green);}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn.gray {border: 1px solid var(--com-color-gray); background-color: var(--com-color-gray);}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn:hover,
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn:focus { background-color: #ffffff;}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn.red:hover,
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn.red:focus {color: var(--com-color-red);}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn.blue:hover,
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn.blue:focus {color: var(--com-color-blue);}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn.green:hover,
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn.green:focus {color: var(--com-color-green);}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn.gray:hover,
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn.gray:focus {color: var(--com-color-gray);}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_txt {}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_slt {display: block; height: 30px; font-size: 14px; line-height: 28px;}
.table_basics_com_cont_area .table_basics_area tbody tr td .data_slt_area {font-size: 0;}
.table_basics_com_cont_area .table_basics_area tbody tr td .data_slt_area .com_slt {display: inline-block; width: calc(50% - 9.5px); vertical-align: middle;}
.table_basics_com_cont_area .table_basics_area tbody tr td .data_slt_area .etc {display: inline-block; padding: 0 5px; font-weight: 400; font-size: 14px; line-height: 30px; color: #333333; vertical-align: middle;}
.table_basics_com_cont_area .table_basics_area tbody tr td.ellipsis {}
.table_basics_com_cont_area .table_basics_area tbody tr td.ellipsis .ellipsis_box { max-height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.table_basics_com_cont_area .table_basics_area .chk_area { display: inline-block;}
.table_basics_com_cont_area .table_basics_area .chk_area label .inp_chk { margin: 0;}

.table_basics_com_cont_area .table_basics_area tbody tr td.view {}
.table_basics_com_cont_area .table_basics_area tbody tr td.view .view_box { display: block;}
.table_basics_com_cont_area .table_basics_area tbody tr td .txt_list_area {}
.table_basics_com_cont_area .table_basics_area tbody tr td .txt_list_area > .list {}
.table_basics_com_cont_area .table_basics_area tbody tr td .txt_list_area > .list > li { margin: 0 0 10px 0; font-size: 0;}
.table_basics_com_cont_area .table_basics_area tbody tr td .txt_list_area > .list > li:last-child { margin: 0;}
.table_basics_com_cont_area .table_basics_area tbody tr td .txt_list_area > .list > li .tit { display: inline-block; margin: 0 10px 0 0; font-weight: 700; font-size: 16px; line-height: 24px; color: #212121; vertical-align: top;}
.table_basics_com_cont_area .table_basics_area tbody tr td .txt_list_area > .list > li .txt { display: inline-block; font-weight: 400; font-size: 16px; line-height: 24px; color: #767676; vertical-align: top;}
.table_basics_com_cont_area .table_basics_area tbody tr td .txt_list_area > .list > li .txt.ma10 { margin: 0 0 0 10px;}

/* .table_basics_com_cont_area.sty2 .table_basics_area {}
.table_basics_com_cont_area.sty2 .table_basics_area tbody tr th { background-color: #f5f5f5;} */
/* 공지사항 */

/* ==================== 게시판 VIEW Style ==================== */
.board_view { border-bottom: 2px solid var(--com-bor-top-color); padding: 0 0 40px;}
.board_view.view_800 { max-width: 800px; margin: 0 auto; }
.board_view.sty2 { margin: 0 0 60px;}
.board_view.bor_n { border-bottom: none;}
.board_view.pd0 { padding: 0;}
.board_view .board_view_top {position:relative; margin: 0 0 40px; border-bottom: 2px solid var(--com-bor-top-color); padding:0 0 30px; text-align:left;}
.board_view .board_view_top .mark_list { margin: 0 0 10px;}
.board_view .board_view_top .mark_list .list {font-size: 0;}
.board_view .board_view_top .mark_list .list li {display: inline-block; margin: 0 5px 0 0;}
.board_view .board_view_top .mark_list .list li .mark {display:inline-block; padding:0 15px; font-size:15px; line-height: 28px; color:#ffffff; border-radius: 5px;}
.board_view .board_view_top .mark_list .list li .mark.bg1 {border: 1px solid #ff4614; background-color: #ff4614;} /* 빨강 */
.board_view .board_view_top .mark_list .list li .mark.bg2 {border: 1px solid #4894ea; background-color: #4894ea;} /* 파랑 */
.board_view .board_view_top .mark_list .list li .mark.bg3 {border: 1px solid #46c1ac; background-color: #46c1ac;} /* 연녹 */
.board_view .board_view_top .mark_list .list li .mark.sty2.bg1,
.board_view .board_view_top .mark_list .list li .mark.sty2.bg2,
.board_view .board_view_top .mark_list .list li .mark.sty2.bg3 { background-color: #ffffff !important;}
.board_view .board_view_top .mark_list .list li .mark.sty2.bg1 { color: #ff4614;}
.board_view .board_view_top .mark_list .list li .mark.sty2.bg2 { color: #4894ea;}
.board_view .board_view_top .mark_list .list li .mark.sty2.bg3 { color: #46c1ac;}

.board_view .board_view_top .mark_list_area { margin: 0 0 6px 0;}
.board_view .board_view_top .mark_list_area.sty2 { margin: 0 0 30px;}
.board_view .board_view_top .mark_list_area.sty2 > .list > li { margin-top: 6px;}
.board_view .board_view_top .tit {display: block; margin: 0 0 30px; font-weight: 700; font-size: 32px; line-height: 48px; color: #212121; word-break: break-all;}
.board_view .board_view_top .tit.ma0 { margin: 0;}
.board_view .board_view_top .tit .qna_area {display: inline-block;}
.board_view .board_view_top .tit .qna_area > * { display: inline-block; margin: 0 7px 0 0; vertical-align: baseline;}
.board_view .board_view_top .tit .qna_area .qna_txt {display: inline-block; width: 38px; height: 38px; font-weight: 500; font-size: 24px; line-height: 38px; color: #ffffff; text-align: center; border-radius: 50%;}
.board_view .board_view_top .tit .qna_area.q .qna_txt {background-color: #3c79d5;}
.board_view .board_view_top .tit .qna_area.a .qna_txt {background-color: #ff5656;}
.board_view .board_view_top .tit .qna_area .tit {display: inline-block; font-weight: 500;}
.board_view .board_view_top .tit .qna_area.q .tit {color: #3c79d5;}
.board_view .board_view_top .tit .qna_area.a .tit {color: #ff5656;}
.board_view .board_view_top .tit .txt_area .txt { font-weight: 500; font-size: 20px; line-height: 30px; color: var(--com-color-red); }
.board_view .board_view_top .info {margin: 0 0 8px; font-size:0;}
.board_view .board_view_top .info:last-child { margin: 0;}
.board_view .board_view_top .info .each {display:inline-block; margin: 0 40px 0 0; font-size:16px; color: #212121; vertical-align: top;}
.board_view .board_view_top .info .each .ft_color { margin: 0 10px 0 0; font-weight: 500; color: #767676;}
.board_view .board_view_top .info .each:last-child { margin: 0;}
.board_view .board_view_top .info.sty2 { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; gap: 8px; text-align: left}
.board_view .board_view_top .info.sty2 > * { position: relative; padding: 0 0 0 80px;}
.board_view .board_view_top .info.sty2 .each .ft_color { position: absolute; top: 0; left: 0; margin: 0;}

.board_view .board_write {width: 100%;}
.board_view .board_write tbody {}
.board_view .board_write tbody tr {border-bottom: 1px solid #efefef;}
.board_view .board_write tbody tr th {padding: 15px; background-color: #f5f5f5; font-weight: 700; font-size: 16px; line-height: 24px; color: #333333; text-align: left;}
.board_view .board_write tbody tr td {padding: 15px; font-weight: 500; font-size: 16px; line-height: 24px; color: #333333;  word-break: break-all;}
.board_view .board_write tbody tr td .file_btn { display: inline-block; color: var(--com-main-color);}
.board_view .board_write tbody tr td .file_btn:hover,
.board_view .board_write tbody tr td .file_btn:focus { text-decoration: underline;}

.board_view .board_view_cont {}
.board_view .board_view_cont.mt40 { margin: 40px 0 0;}
/* .board_view .board_view_cont .editor_view {border: 1px solid #E1E1E1; padding:40px 25px; border-radius: 8px;} */
.board_view .board_view_cont .editor_view { padding:40px 25px;}
.board_view .board_view_cont .editor_view.bor { border: 1px solid #E1E1E1; border-radius: 8px;}
.board_view .board_view_cont .editor_view > * { word-break: break-all;}
.board_view .board_view_cont .editor_view .terms_txt_cont { margin: 40px 0 0;}
.board_view .board_view_cont .editor_view .terms_txt_cont:first-child { margin: 0;}
.board_view .board_view_cont .editor_view .terms_txt_cont > .list { margin: 0; padding: 0;}
.board_view .board_view_cont .editor_view .terms_txt_cont > .list > li { display: block; list-style-type: none;}
.board_view .board_view_cont .editor_view .terms_txt_cont > .list > li .inner .txt_list > li {display: block; list-style-type: none;}
.board_view .board_view_cont .editor_view .terms_txt_cont > .cont_title_area { margin: 0 0 15px;}
.board_view .board_view_cont .editor_view .terms_txt_cont > .cont_title_area .title { font-size: 20px; line-height: 30px;}
.board_view .board_view_cont .editor_view .terms_txt_cont > .cont_title_area .title::before { display: none;}

.board_view .board_view_file {display: flex; justify-content: space-between; align-items: stretch; overflow: hidden; width:100%; border-collapse:collapse; margin: 40px 0 0; border:1px solid #E1E1E1; border-radius: 8px;}
.board_view .board_view_file .tit { display: flex; justify-content: center; align-items: stretch; flex-direction: column; width:200px; padding:15px 25px; background-color :#F5F5F5; font-weight: 500; font-size: 16px; line-height: 24px; text-align: left; vertical-align:middle;}
.board_view .board_view_file .file_box {flex: 1; padding:15px 20px; vertical-align:middle;}
.board_view .board_view_file .file_each {margin: 10px 0 0;}
.board_view .board_view_file .file_each:first-child {margin:0;}
.board_view .board_view_file .file_each a {display: inline-block; padding: 0 0 0 20px; background-image: url('/images/home/kor/user/board/attach_ico.png'); background-position: left top 5px; background-repeat: no-repeat; font-weight: 300; font-size: 16px; line-height: 24px; color: #212121; word-break: break-all;}
.board_view .board_view_file .file_each a:hover, .board_view_file .file_each a:focus {text-decoration:underline;}
.board_view .board_view_file .file_each button { display: inline-block; margin: 0 0 0 10px; padding: 0 15px; border: 1px solid #373737; background-color: #373737; border-radius: 5px; transition: all 0.3s;}
.board_view .board_view_file .file_each button:hover, .board_view_file .file_each button:focus { background-color: #ffffff;}
.board_view .board_view_file .file_each button .text {display: inline-block; font-weight: 300; font-size: 15px; line-height: 28px; color: #ffffff;}
.board_view .board_view_file .file_each button:hover .text, .board_view_file .file_each button:focus .text {color: #373737;}
.board_view .board_view_file.ma0 { margin: 0;}

/* 글쓴이 영역 추가 */
.board_view .board_view_file.sty2 { display: block;}
.board_view .board_view_file.sty2 .box { display: flex; justify-content: space-between; align-items: stretch; border-bottom: 1px solid #E1E1E1;}
.board_view .board_view_file.sty2 .box:last-child { border-bottom: none;}
.board_view .board_view_file.sty2 .text_box { flex: 1; padding: 15px 20px; font-size: 0;}
.board_view .board_view_file.sty2 .text_box > * { display: inline-block; position: relative; margin: 0 10px 0 0; padding: 0 11px 0 0; vertical-align: middle;}
.board_view .board_view_file.sty2 .text_box > *::after { content: ''; position: absolute; top: 3px; right: 0; width: 1px; height: 18px; background-color: #eeeeee;}
.board_view .board_view_file.sty2 .text_box > *:last-child { margin: 0;}
.board_view .board_view_file.sty2 .text_box > *:last-child::after { display: none;}
.board_view .board_view_file.sty2 .text_box .name { font-weight: 400; font-size: 16px; line-height: 24px; color: #212121;}
.board_view .board_view_file.sty2 .text_box .date { font-weight: 400; font-size: 16px; line-height: 24px; color: #767676;}
/* 글쓴이 영역 추가 */

/* 보드 상단 고정 */
.board_fixed {}
.board_fixed.on { position: sticky; top: 0; background-color: #ffffff; padding: 20px 0 0 0; z-index: 1;}
/* 보드 상단 고정 */
/* ==================== 게시판 VIEW Style ==================== */

/* ==================== 게시판 VIEW - 이미지 있을경우 Style ==================== */
.board_view .img_view_cont {padding: 25px 0; border-bottom: 1px solid #d9d9d9;}
.board_view .img_view_cont .box {display: table; width: 100%; table-layout: fixed;}
.board_view .img_view_cont .box .img_area {display: table-cell; width: 344px; vertical-align: middle; text-align: center;}
.board_view .img_view_cont .box .img_area .img_box {display: table; width: 100%; table-layout: fixed;}
.board_view .img_view_cont .box .img_area .img_box .inner_box {display: table-cell; width: 100%; height: 213px; background-color: #f7f7f7; vertical-align: middle; text-align: center;}
.board_view .img_view_cont .box .img_area .img_box .inner_box img {display: inline-block; height: 100%;}
.board_view .img_view_cont .box .txt_area {display: table-cell; padding: 0 0 0 34px; vertical-align: middle;}
.board_view .img_view_cont .box .txt_area .txt_box {}
.board_view .img_view_cont .box .txt_area .txt_box .txt {position: relative; padding: 0 0 0 90px; margin: 5px 0 0; font-weight: 300; font-size: 14px; line-height: 21px; color: #898989; word-break: keep-all;}
.board_view .img_view_cont .box .txt_area .txt_box .txt:first-child {margin: 0;}
.board_view .img_view_cont .box .txt_area .txt_box .txt .tit {position: absolute; top: 0; left: 0; font-weight: 400; color: #525252;}
.board_view .img_view_cont .box .txt_area .txt_box .txt .file_list {font-size: 0;}
.board_view .img_view_cont .box .txt_area .txt_box .txt .file_list li {display: inline-block; margin: 0 10px 0 0;}
.board_view .img_view_cont .box .txt_area .txt_box .txt .file_list li:last-child {margin: 0;}
.board_view .img_view_cont .box .txt_area .txt_box .txt .file_list li a {display: block;}
.board_view .img_view_cont .box .txt_area .txt_box .txt .file_list li a .text {position: relative; padding: 0 0 0 24px; font-weight: 300; font-size: 14px; line-height: 21px; color: #898989; word-break: keep-all;}
.board_view .img_view_cont .box .txt_area .txt_box .txt .file_list li a .text:before {display: block; content: ''; position:absolute; top: 50%; left: 0; width: 14px; height: 14px; margin: -7px 0 0; background-image: url('/images/home/kor/user/basic/attach_ico.png'); background-size: 14px; background-repeat: no-repeat;}
/* ==================== 게시판 VIEW - 이미지 있을경우 Style ==================== */

/* post nav */
.post_nav {margin: 40px 0 0;}
.post_nav .list {overflow: hidden; border: 1px solid #ebebeb; border-radius: 8px;}
.post_nav .list .item {border-bottom: 1px solid #ebebeb;}
.post_nav .list .item:last-child {border-bottom: none;}
.post_nav .list .item .item_wrapper {display: table; width: 100%; table-layout: fixed;}
.post_nav .list .item .item_wrapper .tit {display: table-cell; padding: 15px 25px; width: 200px; background-color: #f7f7f7; text-align: left;}
.post_nav .list .item .item_wrapper .tit .icon {display: inline-block; padding: 0 0 0 25px; background-position: left center; background-size: 14px auto; background-repeat: no-repeat; font-weight: 500; font-size: 16px; line-height: 24px; color: #212121;}
.post_nav .list .item.prev .item_wrapper .tit .icon {background-image: url('/images/home/kor/user/board/post_nav_prev.png');}
.post_nav .list .item.next .item_wrapper .tit .icon {background-image: url('/images/home/kor/user/board/post_nav_next.png');}
.post_nav .list .item .item_wrapper .post {display: table-cell; padding: 15px 20px;}
.post_nav .list .item .item_wrapper .post .text {display: block; font-weight: 500; font-size: 16px; line-height: 24px; color: #212121; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
/* post nav */

/* ==================== Pagination Style ==================== */
.pagination {margin: 50px 0 0; font-size:0; text-align: center;}
.pagination a {display: inline-block; width: 40px; height: 40px; margin: 0 0 3px; font-size: 16px; line-height: 40px; text-align: center; vertical-align: middle; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.pagination a:hover, .pagination a:focus, .pagination .active {background-color:#212121; font-weight: 500; color: #ffffff; border-radius: 50%;}
.pagination .page_arrow {position: relative;}
.pagination .page_arrow:before {display: block; content: ''; position: absolute; top: 50%; height: 12px; background-position: 0 0; background-size: contain; background-repeat: no-repeat;}
.pagination .page_arrow:hover, .pagination .page_arrow:focus {background-color: inherit;}
.pagination .page_arrow.l1 {margin: 0 10px 3px 0;}
.pagination .page_arrow.l1:before {left: 50%; width: 9px; margin: -6px 0 0 -4px; background-image: url('/images/home/kor/user/board/page_l1.png');}
.pagination .page_arrow.l2 {}
.pagination .page_arrow.l2:before {left: 50%; width: 17px; margin: -6px 0 0 -8px; background-image: url('/images/home/kor/user/board/page_l2.png');}
.pagination .page_arrow.r1 {margin: 0 0 3px 10px;}
.pagination .page_arrow.r1:before {left: 50%; margin: -6px 0 0 -4px; width: 9px; margin: -6px 0 0 -4px; background-image: url('/images/home/kor/user/board/page_r1.png');}
.pagination .page_arrow.r2 {}
.pagination .page_arrow.r2:before {left: 50%; width: 17px; margin: -6px 0 0 -8px; background-image: url('/images/home/kor/user/board/page_r2.png');}
/* ==================== Pagination Style ==================== */

/* 개인정보처리방침, 이메일무단수집거부 */
.com_info_law_cont_area {}
.com_info_law_cont_area > .list {}
.com_info_law_cont_area > .list > li {margin: 0 0 50px;}
.com_info_law_cont_area > .list > li:last-child {margin: 0;}
.com_info_law_cont_area > .list > li .table_container { margin: 10px 0 0;}
.com_info_law_cont_area > .list > li .table_container .table_inner {}
.com_info_law_cont_area > .list > li .table_container .table_inner .table_area { border-top: 2px solid var(--com-bor-top-color); width: 100%; text-align: center;}
.com_info_law_cont_area > .list > li .table_container .table_inner .table_area thead {}
.com_info_law_cont_area > .list > li .table_container .table_inner .table_area thead tr {border-bottom: 1px solid #e1e1e1;}
.com_info_law_cont_area > .list > li .table_container .table_inner .table_area thead tr th {border-left: 1px solid #e1e1e1; padding: 15px 10px; background-color: #ffffff; font-weight: 700; font-size: 16px; line-height: 24px; color: #212121;}
.com_info_law_cont_area > .list > li .table_container .table_inner .table_area thead tr th:first-child {border-left: none;}
.com_info_law_cont_area > .list > li .table_container .table_inner .table_area tbody {}
.com_info_law_cont_area > .list > li .table_container .table_inner .table_area tbody tr {border-bottom: 1px solid #e1e1e1;}
.com_info_law_cont_area > .list > li .table_container .table_inner .table_area tbody tr td {border-left: 1px solid #e1e1e1; padding: 15px 10px; font-weight: 400; font-size: 16px; line-height: 24px; color: #212121;}
.com_info_law_cont_area > .list > li .table_container .table_inner .table_area tbody tr td.tit span { display: block;}
.com_info_law_cont_area > .list > li .table_container .table_inner .table_area tbody tr td:first-child {border-left: 0;}

.com_info_law_cont_area > .list > li > .law_top_cont_area {padding: 40px; background-color: #f5f5f5;}
.com_info_law_cont_area > .list > li > .law_top_cont_area .box {padding: 20px 0 0 135px; background-image: url('/images/home/kor/user/board/law_icon01.png'); background-position: top left; background-repeat: no-repeat;}
.com_info_law_cont_area > .list > li > .law_top_cont_area .box.email {background-image: url('/images/home/kor/user/board/email_reject_icon.png');}
.com_info_law_cont_area > .list > li > .law_top_cont_area .box > .list {}
.com_info_law_cont_area > .list > li > .law_top_cont_area .box > .list > li {margin: 0 0 28px; font-weight: 500; font-size: 18px; line-height: 28px; color: #333333;}
.com_info_law_cont_area > .list > li > .law_top_cont_area .box > .list > li:last-child {margin: 0;}

.com_info_law_cont_area > .list > li > .label_area {}
.com_info_law_cont_area > .list > li > .label_area .tit_area {background-color: var(--com-main-color);}
.com_info_law_cont_area > .list > li > .label_area .tit_area .tit {font-weight: 500; font-size: 20px; line-height: 45px; color: #ffffff; text-align: center;}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area {}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list {    position: relative;border-left: 1px solid #e0e0e0; font-size: 0;}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li { display: inline-block; width: 16.6666%;}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li > .label_box {  position: relative;padding: 20px 10px 10px; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li > a.label_box { display: block;}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li > .label_box .txt {padding: 60px 0 0 0; background-position: top center; background-size: auto 48px; background-repeat: no-repeat; font-weight: 500; font-size: 18px; line-height: 27px; color: #424242; text-align: center;}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon01 > .label_box .txt {background-image: url('/images/home/kor/user/board/img_policy_icon_1.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon02 > .label_box .txt {background-image: url('/images/home/kor/user/board/img_policy_icon_2.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon03 > .label_box .txt {background-image: url('/images/home/kor/user/board/img_policy_icon_3.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon04 > .label_box .txt {background-image: url('/images/home/kor/user/board/img_policy_icon_4.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon05 > .label_box .txt {background-image: url('/images/home/kor/user/board/img_policy_icon_5.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon06 > .label_box .txt {background-image: url('/images/home/kor/user/board/img_policy_icon_6.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon07 > .label_box .txt {background-image: url('/images/home/kor/user/board/img_policy_icon_7.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon08 > .label_box .txt {background-image: url('/images/home/kor/user/board/img_policy_icon_8.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon09 > .label_box .txt {background-image: url('/images/home/kor/user/board/img_policy_icon_9.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon10 > .label_box .txt {background-image: url('/images/home/kor/user/board/img_policy_icon_10.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon11 > .label_box .txt {background-image: url('/images/home/kor/user/board/img_policy_icon_11.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon12 > .label_box .txt {background-image: url('/images/home/kor/user/board/img_policy_icon_12.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon13 > .label_box .txt {background-image: url('/images/home/kor/user/board/img_policy_icon_13.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon14 > .label_box .txt {background-image: url('/images/home/kor/user/board/img_policy_icon_14.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon15 > .label_box .txt {background-image: url('/images/home/kor/user/board/img_policy_icon_15.png');}

.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li:hover { border:1px solid #000; }
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li:hover .label_box:after { content: '';
    display: block;  width: 1rem; height: 1rem; background: #fff; transform:rotate(45deg); border-right: 1px solid #000000;  border-bottom: 1px solid #000000;
    position: absolute; left:50%; top:calc(100% - .45rem - 0px);
}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li:hover .lable_flo { display: block; }
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li .lable_flo { display: none; position: absolute; left:0; margin: 20px 0 0; border: 1px solid #000; background: #fff; z-index:1; width: 100%; border: 1px solid #000;box-shadow: rgba(0,0,0,0.15) 5px 5px 8px; }
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li .lable_flo .flo_title { background: var(--com-main-color); color: #fff; font-size: 18px; padding: 10px 0; text-align: center; margin: 0 0 20px; }
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li .lable_flo p { font-size: 16px; text-align: center; }
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li .lable_flo .table_container { padding: 20px; }

.com_info_law_cont_area > .list > li > .label_area .composition_list_area { border-left: 1px solid #e1e1e1;}
.com_info_law_cont_area > .list > li > .label_area .composition_list_area > .list { font-size: 0;}
.com_info_law_cont_area > .list > li > .label_area .composition_list_area > .list > li { display: inline-block; width: 50%; vertical-align: middle;}
.com_info_law_cont_area > .list > li > .label_area .composition_list_area > .list > li .box { border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 10px 15px;}
.com_info_law_cont_area > .list > li > .label_area .composition_list_area > .list > li a.box { display: block;}
.com_info_law_cont_area > .list > li > .label_area .composition_list_area > .list > li .box .text { padding: 0 0 0 35px; background-position: left top; background-size: auto 30px; background-repeat: no-repeat; font-weight: 400; font-size: 16px; line-height: 30px; color: #424242;}
.com_info_law_cont_area > .list > li > .label_area .composition_list_area > .list > li .box .text.icon01 {background-image: url('/images/home/kor/user/board/img_policy_icon_1.png');}
.com_info_law_cont_area > .list > li > .label_area .composition_list_area > .list > li .box .text.icon02 {background-image: url('/images/home/kor/user/board/img_policy_icon_2.png');}
.com_info_law_cont_area > .list > li > .label_area .composition_list_area > .list > li .box .text.icon03 {background-image: url('/images/home/kor/user/board/img_policy_icon_3.png');}
.com_info_law_cont_area > .list > li > .label_area .composition_list_area > .list > li .box .text.icon04 {background-image: url('/images/home/kor/user/board/img_policy_icon_4.png');}
.com_info_law_cont_area > .list > li > .label_area .composition_list_area > .list > li .box .text.icon05 {background-image: url('/images/home/kor/user/board/img_policy_icon_5.png');}
.com_info_law_cont_area > .list > li > .label_area .composition_list_area > .list > li .box .text.icon06 {background-image: url('/images/home/kor/user/board/img_policy_icon_6.png');}
.com_info_law_cont_area > .list > li > .label_area .composition_list_area > .list > li .box .text.icon07 {background-image: url('/images/home/kor/user/board/img_policy_icon_7.png');}
.com_info_law_cont_area > .list > li > .label_area .composition_list_area > .list > li .box .text.icon08 {background-image: url('/images/home/kor/user/board/img_policy_icon_8.png');}
.com_info_law_cont_area > .list > li > .label_area .composition_list_area > .list > li .box .text.icon09 {background-image: url('/images/home/kor/user/board/img_policy_icon_9.png');}
.com_info_law_cont_area > .list > li > .label_area .composition_list_area > .list > li .box .text.icon10 {background-image: url('/images/home/kor/user/board/img_policy_icon_10.png');}
.com_info_law_cont_area > .list > li > .label_area .composition_list_area > .list > li .box .text.icon11 {background-image: url('/images/home/kor/user/board/img_policy_icon_11.png');}
.com_info_law_cont_area > .list > li > .label_area .composition_list_area > .list > li .box .text.icon12 {background-image: url('/images/home/kor/user/board/img_policy_icon_12.png');}
.com_info_law_cont_area > .list > li > .label_area .composition_list_area > .list > li .box .text.icon13 {background-image: url('/images/home/kor/user/board/img_policy_icon_13.png');}

.com_info_law_cont_area > .list > li > .cont_law_com_box {}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .cont_title_area {}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .cont_title_area { font-size: 0;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .cont_title_area .title { display: inline-block; vertical-align: top;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .cont_title_area .law_icon_area { display: inline-block; margin: 0 0 0 10px; vertical-align: top;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .cont_title_area .law_icon_area > .list { font-size: 0;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .cont_title_area .law_icon_area > .list > li { display: inline-block; margin: 0 5px 0 0; vertical-align: middle;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .cont_title_area .law_icon_area > .list > li:last-child { margin: 0;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .cont_title_area .law_icon_area > .list > li .icon { height: 36px; text-align: center;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .cont_title_area .law_icon_area > .list > li .icon img { display: inline-block;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area {}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 {}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li {margin: 0 0 30px; font-weight: 500; font-size: 16px; line-height: 24px; color: #424242;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li:last-child {margin: 0;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li.icon1 {position:relative; padding: 0 0 0 30px;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li.icon1 > .num {position:absolute; top: 0; left: 0; width: 24px; height: 24px; background-color: var(--com-main-color); font-weight: 700; font-size: 15px; line-height: 24px; color: #ffffff; border-radius: 50%; text-align: center;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li.icon2 {position:relative; padding: 0 0 0 15px;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li.icon2 > .num {position:absolute; top: 0; left: 0; font-weight: 300; font-size: 14px; line-height: 24px; color: #424242;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 {margin: 15px 0 0;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li {margin: 0 0 10px; font-weight: 300; font-size: 16px; line-height: 24px; color: #424242;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li:last-child {margin: 0;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li.icon1 {position:relative; padding: 0 0 0 30px;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li.icon1 > .num {position:absolute; top: 0; left: 0; width: 24px; height: 24px; background-color: var(--com-main-color); font-weight: 700; font-size: 15px; line-height: 24px; color: #ffffff; border-radius: 50%; text-align: center;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li.icon2 {position:relative; padding: 0 0 0 15px;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li.icon2 > .num {position:absolute; top: 0; left: 0; font-weight: 300; font-size: 14px; line-height: 24px; color: #424242;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li.icon2.sty2::before { content: ''; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background-color: var(--com-main-color);}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 {margin: 15px 0 0;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li {margin: 0 0 10px; font-weight: 300; font-size: 16px; line-height: 24px; color: #424242;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li:last-child {margin: 0;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li.icon1 {position:relative; padding: 0 0 0 30px;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li.icon1 > .num {position:absolute; top: 0; left: 0; width: 24px; height: 24px; background-color: var(--com-main-color); font-weight: 700; font-size: 15px; line-height: 24px; color: #ffffff; border-radius: 50%; text-align: center;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li.icon2 {position:relative; padding: 0 0 0 15px;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li.icon2 > .num {position:absolute; top: 0; left: 0; font-weight: 300; font-size: 14px; line-height: 24px; color: #424242;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li.icon2.sty2::before { content: ''; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background-color: var(--com-main-color);}

@-webkit-keyframes tblScrollAni {
    0% {
        background-position: 48% 3px;
    }

    50% {
        background-position: 52% 3px;
    }

    100% {
        background-position: 48% 3px;
    }
}

@keyframes tblScrollAni {
    0% {
        background-position: 48% 3px;
    }

    50% {
        background-position: 52% 3px;
    }

    100% {
        background-position: 48% 3px;
    }
}
/* 개인정보처리방침, 이메일무단수집거부 */

/* 공통 완료(결과)페이지 */
.completion_cont { border: 1px solid #e1e1e1; border-radius: 8px;}
.completion_cont .inner_box { padding: 60px 15px; text-align: center;}
.completion_cont .inner_box .title_area { padding: 185px 0 0; background-image: url('/images/home/kor/user/board/completion_icon.png'); background-position: top center; background-repeat: no-repeat; text-align: center;}
.completion_cont .inner_box .title_area.email_reject { background-image: url('/images/home/kor/user/board/email_reject_icon.png');}
.completion_cont .inner_box .title_area .title { font-weight: 700; font-size: 24px; line-height: 36px; color: #212121;}
.completion_cont .inner_box .title_area .title .ft_c { color: var(--com-main-color);}
.completion_cont .inner_box .title_area .text { margin: 5px 0 0 0; font-weight: 400; font-size: 18px; line-height:36px; color: #212121;}
.completion_cont .inner_box .text_area { margin: 20px 0 0 0;}
.completion_cont .inner_box .text_area .text { font-weight: 400; font-size: 16px; line-height: 26px; color: #212121;}
.completion_cont .inner_box .cont_btn_list_area { margin: 30px 0 0 0;}
/* 공통 완료(결과)페이지 */

/* ==================== 통합검색 Style ==================== */
/* 목록 리스트 */
.com_sch_list_area {}
.com_sch_list_area > .list {}
.com_sch_list_area > .list > li {margin: 0 0 60px;}
.com_sch_list_area > .list > li:last-child {margin: 0;}
.com_sch_list_area > .list > li .sch_title_arae { margin: 0 0 17px 0;}
.com_sch_list_area > .list > li .sch_title_arae .inner_box { display: flex; justify-content: space-between; align-items: center;}
.com_sch_list_area > .list > li .sch_title_arae .inner_box .title_area {}
.com_sch_list_area > .list > li .sch_title_arae .inner_box .title_area .title {display: inline-block; font-weight: 700; font-size: 24px; line-height: 36px; color:#2f2f2f;}
.com_sch_list_area > .list > li .sch_title_arae .inner_box .title_area .title .total {display: inline-block; font-size: 20px; line-height: 30px; color: #222222;}
.com_sch_list_area > .list > li .sch_title_arae .inner_box .title_area .title .total .num {display: inline-block; color: var(--com-color-red);}
.com_sch_list_area > .list > li .sch_title_arae .btn_more {display: block;}
.com_sch_list_area > .list > li .sch_title_arae .btn_more .text {font-weight: 500; font-size: 15px; line-height: 22px; color: #222222;}
.com_sch_list_area > .list > li .sch_list_area {border-top: 2px solid var(--com-bor-top-color);}
.com_sch_list_area > .list > li .sch_list_area > .list {}
.com_sch_list_area > .list > li .sch_list_area > .list > li {border-bottom: 1px solid #ebebeb;}
.com_sch_list_area > .list > li .sch_list_area > .list > li .box {display: block; padding: 25px 30px;}
.com_sch_list_area > .list > li .sch_list_area > .list > li .box > .menu_list { margin: 0 0 5px 0;}
.com_sch_list_area > .list > li .sch_list_area > .list > li .box > .menu_list > .list {font-size: 0;}
.com_sch_list_area > .list > li .sch_list_area > .list > li .box > .menu_list > .list > li {position: relative; display: inline-block; margin: 0 6px 0 0; padding: 0 14px 0 0; font-weight: 400; font-size: 15px; line-height: 22px; color: #767676;}
.com_sch_list_area > .list > li .sch_list_area > .list > li .box > .menu_list > .list > li::after {content: '>'; position: absolute; top: 0; right: 0;}
.com_sch_list_area > .list > li .sch_list_area > .list > li .box > .menu_list > .list > li:last-child { margin: 0; padding: 0; color: var(--com-main-color);}
.com_sch_list_area > .list > li .sch_list_area > .list > li .box > .menu_list > .list > li:last-child::after {display: none;}
.com_sch_list_area > .list > li .sch_list_area > .list > li .box > .tit {margin: 0 0 20px 0; font-weight: 500; font-size: 18px; line-height: 27px; color: #2f2f2f; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.com_sch_list_area > .list > li .sch_list_area > .list > li .box > .tit .keyword {color: var(--com-color-red);}
.com_sch_list_area > .list > li .sch_list_area > .list > li .box .file_each {}
.com_sch_list_area > .list > li .sch_list_area > .list > li .box .file_each .txt { display: inline-block; padding: 0 0 0 20px; background-image: url('/images/home/kor/user/board/attach_ico.png'); background-position: left top 4px; background-repeat: no-repeat; font-weight: 400; font-size: 15px; line-height: 22px; color: #2d2d2d;}
.com_sch_list_area > .list > li .sch_list_area > .list > li .box .file_each .txt:hover,
.com_sch_list_area > .list > li .sch_list_area > .list > li .box .file_each .txt:focus { text-decoration: underline;}
/* 목록 리스트 */

/* 결과 데이터 1 */
.com_sch_list_area > .list > li .no_data_box {padding: 50px 0; text-align: center;}
.com_sch_list_area > .list > li .no_data_box .text_box { padding: 185px 0 0; background-image: url('/images/home/kor/user/board/search_icon.png'); background-position: top center; background-repeat: no-repeat;}
.com_sch_list_area > .list > li .no_data_box .text_box .title {margin: 0 0 20px; font-weight: 700; font-size: 24px; line-height: 36px; color: #2f2f2f;}
.com_sch_list_area > .list > li .no_data_box .text_box .title .ft_c {color: var(--com-color-red);}
.com_sch_list_area > .list > li .no_data_box .text_box .text {font-weight: 400; font-size: 18px; line-height: 28px; color: #2f2f2f;}
/* 결과 데이터 1 */
/* ==================== 통합검색 Style ==================== */

/* 에디터 스타일 추가 */
.editor_view_area { border: 1px solid #e9e9e9; padding: 20px; border-radius: 10px;}
.editor_view_area .editor_view { font-size: 16px; line-height: 24px;}
/* 에디터 스타일 추가 */

/* 에디터 스타일 추가 */
.editor_view_area.sty2 { border: none; background-color: #f3f3f3;}
/* 에디터 스타일 추가 */