@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'; }
.key_text {font-weight: 700; font-size: 18px; line-height: 27px; color: #ed4040;}

/* 공통폼 이미지가 있을 경우 mark */
.img_box > .mark_list_area {position:absolute; top: 10px; left: 10px;}
.img_inner > .mark_list_area {position:absolute; top: 10px; left: 10px; text-align: left;}
.blog_com_cont_area .mark_list_area {margin: 0 0 10px;}
.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: 27px; color: #ffffff; border-radius: 5px;}
.mark_list_area > .list > li .mark.red {background-color: #ed4040;}
.mark_list_area > .list > li .mark.blue {background-color: #3c79d5;}
.mark_list_area > .list > li .mark.green {background-color: #48a644;}
.mark_list_area > .list > li .mark.gray {background-color: #848690;}
.mark_list_area > .list > li .mark2 {display: inline-block; padding: 0 10px; font-weight: 500; font-size: 14px; line-height: 27px; border-radius: 5px;}
.mark_list_area > .list > li .mark2.red {border: 1px solid #ed4040; color: #ed4040;}
.mark_list_area > .list > li .mark2.blue {border: 1px solid #3c79d5; color: #3c79d5;}
.mark_list_area > .list > li .mark2.green {border: 1px solid #48a644; color: #48a644;}
.mark_list_area > .list > li .mark2.gray {border: 1px solid #848690; color: #848690;}

.top_com_cont_area {}
.top_com_cont_area > .list {}
.top_com_cont_area > .list > li {border-bottom: 1px solid #333333; padding: 30px 0;}

/* 상단 공통 */
.page_com_cont_area {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: flex-end;margin: 0 0 10px}
.page_com_cont_area .page_area {margin: 0; /*padding: 0 0 0 22px; background-image: url('/images/board/page_icon.png'); background-position: left center; background-repeat: no-repeat;*/ font-size: 16px; line-height: 24px; color: var(--colorFontGray)}
.page_com_cont_area .page_area .count {color:var(--colorGreen);font-weight:700}
.page_com_cont_area .btn_area {}
.page_com_cont_area .page_slt {max-width: 200px; width: 100%;}
.page_com_cont_area .page_slt .com_slt {}
.page_com_cont_area .page_slt.sty2 {font-size: 0;}
.page_com_cont_area .page_slt.sty2 .text {display: inline-block; margin: 0 5px 0 0; font-weight: 400; font-size: 16px; line-height: 40px; color: #333333; vertical-align: middle;}
.page_com_cont_area .page_slt.sty2 .com_slt {display: inline-block; width: calc(100% - 45px); vertical-align: middle;}

.page_com_cont_area.s2 {justify-content:right;column-gap:10px;margin:15px auto 10px auto}

/* FAQ */
.faq_com_cont_area {border-top: 2px solid #5f6577;}
.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; background: }
.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: 45px; width: 24px; height: 14px; background-image: url('/images/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: rotate(180deg);}
.faq_com_cont_area > .list > li .box .q_cont .q_tit .txt_box {position:relative; padding: 0 0 0 63px; font-weight: 700; font-size: 16px; line-height: 40px; color: var(--colorBlack); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.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; font-weight: 700; font-size: 28px; line-height: 39px; color: var(--colorFontBlack); border-radius: 50%; text-align: center;}
.faq_com_cont_area > .list > li .box .q_cont .q_tit .txt_box .mark {color: #19569d;}
.faq_com_cont_area > .list > li .box .a_cont {display: none; background-color: #fafafa;}
.faq_com_cont_area > .list > li .box .a_cont .text_box {min-height:78px;position:relative; padding: 19px 32px 19px 90px; font-weight: 400; font-size: 16px; line-height: 24px; color: #444444;}
.faq_com_cont_area > .list > li .box .a_cont .text_box .a_txt {display: inline-block; position:absolute; top: 19px; left: 32px; width: 40px; height: 40px; font-weight: 700; font-size: 28px; line-height: 39px; color: var(--colorGreen); border-radius: 50%; text-align: center;}
.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 {}
.faq_com_cont_area > .list > li .box .a_cont .file_box > .list > li .file_down .txt {padding: 0 0 0 20px; background-image: url('/images/board/attach_ico.png'); background-position: left center; background-repeat: no-repeat; font-weight: 400; font-size: 14px; line-height: 21px; color: #656565;}
/* FAQ */

/* 갤러리 */
.gallery_com_cont_area {padding: 28px 0;border-top:2px solid var(--colorBlack2);border-bottom:1px solid var(--colorLightGray)}
.gallery_com_cont_area > .list {font-size: 0;}
.gallery_com_cont_area > .list > li {display: inline-block; width: calc(25% - 28.5px); margin: 38px 38px 0 0;}
.gallery_com_cont_area > .list > li:nth-child(-n+4) {margin: 0 38px 0 0;}
.gallery_com_cont_area > .list > li:nth-child(4n) {margin: 0;}
.gallery_com_cont_area > .list > li > .box {display: block; border: 1px solid #e9e9e9; border-radius: 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.gallery_com_cont_area > .list > li > .box:hover, 
.gallery_com_cont_area > .list > li > .box:focus {box-shadow:0 0 14px rgba(0, 0, 0, 0.12)}
.gallery_com_cont_area > .list > li > .box .inner_box {}
.gallery_com_cont_area > .list > li > .box .inner_box .img_box {display:flex;align-items:center;justify-content:center;width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}
.gallery_com_cont_area > .list > li > .box .inner_box .img_box .img_inner {display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--colorBgGray);position:absolute;left:0;top:0}
.gallery_com_cont_area > .list > li > .box .inner_box .img_box .img_inner img {display:block;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: 23px 30px 19px;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .title {margin: 0 0 11px; font-weight: 500; font-size: 20px; line-height: 30px; color: #191919; 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.style2 > .list > li > .box .inner_box .text_box .title {height: 60px; -webkit-line-clamp: 2;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .text {height: 48px; margin: 0 0 11px; font-weight: 400; font-size: 16px; line-height: 24px; color: #191919; 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 12px;}
.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: 16px; line-height: 30px; color: #6e6e6e;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li .txt {font-weight: 400; font-size: 16px; line-height: 30px; color: #191919; 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 {}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li {display: inline-block;margin:5px 20px 0 0;background-position: left center; background-repeat: no-repeat; font-weight: 400; font-size: 15px;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li:first-child {display:block;margin:0}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li:nth-child(2n + 1) {margin-right:0}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li .tit {margin-right:7px;padding-right:10px;color:var(--colorFontBlack);position:relative}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li .tit::after {display:block;width:1px;height:13px;content:"";background-color:var(--colorLightGray);position:absolute;right:0;top:50%;transform:translateY(-50%)}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li .txt {color:var(--colorFontGray)}
/* 갤러리 */

/* 공지사항 */
.table_basics_com_cont_area .table_basics_area {width: 100%; text-align: center; border-collapse: collapse; table-layout: fixed; box-sizing: border-box;border-top:2px solid var(--colorBlack2)}
.table_basics_com_cont_area .table_basics_area thead {border-bottom: 1px solid var(--colorLightGray); background-color: var(--colorBgGray);}
.table_basics_com_cont_area .table_basics_area thead tr {}
.table_basics_com_cont_area .table_basics_area thead tr th {padding: 15px 5px; font-weight: 500; font-size: 16px; line-height: 22px; color: var(--colorBlack2);}
.table_basics_com_cont_area .table_basics_area tbody {}
.table_basics_com_cont_area .table_basics_area tbody tr {border-bottom: 1px solid var(--colorLightGray); -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 {position: relative; padding: 15px 5px; font-weight: 400; font-size: 16px; line-height: 24px; color:var(--colorDarkGray); word-break: keep-all;}
.table_basics_com_cont_area .table_basics_area tbody tr td.tit {text-align: left; font-weight: 400; color: #2f2f2f; }
.table_basics_com_cont_area .table_basics_area tbody tr td.tit a {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;transition:0.2s}
.table_basics_com_cont_area .table_basics_area tbody tr td.tit a.line {-webkit-line-clamp:2}
.table_basics_com_cont_area .table_basics_area tbody tr td.tit a:hover {color:var(--colorGreen);font-weight:500}
.table_basics_com_cont_area .table_basics_area tbody tr td.tit a.lock:before { content:""; background:url('/images/board/lock_ico.png'); width: 11px; height: 14px; display: inline-block; margin: 3px 5px 0 0; background-size: cover; background-repeat: no-repeat; vertical-align: top;}
.table_basics_com_cont_area .table_basics_area tbody tr td.tit p {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 .file {display: inline-block; width: 18px; height: 10px; background-image: url('/images/board/attach_ico.png'); background-size: cover; 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  0 0 5px; background-image: url('/images/board/new_icon.png'); background-size: cover; background-repeat: no-repeat; vertical-align: middle;}
.table_basics_com_cont_area .table_basics_area tbody tr td .main { border-radius: 6px; background: var(--colorGreen); padding: 3.5px 9px; color: var(--colorWhite); }
.table_basics_com_cont_area .table_basics_area tbody tr td.answer {}
.table_basics_com_cont_area .table_basics_area tbody tr td.answer.on { color:var(--colorGreen)}
.table_basics_com_cont_area .table_basics_area tbody tr.fix {background-color: #fafafa;  }
.table_basics_com_cont_area .table_basics_area tbody tr.fix td { color:var(--colorGreen); font-weight: 500; }
.table_basics_com_cont_area .table_basics_area tbody tr.fix td a {font-weight: 500; color: var(--colorGreen);}
.table_basics_com_cont_area .table_basics_area tbody tr.fix td.num {font-weight: 500; color: var(--colorGreen);}
.table_basics_com_cont_area .table_basics_area tbody tr.fix td.date {}
.table_basics_com_cont_area .table_basics_area tbody tr.fix td.file {}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark {display: inline-block; width:75px; margin: 5px 0 0; padding: 0 10px; font-weight: 400; font-size: 14px; line-height: 26px; color: #333333; border-radius: 20px;transition:0.2s}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark:first-child {margin: 0;}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark.red {background:var(--colorRed);color:var(--colorWhite)}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark.blue {background:var(--colorBlue);color:var(--colorWhite)}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark.green {background:var(--colorGreen); color:var(--colorWhite)}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark.gray {background: #848690;color:var(--colorWhite)}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark.black {background:var(--colorBlack);color:var(--colorWhite)}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark2 {display: inline-block; width: 100%; margin: 5px 0 0; padding: 0 10px; font-weight: 400; font-size: 14px; line-height: 26px; color: #ffffff; border-radius: 20px;}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark2:first-child {margin: 0;}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark2.red {border:1px solid  var(--colorRed);background-color: var(--colorRed)}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark2.blue {border:1px solid var(--colorBlue);background-color:var(--colorBlue)}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark2.green {border:1px solid var(--colorGreen);background-color:var(--colorGreen)}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark2.gray {border:1px solid #848690; background-color: #848690;}

.table_basics_com_cont_area .table_basics_area tbody tr td .btn_mark:hover .mark.red {background-color:#bd1d1d}
.table_basics_com_cont_area .table_basics_area tbody tr td .btn_mark:hover .mark.blue {background-color:#003eab}
.table_basics_com_cont_area .table_basics_area tbody tr td .btn_mark:hover .mark.green {background-color:#5b8919}
.table_basics_com_cont_area .table_basics_area tbody tr td .btn_mark:hover .mark.gray {background-color:#60626b}
.table_basics_com_cont_area .table_basics_area tbody tr td .btn_mark:hover .mark.black {background-color:#3d3d3d}

.table_basics_com_cont_area .table_basics_area tbody tr td .btn_mark:hover .mark2.red {border-color:#bd1d1d;background-color:#bd1d1d}
.table_basics_com_cont_area .table_basics_area tbody tr td .btn_mark:hover .mark2.blue {border-color:#003eab;background-color:#003eab}
.table_basics_com_cont_area .table_basics_area tbody tr td .btn_mark:hover .mark2.green {border-color:#5b8919;background-color:#5b8919}
.table_basics_com_cont_area .table_basics_area tbody tr td .btn_mark:hover .mark2.gray {border-color:#60626b;background-color:#60626b}

.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn {display: inline-block; width: 100%; margin: 5px 0 0; padding: 0 10px; font-weight: 400; font-size: 14px; line-height: 26px; color: #333333; border-radius: 20px;}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn:first-child {margin: 0;}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn.red {border: 1px solid #ed4040; color: #ed4040;}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn.blue {border: 1px solid #3c79d5; color: #3c79d5;}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn.green {border: 1px solid #48a644; color: #48a644;}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn.gray {border: 1px solid #848690; color: #848690;}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn2 {display: inline-block; width: 100%; margin: 5px 0 0; padding: 0 10px; font-weight: 400; font-size: 14px; line-height: 26px; color: #ffffff; border-radius: 20px;}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn2:first-child {margin: 0;}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn2.red {border: 1px solid #ed4040; background-color: #ed4040;}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn2.blue {border: 1px solid #3c79d5; background-color: #3c79d5;}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn2.green {border: 1px solid #48a644; background-color: #48a644;}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn2.gray {border: 1px solid #848690; background-color: #848690;}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_slt {display: block; width: 100%; height: 30px; border: 1px solid #dfdfdf; padding: 0 25px 0 10px; background-color: #ffffff; background-image: url('/images/board/slt_arr_icon.png'); background-position: right 10px center; background-size: 11px 7px; background-repeat: no-repeat; font-weight: 400; font-size: 14px; line-height: 28px; color: #333333;}
.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;}
.board_area .board_list tbody tr.red td .emphasis {display: inline-block; padding: 0 12px; border: 1px solid #e02316; font-weight: 500; font-size: 15px; line-height: 28px; color: #e02316; border-radius: 4px;}

.table_basics_com_cont_area.s2 .table_basics_area tbody tr td {height:52px;padding:8px 5px}
/* 공지사항 */


/* ==================== 게시판 VIEW Style ==================== */
.board_view {margin: 32px 0 0;}
.board_view:first-child {margin: 0;}
.board_view.qu_area { margin: 0 0 30px; padding: 0 0 30px; border-bottom: 1px dashed var(--colorLightGray)}
.board_view .board_view_top {position:relative; z-index:1; padding:0 0 20px; }
.board_view .board_view_top .tit { font-size: 32px; font-weight: 700; color:#333; }
.board_view .board_view_top .tit span {padding: 4px 13px; font-size: 16px; border-radius: 5px; margin: 0 16px 0 0; vertical-align:top}
.board_view .board_view_top .tit .question { background: var(--colorGreen); color: var(--colorWhite); }
.board_view .board_view_top .tit .answer { border: 1px solid var(--colorGreen); color: var(--colorGreen); }
.board_view .board_view_top .board_text_list .list {font-size: 0;}
.board_view .board_view_top .board_text_list .list li {display: inline-block; position: relative; margin: 0 10px 0 0; padding: 0 10px 0 0; font-weight: 400; font-size: 15px; line-height: 22px; color: #777777;}
.board_view .board_view_top .board_text_list .list li:after {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 15px; margin: -7px 0 0; background-color: #777777;}
.board_view .board_view_top .board_text_list .list li:last-child {margin: 0; padding: 0;}
.board_view .board_view_top .board_text_list .list li:last-child:after {display: none;}
.board_view .board_view_top .board_text_list .list li.ft_color {color: #2475e3;}
.board_view .board_view_top > .ft_color {}
.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:last-child {margin: 0;}
.board_view .board_view_top .mark_list .list li .mark {display:inline-block; border-radius: 10px; padding:5px 10px; background-color:#ec1a10; color:#fff; font-size:15px;}
.board_view .board_view_top .mark_list .list li .mark.bg1 {border: 1px solid #f13c3c; background-color: inherit; color: #f13c3c;}
.board_view .board_view_top .mark_list .list li .mark.bg2 {border: 1px solid #3ca7f1; background-color: inherit; color: #3ca7f1;}
.board_view .board_view_top .mark_list .list li .mark.bg3 {border: 1px solid #9e9e9e; background-color: inherit; color: #9e9e9e;}

.board_view .board_view_top .mark_list.sty2 .list li .mark {display:inline-block; border:inherit; border-radius: 10px; padding:5px 10px; color:var(--colorWhite)}; font-size:15px;}
.board_view .board_view_top .mark_list.sty2 .list li .mark.bg1 {background-color: var(--colorRed);}
.board_view .board_view_top .mark_list.sty2 .list li .mark.bg2 {background-color: var(--colorBlue);}
.board_view .board_view_top .mark_list.sty2 .list li .mark.bg3 {background-color: var(--colorNavy);}
.board_view .board_view_top .mark_list.sty2 .list li .mark.bg4 {background-color: var(--colorDarkGray);}
.board_view .board_view_top .mark_list.sty2 .list li .mark.bg5 {background-color: var(--colorBlack);}
.board_view .board_view_top .mark_list.sty2 .list li .mark.bg6 {background-color:var(--colorGreen);}

.board_view .board_title_cont {border-bottom: 2px solid var(--colorBlack2); padding: 40px 10px 36px 40px; text-align: center; }
.board_view .board_title_cont .program_title {display: inline-block; margin: 0 0 0 5px; font-weight: 500; font-size: 15px; line-height: 28px; color: #228020; vertical-align: middle;}
.board_view .mark_list_area {margin: 0 0 24px; vertical-align: top; font-size: 0;}
.board_view .mark_list_area.s2 {display:inline-block;margin:0 0 0 15px}
.board_view .mark_list_area .list {display: inline-block; vertical-align: middle; font-size: 0;}
.board_view .mark_list_area .list li {display: inline-block; margin: 0 4px 0 0;}
.board_view .mark_list_area .list li:last-child {margin: 0;}
.board_view .mark_list_area .list li .mark {display: inline-block; padding: 0 12px; font-size: 15px; line-height: 26px; color: var(--colorBlack2);border:1px solid var(--colorBlack2); border-radius: 5px;}
.board_view .mark_list_area .list li .mark.bg1 {border-color:var(--colorRed); color:var(--colorRed);}
.board_view .mark_list_area .list li .mark.bg2 {border-color:var(--colorBlue); color:var(--colorBlue);}
.board_view .mark_list_area .list li .mark.bg3 {border-color:var(--colorDarkGray); color:var(--colorDarkGray)}
.board_view .mark_list_area .list li .mark.bg4 {border-color:var(--colorGreen); color:var(--colorGreen);}

.board_view .mark_list_area .list li .mark.sty2.bg1 {border: 1px solid var(--colorRed); background-color:var(--colorRed); color:var(--colorWhite)}
.board_view .mark_list_area .list li .mark.sty2.bg2 {border: 1px solid var(--colorBlue); background-color:var(--colorBlue); color:var(--colorWhite);}
.board_view .mark_list_area .list li .mark.sty2.bg3 {border: 1px solid var(--colorFontGray); background-color:var(--colorFontGray); color:var(--colorWhite)}
.board_view .mark_list_area .list li .mark.sty2.bg4 {border: 1px solid var(--colorGreen); background-color:var(--colorGreen); color:var(--colorWhite)}

.board_view .board_title_cont .title {margin: 0 0 24px; font-weight: 500; font-size: 32px; font-weight: 700; line-height: 33px; color: #333333;}
.board_view .board_title_cont .title.mb0 {margin-bottom:0}
.board_view .board_title_cont .title .qna_area {}
.board_view .board_title_cont .title .qna_area .qna_txt {display: inline-block; width: 33px; height: 33px; margin: 0 10px 0 0; font-weight: 500; font-size: 22px; line-height: 33px; color: #ffffff; border-radius: 50%; text-align: center;}
.board_view .board_title_cont .title .qna_area.q .qna_txt {background-color: #3c79d5;}
.board_view .board_title_cont .title .qna_area.a .qna_txt {background-color: #ff5656;}
.board_view .board_title_cont .title .qna_area .tit {font-weight: 500; font-size: 22px; line-height: 33px;}
.board_view .board_title_cont .title .qna_area.q .tit {color: #3c79d5;}
.board_view .board_title_cont .title .qna_area.a .tit {color: #ff5656;}
.board_view .board_title_cont .data_list_area {}
.board_view .board_title_cont .data_list_area .list {font-size: 0;}
.board_view .board_title_cont .data_list_area .list li {display: inline-block; position:relative; margin: 0 11px 0 0; padding: 0 11px 0 0; font-weight: 400; font-size: 15px; line-height: 22px; color: #656565;}
.board_view .board_title_cont .data_list_area .list li:after {content: ''; position:absolute; top: 3px; right: 0; width: 1px; height: 16px; background-color: #dfdfdf;}
.board_view .board_title_cont .data_list_area .list li:last-child {margin: 0; padding: 0;}
.board_view .board_title_cont .data_list_area .list li:last-child:after {display: none;}

.board_view .board_view_top .tit {display:block; margin: 10px 0 20px; font-size: 26px; line-height: 39px; color: #333333;}
.board_view .board_view_top .tit .mark {margin: 0 5px 0 0; vertical-align:top;}
.board_view .board_view_top .tit .mark:last-child {margin: 0;}
.board_view .board_view_top .tit .ft_c01 {color: #4894ea;}
.board_view .board_view_top .tit .qna_area {display: inline-block; }
.board_view .board_view_top .tit .qna_area .qna_txt {display: inline-block; width: 39px; height: 39px; margin: 0 10px 0 0; font-weight: 500; font-size: 26px; line-height: 39px; color: #ffffff; border-radius: 50%; text-align: center;}
.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; margin: 0; font-weight: 500; font-size: 26px; line-height: 39px;}
.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 .info {color:#777; font-size:0;}
.board_view .board_view_top .info .each {display:inline-block; font-size:15px;}
.board_view .board_view_top .info .each:after {content:"|"; display:inline-block; margin-top:-2px; padding:0 15px; color:#d7d7d7; font-size:12px; vertical-align:middle;}
.board_view .board_view_top .info .each:last-child:after {display:none;}
.board_view .board_view_top .controler {position:absolute; left:20px; top:50%; z-index:1; width:30px; height:40px; line-height:40px; margin-top:-15px; font-size:30px; text-align:center;}
.board_view .board_view_top .controler:hover {-webkit-animation: scale1_3 0.8s infinite; animation: scale1_3 0.8s infinite;}
.board_view .board_view_top .next {left:auto; right:20px;}
.board_view .board_view_top .btn_arr {position: absolute; top: 50%; width: 16px; height: 27px; margin: -13px 0 0; background-position: 0 0; background-size: cover; background-repeat: no-repeat; text-indent: -9999px;}
.board_view .board_view_top .board_prev {left: 25px; background-image: url('/images/board/board_prev.jpg');}
.board_view .board_view_top .board_next {right: 25px; background-image: url('/images/board/board_next.jpg');}

.board_view .board_write {width: 100%;}
.board_view .board_write tbody {}
.board_view .board_write tbody tr {border-bottom: 1px solid #d9d9d9;}
.board_view .board_write tbody tr th {padding: 10px; background-color: #f5f7f9; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 15px; line-height: 22px; color: #242424; text-align: left;}
.board_view .board_write tbody tr td {padding: 10px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 15px; line-height: 22px; color: #5b5b5b; -ms-word-break: keep-all; word-break: keep-all;}
.board_view .board_write tbody tr td.ft_c {color: #4894ea;}
.board_view .board_write tbody tr td .file {position: relative; padding: 0 0 0 20px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; line-height: 24px; color: #5b5b5b;}
.board_view .board_write tbody tr td .file:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 14px; height: 14px; margin: -6px 0 0; background: url('/images/board/attach_ico.png') 0 0 no-repeat;}
.board_view .board_write tbody tr td .view {display: inline-block; width: 70px; height: 29px; border: 1px solid #4894ea; border-radius: 10px; font-weight: 400; font-size: 14px; line-height: 27px; color: #4894ea; text-align: center;}

/* board_write style2 */
.board_view .board_write.sty2 {}
.board_view .board_write.sty2 tbody tr th {background-color: inherit;}
.board_view .board_write.sty2 tbody tr th .text {position: relative; padding: 0 0 0 12px;}
.board_view .board_write.sty2 tbody tr th .text:before {display: block; content: ''; position: absolute; top: 10px; left: 0; width: 3px; height: 3px; background-color: #333333; border-radius: 50%;}
.board_view .board_view_con {padding:40px 25px; margin: 0 0 15px; }
.board_view .board_view_con.mgt {margin-top:30px}
.board_view .board_view_con.bd_top {border-top:1px solid var(--colorBlack2)}
.board_view .board_view_con.bd_bottom {border-bottom:1px solid var(--colorLightGray)}
.board_view .board_view_con .box_cont {margin: 40px 0 0;}
.board_view .board_view_con .box_cont:first-child {margin: 0;}
.board_view .board_view_con .box_cont .title {position: relative; padding: 0 0 0 45px; font-weight: 500; font-size: 24px; line-height: 36px; color: #333333;}
.board_view .board_view_con .box_cont .title:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 36px; height: 36px; border-radius: 50%; color: #ffffff; text-align: center;}
.board_view .board_view_con .box_cont.q_box .title:before {content: 'Q'; background-color: #888888;}
.board_view .board_view_con .box_cont.a_box .title:before {content: 'A'; background-color: #4894ea;}
.board_view .board_view_con .box_cont .text_box {margin: 20px 0 0; padding: 25px 10px 25px 40px; font-weight: 300; font-size: 15px; line-height: 25px; color: #333333; background-color: #f7f7f7; word-break: keep-all;}

.board_view .board_view_file {display:table; width:100%; border:1px solid #ebebeb;border-radius:8px;overflow:hidden}
.board_view .board_view_file.bd0 {border:0}
.board_view .board_view_file .tit {display:table-cell; width:15%; padding:15px 25px; background-color :#f7f7f7; font-weight: 700; font-size: 16px; vertical-align:middle;}
.board_view .dis_flex .board_view_file .tit { width: 40%; }
.board_view .board_view_file .file_box {display:table-cell; padding:28px 20px; vertical-align:middle;position:relative}
.board_view .board_view_file .file_box button {width:170px; height: 42px;;background-color:var(--colorWhite);border:1px solid var(--colorBlue);border-radius:5px;position:absolute;right:30px;top:50%;transform:translateY(-50%);transition:0.2s}
.board_view .board_view_file .file_box button .icon {vertical-align:middle}
.board_view .board_view_file .file_box button .text {display: inline-block; font-weight: 500; font-size: 16px; line-height: 27px;color:var(--colorBlue);box-sizing: border-box;transition:0.2s}
.board_view .board_view_file .file_box button:hover, 
.board_view_file .file_each button:focus {background-color:var(--colorBlue)}
.board_view .board_view_file .file_box button:hover .text, 
.board_view_file .file_each button:focus .text {color: var(--colorWhite)}
.board_view .board_view_file .file_each {margin-top:10px;max-width:calc(100% - 200px)}
.board_view .board_view_file .file_each:first-child {margin-top:0;}
.board_view .board_view_file .file_each.s2 {display:inline-block;margin-bottom:0;vertical-align:text-top}
.board_view .board_view_file .file_each a {display: inline-block; position: relative; padding: 0 0 0 20px; background-image: url('/images/board/attach_ico.png'); background-position: 0 6px; background-repeat: no-repeat;border-radius:5px;font-weight: 300; font-size: 16px; line-height: 24px; word-break: break-all;}
.board_view .board_view_file .file_each a:hover, 
.board_view_file .file_each a:focus {text-decoration:underline;}
/* ==================== 게시판 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/basic/attach_ico.png'); background-size: 14px; background-repeat: no-repeat;}
/* ==================== 게시판 VIEW - 이미지 있을경우 Style ==================== */

/* post nav */
.post_nav {margin: 80px 0 0;}
.post_nav .list {border:1px solid #ebebeb; border-radius:8px;overflow:hidden}
.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: 14px; width:15%; background-color: #f7f7f7;}
.post_nav .list .item .item_wrapper .tit .icon {padding: 0 0 0 30px; background-position: left center; background-size: 14px auto; background-repeat: no-repeat; font-weight: 700; font-size: 17px; line-height: 30px; color: #333;}
.post_nav .list .item.prev .item_wrapper .tit .icon {background-image: url('/images/board/post_nav_prev.png');}
.post_nav .list .item.next .item_wrapper .tit .icon {background-image: url('/images/board/post_nav_next.png');}
.post_nav .list .item .item_wrapper .post {display: table-cell; padding: 14px;}
.post_nav .list .item .item_wrapper .post .text {display: block; font-weight: 500; font-size: 17px; line-height: 30px; color: #333; 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: 34px; height: 34px; margin: 0 0 3px; font-size: 15px; line-height: 34px; 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:var(--colorGreen); font-weight: 500; color: var(--colorWhite); border-radius: 6px;}
.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 20px 3px 0;}
.pagination .page_arrow.l1:before {left: 50%; width: 9px; margin: -6px 0 0 -4px; background-image: url('/images/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/board/page_l2.png');}
.pagination .page_arrow.r1 {margin: 0 0 3px 20px;}
.pagination .page_arrow.r1:before {left: 50%; margin: -6px 0 0 -4px; width: 9px; margin: -6px 0 0 -4px; background-image: url('/images/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/board/page_r2.png');}
/* ==================== Pagination Style ==================== */

.chk_inner {font-size: 0;}
.chk_inner .inp_chk {display: inline-block; position:relative; width: 18px; height: 18px; border: 2px solid #c4c4c4; padding: 0; background-color: #ffffff; cursor: pointer; vertical-align: top;}
.chk_inner .inp_chk:checked {border: 2px solid #81848b;}
.chk_inner .inp_chk:checked:before {display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 13px; height: 11px; background-image: url('/images/board/chk_icon.jpg'); background-size: 13px 11px; background-repeat: no-repeat; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.chk_inner label {display: block; font-weight: 400; font-size: 16px; line-height: 28px; color: #2f2f2f;}

/* 공통 탭 */
.com_tab_area {margin: 0 0 30px;}
.com_tab_area .list {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.com_tab_area .list li {width: 100%; border: 1px solid #dadce0; border-left: none; background: #fafafa}
.com_tab_area .list li:first-child {border-left: 1px solid #dadce0;}
.com_tab_area .list li .tab_btn {display: block; width: 100%; position:relative; padding: 0 40px 0 24px; font-weight: 400; font-size: 18px; line-height: 60px; color: #222222; text-align: center;}
.com_tab_area .list li.on { border-top: 3px solid var(--colorGreen); border-bottom: none; background: #fff }
.com_tab_area .list li.on .tab_btn {color: var(--colorGreen);font-weight:700}
.com_tab_area.sty2 {}
.com_tab_area.sty2 .list {}
.com_tab_area.sty2 .list li {display: table; width: 100%; table-layout: fixed;} 
.com_tab_area.sty2 .list li .tab_btn {display: table-cell; width: 100%; height: 62px; font-size: inherit; line-height: inherit; vertical-align: middle;}
.com_tab_area.sty2 .list li .tab_btn .text {font-weight: 400; font-size: 16px; line-height: 24px; color: #222222;}
.com_tab_area.sty2 .list li.on .tab_btn .text {color: #00a9e0;}

.com_tab_area.unlink .list li {background: #fff;}
.com_tab_area.unlink .list li {}
.com_tab_area.unlink .list li .tab_btn { color: #9E9E9E; }
.com_tab_area.unlink .list li.on .tab_btn { color: var(--colorFontBlack); }
.com_tab_area.unlink .list li.disabled {background: #F5F5F5;  }
.com_tab_area.unlink .list li .tab_btn img {vertical-align: middle; margin-right: 10px; filter: grayscale(1); opacity: 0.5; }
.com_tab_area.unlink .list li.on .tab_btn img { filter: grayscale(0); opacity: 1; }
/* 공통 탭 */

/* 개인정보처리방침 */
.com_info_law_cont_area {}
.com_info_law_cont_area.mh {min-height:37.7vh}
.com_info_law_cont_area > .list {}
.com_info_law_cont_area > .list.bd {margin-bottom:35px;padding-bottom:35px;border-bottom:1px dashed #e1e1e1}
.com_info_law_cont_area > .list > li {margin: 0 0 40px;}
.com_info_law_cont_area > .list > li:last-child {margin: 0;}
.com_info_law_cont_area > .list > li > .law_top_cont_area {border: 1px solid var(--colorBgGray); padding: 30px; background-color: #fafafa;border-radius:10px}
.com_info_law_cont_area > .list > li > .law_top_cont_area .box {}
.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 {font-weight: 400; font-size: 15px; line-height: 1.6;color: var(--colorBlack2);}
.com_info_law_cont_area > .list > li > .law_top_cont_area .box > .list > li:last-child { margin-bottom: 0 !important;}
.com_info_law_cont_area > .list > li > .law_top_cont_area .box > .list > li.bold {margin-bottom:10px;font-size:16px;line-height: 28px}
.com_info_law_cont_area > .list > li > .label_area {}
.com_info_law_cont_area > .list > li > .label_area .tit_area { background-color: var(--colorGreen);}
.com_info_law_cont_area > .list > li > .label_area .tit_area .tit { font-weight: 500; font-size: 16px; line-height: 40px; 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 { border-left: 1px solid var(--colorLightGray); font-size: 0;}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li { display: inline-block; width: 33.3333%;;}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li > .label_box { display: block; padding: 75px 10px 10px 10px; border-right: 1px solid var(--colorLightGray); border-bottom: 1px solid var(--colorLightGray); background-position: top 15px center; background-size: auto 55px; background-repeat: no-repeat;}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li > .label_box .txt { font-weight: 400; font-size: 16px; line-height: 1.6; color: var(--colorBlack2); text-align: center;}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon01 > .label_box { background-image: url('/images/board/img_policy_icon_1.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon02 > .label_box { background-image: url('/images/board/img_policy_icon_2.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon03 > .label_box { background-image: url('/images/board/img_policy_icon_3.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon04 > .label_box { background-image: url('/images/board/img_policy_icon_4.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon05 > .label_box { background-image: url('/images/board/img_policy_icon_5.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon06 > .label_box { background-image: url('/images/board/img_policy_icon_6.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon07 > .label_box { background-image: url('/images/board/img_policy_icon_7.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon08 > .label_box { background-image: url('/images/board/img_policy_icon_8.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon09 > .label_box { background-image: url('/images/board/img_policy_icon_9.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon10 > .label_box { background-image: url('/images/board/img_policy_icon_10.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon11 > .label_box { background-image: url('/images/board/img_policy_icon_11.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon12 > .label_box { background-image: url('/images/board/img_policy_icon_12.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon13 > .label_box { background-image: url('/images/board/img_policy_icon_13.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon14 > .label_box { background-image: url('/images/board/img_policy_icon_14.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon15 > .label_box { background-image: url('/images/board/img_policy_icon_15.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon16 > .label_box { background-image: url('/images/board/img_policy_icon_16.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon17 > .label_box { background-image: url('/images/board/img_policy_icon_17.png');}
.com_info_law_cont_area > .list > li > .label_area .menu_list_area > .list > li.icon18 > .label_box { background-image: url('/images/board/img_policy_icon_18.png');}
.com_info_law_cont_area > .list > li > .text { font-weight: 400; font-size: 16px; line-height: 1.7; color: var(--colorBlack2);}
.com_info_law_cont_area > .list > li > .composition_list_area { margin: 10px 0 0 0; border: 1px solid var(--colorLightGray); padding: 20px 30px;}
.com_info_law_cont_area > .list > li > .composition_list_area > .list { font-size: 0;}
.com_info_law_cont_area > .list > li > .composition_list_area > .list > li { display: inline-block; width: 50%; margin: 0 0 5px 0;vertical-align:top}
.com_info_law_cont_area > .list > li > .composition_list_area > .list > li:nth-last-child(-n+2) { margin: 0;}
.com_info_law_cont_area > .list > li > .composition_list_area > .list > li .text { position: relative;  padding: 0 0 0 15px; font-weight: 400; font-size: 16px; line-height:1.6; color: var(--colorBlack2);}
.com_info_law_cont_area > .list > li > .composition_list_area > .list > li .text::before { display: block; content: ''; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background-color: #bebebe; border-radius: 50%;}
.com_info_law_cont_area > .list > li .table_container {}
.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 #5f6577; 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 var(--colorLightGray);}
.com_info_law_cont_area > .list > li .table_container .table_inner .table_area thead tr th {border-left: 1px solid var(--colorLightGray); padding: 10px; background-color:var(--colorLightYellow); font-weight: 700; font-size: 14px; line-height: 21px; color: #424242;}
.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 var(--colorLightGray);}
.com_info_law_cont_area > .list > li .table_container .table_inner .table_area tbody tr td {border-left: 1px solid var(--colorLightGray); padding: 10px; font-weight: 400; font-size: 14px; line-height: 1.6; color: var(--colorBlack2);}
.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 .table_container .table_inner .table_area tbody tr td .link { display: block;}
.com_info_law_cont_area > .list > li > .cont_law_com_box {}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .title_area {position:relative; margin: 0 0 15px;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .title_area.sty2 {font-size: 0;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .title_area .page_tit {display:inline-block;margin-bottom:0;line-height:1.6;vertical-align:middle}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .title_area .page_tit::before {top:4px}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .title_area .law_icon_area { display: inline-block; margin: 0 0 0 10px; vertical-align: middle;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .title_area .law_icon_area > .list { font-size: 0;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .title_area .law_icon_area > .list > li { display: inline-block; margin: 0 10px 0 0; vertical-align: middle;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .title_area .law_icon_area > .list > li:last-child { margin: 0;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .title_area .law_icon_area > .list > li .icon { height: 30px;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .title_area .law_icon_area > .list > li .icon img {max-height:100%}
.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 .border_box {text-align:center;border:1px solid var(--colorLightGray)}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area .border_box img {margin:0 auto}
.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 5px; font-weight: 400; font-size: 16px; line-height: 1.6; color: var(--colorBlack2);}
.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 26px;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li.icon1 > .num {position:absolute; top: 3px; left: 0; width: 21px; height: 21px; background-color: var(--colorBlack2); font-weight: 500; font-size: 13px; line-height: 1.6; 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.icon1 > .img {width:60px}
.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: 400; font-size: 14px; line-height: 1.6; color: var(--colorBlack2);}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 {margin:8px 0 0 8px;padding-bottom:10px}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3.sty2 {margin-top:5px}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3.border_box {padding:15px;text-align:left;background-color:#f5f5f5;border-radius:5px}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li {margin: 0 0 5px; font-weight: 400; font-size: 16px; line-height: 25px; color: var(--colorBlack2);}
.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 26px;}
.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: 21px; height: 21px;; background-color: #ff0000; font-weight: 700; font-size: 13px; line-height: 1.6; 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.ft_b { font-weight: 700;}
/*.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: 400; font-size: 16px; line-height: 25px; color: var(--colorBlack2);}*/
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li.icon2.sty2 > .num { font-size: 12px;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li.icon2.ft_b > .num { font-weight: 700;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li.icon2.sty3 { background-image: url('/images/sub/txt_triangle_icon.png'); background-position: left top 6px; background-repeat: no-repeat;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 {margin: 5px 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 5px; font-weight: 400; font-size: 15px; line-height: 1.6; color: var(--colorBlack2);}
.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 26px;}
.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: 21px; height: 21px; background-color:#888; font-weight: 500; font-size: 13px; line-height: 1.6; 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: 400; font-size: 14px; line-height: 1.6; color: var(--colorBlack2);}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li > .list5 { margin: 5px 0 0 0;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li > .list5 > .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 > .list5 > .icon2 > .num {position:absolute; top: 0; left: 0; font-weight: 400; font-size: 14px; line-height: 1.6; color: var(--colorBlack2);}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3.box { border: 1px solid var(--colorLightGray); padding: 20px 30px; }
/* 개인정보처리방침 */

/* 완료페이지 */
.inner_cont_area {border: 1px solid #e0e0e0; padding: 60px 10px 54px;}
.inner_cont_area .inner_box {text-align: center;}
.inner_cont_area .inner_box .title {margin: 0 0 12px; padding: 186px 0 0; background-image: url('/images/board/chk_ico.png'); background-position: top center; background-repeat: no-repeat; font-weight: 700; font-size: 24px; line-height: 36px; color: #333333;}
.inner_cont_area .inner_box .title.icon2 {background-image: url('/images/common/ready_icon.png');}
.inner_cont_area .inner_box .title .ft_c {color: var(--colorGreen);}
.inner_cont_area .inner_box .text {font-weight: 300; font-size: 16px; line-height: 26px; color: var(--colorDarkGray);}
.inner_cont_area .inner_box .text .ft_b {font-weight: 500;color: var(--colorFontBlack);}

/* 통합검색 */
.integration_sch_com_area {}
.integration_sch_com_area > .sch_com_list_area {}
.integration_sch_com_area > .sch_com_list_area > li {margin: 0 0 54px;}
.integration_sch_com_area > .sch_com_list_area > li:last-child {margin: 0;}
.integration_sch_com_area > .sch_com_list_area > li .search_category {position: relative; margin: 0 0 18px;}
.integration_sch_com_area > .sch_com_list_area > li .search_category .title {display: inline-block; font-weight: 700; font-size: 24px; line-height: 36px; color:#2f2f2f;}
.integration_sch_com_area > .sch_com_list_area > li .search_category .title .total {display: inline-block;}
.integration_sch_com_area > .sch_com_list_area > li .search_category .title .total .num {display: inline-block; color: #28417c;}
.integration_sch_com_area > .sch_com_list_area > li .search_category .btn_more {display: inline-block; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.integration_sch_com_area > .sch_com_list_area > li .search_category .btn_more .text {display: inline-block; position: relative; padding: 0 0 0 15px; background-image: url('/images/sub/icon_more_plus.png'); background-position: center left; background-size: 8px auto; background-repeat: no-repeat; font-weight: 300; font-size: 15px; line-height: 26px;}
.integration_sch_com_area > .sch_com_list_area > li .total_area {margin: 0 0 8px;}
.integration_sch_com_area > .sch_com_list_area > li .total_area .total {font-weight: 400; font-size: 15px; line-height: 26px; color: #8f8f8f;}
.integration_sch_com_area > .sch_com_list_area > li .total_area .total .ft_c {font-weight: 500; color: #1f8ce9;}
.integration_sch_com_area > .sch_com_list_area > li .sch_list_area {border-top: 2px solid #8f8f8f;}
.integration_sch_com_area > .sch_com_list_area > li .sch_list_area > .list {}
.integration_sch_com_area > .sch_com_list_area > li .sch_list_area > .list > li {border-bottom: 1px solid #ebebeb;}
.integration_sch_com_area > .sch_com_list_area > li .sch_list_area > .list > li .box {display: block; padding: 19px 10px 19px 32px;}
.integration_sch_com_area > .sch_com_list_area > li .sch_list_area > .list > li .box > .menu_list {margin: 0 0 5px;}
.integration_sch_com_area > .sch_com_list_area > li .sch_list_area > .list > li .box > .menu_list > .list {font-size: 0;}
.integration_sch_com_area > .sch_com_list_area > li .sch_list_area > .list > li .box > .menu_list > .list > li {display: inline-block; margin: 0 12px 0 0; padding: 0 19px 0 0; background-image: url('/images/sub/next_icon2.png'); background-size: 8px 13px; background-position: right center; background-repeat: no-repeat; font-weight: 400; font-size: 15px; line-height: 25px; color: #8f8f8f;}
.integration_sch_com_area > .sch_com_list_area > li .sch_list_area > .list > li .box > .menu_list > .list > li:last-child {padding: 0; background-image: inherit;}
.integration_sch_com_area > .sch_com_list_area > li .sch_list_area > .list > li .box > .tit {margin: 0 0 10px; font-weight: 500; font-size: 18px; line-height: 28px; color: #2f2f2f; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.integration_sch_com_area > .sch_com_list_area > li .sch_list_area > .list > li .box > .cont_text {margin: 0 0 10px; font-weight: 400; font-size: 16px; line-height: 26px; color: #2f2f2f; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.integration_sch_com_area > .sch_com_list_area > li .sch_list_area > .list > li .box > .date {font-weight: 400; font-size: 15px; line-height: 32px; color: #656565;}
.integration_sch_com_area > .sch_com_list_area > li .no_data_box {padding: 60px 10px 50px; text-align: center;}
.integration_sch_com_area > .sch_com_list_area > li .no_data_box .box {display: inline-block; padding: 180px 0 0; background-image: url('/images/sub/search_icon.png'); background-position: top center; background-size: 160px; background-repeat: no-repeat;}
.integration_sch_com_area > .sch_com_list_area > li .no_data_box .box .title {margin: 0 0 11px; font-weight: 700; font-size: 24px; line-height: 36px; color: #2f2f2f;}
.integration_sch_com_area > .sch_com_list_area > li .no_data_box .box .title .ft_c {color: #1f8ce9;}
.integration_sch_com_area > .sch_com_list_area > li .no_data_box .box .text {font-weight: 300; font-size: 18px; line-height: 28px; color: #2f2f2f;}

/* 레이어팝업 */
.layer_popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 999; border-radius: 10px; overflow: hidden; box-shadow: 15px 15px 18px rgba(0, 0, 0, 0.19); }
.layer_popup .pop_header { padding: 20px; background: #212121; color: #fff; text-align: left;font-size:24px; font-weight:700; }
.layer_popup .pop_header div { position:relative; }
.layer_popup .pop_header .pop_close { position:absolute; right:0; font-weight: 400; font-size: 30px; line-height: 30px; cursor: pointer; }
.layer_popup .pop_wrap { padding: 40px; text-align: center; }
.layer_popup .pop_wrap .title { font-size:36px; font-weight:700; margin: 20px 0; color:var(--colorNavy);  }
.layer_popup .pop_wrap .txt { font-size:27px; font-weight:500; }
.layer_popup .pop_wrap button { width:108px; margin: 30px 0 0; padding: 10px 0; border-radius: 10px; background: var(--colorNavy); color: var(--colorWhite); }