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

/* 기본 컬러 */
.red {color: #E45A52;}
.blue {color: #3c79d5;}
.green {color: #48a644;}
.gray {color: #848690;}
/* 기본 컬러 */

/* 공통  버튼 */
.cont_btn_list_area {margin: 40px 0 0;}
.cont_btn_list_area .list {font-size: 0;}
.cont_btn_list_area .list.tr {text-align: right;}
.cont_btn_list_area .list.tc {text-align: center;}
.cont_btn_list_area .list.tl {text-align: left;}
.cont_btn_list_area .list li {display: inline-block; margin: 0 8px 0 0;}
.cont_btn_list_area .list li:last-child {margin: 0;}
.cont_btn_list_area .list li .btn {display: inline-block; min-width:240px; padding: 0 5px; background-color: #656565; font-weight: 500; font-size: 18px; line-height: 56px; color: #ffffff; text-align: center; border-radius: 5px;}
.cont_btn_list_area .list li .btn.green {background-color: #228020;}
.cont_btn_list_area .list li .btn.red {background-color: #e03321;}
.cont_btn_list_area .list li .btn.blue {background-color: #0076c0;}
.cont_btn_list_area .list li .btn.pink {background-color: #E45A52;}
.cont_btn_list_area .list li .btn.gray {background-color: #848690;}
.cont_btn_list_area .list li .cancell_btn {display: inline-block; min-width:240px; border: 1px solid #656565; font-weight: 500; font-size: 18px; line-height: 54px; color: #656565; text-align: center; border-radius: 5px;}
.cont_btn_list_area .list li .cancell_btn.red {border: 1px solid #e03321; color: #e03321;}
.cont_btn_list_area .list li .cancell_btn.green {border: 1px solid #228020; color: #228020;}
.cont_btn_list_area .list li .cancell_btn.blue {border: 1px solid #3ca7f3; color: #3ca7f3;}
.cont_btn_list_area .list li .cancell_btn.pink {border: 1px solid #E45A52; color: #E45A52;}
.cont_btn_list_area .list li .btn.sty2 {min-width: inherit; padding: 0 15px;}

/* 공통폼 이미지가 있을 경우 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: 300; 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 {margin: 0 0 10px;}
.page_com_cont_area.sty2 {margin: 0;}
.page_com_cont_area .page_area {font-weight: 500; font-size: 13px; line-height: 23px; color: #757575;}
.page_com_cont_area.sty2 .page_area {padding: 0 170px 0 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 .style1 .page_area {margin: 0;}
.page_com_cont_area .style1 .btn_area {}
.page_com_cont_area .style1 .btn_area > .list {font-size: 0;}
.page_com_cont_area .style1 .btn_area > .list > li {display: inline-block; margin: 0 5px 0 0;}
.page_com_cont_area .style1 .btn_area > .list > li:last-child {margin: 0;}
.page_com_cont_area .style1 .btn_area > .list > li .btn {display: inline-block;  padding: 0 20px; font-weight: 500; font-size: 16px; line-height: 38px; color: #ffffff; border-radius: 5px;}
.page_com_cont_area .style1 .btn_area > .list > li .btn:hover, .page_com_cont_area .style1 .btn_area > .list > li .btn:focus {background-color: inherit !important;}
.page_com_cont_area .style1 .btn_area > .list > li .btn.red {border: 1px solid #ed4040; background-color: #ed4040;}
.page_com_cont_area .style1 .btn_area > .list > li .btn.red:hover,
.page_com_cont_area .style1 .btn_area > .list > li .btn.red:focus {color: #ed4040;}
.page_com_cont_area .style1 .btn_area > .list > li .btn.blue {border: 1px solid #3c79d5; background-color: #3c79d5;}
.page_com_cont_area .style1 .btn_area > .list > li .btn.blue:hover,
.page_com_cont_area .style1 .btn_area > .list > li .btn.blue:focus {color: #3c79d5;}
.page_com_cont_area .style1 .btn_area > .list > li .btn.green {border: 1px solid #48a644; background-color: #48a644;}
.page_com_cont_area .style1 .btn_area > .list > li .btn.green:hover,
.page_com_cont_area .style1 .btn_area > .list > li .btn.green:focus {color: #48a644;}
.page_com_cont_area .style1 .btn_area > .list > li .btn.gray {border: 1px solid #848690; background-color: #848690;}
.page_com_cont_area .style1 .btn_area > .list > li .btn.gray:hover,
.page_com_cont_area .style1 .btn_area > .list > li .btn.gray:focus {color: #848690;}
.page_com_cont_area .style1 .btn_area > .list > li .btn .text {display: inline-block;}
.page_com_cont_area .style1 .page_slt {max-width: 200px; width: 100%;}
.page_com_cont_area .style1 .page_slt .com_slt {}
.page_com_cont_area .style1 .page_slt.sty2 {font-size: 0;}
.page_com_cont_area .style1 .page_slt.sty2 .text {display: inline-block; margin: 0 5px 0 0; font-weight: 500; font-size: 16px; line-height: 40px; color: #333333; vertical-align: middle;}
.page_com_cont_area .style1 .page_slt.sty2 .com_slt {display: inline-block; width: calc(100% - 45px); vertical-align: middle;}



/* 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;}
.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/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: 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: #333333; 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; background-color: #6e514f; 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 .mark {color: #6e514f;}
.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 32px 19px 90px; font-weight: 500; 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; background-color: #E45A52; 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 .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/home/kor/user/board/attach_ico.png'); background-position: left center; background-repeat: no-repeat; font-weight: 500; font-size: 14px; line-height: 21px; color: #656565;}
/* FAQ */

/* 블로그 */
.blog_com_cont_area {border-top: 2px solid #5f6577;}
.blog_com_cont_area > .list {}
.blog_com_cont_area > .list > li {border-bottom: 1px solid #d5d5d5;}
.blog_com_cont_area > .list > li > .box {display: block; padding: 32px 10px;}
.blog_com_cont_area > .list > li > .box:hover, .blog_com_cont_area > .list > li > .box:focus {background-color: #ecf6e8;}
.blog_com_cont_area > .list > li > .box .inner_box {display: table; width: 100%; table-layout: fixed;}
.blog_com_cont_area > .list > li > .box .inner_box .img_box {display: table-cell; position:relative; width: 259px; vertical-align: middle;}
.blog_com_cont_area > .list > li > .box .inner_box .img_box .img_inner {display: table; width: 100%; table-layout: fixed;}
.blog_com_cont_area > .list > li > .box .inner_box .img_box .img_inner .inner {display: table-cell; height: 146px; background-color: #f7f7f7; vertical-align: middle; text-align: center;}
.blog_com_cont_area > .list > li > .box .inner_box .img_box .img_inner .inner img {display: inline-block; 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 {display: table-cell; padding: 0 0 0 32px; vertical-align: middle;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .title_area {display: inline-block; margin: 0 0 11px; font-weight: 500; font-size: 18px; line-height: 27px; color: #333333; 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 .inner_box .text_box .title_area .mark {display: inline-block; font-weight: 500; font-size: 18px; line-height: 27px; color: #333333;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .text {margin: 0 0 13px; font-weight: 500; font-size: 16px; line-height: 24px; color: #333333; 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 .tag_list_area {margin: 0 0 13px;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .tag_list_area > .list {font-size: 0;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .tag_list_area > .list > li {display: inline-block; position:relative; margin: 0 15px 0 0; padding: 0 15px 0 0; font-weight: 500; font-size: 14px; line-height: 21px; color: #8f8f8f;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .tag_list_area > .list > li:after {content: ''; position:absolute; top: 50%; right: 0; width: 1px; height: 11px; background-color: #d5d5d5; transform: translateY(-50%);}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .tag_list_area > .list > li:last-child {margin: 0; padding: 0;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .tag_list_area > .list > li:last-child:after {display: none;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area {margin: 0 0 12px;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list {}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li {position: relative; padding: 0 0 0 75px;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li .tit {position: absolute; top: 0; left: 0; font-weight: 500; font-size: 16px; line-height: 30px; color: #6e6e6e;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li .txt {font-weight: 500; 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;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area {}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list {}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li {display: inline-block; position:relative; margin: 0 15px 0 0; padding: 0 15px 0 0;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li:after {content: ''; position:absolute; top: 50%; right: 0; width: 1px; height: 11px; background-color: #d5d5d5; transform: translateY(-50%);}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li:last-child {margin: 0; padding: 0;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li:last-child:after {display: none;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li .txt {font-weight: 500; font-size: 14px; line-height: 21px; color: #8f8f8f;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li .txt.file {padding: 0 0 0 19px; background-image: url('/images/home/kor/user/board/attach_ico.png'); background-position: left center; background-repeat: no-repeat;}
/* 블로그 */

/* 갤러리 */
.gallery_tab {display: none;}
.gallery_tab.on {display: block;}
.gallery_com_cont_area {border-top: 2px solid #5f6577; padding: 28px 0 0;}
.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; -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 {border: 1px solid #ec6b63; box-shadow: 15px 15px 18px rgba(0, 0, 0, 0.19);}
.gallery_com_cont_area > .list > li > .box .inner_box {}
.gallery_com_cont_area > .list > li > .box .inner_box .img_box {display: table; position:relative; overflow: hidden; width: 100%; table-layout: fixed;}
.gallery_com_cont_area > .list > li > .box .inner_box .img_box .img_inner {display: table-cell; width: 100%; height: 242px; 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; 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: 500; 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: 500; 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: 500; 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 {font-size: 0;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li {display: inline-block; margin: 0 16px 0 0; padding: 0 0 0 19px; background-position: left center; background-repeat: no-repeat; font-weight: 300; font-size: 16px; line-height: 30px; color: #8f8f8f;}
.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.icon01 {background-image: url('/images/home/kor/user/board/data_icon.png');}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li.icon02 {background-image: url('/images/home/kor/user/board/data_icon2.png');}
/* 갤러리 */

/* 갤러리2 */
.gallery_com_cont_area2 {border-top: 2px solid #5f6577; padding: 28px 0 0;}
.gallery_com_cont_area2 > .list {font-size: 0;}
.gallery_com_cont_area2 > .list > li {display: inline-block; width: calc(50% - 19px); margin: 38px 38px 0 0;}
.gallery_com_cont_area2 > .list > li:nth-child(2n) {margin: 38px 0 0;}
.gallery_com_cont_area2 > .list > li:nth-child(-n+2) {margin: 0 38px 0 0;}
.gallery_com_cont_area2 > .list > li:nth-child(2) {margin: 0;}
.gallery_com_cont_area2 > .list > li > .box {display: table; width: 100%; table-layout: fixed; border: 1px solid #e9e9e9; padding: 20px; border-radius: 20px; -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_area2 > .list > li > .box:hover, .gallery_com_cont_area2 > .list > li > .box:focus {border: 1px solid #1b3880; box-shadow: 15px 15px 18px rgb(0 0 0 / 19%);}
.gallery_com_cont_area2 > .list > li > .box .img_inner {display: table-cell; position:relative; width: 200px; background-color: #eeeeee; vertical-align: middle; text-align: center; border-radius: 15px;}
.gallery_com_cont_area2 > .list > li > .box .img_inner .img_area {display: table; width: 100%; table-layout: fixed;}
.gallery_com_cont_area2 > .list > li > .box .img_inner .img_area .inner {display: table-cell; width: 100%; height: 160px; vertical-align: middle; text-align: center;}
.gallery_com_cont_area2 > .list > li > .box .img_inner .img_area .inner img {display: inline-block;}
.gallery_com_cont_area2 > .list > li > .box .text_inner {display: table-cell; padding: 0 0 0 20px; vertical-align: middle;}
.gallery_com_cont_area2 > .list > li > .box .text_inner .title {height: 54px; margin: 0 0 11px; font-weight: 500; font-size: 18px; line-height: 27px; 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_area2 > .list > li > .box .text_inner .text {height: 48px; margin: 0 0 11px; font-weight: 500; 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_area2 > .list > li > .box .text_inner .info_list_area {margin: 0 0 12px;}
.gallery_com_cont_area2 > .list > li > .box .text_inner .info_list_area > .list {}
.gallery_com_cont_area2 > .list > li > .box .text_inner .info_list_area > .list > li {position: relative; padding: 0 0 0 75px;}
.gallery_com_cont_area2 > .list > li > .box .text_inner .info_list_area > .list > li .tit {position: absolute; top: 0; left: 0; font-weight: 500; font-size: 16px; line-height: 30px; color: #6e6e6e;}
.gallery_com_cont_area2 > .list > li > .box .text_inner .info_list_area > .list > li .txt {font-weight: 500; 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_area2 > .list > li > .box .text_inner .data_list_area > .list {font-size: 0;}
.gallery_com_cont_area2 > .list > li > .box .text_inner .data_list_area > .list > li {display: inline-block; margin: 0 16px 0 0; padding: 0 0 0 19px; background-position: left center; background-repeat: no-repeat; font-weight: 500; font-size: 16px; line-height: 30px; color: #8f8f8f;}
.gallery_com_cont_area2 > .list > li > .box .text_inner .data_list_area > .list > li:last-child {margin: 0;}
.gallery_com_cont_area2 > .list > li > .box .text_inner .data_list_area > .list > li.icon01 {background-image: url('/images/home/kor/user/board/data_icon.png');}
.gallery_com_cont_area2 > .list > li > .box .text_inner .data_list_area > .list > li.icon02 {background-image: url('/images/home/kor/user/board/data_icon2.png');}
/* 갤러리2 */

/* 포스터 */
.poster_com_cont_area {border-top: 2px solid #5f6577; padding: 28px 0 0;}
.poster_com_cont_area > .list {font-size: 0;}
.poster_com_cont_area > .list > li {display: inline-block; width: calc(20% - 16.8px); margin: 21px 21px 0 0;}
.poster_com_cont_area > .list > li:nth-child(-n+5) {margin: 0 21px 0 0;}
.poster_com_cont_area > .list > li:nth-child(5n) {margin: 0;}
.poster_com_cont_area > .list > li > .box {display: block;}
.poster_com_cont_area > .list > li > .box .inner_box {}
.poster_com_cont_area > .list > li > .box .inner_box .img_box {display: table; position:relative; width: 100%; table-layout: fixed;}
.poster_com_cont_area > .list > li > .box .inner_box .img_box .img_inner {display: table-cell; width: 100%; height: 377px; background-color: #f7f7f7; vertical-align: middle; text-align: center;}
.poster_com_cont_area > .list > li > .box .inner_box .img_box .img_inner img {display: inline-block; transition: all .8s ease;}
.poster_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);}
.poster_com_cont_area > .list > li > .box .inner_box .text_box {padding: 23px 10px 19px 0;}
.poster_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;}
.poster_com_cont_area.style2 > .list > li > .box .inner_box .text_box .title {height: 60px; -webkit-line-clamp: 2;}
.poster_com_cont_area > .list > li > .box .inner_box .text_box .text {height: 48px; margin: 0 0 11px; font-weight: 500; 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;}
.poster_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area {margin: 0 0 12px;}
.poster_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list {}
.poster_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li {position: relative; padding: 0 0 0 75px;}
.poster_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li .tit {position: absolute; top: 0; left: 0; font-weight: 500; font-size: 16px; line-height: 30px; color: #6e6e6e;}
.poster_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li .txt {font-weight: 500; 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;}
.poster_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area {}
.poster_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list {font-size: 0;}
.poster_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li {display: inline-block; margin: 0 16px 0 0; padding: 0 0 0 19px; background-position: left center; background-repeat: no-repeat; font-weight: 500; font-size: 16px; line-height: 30px; color: #8f8f8f;}
.poster_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li:last-child {margin: 0;}
.poster_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li.icon01 {background-image: url('/images/home/kor/user/board/data_icon.png');}
.poster_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li.icon02 {background-image: url('/images/home/kor/user/board/data_icon2.png');}
/* 포스터 */

/* 공지사항 */
.table_basics_com_cont_area .table_basics_area {width: 100%; border-top: 2px solid #757575; 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 #ebebeb; background-color: #f7f7f7;}
.table_basics_com_cont_area .table_basics_area thead tr {}
.table_basics_com_cont_area .table_basics_area thead tr th {padding: 17px 5px; font-weight: 500; font-size: 16px; line-height: 22px; color: #424242;}
.table_basics_com_cont_area .table_basics_area tbody {}
.table_basics_com_cont_area .table_basics_area tbody tr {border-bottom: 1px solid #ebebeb; -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 10px; font-weight: 500; font-size: 14px; line-height: 21px; color: #424242; word-break: keep-all;}
.table_basics_com_cont_area .table_basics_area tbody tr td.mark_area {padding: 15px;}
.table_basics_com_cont_area .table_basics_area tbody tr td.ft_s {font-size: 16px; line-height: 24px;}
.table_basics_com_cont_area .table_basics_area tbody tr td.ft_s.w1080 .com_btn2.mo {display: none;}
.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.tit a {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/home/kor/user/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 5px 0 0; background-image: url('/images/home/kor/user/board/new_icon.png'); background-size: cover; background-repeat: no-repeat; vertical-align: middle;}
.table_basics_com_cont_area .table_basics_area tbody tr.red {background-color: #fcf0f0;}
.table_basics_com_cont_area .table_basics_area tbody tr.red td {}
.table_basics_com_cont_area .table_basics_area tbody tr.red td.num {font-weight: 500; color: #ec1a10;}
.table_basics_com_cont_area .table_basics_area tbody tr.red td.tit {}
.table_basics_com_cont_area .table_basics_area tbody tr.red td.date {}
.table_basics_com_cont_area .table_basics_area tbody tr.red td.file {}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark {display: inline-block; margin: 5px 0 0; padding: 0 10px; font-weight: 500; font-size: 16px; line-height: 26px; color: #333333; border-radius: 8px;}
.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 {border: 1px solid #E45A52; color: #E45A52;}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark.blue {border: 1px solid #3c79d5; color: #3c79d5;}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark.green {border: 1px solid #33a19e; color: #33a19e;}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark.gray {border: 1px solid #848690; color: #848690;}
.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: 500; 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 #ed4040; background-color: #ed4040;}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark2.blue {border: 1px solid #3c79d5; background-color: #3c79d5;}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark2.green {border: 1px solid #48a644; background-color: #48a644;}
.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 .com_btn {display: inline-block; width: 100%; margin: 5px 0 0; padding: 0 10px; font-weight: 500; 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: 10px; font-weight: 500; 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/home/kor/user/board/slt_arr_icon.png'); background-position: right 10px center; background-size: 11px 7px; background-repeat: no-repeat; font-weight: 500; 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: 500; 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 .table_basics_area tbody tr td .mo_tit {display: none;}
.table_basics_com_cont_area .table_basics_area tbody tr td .inp_txt_area label .inp_txt {display: block;}

.table_basics_com_cont_area .table_basics_area tbody tr td .input_box {position:relative; padding: 0 105px 0 0; vertical-align: middle;}
.table_basics_com_cont_area .table_basics_area tbody tr td .input_box .scrh_inp {border-radius: 5px;}
.table_basics_com_cont_area .table_basics_area tbody tr td .input_box .btn {display: inline-block; position:absolute; top: 0; right: 0; padding: 0 20px; background-color: #54575e; border-radius: 5px;}
.table_basics_com_cont_area .table_basics_area tbody tr td .input_box .btn .text {display: inline-block; padding: 0 0 0 28px; background-image: url('/images/home/kor/user/board/sch_icon.png'); background-position: left center; background-repeat: no-repeat; font-weight: 500; font-size: 16px; line-height: 48px; color: #ffffff;}

.table_basics_com_cont_area .table_basics_area tbody tr td .radio_area {display: inline-block; width: inherit; padding: 0; vertical-align: middle;}
.table_basics_com_cont_area .table_basics_area tbody tr td .radio_area .radio_inp {position: relative; top: inherit; left: inherit; vertical-align: middle;}

.table_basics_com_cont_area .table_basics_area tbody tr th {padding: 14px 5px 14px 20px; background-color: #f7f7f7; vertical-align: middle;}
.table_basics_com_cont_area .table_basics_area tbody tr th.tit {font-weight: 500; font-size: 16px; line-height: 28px; color: #424242;}
.table_basics_com_cont_area .table_basics_area tbody tr th .mo {display: none;}
.table_basics_com_cont_area .table_basics_area tbody tr th.tit.mo {display: none;}

.table_basics_com_cont_area .table_basics_area.sty2 {border: 1px solid #ebebeb;}
.table_basics_com_cont_area .table_basics_area.sty2 thead tr th {border-right: 1px solid #ebebeb;}
.table_basics_com_cont_area .table_basics_area.sty2 thead tr th.ft_b {font-weight: 700;}
.table_basics_com_cont_area .table_basics_area.sty2 thead tr th:last-child {border-right: 1px solid #ebebeb;}
.table_basics_com_cont_area .table_basics_area.sty2 tbody tr td {border-right: 1px solid #ebebeb;}
.table_basics_com_cont_area .table_basics_area.sty2 tbody tr td:last-child {border-right: 1px solid #ebebeb;}

.table_basics_com_cont_area .table_basics_area.sty3 thead tr th {border-right: 1px solid #ebebeb;}
.table_basics_com_cont_area .table_basics_area.sty3 thead tr th:last-child {border-right: none;}
.table_basics_com_cont_area .table_basics_area.sty3 tbody tr td {border-right: 1px solid #ebebeb;}
.table_basics_com_cont_area .table_basics_area.sty3 tbody tr td:last-child {border-right: none;}
.table_basics_com_cont_area .table_basics_area.sty3 tbody tr td .mark {min-width: 80px; text-align:center;}
.table_basics_com_cont_area .table_basics_area.sty3 tbody tr td .btn {display: inline-block; width: 100%; background-color:#848690; padding: 10px; font-weight: 500; font-size: 14px; line-height: 26px; color: #ffffff; border-radius: 5px; text-align:center;}
.table_basics_com_cont_area .table_basics_area.sty3 tbody tr td .btn.sty2 {width:inherit; padding: 0 10px; font-weight: 500; font-size: 12px; line-height: 21px; border-radius: 10px;}
.table_basics_com_cont_area .table_basics_area.sty3 tbody tr td .btn.pink {background-color:#E45A52;}
.table_basics_com_cont_area .table_basics_area.sty3 tbody tr td .date {color:#767676;}
.table_basics_com_cont_area .table_basics_area.sty3 tbody tr td .fc_pink {color:#E45A52;}

.table_basics_com_cont_area .table_basics_area.sty4 thead tr th {border-right: 1px solid #ebebeb;}
.table_basics_com_cont_area .table_basics_area.sty4 thead tr th:last-child {border-right: none;}
.table_basics_com_cont_area .table_basics_area.sty4 tbody tr th {border-right: 1px solid #ebebeb;}
.table_basics_com_cont_area .table_basics_area.sty4 tbody tr td {border-right: 1px solid #ebebeb;}
.table_basics_com_cont_area .table_basics_area.sty4 tbody tr td:last-child {border-right: none;}
/* 공지사항 */

/* 공지사항2 */
.notice_com_cont {}
.notice_com_cont > .list {font-size: 0;}
.notice_com_cont > .list > li {display: inline-block; width: calc(25% - 28.5px); margin: 0 38px 38px 0;}
.notice_com_cont > .list > li:nth-last-child(-n+4) {margin: 0 38px 0 0;}
.notice_com_cont > .list > li:nth-child(4n) {margin: 0 0 38px;}
.notice_com_cont > .list > li:last-child {margin: 0;}
.notice_com_cont > .list > li > .box {display: block; border: 1px solid #d2d2d2; padding: 30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.notice_com_cont > .list > li > .box:hover, .notice_com_cont > .list > li > .box:focus {border: 1px solid #1c42a4; box-shadow: 15px 15px 18px rgba(0, 0, 0, 0.19);}
.notice_com_cont > .list > li > .box .title_area {}
.notice_com_cont > .list > li > .box .title_area .title {height: 90px; font-weight: 500; font-size: 20px; line-height: 30px; color: #333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
.notice_com_cont > .list > li > .box .title_area .title .mark {display: inline-block; margin: 0 5px 0 0; padding: 0 10px; font-weight: 500; font-size: 14px; line-height: 26px; vertical-align: middle; border-radius: 5px;}
.notice_com_cont > .list > li > .box .title_area .title .mark.red {border: 1px solid #ed4040; color: #ed4040;}
.notice_com_cont > .list > li > .box .title_area .title .mark.blue {border: 1px solid #3c79d5; color: #3c79d5;}
.notice_com_cont > .list > li > .box .title_area .title .mark.green {border: 1px solid #48a644; color: #48a644;}
.notice_com_cont > .list > li > .box .title_area .title .mark.gray {border: 1px solid #848690; color: #848690;}
.notice_com_cont > .list > li > .box .title_area .title .mark2 {display: inline-block; margin: 0 5px 0 0; padding: 0 10px; font-weight: 500; font-size: 14px; line-height: 26px; color: #ffffff; vertical-align: middle; border-radius: 5px;}
.notice_com_cont > .list > li > .box .title_area .title .mark2.red {border: 1px solid #ed4040; background-color: #ed4040;}
.notice_com_cont > .list > li > .box .title_area .title .mark2.blue {border: 1px solid #3c79d5; background-color: #3c79d5;}
.notice_com_cont > .list > li > .box .title_area .title .mark2.green {border: 1px solid #48a644; background-color: #48a644;}
.notice_com_cont > .list > li > .box .title_area .title .mark2.gray {border: 1px solid #848690; background-color: #848690;}
.notice_com_cont > .list > li > .box .title_area .title .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: cover; background-repeat: no-repeat; vertical-align: middle;}
.notice_com_cont > .list > li > .box .data_list_area {margin: 28px 0 0;}
.notice_com_cont > .list > li > .box .data_list_area > .list {font-size: 0;}
.notice_com_cont > .list > li > .box .data_list_area > .list > li {display: inline-block; position:relative; margin: 0 10px 0 0; padding: 0 10px 0 0; font-weight: 500; font-size: 16px; line-height: 24px; color: #9e9e9e;}
.notice_com_cont > .list > li > .box .data_list_area > .list > li:after {content: ''; position:absolute; top: 50%; right: 0; width: 1px; height: 11px; background-color: #9e9e9e; transform: translateY(-50%);}
.notice_com_cont > .list > li > .box .data_list_area > .list > li:last-child {margin: 0; padding: 0;}
.notice_com_cont > .list > li > .box .data_list_area > .list > li:last-child:after {display: none;}
.notice_com_cont > .list > li > .box .inner_area {margin: 43px 0 0; padding: 0 25px 0 0; background-image: url('/images/home/kor/user/board/notice_file.jpg'); background-position: right center; background-repeat: no-repeat;}
.notice_com_cont > .list > li > .box .inner_area .next {position:relative; font-weight: 500; font-size: 14px; line-height: 21px; color: #393939;}
.notice_com_cont > .list > li > .box .inner_area .next:after {display: none; content: '>'; position:absolute; top: 50%; font-weight: 500; font-size: 12px; line-height: 21px; color: #393939; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; transform: translateY(-50%);}
.notice_com_cont > .list > li > .box:hover .inner_area .next, .notice_com_cont > .list > li > .box:focus .inner_area .next {padding: 0 17px 0 0;}
.notice_com_cont > .list > li > .box:hover .inner_area .next:after, .notice_com_cont > .list > li > .box:focus .inner_area .next:after {display: block; right: 0;}
/* 공지사항2 */

/* ==================== 게시판 VIEW Style ==================== */
.board_view {margin: 32px 0 0; border-bottom:1px solid #ebebeb;}
.board_view:first-child {margin: 0;}
.board_view .board_view_top {position:relative; z-index:1; padding:0 65px 20px; border-bottom: 2px solid #5f6577; text-align:center;}
.board_view .board_view_top.btn_non {padding: 0 0 20px;}
.board_view .board_view_top .board_text_list {}
.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: 500; 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:#fff; font-size:15px;}
.board_view .board_view_top .mark_list.sty2 .list li .mark.bg1 {background-color: #ffb414;} /* 노랑 */
.board_view .board_view_top .mark_list.sty2 .list li .mark.bg2 {background-color: #ff7814;} /* 주황 */
.board_view .board_view_top .mark_list.sty2 .list li .mark.bg3 {background-color: #4894ea;} /* 파랑 */
.board_view .board_view_top .mark_list.sty2 .list li .mark.bg4 {background-color: #46c1ac;} /* 연녹 */
.board_view .board_view_top .mark_list.sty2 .list li .mark.bg5 {background-color: #894c20;} /* 갈색 */ 
.board_view .board_view_top .mark_list.sty2 .list li .mark.bg6 {background-color: #ff4614;} /* 빨강 */


.board_view .board_title_cont {border-top: 2px solid #8f8f8f; border-bottom: 1px solid #ebebeb; padding: 40px 10px 36px 40px; background-color: #f7f7f7;}
.board_view .board_title_cont .mark_list_area {margin: 0 0 14px; vertical-align: top; font-size: 0;}
.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 .board_title_cont .mark_list_area .list {display: inline-block; vertical-align: middle; font-size: 0;}
.board_view .board_title_cont .mark_list_area .list li {display: inline-block; margin: 0 4px 0 0;}
.board_view .board_title_cont .mark_list_area .list li:last-child {margin: 0;}
.board_view .board_title_cont .mark_list_area .list li .mark {display: inline-block; padding: 0 12px; font-weight: 500; font-size: 15px; line-height: 26px; color: #333333; border-radius: 10px;}
.board_view .board_title_cont .mark_list_area .list li .mark.bg1 {border: 1px solid #f56363; color: #f56363;}
.board_view .board_title_cont .mark_list_area .list li .mark.bg2 {border: 1px solid #4894ea; color: #4894ea;}
.board_view .board_title_cont .mark_list_area .list li .mark.bg3 {border: 1px solid #8f8f8f; color: #8f8f8f;}
.board_view .board_title_cont .mark_list_area .list li .mark.bg4 {border: 1px solid #228020; color: #228020;}

.board_view .board_title_cont .mark_list_area .list li .mark.sty2.bg1 {border: 1px solid #f56363; background-color: #f56363; color: #ffffff;}
.board_view .board_title_cont .mark_list_area .list li .mark.sty2.bg2 {border: 1px solid #4894ea; background-color: #4894ea; color: #ffffff;}
.board_view .board_title_cont .mark_list_area .list li .mark.sty2.bg3 {border: 1px solid #8f8f8f; background-color: #8f8f8f; color: #ffffff;}
.board_view .board_title_cont .mark_list_area .list li .mark.sty2.bg4 {border: 1px solid #228020; background-color: #228020; color: #ffffff;}

.board_view .board_title_cont .title {margin: 0 0 24px; font-weight: 500; font-size: 22px; line-height: 33px; color: #2f2f2f;}
.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: 500; 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: 0 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/home/kor/user/board/board_prev.jpg');}
.board_view .board_view_top .board_next {right: 25px; background-image: url('/images/home/kor/user/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-weight: 500; font-size: 15px; line-height: 22px; color: #242424; text-align: left;}
.board_view .board_write tbody tr td {padding: 10px; font-weight: 500; 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-weight: 500; 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/home/kor/user/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: 500; 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;}
.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: 500; 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-collapse:collapse; border-top:1px solid #ebebeb;}
.board_view .board_view_file .tit {display:table-cell; width:20%; padding:15px 25px; background-color :#f7f7f7; font-weight: 500; font-size: 16px; vertical-align:middle;}
.board_view .board_view_file .file_box {display:table-cell; 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-top:0;}
.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 a {display: inline-block; position: relative; padding: 0 0 0 20px; background-image: url('/images/home/kor/user/board/attach_ico.png'); background-position: 0 6px; background-repeat: no-repeat; font-weight: 500; font-size: 15px; line-height: 22px; word-break: break-all;}
.board_view .board_view_file .file_each button {width: 78px; height: 29px; margin: 0 0 0 10px; background-color: #373737;}
.board_view .board_view_file .file_each button:hover, .board_view_file .file_each button:focus {border: 1px solid #373737; background-color: inherit;}
.board_view .board_view_file .file_each button .text {display: inline-block; font-weight: 500; font-size: 14px; line-height: 27px; color: #ffffff; box-sizing: border-box;}
.board_view .board_view_file .file_each button:hover .text, .board_view_file .file_each button:focus .text {color: #373737;}

.board_view .board_view_files {display: flex;padding: 15px 30px;border-radius: 15px;background: #f4f6f9;gap: 15px;border: 1px solid #ddd;align-items: center;margin-bottom: 20px;}
.board_view .board_view_files .tit {width:120px;}
.board_view .board_view_files .file_each {margin:13px 0;}
.board_view .board_view_files .file_each a {display: inline-block; position: relative; padding: 0 0 0 20px; background-image: url('/images/home/kor/user/board/attach_ico.png'); background-position: 0 6px; background-repeat: no-repeat; font-weight: 500; font-size: 17px; line-height: 22px; word-break: break-all;}
/* ==================== 게시판 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: 500; 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: 500; 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: 500; 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: 15px 0 0;}
.post_nav .list {border: 1px solid #ebebeb; border-left: none; border-right: none;}
.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: 20%; 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: 500; font-size: 17px; line-height: 30px; color: #333;}
.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: 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: 40px; height: 40px; margin: 0 0 3px; font-weight: 500; 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:#f5f5f5; font-weight: 500; color: #333333; 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 20px 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 20px;}
.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 ==================== */

.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/home/kor/user/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: 500; 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;}
.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: 500; font-size: 18px; line-height: 60px; color: #222222; text-align: left;}
.com_tab_area .list li .tab_btn:after {content: ''; position:absolute; top: 50%; right: 23px; width: 14px; height: 8px; background-image: url('/images/home/kor/user/common/tab_arr_off.png'); background-size: contain; background-repeat: no-repeat;}
.com_tab_area .list li.on .tab_btn {color: #00a9e0;}
.com_tab_area .list li.on .tab_btn:before {content: ''; position:absolute; top: -1px; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; border: 1px solid #00a9e0; box-shadow: 0 0 10px rgba(0, 169, 224, 0.2);}
.com_tab_area .list li.on .tab_btn:after {background-image: url('/images/home/kor/user/common/tab_arr_on.png');}

.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: 500; font-size: 16px; line-height: 24px; color: #222222;}
.com_tab_area.sty2 .list li.on .tab_btn .text {color: #00a9e0;}
/* 공통 탭 */

.com_sub_tab_area {margin: 0 0 64px;}
.com_sub_tab_area .list_area {}
.com_sub_tab_area .list_area .list {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.com_sub_tab_area .list_area .list li {flex: 1;}
.com_sub_tab_area .list_area .list li .btn_box {display: table; position:relative; width: 100%; height: 79px; table-layout: fixed; vertical-align: middle;}
.com_sub_tab_area .list_area .list li.on .btn_box:before {content: ''; position:absolute; top: 0; right: -3px; bottom: 0; left: 0; height: 73px; border: 3px solid #283371; z-index: 1;}
.com_sub_tab_area .list_area .list li:last-child.on .btn_box:before {right: 0;}
.com_sub_tab_area .list_area .list li .btn_box .tab_btn {display: table-cell; border: 3px solid #e6e9ee; border-right: none; width: 100%; height: 100%; padding: 0 30px 0 15px; font-weight: 700; font-size: 16px; line-height: 24px; color: #333333; text-align: left; vertical-align: middle;}
.com_sub_tab_area .list_area .list li:last-child .btn_box .tab_btn {border-right: 3px solid #e6e9ee;}
.com_sub_tab_area .list_area .list li .btn_box .line {display: block; position:absolute; top: 50%; right: 15px; width: 10px; height: 2px; margin: -1px 0 0;}
.com_sub_tab_area .list_area .list li .btn_box .line:before, .com_sub_tab_area .list_area .list li .btn_box .line:after {content: ''; position:absolute; width: 8px; height: 2px; background-color: #9aa4b5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.com_sub_tab_area .list_area .list li .btn_box .line:before {left: 0;}
.com_sub_tab_area .list_area .list li.on .btn_box .line:before {width: 8px; transform: rotate(45deg); background-color: #ffffff;}
.com_sub_tab_area .list_area .list li .btn_box .line:after {right: -2px;}
.com_sub_tab_area .list_area .list li.on .btn_box .line:after {width: 8px; transform: rotate(-45deg); background-color: #ffffff;}
.com_sub_tab_area .list_area .list li.on .btn_box .tab_btn {background-color: #283371; color: #ffffff;}
.com_sub_tab_area .com_m_selt {display: none; border: 1px solid #283371; background-image: url('/images/home/kor/user/board/slt_arr_icon2.png'); font-weight: 500; font-size: 14px; color: #283371;}

.com_sub_tab_area2 {margin: 0 0 30px;}
.com_sub_tab_area2 .list {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; background-color: #f5f5f5; border-radius: 5px;}
.com_sub_tab_area2 .list li {display: table; position:relative; width: 100%; table-layout: fixed; text-align: left;}
.com_sub_tab_area2 .list li:after {content: ''; position:absolute; top: 50%; right: 0; width: 1px; height: 44px; background-color: #e0e0e0; transform: translateY(-50%);}
.com_sub_tab_area2 .list li.on:after {display: none;}
.com_sub_tab_area2 .list li:last-child:after {display: none;}
.com_sub_tab_area2 .list li .btn {display: table-cell; width: 100%; height: 64px; padding: 0 5px; vertical-align: middle; text-align: center;}
.com_sub_tab_area2 .list li.on .btn {background-color: #ff0000; border-radius: 5px;}
.com_sub_tab_area2 .list li .btn .text {display: inline-block; font-weight: 500; font-size: 16px; line-height: 24px; color: #222222;}
.com_sub_tab_area2 .list li.on .btn .text {color: #ffffff;}

.com_sub_tab_area3 {margin: 0 0 30px;}
.com_sub_tab_area3 .list {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; border: 1px solid #e0e0e0; background-color: #f5f5f5;}
.com_sub_tab_area3 .list li {display: table; position:relative; width: 100%; table-layout: fixed; text-align: left;}
.com_sub_tab_area3 .list li:after {content: ''; position:absolute; top: 50%; right: 0; width: 1px; height: 44px; background-color: #e0e0e0; transform: translateY(-50%);}
.com_sub_tab_area3 .list li.on:after {display: none;}
.com_sub_tab_area3 .list li.on:before {content: ''; position:absolute; top: 0; right: 0; left: 0; width: 100%; height: 2px; background-color: #ff0000;}
.com_sub_tab_area3 .list li:last-child:after {display: none;}
.com_sub_tab_area3 .list li .btn {display: table-cell; width: 100%; height: 64px; padding: 0 5px; vertical-align: middle; text-align: center;}
.com_sub_tab_area3 .list li.on .btn {background-color: #ffffff;}
.com_sub_tab_area3 .list li .btn .text {display: inline-block; font-weight: 500; font-size: 16px; line-height: 24px; color: #222222;}
.com_sub_tab_area3 .list li.on .btn .text {font-weight: 500; color: #ff0000;}

.com_sub_tab_area4 {margin: 0 0 30px;}
.com_sub_tab_area4 .list {border-bottom: 1px solid #e0e0e0;}
.com_sub_tab_area4 .list li {display: inline-block; position:relative;}
.com_sub_tab_area4 .list li:after {content: ''; position:absolute; top: 50%; right: 0; width: 1px; height: 11px; background-color: #e0e0e0; transform: translateY(-50%);}
.com_sub_tab_area4 .list li:last-child:after {display: none;}
.com_sub_tab_area4 .list li .btn {display: block; width: 100%; padding: 0 25px;}
.com_sub_tab_area4 .list li:first-child .btn {padding: 0 25px 0 0;}
.com_sub_tab_area4 .list li .btn .text {display: inline-block; position:relative; font-weight: 500; font-size: 16px; line-height: 30px; color: #222222;}
.com_sub_tab_area4 .list li.on .btn .text {font-weight: 500; color: #ff0000;}
.com_sub_tab_area4 .list li.on .btn .text:before {content: ''; position:absolute; bottom: -1px; left: 0; right: 0; width: 100%; height: 2px; background-color: #ff0000;}

.search_cont_list_area {border-top: 2px solid #9e9e9e;}
.search_cont_list_area > .list {}
.search_cont_list_area > .list > li {border-bottom: 1px solid #eeeeee;}
.search_cont_list_area > .list > li > .box {display: block; padding: 18px 30px;}
.search_cont_list_area > .list > li > .box .menu_list_area {margin: 0 0 7px;}
.search_cont_list_area > .list > li > .box .menu_list_area > .list {font-size: 0;}
.search_cont_list_area > .list > li > .box .menu_list_area > .list > li {display: inline-block; position:relative; margin: 0 12px 0 0; padding: 0 22px 0 0; font-weight: 500; font-size: 15px; line-height: 25px; color: #757575;}
.search_cont_list_area > .list > li > .box .menu_list_area > .list > li:after {content: '>'; position:absolute; top: 0; right: 0; font-weight: 500; font-size: 15px; line-height: 25px; color: #757575;}
.search_cont_list_area > .list > li > .box .menu_list_area > .list > li:last-child {margin: 0; padding: 0;}
.search_cont_list_area > .list > li > .box .menu_list_area > .list > li:last-child:after {display: none;}
.search_cont_list_area > .list > li > .box > .title {font-weight: 700; font-size: 18px; line-height: 28px; color: #424242; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.search_cont_list_area > .list > li > .box.sty2 {text-align: center;}
.search_cont_list_area > .list > li > .box.sty2 .data_no_box {padding: 100px 0 0; background-image: url('/images/home/kor/user/sub/data_no_icon.png'); background-position: top center; background-repeat: no-repeat;}
.search_cont_list_area > .list > li > .box.sty2 .data_no_box .title {margin: 0 0 9px; font-weight: 700; font-size: 20px; line-height: 30px; color: #757575;}
.search_cont_list_area > .list > li > .box.sty2 .data_no_box .text {font-weight: 500; font-size: 15px; line-height: 25px; color: #757575;}

/* edu_info 공지사항 */
.table_basics_com_cont_area.edu_info .table_basics_area thead tr th {border-right: 1px solid #eeeeee; color: #424242;}
.table_basics_com_cont_area.edu_info .table_basics_area thead tr th:last-child {border-right: none;}
.table_basics_com_cont_area.edu_info .table_basics_area tbody tr td {border-right: 1px solid #eeeeee; padding: 15px; font-weight: 400; font-size: 16px;  line-height: 24px; color: #424242;}
.table_basics_com_cont_area.edu_info .table_basics_area tbody tr td:last-child {border-right: none;}
.table_basics_com_cont_area.edu_info .table_basics_area tbody tr td.tit {}
.table_basics_com_cont_area.edu_info .table_basics_area tbody tr td.tit .tit_inner {text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
/* edu_info 공지사항 */

/* 교육 강의실 */
.table_basics_com_cont_area.lecture .table_basics_area thead tr th {border-right: 1px solid #eeeeee; color: #424242;}
.table_basics_com_cont_area.lecture .table_basics_area thead tr th:last-child {border-right: none;}
.table_basics_com_cont_area.lecture .table_basics_area tbody tr td {border-right: 1px solid #eeeeee; padding: 15px; font-weight: 500; font-size: 16px; line-height: 24px;}
.table_basics_com_cont_area.lecture .table_basics_area tbody tr td:last-child {border-right: none;}
.table_basics_com_cont_area.lecture .table_basics_area tbody tr td.tit {text-align: center;}
.table_basics_com_cont_area.lecture .table_basics_area tbody tr td .btn_area {font-size: 0;}
.table_basics_com_cont_area.lecture .table_basics_area tbody tr td .btn_area .state {display: inline-block; margin: 0 19px 0 0; font-weight: 500; font-size: 16px; line-height: 24px; vertical-align: middle;}
.table_basics_com_cont_area.lecture .table_basics_area tbody tr td .btn_area .btn {display: inline-block; padding: 0 31px; background-color: #616161; border-radius: 5px; vertical-align: middle;}
.table_basics_com_cont_area.lecture .table_basics_area tbody tr td .btn_area .btn .text {display: inline-block; font-weight: 500; font-size: 16px; line-height: 48px; color: #ffffff; vertical-align: middle;}
/* 교육 강의실 */

/* 이메일무단수집거부, 준비중 */
.inner_cont_area {border: 1px solid #e0e0e0; padding: 60px 10px 54px; border-radius: 10px;}
.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/home/kor/user/common/email_icon.png'); background-position: top center; background-repeat: no-repeat; font-weight: 500; font-size: 24px; line-height: 36px; color: #333333;}
.inner_cont_area .inner_box .title.icon2 {background-image: url('/images/home/kor/user/common/ready_icon.png');}
.inner_cont_area .inner_box .title.icon4 {background-image: url('/images/home/kor/user/common/ready_icon4.png');}
.inner_cont_area .inner_box .title.icon5 {background-image: url('/images/home/kor/user/common/ready_icon5.png');}
.inner_cont_area .inner_box .title .ft_c {color: #E45A52;}
.inner_cont_area .inner_box .title .ft_bc {border-bottom: 1px solid #E45A52; font-weight: 700; color: #E45A52;}
.inner_cont_area .inner_box .text {font-weight: 500; font-size: 16px; line-height: 26px; color: #424242;}
.inner_cont_area .inner_box .text.red {color:#E45A52;}
.inner_cont_area .inner_box .text .ft_c {color: #E45A52;}
/* 이메일무단수집거부, 준비중 */

/*view 댓글 추가*/
.comments_cont-area {margin: 40px 0 0 0;}
.comments_cont-area .comment_top_box {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin: 0 0 10px 0; align-items: flex-end;}
.comments_cont-area .comment_top_box .comment_num_area {margin: 0 10px 0 0; font-weight: 500; font-size: 24px; line-height: 36px; color: #424242;}
.comments_cont-area .comment_top_box .comment_num_area .num {font-size: 22px; line-height: 36px; color: #273f93;}
.comments_cont-area .comment_top_box .comment_info_area {}
.comments_cont-area .comment_top_box .comment_info_area .icon {display: block; position: relative; padding: 0 0 0 10px; font-weight: 300; font-size: 16px; line-height: 24px; color: #777777;}
.comments_cont-area .comment_top_box .comment_info_area .icon::before {display: block; content: '·'; position: absolute; left: 0; top: 50%; font-weight: 300; font-size: 16px; line-height: 24px; transform: translateY(-50%);}

.comments_cont-area .comment_regist_box {position: inherit; margin: 0; border: inherit; border-bottom: 1px solid #e1e1e1; padding: 0 0 20px 0;}
.comments_cont-area .comment_regist_box .chk_list_area.sty2 {padding: 0;}
.comments_cont-area .comment_regist_box .chk_list_area.sty2 .list {}
.comments_cont-area .comment_regist_box .chk_list_area.sty2 .list li {}
.comments_cont-area .comment_regist_box .chk_list_area.sty2 .list li .chk_inner {}
.comments_cont-area .comment_regist_box .chk_list_area.sty2 .list li .chk_inner .inp_chk {top: 50%; transform: translateY(-50%);}
.comments_cont-area .comment_regist_box .chk_list_area.sty2 .list li .chk_inner label {display: inline-block; vertical-align: middle;}
.comments_cont-area .comment_regist_box .chk_list_area.sty2 .list li .chk_inner .txt {display: inline-block; margin: 0 0 0 10px; font-weight: 400; font-size: 17px; line-height: 25px; color: #2f2f2f; vertical-align: middle;}

.comments_cont-area .comment_regist_box .regist_area {font-size: 0;}
.comments_cont-area .comment_regist_box .regist_area textarea {display: inline-block; width: -webkit-calc(100% - 190px); width: calc(100% - 190px); height: 76px; border: 1px solid #d9d9d9; padding: 5px 10px; resize: none; font-weight: 500; font-size: 15px; line-height: 22px; color: #424242; border-radius: 5px; vertical-align: middle;}
.comments_cont-area .comment_regist_box .regist_area .btn {display: inline-block; width: 180px; margin: 0 0 0 10px; background-color: #848690; font-weight: 500; font-size: 18px; line-height: 76px; color: #ffffff; text-align: center; border-radius: 5px; vertical-align: middle;}

.comments_cont-area .comment_list_box {}
.comments_cont-area .comment_list_box .list {margin: 0 0 30px 0;}
.comments_cont-area .comment_list_box .list li {border-bottom: 1px solid #e1e1e1; padding: 30px 0 10px 0;}
.comments_cont-area .comment_list_box .list li .comment_box {}
.comments_cont-area .comment_list_box .list li .comment_box .comment_register_area {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin: 0 0 20px 0; border-bottom: 1px dashed #e2e2e2; padding: 0 0 5px 0; align-items: center;}
.comments_cont-area .comment_list_box .list li .comment_box .comment_register_area .register_name {font-weight: 500; font-size: 18px; line-height: 27px; color: #424242;}
.comments_cont-area .comment_list_box .list li .comment_box .comment_register_area .regist_date {margin: 0 0 0 10px; border-left: 1px solid #e2e2e2; padding: 0 0 0 10px; font-weight: 500; font-size: 14px; line-height: 21px; color: #777777;}
.comments_cont-area .comment_list_box .list li .comment_box .comment_txt_area {font-size: 0;}
.comments_cont-area .comment_list_box .list li .comment_box .comment_txt_area .txt {margin: 0 0 10px 0; font-weight: 500; font-size: 16px; line-height: 24px; color: #424242; word-break: break-all;}
.comments_cont-area .comment_list_box .list li .comment_box .comment_txt_area .edit_btn {display: inline-block; padding: 0 0 0 14px; background-image: url('/images/home/kor/user/common/pop_btn_icon.png'); background-position: left center; background-repeat: no-repeat; font-weight: 400; font-size: 14px; line-height: 21px; color: #767676;}

.comments_cont-area .comment_list_box .list .re_comment {background-color: #f7f7f7;}
.comments_cont-area .comment_list_box .list .re_comment .comment_box {padding:0 0 0 40px; background-image: url('/images/home/kor/user/sub/re_icon.png'); background-position: left 10px top; background-repeat: no-repeat;}

.comments_cont-area .comment_list_box .comments_plus_btn {display: block; width: 100%; background-color: #f5f5f5; border-radius: 5px; text-align: center;}
.comments_cont-area .comment_list_box .comments_plus_btn .text {display: inline-block; padding: 0 18px 0 0; background-image: url('/images/home/kor/user/common/comts_plus_icon.png'); background-position: right center; background-repeat: no-repeat; font-weight: 500; font-size: 16px; line-height: 60px; color: #666666;}
/*view 댓글 추가*/

/* 개인정보처리방침 */
.com_info_law_cont_area {}
.com_info_law_cont_area > .list {}
.com_info_law_cont_area > .list > li {margin: 0 0 54px;}
.com_info_law_cont_area > .list > li:last-child {margin: 0;}
.com_info_law_cont_area > .list li.red {color: #ed4040 !important;}
.com_info_law_cont_area > .list li.blue {color: #3c79d5 !important;}
.com_info_law_cont_area > .list li.green {color: #48a644 !important;}
.com_info_law_cont_area > .list li.gray {color: #848690 !important;}
.com_info_law_cont_area > .list li .fw_b {font-weight: 700; font-size: 18px;}
.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 #8f8f8f; 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 #ebebeb;}
.com_info_law_cont_area > .list > li .table_container .table_inner .table_area thead tr th {border-left: 1px solid #ebebeb; padding: 12px 10px; background-color: #f7f7f7; font-weight: 500; font-size: 16px; line-height: 24px; color: #2f2f2f;}
.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 #ebebeb;}
.com_info_law_cont_area > .list > li .table_container .table_inner .table_area tbody tr td {border-left: 1px solid #ebebeb; padding: 12px 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: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/common/law_icon01.png'); background-position: top left; background-repeat: no-repeat;}
.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: 400; font-size: 18px; line-height: 28px; color: #333333;}
.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 18px; padding: 0 0 0 15px;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .title_area:before {content: ''; position:absolute; top: 50%; left: 0; width: 4px; height: 26px; background-color: #ff0000; transform: translateY(-50%);}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .title_area .title {font-weight: 700; font-size: 24px; line-height: 36px; color: #333333;}
.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 32px; 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 32px;}
.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: #ff0000; 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 32px;}
.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: #ff0000; 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 > .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 32px;}
.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: #ff0000; 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;}