@charset "UTF-8";

/********** useful **********/
.hide {position:absolute; left:-9999px; overflow:hidden; width:1px; height:1px; line-height:1px; font-size:1px;}
caption {position:static; overflow:hidden; width:1px; height:1px; margin:0; padding:0; font-size:1px; text-indent:-9999px;}
.clearfix:after {content:""; display:block; width:0; height:0; font-size:0; clear:both;}
.none {display:none !important;}
.on_iblock {display:inline-block !important;}
.on_block {display:block !important;}
.pc-view {display:block !important;}
.m-view {display:none !important;}
.fc_fff {color:#fff;}
.fc_333 {color:#333;}
.fc_666 {color:#666;}
.fc_blue {color:#1879ba;}
.fc_skyblue {color:#62c1e8;}
.fc_red {color:#e42626;}
.fw_demi {font-weight:450;}
.fw_medium {font-weight:500;}
.fw_bold {font-weight:700;} /* 주 사용 폰트의 font-face 에 맞춰 사용 */
.ta_l {text-align:left !important;}
.ta_c {text-align:center !important;}
.ta_r {text-align:right !important;}
.dotdot {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mid_helper {display:inline-block; height:100%; vertical-align:middle;}
.link_txt {color:#7692d8;}
.link_txt.break {word-break:break-all;}
.link_txt:hover {text-decoration:underline;}
.wb_ka {-ms-word-break: keep-all; word-break: keep-all;}
.wb_ba {-ms-word-break: break-all; word-break: break-all;}
.wb_bw {-ms-word-break: break-word; word-break: break-word;}

.on_991 {display:none !important;}
.on_767 {display:none !important;}
.on_640 {display:none !important;}
.on_480 {display:none !important;}
.ib_991 {display:none !important;}
.ib_767 {display:none !important;}
.ib_640 {display:none !important;}
.ib_480 {display:none !important;}
.i_991 {display:none !important;}
.i_767 {display:none !important;}
.i_640 {display:none !important;}
.i_480 {display:none !important;}

.mt_5 {margin-top:5px;}
.mt_10 {margin-top:10px;}
.mt_15 {margin-top:15px;}
.mt_20 {margin-top:20px;}
.mt_25 {margin-top:25px;}
.mt_30 {margin-top:30px;}
.mt_40 {margin-top:40px;}
.mt_50 {margin-top:50px;}

.mb_5 {margin-bottom:5px;}
.mb_10 {margin-bottom:10px;}
.mb_15 {margin-bottom:15px;}
.mb_20 {margin-bottom:20px;}
.mb_25 {margin-bottom:25px;}
.mb_30 {margin-bottom:30px;}
.mb_40 {margin-bottom:40px;}
.mb_50 {margin-bottom:50px;}

.mr_5 {margin-right: 5px;}
.mr_10 {margin-right: 10px;}
/********** // useful **********/

/* bullet list, txt */
.bar_list > li {margin-bottom:3px; padding-left:13px; background: url('../../../../images/home/kor/user/bull/bull_bar.jpg') 0px 9px no-repeat; }
.bar_list > li:last-child {margin-bottom:0 !important;}
.dot_list > li {position: relative; line-height: 1.5; margin-bottom:3px; padding-left:10px; color: #5f6267; font-weight: 300;}
html.is-ie .dot_list > li {font-weight: 300;}
.dot_list > li:before {display: inline-block; content:'.'; position: absolute; left: 0; top: -5px; font-weight: 500;}
.dot_list > li:last-child {margin-bottom:0 !important;}
.wdot_list > li {margin-bottom:3px; padding-left:13px; background: url('../../../../images/home/kor/user/bull/bull_wdot.png') 2px 7px no-repeat; color:#fff; }
.wdot_list > li:last-child {margin-bottom:0 !important;}
.arr_list > li {margin-bottom:3px; padding-left:13px; background: url('../../../../images/home/kor/user/bull/bull_arr.png') 0px 7px no-repeat; }
.arr_list > li:last-child {margin-bottom:0 !important;}
.num_list {padding-left:20px;}
.num_list > li {margin-bottom:3px; list-style-type:decimal; }
.num_list > li:last-child {margin-bottom:0 !important;}
.abs_bull_list > li {position:relative; z-index:1; margin-bottom:3px; padding-left:20px; }
.abs_bull_list > li:last-child {margin-bottom:0 !important;}
.abs_bull_list .bull {position:absolute; left:0; top:0; z-index:1;}

.bar_txt {padding-left:13px; background: url('../../../../images/home/kor/user/bull/bull_bar.jpg') 0px 8px no-repeat; }
.dot_txt {padding-left:13px; background: url('../../../../images/home/kor/user/bull/bull_dot.jpg') 2px 7px no-repeat; }
.wdot_txt {padding-left:13px; background: url('../../../../images/home/kor/user/bull/bull_wdot.png') 2px 7px no-repeat; color:#fff; }
.arr_txt {padding-left:13px; background: url('../../../../images/home/kor/user/bull/bull_arr.png') 0px 6px no-repeat; }
/* // bullet list, txt */

/* 개발 붙은 후 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: 'Noto Sans KR', 'sans-serif';}*/
.key_text {font-weight: 700; font-size: 18px; line-height: 27px; color: #ed4040;}


/* 공통폼 이미지가 있을 경우 mark */
.img_box > .mark_list_area {position:absolute; top: 0px; left: 0px;}
.blog_com_cont_area .mark_list_area {margin: 0 0 10px;}
.mark_list_area {}
.mark_list_area > .list {font-size: 0;}
.mark_list_area > .list > li {display: inline-block; margin: 0 5px 0 0; font-size: 0;}
.mark_list_area > .list > li:last-child {margin: 0;}
.mark_list_area > .list > li .mark {display: inline-block; min-width: 80px; padding: 0 10px; font-weight: 300; font-size: 14px; line-height: 32px; color: #ffffff;}
.mark_list_area > .list > li .mark.blue {background-color: #316aa5;}
.mark_list_area > .list > li .mark.navy {background-color: #14477b;}
.mark_list_area > .list > li .mark.green {background-color: #21607b;}

.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 .page_area {padding: 0 0 0 22px; background-image: url('../../../../images/home/kor/user/board/page_icon.png'); background-position: left center; background-repeat: no-repeat; font-weight: 400; font-size: 16px; line-height: 24px; color: #333333;}
.page_com_cont_area .page_area .ft_c { color: #db3c18;}
.page_com_cont_area.sty2 .page_area { padding: 0; background-image: inherit; background-position: inherit; background-repeat: inherit;}
.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: 400; 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: #5f6577; 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: #1c3b81; font-family: 'GmarketSans'; 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: #19569d;}
.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: 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: 50%; left: 32px; transform: translateY(-50%); width: 40px; height: 40px; background-color: #3c79d5; font-family: 'GmarketSans'; font-weight: 500; font-size: 18px; line-height: 40px; color: #ffffff; border-radius: 50%; text-align: center;}
.faq_com_cont_area > .list > li .box .a_cont .text_box p {word-break: break-all;}
.faq_com_cont_area > .list > li .box .a_cont .file_box {margin: 10px 0 0; border-top: 1px solid #ececec; padding: 10px 0 0;}
.faq_com_cont_area > .list > li .box .a_cont .file_box > .list {}
.faq_com_cont_area > .list > li .box .a_cont .file_box > .list > li {}
.faq_com_cont_area > .list > li .box .a_cont .file_box > .list > li .file_down {}
.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: 400; 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: 400; 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: 400; 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: 400; 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: 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;}
.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: 400; 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_com_cont_area {border-top: 2px solid #5f6577; padding: 20px 0 0;}
.gallery_com_cont_area > .list {font-size: 0;}
.gallery_com_cont_area > .list > li {display: inline-block; width: calc(33.3% - 26.666px); margin: 50px 40px 0 0;}
.gallery_com_cont_area > .list > li:nth-child(-n+3) {margin: 0 40px 0 0;}
.gallery_com_cont_area > .list > li:nth-child(3n) {margin: 50px 0 0;}
.gallery_com_cont_area > .list > li:nth-child(3) {margin: 0;}
.gallery_com_cont_area > .list > li > .box {display: block;}
.gallery_com_cont_area > .list > li > .box .inner_box {}
.gallery_com_cont_area > .list > li > .box .inner_box .img_box {overflow: hidden; position: relative; margin: 0 0 15px 0; padding: 0 0 75% 0; background-color: #f7f7f7; text-align: center;}
.gallery_com_cont_area > .list > li > .box .inner_box .img_box .img_inner {display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.gallery_com_cont_area > .list > li > .box .inner_box .img_box .img_inner img {display: inline-block;max-width:fit-content !important; /*width: 100%;*/ height: 100%; transition: all .3s 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 {}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .title {height: 44px; margin: 0 0 10px; font-weight: 500; font-size: 17px; line-height: 22px; color: #333333; 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 .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; position: relative; margin: 0 10px 0 0; padding: 0 10px 0 0; font-weight: 350; font-size: 14px; line-height: 21px; color: #727272;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li.icon01 { padding-left: 25px; background-image: url('../../../../images/home/kor/user/board/data_ico.png'); background-position: left center; background-repeat: no-repeat;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li::before { content: ''; position: absolute; top: 5.5px; right: 0; width: 1px; height: 10px; background-color: #727272;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li:last-child {margin: 0; padding: 0;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li:last-child::before { display: none;}

/* 영상 리스트형 */
.gallery_com_cont_area.video_cont > .list > li > .box .inner_box .img_box::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); background-image: url('../../../../images/home/kor/user/board/video_bg.png'); background-position: center; background-repeat: no-repeat; z-index: 1;}

/* ebook 리스트형 */
.gallery_com_cont_area.ebook_cont > .list > li { width: calc(25% - 12.75px); margin: 50px 17px 0 0; padding: 0 14px 0 0;}
.gallery_com_cont_area.ebook_cont > .list > li:nth-child(-n+4) { margin: 0 17px 0 0;}
.gallery_com_cont_area.ebook_cont > .list > li:nth-child(4n) { margin: 50px 0 0 0;}
.gallery_com_cont_area.ebook_cont > .list > li:nth-child(4) { margin: 0;}
.gallery_com_cont_area.ebook_cont > .list > li > .box .inner_box .img_box { overflow: inherit; width: 100%; max-width: 95%; margin: 0 auto 30px; padding: 0 0 125% 0;}
.gallery_com_cont_area.ebook_cont > .list > li > .box .inner_box .img_box::before { content: ''; position: absolute; top: 13px; left: 13px; width: 100%; height: 100%; border: 1px solid #ebebeb;}
.gallery_com_cont_area.ebook_cont > .list > li > .box:hover .inner_box .img_box .img_inner img,
.gallery_com_cont_area.ebook_cont > .list > li > .box:focus .inner_box .img_box .img_inner img { transform: inherit; box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.15);}
.gallery_com_cont_area.ebook_cont > .list > li > .box .inner_box .text_box .title { height: 22px; -webkit-line-clamp: 1;}
.gallery_com_cont_area.ebook_cont > .list > li > .box .cont_btn_list_area.sty3 { margin: 15px 0 0 0;}
/* 갤러리 */

/* 포스터 */
.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: 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;}
.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: 400; 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: 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;}
.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: 400; 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 #000000; 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 #dcdcdc; background-color: #f3faff;}
.table_basics_com_cont_area .table_basics_area thead tr {border-bottom: 1px solid #dcdcdc;}
.table_basics_com_cont_area .table_basics_area thead tr:last-child {border-bottom: none;}
.table_basics_com_cont_area .table_basics_area thead tr th { border-right: 1px solid #dcdcdc; padding: 8px; font-weight: 300; font-size: 1em; color: #000000;}
.table_basics_com_cont_area .table_basics_area thead tr th:last-child {border-right: none;}
.table_basics_com_cont_area .table_basics_area tbody {}
.table_basics_com_cont_area .table_basics_area tbody tr th {padding:8px; border-right: 1px solid #dcdcdc; background-color: #f3faff; font-weight: 300; -webkit-box-sizing:border-box; box-sizing: border-box;}
.table_basics_com_cont_area .table_basics_area tbody tr th:last-child {border-right: none;}
.table_basics_com_cont_area .table_basics_area tbody tr {border-bottom: 1px solid #dcdcdc; -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;  border-right: 1px solid #dcdcdc; padding: 8px; font-weight: 300; color: #767676; word-break: break-all;}
.table_basics_com_cont_area .table_basics_area tbody tr td:last-child {border-right: 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.ta_l {padding: 14px 2%;}
.table_basics_com_cont_area .table_basics_area tbody tr td.bor_r {border-right: 1px solid #dcdcdc;}
.table_basics_com_cont_area .table_basics_area tbody tr td .file {display: inline-block; width: 17px; height: 17px; 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; width: 50px; padding: 0 5px; font-weight: 300; font-size: 0.938em; line-height: 28px; color: #333333; text-align: center;}
.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 #db3c18; color: #db3c18;}
.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 #48a644; color: #48a644;}
.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; padding: 0 10px; font-weight: 300; font-size: 0.938em; line-height: 30px; color: #ffffff; border-radius: 5px;}
.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 {background-color: #c53e24;}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark2.blue {background-color: #3c79d5;}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark2.green {background-color: #48a644;}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark2.gray {background-color: #5c5c5c;}
.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/home/kor/user/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.sty2 .table_basics_area thead tr th {border-right: none; padding: 10px; font-size: inherit; color: inherit;}
.table_basics_com_cont_area.sty2 .table_basics_area tbody tr td {border-right: none; padding: 10px;}
.table_basics_com_cont_area.sty2 .table_basics_area tbody tr:hover {background-color:#fbfbfb;}
.table_basics_com_cont_area.sty2 .table_basics_area tbody tr:hover td {color: #494949; font-weight: 400;letter-spacing:-0.035em !important}
.table_basics_com_cont_area.sty2 .table_basics_area tbody tr:hover td .mark,
.table_basics_com_cont_area.sty2 .table_basics_area tbody tr:hover td .mark2 { font-weight: 400;}

.table_basics_com_cont_area.sty4 .table_basics_area thead tr th {border-right: none; padding: 10px; font-size: inherit; color: inherit;}
.table_basics_com_cont_area.sty4 .table_basics_area tbody tr td {border-right: none; padding: 10px;}


.table_basics_com_cont_area .table_basics_area.labelling_table td { text-align: center; }
.table_basics_com_cont_area .table_basics_area.labelling_table td strong { display: block; width: 100%; font-weight: 500; font-size: 15px; color: #444; text-align: center; }
.table_basics_com_cont_area .table_basics_area.labelling_table td img { width: 100px; margin: 12px 0 15px; }
.table_basics_com_cont_area .table_basics_area.labelling_table td > div { display: flex; flex-wrap: wrap; justify-content: center; }
.table_basics_com_cont_area .table_basics_area.labelling_table td ul li { line-height: 23px; text-align: left; font-weight: 400; font-size: 15px; color: #666; }

/* 공지사항 */

/*사전정보 공표 목록*/
.table_basics_com_cont_area.sty6 .table_basics_area tbody tr:hover {background-color:#fbfbfb;}
.table_basics_com_cont_area.sty6 .table_basics_area tbody tr:hover td {color: #494949; font-weight: 400;}
.table_basics_com_cont_area.sty6 .table_basics_area tbody tr:hover td .mark,
.table_basics_com_cont_area.sty6 .table_basics_area tbody tr:hover td .mark2 { font-weight: 400;}
/*사전정보 공표 목록*/

.info_wrap .dot_list > li {line-height: 1.5;}
.info_wrap .td_text_bold {display: block; color: #316aa5; font-weight: 400;}
.info_wrap .table_basics_com_cont_area .table_basics_area tbody tr td {line-height: 1.5;}

/* 공지사항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: 400; 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: 400; 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: 400; 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: 400; 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: 300; 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: 300; 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 */

/* 공지사항3 */
.notice_list_com_cont {border-top: 2px solid #333333; padding: 25px 0 0;}
.notice_list_com_cont > .list {}
.notice_list_com_cont > .list > li {border-bottom: 1px solid #eeeeee;}
.notice_list_com_cont > .list > li > .box {display: block; padding:	25px 0;}
.notice_list_com_cont > .list > li:first-child > .box {padding: 0 0 25px;}
.notice_list_com_cont > .list > li > .box .mark_list_area {margin: 0 0 10px;}
.notice_list_com_cont > .list > li > .box .mark_list_area > .list {font-size: 0;}
.notice_list_com_cont > .list > li > .box .mark_list_area > .list > li {display: inline-block; margin: 0 7px 0 0; font-size: 0;}
.notice_list_com_cont > .list > li > .box .mark_list_area > .list > li:last-child {margin: 0;}
.notice_list_com_cont > .list > li > .box .mark_list_area > .list > li .mark {display: inline-block; padding: 0 10px; font-weight: 500; font-size: 16px; line-height: 27px; color: #ffffff; border-radius: 5px;}
.notice_list_com_cont > .list > li > .box .mark_list_area > .list > li .mark.red {background-color: #ed4040;}
.notice_list_com_cont > .list > li > .box .mark_list_area > .list > li .mark.blue {background-color: #3c79d5;}
.notice_list_com_cont > .list > li > .box .mark_list_area > .list > li .mark.green {background-color: #48a644;}
.notice_list_com_cont > .list > li > .box .mark_list_area > .list > li .mark.gray {background-color: #848690;}
.notice_list_com_cont > .list > li > .box .mark_list_area > .list > li .mark2 {display: inline-block; padding: 0 10px; font-weight: 500; font-size: 16px; line-height: 27px; color: #333333; border-radius: 5px;}
.notice_list_com_cont > .list > li > .box .mark_list_area > .list > li .mark2.red {border: 1px solid #ed4040; color: #ed4040;}
.notice_list_com_cont > .list > li > .box .mark_list_area > .list > li .mark2.blue {border: 1px solid #3c79d5; color: #3c79d5;}
.notice_list_com_cont > .list > li > .box .mark_list_area > .list > li .mark2.green {border: 1px solid #48a644; color: #48a644;}
.notice_list_com_cont > .list > li > .box .mark_list_area > .list > li .mark2.gray {border: 1px solid #848690; color: #848690;}
.notice_list_com_cont > .list > li > .box .title_area {margin: 0 0 10px;}
.notice_list_com_cont > .list > li > .box .title_area .title {font-weight: 700; font-size: 20px; line-height: 30px; color: #333333;}
.notice_list_com_cont > .list > li > .box .data_list_area {}
.notice_list_com_cont > .list > li > .box .data_list_area > .list {font-size: 0;}
.notice_list_com_cont > .list > li > .box .data_list_area > .list > li {display: inline-block; position: relative; margin: 0 15px 0 0; padding: 0 15px 0 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #999999;}
.notice_list_com_cont > .list > li > .box .data_list_area > .list > li:last-child {margin: 0; padding: 0;}
.notice_list_com_cont > .list > li > .box .data_list_area > .list > li:after {content: ''; position:absolute; top: 50%; right: 0; width: 1px; height: 16px; background-color: #9e9e9e; transform: translateY(-50%);}
.notice_list_com_cont > .list > li > .box .data_list_area > .list > li:last-child:after {display: none;}
.notice_list_com_cont > .list > li > .box .data_list_area > .list > li .tit {display: inline-block; margin: 0 10px 0 0; font-weight: 500; color: #333333;}
/* 공지사항3 */

/* ==================== 게시판 VIEW Style ==================== */
.board_view {border-bottom:1px solid #d7d7d7; z-index:0; position:relative; }
.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 .mark_list,
.board_view .board_view_top .mark_list_area {margin: 0 0 15px;}
.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:block; padding: 0 10px; font-size:15px; line-height: 28px;}
.board_view .board_view_top .mark_list .list li .mark.bg1 {border: 1px solid #db3c18; color: #db3c18;}
.board_view .board_view_top .mark_list .list li .mark.bg2 {border: 1px solid #2196f3; color: #2196f3;}
.board_view .board_view_top .tit {display:block; margin: 0 0 20px; font-size: 1.500em;}
.board_view .board_view_top .tit > .mark { display: inline-block; margin: 0 5px 0 0;}
.board_view .board_view_top .tit > .mark:last-child { margin: 0;}
.board_view .board_view_top .tit > .mark.ft_c { color: #c53e24;}
.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 .prev {}
.board_view .board_view_top .next {left:auto; right:20px;}

/* animation keyframes */
@-webkit-keyframes scale1_3 {
	0% {transform:scale(1);}
	50% {transform:scale(1.3);}
	100% {transform:scale(1);}
}
@keyframes scale1_3 {
	0% {transform:scale(1);}
	50% {transform:scale(1.3);}
	100% {transform:scale(1);}
}

.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/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: 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;}
.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_con .editor_view {}
.board_view .board_view_con .editor_view > * { word-break: break-all;}

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

/* post nav */
.post_nav {margin: 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: 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:#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 */
.pagination {margin-top:40px; font-size:0; text-align: center;}
.pagination a {display: inline-block; width: 29px; height: 29px; line-height: 27px; border: 1px solid #e0e0e0; margin:0 2px 3px; font-size:12px; text-align:center; vertical-align: middle; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.pagination .page_arrow {color: #8e8e8e; font-size:16px;}
.pagination a:hover, .pagination a:focus, .pagination .active {color: #fff; border-color: #812b18; background-color: #812b18;}
.pagination .page_arrow.l2 i {margin-left: -11px;}
.pagination .page_arrow.l2 i:first-child {margin-left: 0;}
.pagination .page_arrow.r2 i {margin-left: -11px;}
.pagination .page_arrow.r2 i:first-child {margin-left: 0;}
/* ==================== 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: 400; font-size: 16px; line-height: 28px; color: #2f2f2f;}

/* 개인정보처리방침, 이메일무단수집거부 */
.use_top_box {margin-bottom: 50px; padding: 45px 0; border-top: 2px solid #4e6282; background: url('../../../../images/home/kor/user/sub/pattern_img.jpg') repeat-x 0 bottom; overflow: hidden;}
.use_top_box .img_box {display: inline-block; width: 25.1%; text-align: center; vertical-align: top;}
.use_top_box .txt_box {display: inline-block; width: 70%; padding-top: 10px; -ms-word-break: keep-all; word-break: keep-all; font-weight: 500; vertical-align: top;}
.use_top_box .txt_box .t1 {margin-bottom: 10px; color: #316aa5; font-size: 1.250em;}
.use_top_box .txt_box .t2 {line-height: 1.5; color: #5f6267;}
.use_top_box .txt_box2 .t1 {margin-bottom: 10px; color: #316aa5;font-size: 1.250em;}
.use_top_box .txt_box2 {width: 100%; padding-top: 10px; -ms-word-break: keep-all; word-break: keep-all; font-weight: 500;}
.privacy_cont_list {display: block; width: 100%; margin-top: 30px; padding-top: 20px; border-top: 1px solid #e5e5e5;}
.privacy_cont_list .txt_box {display: block; margin-bottom: 10px; padding-top: 10px; font-weight: 500; }
.privacy_cont_list .txt_box .t1 { color: #316aa5; font-size: 1.250em;}
.privacy_cont_list .cont_list { width: 100%; display: flex; flex-wrap: wrap; gap: 20px;}
.privacy_cont_list .cont_list li { flex: 1 1 46%; display: flex; align-items: center; margin-bottom: 15px;}
.privacy_cont_list .cont_list li:last-child {margin-bottom: 0;}
.privacy_cont_list .cont_list li img {margin-right: 5px;}
.mini_logo {width: 50px; height: 50px;}

.use_top_box.sty3 {position: relative; padding-top: 75px;}
.use_top_box.sty3 .cont_btn_list_area.sty2 {position: absolute; top: 10px; right: 0;}
.use_top_box.sty3 .flex_box {display: flex; justify-content: space-between; align-items: stretch;}

/* 2024-11-25 추가 */
.privacy_wrap * {word-break: break-all;}
.use_top_box .img_box.sty2 {display: flex; align-items: center; width: 41%;}
.use_top_box .img_box.sty2 img {max-width: 50%;}
.use_top_box .txt_box.sty2 {width: 59%;}
.use_top_box.sty4 {position: relative; padding-top: 10px;}
.use_top_box.sty4 .flex_box {display: flex; justify-content: space-between; align-items: stretch;}
.use_top_box.sty4 .cont_btn_list_area.sty2 {margin: 0 0 10px;}
/* 2024-11-25 추가 */
/* 완료페이지 */
.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/home/kor/user/common/email_icon.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/home/kor/user/common/ready_icon.png');}
.inner_cont_area .inner_box .title .ft_c {color: #ff0000;}
.inner_cont_area .inner_box .text {font-weight: 300; font-size: 16px; line-height: 26px; color: #424242;}
.inner_cont_area .inner_box .text .ft_b {font-weight: 700;}

/* 통합검색 */
.tsch_keyword {color:#f16464;}
.total_sch_result_txt {margin-bottom: 25px; color: #5f6267; font-size: 1.250em; font-weight: 500;}
.total_sch_result_txt em {font-style: normal;}
.total_sch_result_txt .keyword {color: #3d3f43; font-size: 1.200em;}
.total_sch_result_txt .num {color: #ed3030;}
.total_sch_tab {overflow: hidden; margin-bottom: 40px;}
.total_sch_tab li {display: table; float: left; width: 24.7%; margin-right: 0.4%; border: 1px solid #d8d8d8; border-collapse: collapse; table-layout: fixed;}
.total_sch_tab li:last-child {margin-right: 0;}
.total_sch_tab li a {display: table-cell; height: 57px; line-height: 1.1; color: #979797; text-align: center; vertical-align: middle;}
.total_sch_tab li a:hover, .total_sch_tab li a.on {background-color: #316aa5; border-color: #316aa5; color: #fff;}
.total_sch_tab li a:hover .num, .total_sch_tab li a.on .num {color: #fff;}
.total_sch_tab .num_txt {display: inline-block;}
.total_sch_tab .num {color: #f16464;}

.total_catecory_list {position: relative; z-index: 1;}
.total_catecory_list > li {position: relative; margin-bottom: 60px;}
.sch_category_tit {margin-bottom: 15px; padding-right: 90px; font-size: 1.125em; font-weight: 500;}
.sch_category_tit .num {color: #ed3030;}
.sch_result_menu_list {padding-top: 18px; border-top: 1px solid #5c5c5c;}
.sch_result_menu_list li {margin-bottom:10px; padding-left: 12px; background: url('../../../../images/home/kor/user/bull/bull_square.jpg') 0 8px no-repeat;}
.sch_result_menu_list li:last-child {margin-bottom: 0;}
.sch_result_menu_list li a:hover {text-decoration: underline;}
.sch_result_page_list {border-top: 1px solid #000;}
.sch_result_page_list em {font-style: normal;}
.sch_result_page_list li {padding: 20px 0; width: 100%; border-bottom: 1px solid #e1e1e1;}
.sch_result_page_list li:last-child {margin-bottom: 0;}
.sch_result_page_list li .tit {position: relative; z-index: 1; max-width:100%; padding-right: 100px; margin-bottom:5px;}
.sch_result_page_list li .tit .tit_link {display:inline-block; overflow:hidden; max-width:100%; color: #5f6267; font-weight: 500; white-space:nowrap; text-overflow:ellipsis;}
.sch_result_page_list li .tit a:hover {text-decoration:underline;}
.sch_result_page_list li .txt {display:-webkit-box; overflow:hidden; max-height:3.2em; line-height:1.6; margin-bottom: 10px; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.sch_result_page_list li span + a {padding-right: 80px;}
.sch_result_page_list .depth {color: #5f6267; font-weight: 300;}
html.is-ie .sch_result_page_list .depth {font-weight: 300;}
.new_window_link {display: block; position: absolute; right: 0; top: 3px; z-index: 1; padding-left: 18px; background: url('../../../../images/home/kor/user/basic/new_win_ico.png') 0 4px no-repeat;}
.tsch_attach_mark {display: block; position: absolute; right: 0; top: 3px; z-index: 1; width: 70px; height: 22px; background: url('../../../../images/home/kor/user/basic/attach_mark.jpg') 0 0 no-repeat;}
.sch_result_page_list .img_box {display:table-cell; width: 15.83%; padding-right: 2.5%; font-size: 0; text-align: center; vertical-align: top;}
.sch_result_page_list .img_box a {display: block; overflow: hidden; height:120px; background-color: #ebebeb;}
.sch_result_page_list .img_box img {vertical-align: middle; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.sch_result_page_list .img_box a:hover img {-webkit-transform:scale(1.3); -moz-transform:scale(1.3); transform:scale(1.3);}
.sch_result_page_list .img_box a:after {content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle;}
.sch_result_page_list .date {position: absolute; right: 0; top: 3px; z-index: 1; color: #888; font-size: 0.93em;}
.total_sch_more_txt {position: absolute; right: 0; top: 2px; z-index: 1; color: #5f6267; font-size: 0.938em; text-align: right;}
.total_sch_more_txt a:hover, .total_sch_more_txt a:focus {text-decoration: underline;}
.total_sch_more_txt i {margin-left: 5px;}
.not_search_txt {padding: 20px 0; color: #5f6267; border-top: 1px solid #000; border-bottom: 1px solid #e1e1e1;}

/*채용정보 - 결과확인 */
.bdt_bg_box {padding:60px 0; background-color:#f7f7f7; border-top:2px solid #5f6477; border-bottom:1px solid #d5d5d5;}
.certi_box {overflow:hidden; -ms-word-break: keep-all; word-break: keep-all;}
.certi_box .each_box {float:left; width:50%; padding:0 20px; text-align:center;}
.certi_box .each_box.ipin {border-right:1px solid #d1d1d1;}
.certi_box .tit {margin-bottom:25px; padding-top:110px; background:url('../../../../images/home/kor/user/board/certi_ipin.png') center 0 no-repeat; font-size:1.46em;}
.certi_box .each_box.phone .tit {background-image:url('../../../../images/home/kor/user/board/certi_phone.png');}
.certi_box .txt {max-width:400px; height:60px; margin:0 auto 25px; color:#777; word-break:keep-all;}
.certi_box.one .each_box {float:none; width:100%; border: 0 none;}
.certi_box .each_box .cont_btn_list_area {margin: 0;}
.certi_box .each_box .cont_btn_list_area .list li .btn {min-width:190px;}


/* agree_box */
.total_agree_box {padding: 20px 0; border-top: 2px solid #777; border-bottom: 1px solid #bbb;}
.agree_box {margin-bottom: 40px;}
.agree_box:last-child {margin-bottom: 0;}
.agree_tit {float: left; margin-bottom: 15px; color: #404040; font-size: 1.125em; font-weight: 500;}
.agree_tit em {color: #fd2323;}
.agree_box .bw_top_txt {float: right; margin-top: 5px;}
.agree_box .bw_top_txt .ess {color: #ed4040;}
.agree_box .scroll_box {overflow-y:auto; height:200px; margin-bottom:10px; padding:20px; border:1px solid #ccc;}
.agree_box .agree_chk {text-align:right;}
.agree_box .chk_each label {padding-left:23px; font-size:1.06em;}
.agree_box .chk_each .vchkbox {width: 18px; height: 18px;}
.agree_box .chk_each .vchkbox i { margin-left: 0; font-size: 14px;}
.agree_box .chk_each input:checked + label .vchkbox > i {display: block;}


.result_btn {display: inline-block; padding: 0 10px; height: 30px; line-height: 30px; border: 1px solid #ff3e18; background-color: #ff3e18; color: #fff; border-radius: 5px; cursor: pointer;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.result_btn:hover {background-color: #fff; color: #ff3e18;}