@charset "utf-8";
/* version 1.0 | 2023-11-16 */
/*------------------------------------------------
폰트 선언
------------------------------------------------*/
@font-face {
font-family: "Noto_Sans_KR";
font-style: normal;
font-weight: 200;
src: url("../fonts/NotoSansKR/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR/NotoSansKR-Thin.woff") format("woff");
}

@font-face {
font-family: "Noto_Sans_KR";
font-style: normal;
font-weight: 300;
src: url("../fonts/NotoSansKR/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR/NotoSansKR-Light.woff") format("woff");
}

@font-face {
font-family: "Noto_Sans_KR";
font-style: normal;
font-weight: 400;
src: url("../fonts/NotoSansKR/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR/NotoSansKR-Regular.woff") format("woff");
}

@font-face {
font-family: "Noto_Sans_KR";
font-style: normal;
font-weight: 500;
src: url("../fonts/NotoSansKR/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR/NotoSansKR-Medium.woff") format("woff");
}

@font-face {
font-family: "Noto_Sans_KR";
font-style: normal;
font-weight: 700;
src: url("../fonts/NotoSansKR/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR/NotoSansKR-Bold.woff") format("woff");
}

@font-face {
font-family: "Noto_Sans_KR";
font-style: normal;
font-weight: 900;
src: url("../fonts/NotoSansKR/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR/NotoSansKR-Black.woff") format("woff");
}

@font-face {
font-family: "NanumSquare";
font-style: normal;
font-weight: 300;
src: url("../fonts/NanumSquare/NanumSquareL.woff2") format("woff2"), url("../fonts/NanumSquare/NanumSquareL.woff") format("woff");
}

@font-face {
font-family: "NanumSquare";
font-style: normal;
font-weight: 500;
src: url("../fonts/NanumSquare/NanumSquareR.woff2") format("woff2"), url("../fonts/NanumSquare/NanumSquareR.woff") format("woff");
}

@font-face {
font-family: "NanumSquare";
font-style: normal;
font-weight: 700;
src: url("../fonts/NanumSquare/NanumSquareB.woff2") format("woff2"), url("../fonts/NanumSquare/NanumSquareB.woff") format("woff");
}

@font-face {
font-family: "NanumSquare";
font-style: normal;
font-weight: 900;
src: url("../fonts/NanumSquare/NanumSquareEB.woff2") format("woff2"), url("../fonts/NanumSquare/NanumSquareEB.woff") format("woff");
}

@font-face {
font-family: "Raleway";
font-style: normal;
font-weight: 600;
src: url("../fonts/Raleway/Raleway-SemiBold.woff2") format("woff2"), url("../fonts/Raleway/Raleway-SemiBold.woff") format("woff");
}

.mt0{margin-top: 0 !important;}
.mb0{margin-bottom: 0 !important;}

/*------------------------------------------------
공통 스타일
------------------------------------------------*/
/* skipnavi */
#skipnavi {
position: fixed;
width: 100%;
top: 0;
text-align: center;
z-index: 9999;
}

#skipnavi strong {
display: block;
overflow: hidden;
width: 0;
height: 0;
font-weight: bold;
white-space: nowrap;
}

#skipnavi a {
display: block;
overflow: hidden;
width: 0;
height: 0;
font-weight: bold;
white-space: nowrap;
font-size: 1.4em;
}

#skipnavi a:focus,
#skipnavi a:active {
overflow: hidden;
width: 100%;
height: 1.5em;
padding: 5px 0 0;
color: #fff;
background: #006cb8;

padding: 3px 0;
}

.mt0{margin-top: 0 !important;}
.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.mt40{margin-top: 40px !important;}

/*------------------------------------------------
Layout
------------------------------------------------*/
/* Wa */
.sc_hidden { position: absolute; height: 0 !important; overflow: hidden !important; left: -9999px !important; top: -9999px !important; color: transparent; }
.caret_control { -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }
html.scrCtrl { height: 100% !important; overflow-y: hidden !important; } /* 2024-04-24/3 수정 */
html.scrCtrl .contents{overflow-y: scroll;}
html.scrCtrl .top_btn{right: 73px;}

/* style */
html, body, div.container { width: 100%; height: 100%; background: #fff; }
a:focus{z-index: 1;} /* 2024-08-20 수정 */

/* font */
.txt_blue { color: #0064DD; }
.txt_red { color: #D8250E;}
.fwm{font-weight: 500;}
.fwb{font-weight: bold;}
.wbk{word-break: keep-all;}

/* scroll bar */
.scrollbar::-webkit-scrollbar {width: 4px; height: 4px;}
.scrollbar::-webkit-scrollbar-track {background-color: transparent;}
.scrollbar::-webkit-scrollbar-thumb {border-radius: 3px; background-color: #9E9E9E;}
.scrollbar::-webkit-scrollbar-button {width: 0; height: 0;}

/* 푸터 스크롤바 */
.family_list .inner::-webkit-scrollbar {width: 4px; height: 4px;}
.family_list .inner::-webkit-scrollbar-track {background-color: transparent;}
.family_list .inner::-webkit-scrollbar-thumb {border-radius: 3px; background-color: gray;}
.family_list .inner::-webkit-scrollbar-button {width: 0; height: 0;}
/* select */

/* dataPicker */
.ui-widget.ui-widget-content{max-height: unset; width: 230px;}
.ui-datepicker th{font-size: 13px; font-weight: normal;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border: none; background: none; font-size: 13px;}

/* input */
button{-webkit-border-radius: 0; -webkit-appearance:none;}

/* table style */
table {border-collapse: separate; border-spacing: 0; max-width: 100%; width: 100%; border-top: 2px solid #000; box-sizing: border-box; table-layout: fixed;}
table caption {font-size: 0; top: -9999px;}
table th, table td {padding: 24px 0;}
table th {font-size: 1.8em; color: #333; border-bottom: 1px solid #BFC6D4; box-sizing: border-box;}
table td {font-size: 2em; color: #333; border-bottom: 1px solid #BFC6D4; box-sizing: border-box;}
table .ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; padding: 0 20px; width: 100%;}
table.center {text-align: center;}
table.fzs th, table.fzs td {font-size: 1.6em;}

/* bul_list */
.bul_list.mt{margin-top: 16px;}
.bul_list.mtb{margin-top: 28px !important;}
.bul_list li{font-size: 1.6em; color: #222; line-height: 1.75; padding-left: 12px; position: relative;}
.bul_list li::before{content: ""; display: block; width: 4px; height: 4px; background: #222; position: absolute; top: 13px; left: 0; border-radius: 50%;}
/*.bul_list li a{}*/ /* 2024-10-07 삭제 */
.bul_list li a:hover { font-weight: 500;} /* 2024-04-29 추가 */
.bul_list li a:focus{ font-weight: 500;} /* 2024-05-07 수정 */

/*------------------------------------------------
버튼
------------------------------------------------*/
.btn_normal{display: inline-block; width: 128px; height: 40px; line-height: 38px; text-indent: 0; font-size: 14px; font-weight: 500; color: #757575; border: 1px solid #757575; box-sizing: border-box; transition: all 0.2s; }
.btn_normal:hover,
.btn_normal:focus{background: #757575; color: #fff;}

.btn_normal.on{ color: #0064DD; border: 1px solid #0064DD; }
.btn_normal.on:hover,
.btn_normal.on:focus{color: #fff; background: #0064DD;}

.btn_download span{background: url("../images/common/ic_download.svg") center left 0 no-repeat; padding-left: 28px;}
.btn_download:hover span,
.btn_download:focus span{ background: url("../images/common/ic_download_wt.svg") center left 0 no-repeat;}

.btn_download.on span{ background: url("../images/common/ic_download_on.svg") center left 0 no-repeat;}
.btn_download.on:hover span,
.btn_download.on:focus span{ background: url("../images/common/ic_download_wt.svg") center left 0 no-repeat;}

.btn_normal.btn_download.ci{width: 194px;}

.btn_normal.btn_preview{border: 1px solid #515E78; color: #515E78;}
.btn_normal.btn_preview span{background: url("../images/common/ic_eye_20px.svg") center left 0 no-repeat; padding-left: 28px;}
.btn_normal.btn_preview:hover,
.btn_normal.btn_preview:focus{background: #515E78; color: #fff;}
.btn_normal.btn_preview:hover span,
.btn_normal.btn_preview:focus span{background: url("../images/common/ic_eye_20px_wt.svg") center left 0 no-repeat;}

.btn_normal.btn_proposal{border: 1px solid #515E78; color: #515E78; text-align: center;} /* 2024-11-05 수정 */
.btn_normal.btn_proposal span{background: url("../images/common/ic_new_tab_16px.svg") center left 0 no-repeat; padding-left: 26px;}
.btn_normal.btn_proposal:hover,
.btn_normal.btn_proposal:focus{background: #515E78; color: #fff;}
.btn_normal.btn_proposal:hover span,
.btn_normal.btn_proposal:focus span{background: url("../images/common/ic_new_tab_16px_wt.svg") center left 0 no-repeat;}

.btn_normal.ml{margin-left: 15px;}/* 2024-03-08 추가 */

.btn_info{width: 95px; height: 30px; line-height: 28px; border-radius: 50px; border: 1px solid #E0E0E0; box-sizing: border-box; font-size: 12px; color: #222;}
.btn_info span{padding-right: 18px;}
.btn_info:hover,
.btn_info:focus{color: #0064DD; border-color: #0064DD;}

.btn_info.plus span{background: url("../images/common/ic_plus_12px.svg") center right 0 no-repeat;}
.btn_info.plus:hover span,
.btn_info.plus:focus span{background: url("../images/common/ic_plus_12px_on.svg") center right 0 no-repeat;}
.btn_info.minus span{background: url("../images/common/ic_minus_12px.svg") center right 0 no-repeat;}
.btn_info.minus:hover span,
.btn_info.minus:focus span{background: url("../images/common/ic_minus_12px_on.svg") center right 0 no-repeat;}

.ex_link { padding-right: 20px; background:url("../images/common/ic_new_tab_white.png") no-repeat 100% 60%; }
.ex_link.ty_black { padding-right: 20px; background:url("../images/common/ic_new_tab_black.svg") no-repeat 100% 60%; }
.en_btn { text-decoration: underline; text-transform: uppercase; }

.btn_common { margin-top: 48px; width: 100%; text-align: center; }
.btn_common .btn_w_140 { display: inline-block; width: 128px; height: 48px; text-align: center; line-height: 46px; border: 1px solid #0064DD; box-sizing: border-box; color: #0064DD; font-size: 1.6em; background: #fff; transition: all 0.2s; }
.btn_common .btn_w_140.gray{border: 1px solid #515E78; box-sizing: border-box; color: #515E78;}
.btn_common .btn_w_140.h40{height: 40px; line-height: 38px; font-size: 14px;}
.btn_common .btn_w_140:focus,
.btn_common .btn_w_140:hover{ background: #0064DD; color: #fff; transition: all 0.2s; }
.btn_common .btn_w_140.gray:focus,
.btn_common .btn_w_140.gray:hover{ background: #515E78; }

/* S::상세검색 버튼 추가 2024-04-29 수정 */
.detail_btn { position: absolute; right: 0; top: 50%; width: 89px; transform: translate(0,-50%); line-height: 28px; text-indent: 16px; font-size: 12px; color: #222; border: 1px solid #E0E0E0; border-radius: 50px; box-sizing: border-box; background: #fff url("../images/common/ic_arrow_down_bk.svg") no-repeat 11px 50%; background-size: 16px; } /* 2024-04-29 수정 */
.detail_btn:hover{ color: #0064DD; border: 1px solid #0064DD; background: url("../images/common/ic_arrow_down_blue.svg") no-repeat 11px 50%; background-size: 16px; }
.detail_btn.active { color: #0064DD; border: 1px solid #0064DD; background: #fff url("../images/common/ic_arrow_up_blue.svg") no-repeat 11px 50%; background-size: 16px; }
.detail_btn.active:hover{ background: #fff url("../images/common/ic_arrow_up_blue.svg") no-repeat 11px 50%; background-size: 16px; }
/* E::상세검색 버튼 추가 2024-04-29 수정 */

/* S::2024-10-07 추가 새 게시물(N) */
.ic_new{display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: url(../images/common/ic_new_badge_20px.svg) no-repeat center center; font-size: 0; text-indent: -9999px; margin-left: 8px; margin-top: 4px;}
.ic_new.w16{width: 16px; height: 16px; background-size: 16px; margin-left: 4px;}
/* E::2024-10-07 추가 새 게시물(N) */

/* 검색결과 표시 텍스트 */
.search_text{color: #0064DD;}

.input_pack.center{text-align: center;}
.input_pack.right{text-align: right;}
.input_pack.right .search_input_box {display: inline-block;}

/* input : search  */
.search_input_box{position: relative; margin: 12px 0 40px 0;}
.search_input_box::after{content: ""; display: block; clear: both;}
.search_input_box .search_input{display: inline-block; vertical-align: middle; width: 600px; position: relative;}
.search_input_box .search_input .search_btn{width: 24px; height: 24px; background: url(../images/common/ic_search.svg) 0 no-repeat; position: absolute; top: 50%; right: 16px; transform: translate(0,-50%); font-size: 0; text-indent: -9999px;}
.search_input_box .search_check{position: relative; display: inline-block; padding-right: 107px; vertical-align: middle; margin-left: 20px;} /* 2024-02-27 수정 */
.search_input_box .search_check input[type="checkbox"]{width: 0; height: 0; font-size: 0; text-indent: -9999px; position: absolute;}

.search_input_box.select{margin: 0; width: 100%; max-width: 520px;}
.search_input_box.select.select_only{max-width: 180px;}
.search_input_box.select_only .search_select{width: 100%;}
.search_input_box .search_select{float: left; width: 132px;}
.search_input_box .search_select + .search_input{width: calc(100% - 140px); margin-left: 6px; float: left;}
.search_input_box .search_select + .search_input input{height: 48px;}

/* 팝업 */
.popup{max-width: 1200px; width: 100%; height: 100%; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; z-index: 9999; display: none; overflow-y: scroll; word-break: keep-all;}
.popup::-webkit-scrollbar {width: 4px;}
.popup::-webkit-scrollbar-track {background-color: transparent;}
.popup::-webkit-scrollbar-thumb {border-radius: 3px; background-color: gray;}
.popup::-webkit-scrollbar-button {width: 0; height: 0;}
.popup.video_popup{max-height: 820px;}
.popup.gallery_popup{width: 100%; max-width: 726px; max-height: 890px;}
.popup.active{display: block;}
.popup .inner{padding: 64px 64px 32px 64px; text-align: center;} /* 2024-04-24/3 수정 */
.popup.video_popup .inner{padding: 64px 220px 32px 220px; text-align: center;} /* 2024-08-27 추가 */

.popup .popup_close{width: 32px; height: 32px; position: absolute; top: 20px; right: 20px; font-size: 0; text-indent: -9999px; background: url("../images/common/ic_close_popup.svg") 0 no-repeat;}
.popup .contents_area{width: 100%;}
.popup .contents_area video{width: 100%;}
.popup .contents_area.video{height: auto; display: inline-block; width: 100%;}
.popup .contents_area.video object{width: 100%; height: calc(12px + 48vw); max-height: 600px;}
.popup .contents_area img{width: 100%;}
.popup .popup_text_box{position: relative;}
.popup .popup_text{font-size: 1.8em; font-weight: 500; text-align: center;  width: calc(100% - 100px); margin: auto;}
.popup .popup_text.mt{margin: 32px auto 0 auto;}
.popup_bg{background: rgba(0,0,0,.6); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9998; display: none;}
.popup_bg.active{display: block;}

.popup.gallery_popup .inner{padding: 28px 0;}
.popup .contents_area.gallery{width: calc(100% - 40px); max-width: 510px; margin: 28px auto 0 auto; min-height: 400px; position: relative;}
.popup .btn_download{ position: absolute; left: 50%; transform: translate(-50%, 0); bottom: 24px; }

.popup .controll_btn{display: block; width: 36px; height: 36px; font-size: 0; text-indent: -9999px; position: absolute; top: 50%; transform: translate(0,-50%); }
.popup .prev_btn{left: 30px; background: url("../images/common/popup_prev_btn.svg") center no-repeat;} /* 2024-04-24 수정 */
.popup .next_btn{right: 30px; background: url("../images/common/popup_next_btn.svg") center no-repeat;} /* 2024-04-24 수정 */
.popup .controll_btn.prev_btn:disabled{background: url("../images/common/popup_prev_btn_disabled.svg") center no-repeat;} /* 2024-04-24 추가 */
.popup .controll_btn.next_btn:disabled{background: url("../images/common/popup_next_btn_disabled.svg") center no-repeat;} /* 2024-04-24 추가 */

.popup .prev_btn:hover, .popup .prev_btn:focus{background: url("../images/common/popup_prev_btn_on.svg") center no-repeat;}
.popup .next_btn:hover, .popup .next_btn:focus{background: url("../images/common/popup_next_btn_on.svg") center no-repeat;}
.popup .prev_btn:disabled:hover{background: url("../images/common/popup_prev_btn.svg") center no-repeat; cursor: auto;}	/* 2024-08-30 추가 */
.popup .next_btn:disabled:hover{background: url("../images/common/popup_next_btn.svg") center no-repeat; cursor: auto;} /* 2024-08-30 추가 */

.popup .popup_text_box .controll_btn2{bottom: unset; top: 50%; transform: translate(0,-50%);}
.popup .controll_btn2{display: block; width: 36px; height: 36px; font-size: 0; text-indent: -9999px; position: absolute; bottom: 14px; }
.popup .prev_btn.controll_btn2{left: 0;}
.popup .next_btn.controll_btn2{right: 0;}


.popup .wai-turn-last, .popup .wai-turn-start {z-index: -1; position: absolute; bottom: 0; left: 0; opacity: 0; width: 0; height: 0; overflow: hidden; font-size: 0;}

/* S::2024-08-27 자막 추가 */
.thumbnail_video_box .popup.subtitle_box{width: 100%; max-width: 24.5vw; height: calc(100% - 40px); position: absolute; right: 6vw; transform: translate(0,-50%); left: unset; border: 1px solid #E0E0E0; box-sizing: border-box; box-shadow: 3px 7px 10px rgba(0,0,0,0.1); border-radius: 6px;}
.thumbnail_video_box .popup.subtitle_box > .inner{padding: 20px; height: calc(100% - 40px);}
.thumbnail_video_box .popup.subtitle_box .popup_close{top: 12px; right: 12px;}
.thumbnail_video_box .popup.subtitle_box .subtitle_text{font-size: 14px; color: #424242; text-align: left; width: calc(100% - 12px); height: 100%; overflow-y: scroll; padding-right: 20px;}

.popup .subtitle_area{border: 1px solid #E0E0E0; box-sizing: border-box; margin-top: 20px;}
.popup .subtitle_area > .inner{padding: 12px 8px 12px 16px; text-align: left;}
.popup .subtitle_area .subtitle_text{font-size: 14px; color: #424242; overflow-y: scroll; max-height: 90px;}
/* E::2024-08-27 자막 추가 */

/* swiper reset */
.prevArrow.swiper-button-prev:after { text-indent: -10000px; overflow: hidden; }
.nextArrow.swiper-button-next:after { text-indent: -10000px; overflow: hidden; }

/* 첨부파일 아이콘 class: ic_pdf,ic_word, ic_ppt, ic_excel, ic_jpg, ic_zip, ic_hwp, ic_txt, ic_install */
.file_name .name { display: block; padding-left: 28px; width: calc(100% - 20px); }
.file_name .name.ic_pdf { background: url("../images/common/ic_pdf.svg") no-repeat 0 0; }
.file_name .name.ic_word { background: url("../images/common/ic_word.svg") no-repeat 0 0; }
.file_name .name.ic_ppt { background: url("../images/common/ic_ppt.svg") no-repeat 0 0; }
.file_name .name.ic_excel { background: url("../images/common/ic_excel.svg") no-repeat 0 0; }
.file_name .name.ic_jpg { background: url("../images/common/ic_jpg.svg") no-repeat 0 0; }
.file_name .name.ic_zip { background: url("../images/common/ic_zip.svg") no-repeat 0 0; }
.file_name .name.ic_hwp { background: url("../images/common/ic_hwp.svg") no-repeat 0 0; }
.file_name .name.ic_txt { background: url("../images/common/ic_txt.svg") no-repeat 0 0; }
.file_name .name.ic_install { background: url("../images/common/ic_install.svg") no-repeat 0 0; }


/*------------------------------------------------
Header
------------------------------------------------*/
.header { z-index: 3; position: fixed; top:0; left: 0; width: 100%; background: rgba(0,0,0,.2); backdrop-filter: blur(4px);}
.header.ttMode{overflow-y: scroll; overflow-x: hidden;} /* 2024-05-14 수정 */
.header.scr .header_top_bg { width: 100%; background: transparent; }
.header .header_top { z-index: 3; position: relative; display: flex; justify-content: space-between; align-items: center; max-width: 1440px; height: 86px; padding: 0 20px; margin: 0 auto; transition: all 0.2s; }
.header .header_top .logo { width: 328px; }
.header .header_top .logo a { display: block; width: 140px; height: 39px; background:url("../images/common/logo_kftc_white.png") no-repeat center; background-size: 100%; text-indent: -1000px; overflow: hidden; }
.header .header_top .search_keyword_area { width: 455px; }
.header .header_top .search_keyword_area .search_wrap { position: relative; width: 100%; height: 27px; }
.header .header_top .search_keyword_area .search_wrap input[type="text"] { z-index: 1; position: relative; width: 100%; height: 100%; padding-bottom: 3px; background: transparent; border: 0; border-bottom: 1px solid #fff; color: #fff; font-size: 1.6em; text-indent: 0; }
.header .header_top .search_keyword_area .search_wrap input[type="text"]:focus { border: 0; border-bottom: 1px solid #000; }
.header .header_top .search_keyword_area .search_wrap input[type="text"]::placeholder { font-size:14px; color: #fff; font-weight: 300; }
.header .header_top .search_keyword_area .search_wrap .srch_btn { z-index: 3; position: absolute; top: 0; right: 0; width: 24px; height: 24px; background: url("../images/common/ic_search_white.png") no-repeat center; }

.header .header_top .search_keyword_area .keyword_slide_wrap { position: relative; }
.header .header_top .search_keyword_area .keyword_slide_wrap .keyword_wrap { position: relative; width: calc(100% - 50px); overflow: hidden; padding-top: 4px; font-size: 1.4em; line-height: 2em; }
.header .header_top .search_keyword_area .keyword_slide_wrap .keyword_wrap .keyword { display: inline-block; width: auto;  }
.header .header_top .search_keyword_area .keyword_slide_wrap .keyword_wrap a { color: #fff; font-weight: 300;} /* 2024-08-20 수정 */
.header .header_top .search_keyword_area .keyword_slide_wrap .keyword_wrap a:hover,
.header .header_top .search_keyword_area .keyword_slide_wrap .keyword_wrap a:focus{font-weight: 500;}
.header .header_top .search_keyword_area .keyword_slide_wrap .keyword_wrap a::before { content:"#"; }
.header .header_top .search_keyword_area .keyword_slide_wrap .keyword_wrap a + a { margin-left: 12px; }
.header .header_top .search_keyword_area .keyword_slide_wrap .controler_wrap { position: absolute; display: flex; align-items: center; justify-content: space-between; right: 0; bottom: 3px; width: 45px; height: 20px; } 
.header .header_top .search_keyword_area .keyword_slide_wrap .controler_wrap button { position: relative; width: 20px; height: 20px; } 
.header .header_top .search_keyword_area .keyword_slide_wrap .controler_wrap button.keyword_prev { background: url("../images/common/ic_arrow_prev_wh_on.svg") no-repeat center center; } 
.header .header_top .search_keyword_area .keyword_slide_wrap .controler_wrap button.keyword_prev.swiper-button-disabled { background: url("../images/common/ic_arrow_prev_wh.svg") no-repeat center center; } 
.header .header_top .search_keyword_area .keyword_slide_wrap .controler_wrap button.keyword_next { background: url("../images/common/ic_arrow_next_wh_on.svg") no-repeat center center; } 
.header .header_top .search_keyword_area .keyword_slide_wrap .controler_wrap button.keyword_next.swiper-button-disabled { background: url("../images/common/ic_arrow_next_wh.svg") no-repeat center center; } 
.header .header_top .search_keyword_area .keyword_slide_wrap .controler_wrap .bar { display: inline-block; width: 1px; height: 12px; background: #e0e0e0; } 
.header .header_top .side_wrap { display: flex; }
.header .header_top .side_wrap ul { display: flex; font-size: 1.6em; color: #fff; line-height: 23px; margin-right: 40px; }
.header .header_top .side_wrap ul li + li { margin-left: 16px; }
.header .header_top .side_wrap ul li a{position: relative; padding-left: 6px;} /* 2024-08-20 수정 */
.header .header_top .side_wrap ul li a::before{content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background: #3DDCB1; position: absolute; top: 1px; left: 0;}
.header .header_top .side_wrap ul li:last-child a::before{background: #F4614E;} /* 2024-11-05 수정 */
.header .header_top .side_wrap ul li a:hover{font-weight: 500;}
.header .header_top .side_wrap ul li a:focus{font-weight: 500;}
.header .header_top .side_wrap .en_btn { color: #fff; font-weight: 400; font-size: 1.6em; height: 30px; line-height: 28px; text-decoration: none; padding-left: 32px; padding-right: 10px; border-radius: 50px; background: url("../images/common/ic_globe_wt.png") center left 10px no-repeat rgba(255,255,255,0.25); }
.header .header_top .side_wrap .en_btn:hover { text-decoration: underline; }

.header .header_top .mo_gnb_btn { display: none; width: 60px; height: 60px; background: url("../images/common/ic_manage_search_white.svg") no-repeat center; }

.header .header_gnb { position: relative; width: 100%; height: 53px; border-top: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid transparent; }
.header .header_gnb .scr_logo { display: none; }
.header .header_gnb .srch_btn { display: none; }
.header .header_gnb > div { display: flex; justify-content: flex-end; position: relative; max-width: 1440px; height: 100%; padding: 0 20px; margin: 0 auto; }
.header .header_gnb .gnb_wrap { z-index: 1; width: 1150px; position: relative; display: flex; justify-content: space-around; padding-right: 106px; }
.header .header_gnb .gnb_wrap .lnb_wrap { width:100%; min-width:150px; max-width: 210px; text-align: center; color: #fff; }
.header .header_gnb .gnb_wrap .lnb_wrap .tit { display: block; width: 100%; height: 53px; line-height: 53px; font-size: 2em; font-weight: 700; font-family: "NanumSquare";} /* 2024-08-20 수정 */
.header .header_gnb .gnb_wrap .lnb_wrap .lnb { display: none; padding: 16px 0 24px; line-height: 23px; font-weight: 500; font-size: 1.6em; color: rgba(255,255,255,1); overflow: hidden; background: #0064dd; }
.header .header_gnb .gnb_wrap .lnb_wrap .lnb a { font-weight: 500; font-family: "NanumSquare"; position: relative; letter-spacing: .3px; display: inline-block; width: 100%;} /* 2024-08-20 수정 */
.header .header_gnb .gnb_wrap .lnb_wrap .lnb .ex_link{display: inline-block; width: auto;}
.header .header_gnb .gnb_wrap .lnb_wrap .lnb a:hover,
.header .header_gnb .gnb_wrap .lnb_wrap .lnb a:focus{font-weight: 600;}
/*.header .header_gnb .gnb_wrap .lnb_wrap .lnb a:hover::before,
.header .header_gnb .gnb_wrap .lnb_wrap .lnb a:focus::before{ content: ""; position: absolute; top: 50%; left: -10px; transform: translate(0,-50%); width: 4px; height: 4px; border-radius: 50%; background: #fff; display: block;}*/
.header .header_gnb .gnb_wrap .lnb_wrap .lnb li + li { margin-top: 12px; }
.header .header_gnb .gnb_wrap .lnb_wrap.on { background: #0064dd; }
.header .header_gnb .gnb_wrap .lnb_wrap.on .tit { background: #0064dd; }
.header .header_gnb .side_btn_wrap { z-index: 3; position: absolute; bottom: 0; right: 6px; width: 53px; height: 53px; }
.header .header_gnb .side_btn_wrap .gnb_btn { position: relative; display: block; width: 53px; height: 100%; }
.header .header_gnb .side_btn_wrap .gnb_btn i { position: absolute; display: block; height: 2px; border-radius: 2px; background: #fff; margin: auto; }
.header .header_gnb .side_btn_wrap .gnb_btn.ttOpen i:nth-child(1) { top: 34.5%; left: 16px; width: 22px; }
.header .header_gnb .side_btn_wrap .gnb_btn.ttOpen i:nth-child(2) { opacity: 1; top: 50%; left: 16px; transform: translate(0, -50%); width: 22px; }
.header .header_gnb .side_btn_wrap .gnb_btn.ttOpen i:nth-child(3) { top: 64.5%; right: 15px; width: 11px; }
.header .header_gnb .side_btn_wrap .gnb_btn.ttClose i:nth-child(1) { transform:rotate(135deg); margin-top: -1px; margin-right: 15.5px; top: 50%; right: 0; width: 22px; }
.header .header_gnb .side_btn_wrap .gnb_btn.ttClose i:nth-child(2) { opacity: 0; }
.header .header_gnb .side_btn_wrap .gnb_btn.ttClose i:nth-child(3) { transform:rotate(-135deg); margin-bottom:-1px; margin-right: 15.5px; bottom: 50%; right: 0; width: 22px; }

/* 자동완성 */
.search_wrap .autoSearch{position: absolute; top: 30px; left: 0; z-index: 99; width: 100%; background: #fff; border-radius: 3px; overflow: hidden; border: 1px solid #E0E0E0; box-sizing: border-box;}
.search_wrap .autoSearch ul li{height: 40px; line-height: 40px;}
.search_wrap .autoSearch ul li a{font-size: 14px; color: #222; text-indent: 12px; display: block; width: 100%; height: 100%;}
.search_wrap .autoSearch ul li a:hover{background: #f6f6f6;}
.search_wrap .autoSearch ul li a span{color: #0064DD}
.search_wrap .autoSearch .text{height: 40px; line-height: 40px; font-size: 14px; font-weight: 500; color: #222; text-indent: 12px;}
.search_wrap .autoSearch .btn_auto_close{height: 40px; font-size: 14px; font-weight: 400; color: #757575; border-top: 1px solid #E0E0E0; box-sizing: border-box; background: #F3F3F5; display: block; width: 100%; cursor: pointer;}
/* //자동완성 */

/* subpage */
.subpage .header { background: rgba(255,255,255,1); backdrop-filter: none; }
.subpage .header .header_top .logo a { background:url("../images/common/logo_kftc_blue.png") no-repeat center; background-size: 100%; }
.subpage .header .header_top .search_keyword_area .search_wrap input[type="text"] { border-bottom: 1px solid #E0E0E0; color: #222; font-weight: 400; }
.subpage .header .header_top .search_keyword_area .search_wrap input[type="text"]::placeholder { color: #757575; font-weight: 400; } /* 2024-04-24 수정 */
.subpage .header .header_top .search_keyword_area .search_wrap input[type="text"]:focus{border-color: #222;}
.subpage .header .header_top .search_keyword_area .search_wrap .srch_btn { background: url("../images/common/ic_search_black.png") center; }
.subpage .header .header_top .search_keyword_area .keyword_wrap a { color: #616161; font-weight: 400; } /* 2024-04-24 수정 */
.subpage .header .header_top .search_keyword_area .keyword_slide_wrap .controler_wrap button.keyword_prev { background: url("../images/common/ic_arrow_prev_gray_on.svg") no-repeat center center; } 
.subpage .header .header_top .search_keyword_area .keyword_slide_wrap .controler_wrap button.keyword_prev.swiper-button-disabled { background: url("../images/common/ic_arrow_prev_gray_off.svg") no-repeat center center; } 
.subpage .header .header_top .search_keyword_area .keyword_slide_wrap .controler_wrap button.keyword_next { background: url("../images/common/ic_arrow_next_gray_on.svg") no-repeat center center; } 
.subpage .header .header_top .search_keyword_area .keyword_slide_wrap .controler_wrap button.keyword_next.swiper-button-disabled { background: url("../images/common/ic_arrow_next_gray_off.svg") no-repeat center center; } 
.subpage .header .header_top .search_keyword_area .keyword_slide_wrap .controler_wrap .bar { display: inline-block; width: 1px; height: 12px; background: #e0e0e0; } 
.subpage .header .header_gnb .side_btn_wrap .gnb_btn i{background: #222;}
.subpage .header .header_top .side_wrap ul { color: #222; }
.subpage .header .header_top .side_wrap .en_btn {color: #222; background: url(../images/common/ic_global.png) center left 10px no-repeat #F3F3F5; background-size: 18px;}
.subpage .header .header_top .side_wrap .ex_link { background:url("../images/common/ic_new_tab_black.svg") no-repeat 100% 70%; }
.subpage .header .header_top .mo_gnb_btn { background: url("../images/common/ic_manage_search_black.svg") no-repeat center; }
.subpage .header_gnb { border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; }
.subpage .header_gnb .gnb_wrap .lnb_wrap { color: #fff; }
.subpage .header_gnb .gnb_wrap .lnb_wrap .tit { color: #222; }
.subpage .header_gnb .gnb_wrap .lnb_wrap .tit.on { color: #0064DD; }
.subpage .header_gnb .gnb_wrap .lnb_wrap .lnb li + li { margin-top: 12px; }
.subpage .header_gnb .gnb_wrap .lnb_wrap.on { color: #fff; }
.subpage .header_gnb .gnb_wrap .lnb_wrap.on .tit {color: #fff; }
.subpage .header_gnb .side_btn_wrap .gnb_btn i { background: #222; }

/* white type */
.header.ty_w { background: rgba(255,255,255,1); backdrop-filter: none; height: 100%;}
.header.ty_w .header_top .logo a { background:url("../images/common/logo_kftc_blue.png") no-repeat center; background-size: 100%; }
.header.ty_w .header_top .search_keyword_area .search_wrap input[type="text"] { border-bottom: 1px solid #E0E0E0; color: #222; font-weight: 400; }
.header.ty_w .header_top .search_keyword_area .search_wrap input[type="text"]::placeholder { color: #757575; font-weight: 400; }
.header.ty_w .header_top .search_keyword_area .search_wrap .srch_btn { background: url("../images/common/ic_search_black.png") center; }
.header.ty_w .header_top .search_keyword_area .keyword_wrap a { color: #616161; font-weight: 400; }
.header.ty_w .header_top .search_keyword_area .keyword_slide_wrap .controler_wrap button.keyword_prev { background: url("../images/common/ic_arrow_prev_gray_on.svg") no-repeat center center; } 
.header.ty_w .header_top .search_keyword_area .keyword_slide_wrap .controler_wrap button.keyword_prev.swiper-button-disabled { background: url("../images/common/ic_arrow_prev_gray_off.svg") no-repeat center center; } 
.header.ty_w .header_top .search_keyword_area .keyword_slide_wrap .controler_wrap button.keyword_next { background: url("../images/common/ic_arrow_next_gray_on.svg") no-repeat center center; } 
.header.ty_w .header_top .search_keyword_area .keyword_slide_wrap .controler_wrap button.keyword_next.swiper-button-disabled { background: url("../images/common/ic_arrow_next_gray_off.svg") no-repeat center center; } 
.header.ty_w .header_top .side_wrap ul { color: #222; }
.header.ty_w .header_top .side_wrap .en_btn { color: #222; background: url(../images/common/ic_global.png) center left 10px no-repeat #F3F3F5; background-size: 18px;}
.header.ty_w .header_top .side_wrap .ex_link { background:url("../images/common/ic_new_tab_black.svg") no-repeat 100% 70%; }
.header.ty_w .header_gnb { border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; }
.header.ty_w .header_gnb .gnb_wrap .lnb_wrap { color: #fff; }
.header.ty_w .header_gnb .gnb_wrap .lnb_wrap .tit {color: #222; }
.header.ty_w .header_gnb .gnb_wrap .lnb_wrap .lnb li + li { margin-top: 12px; }
.header.ty_w .header_gnb .gnb_wrap .lnb_wrap.on { color: #fff; }
.header.ty_w .header_gnb .gnb_wrap .lnb_wrap.on .tit {color: #fff; }
.header.ty_w .header_gnb .side_btn_wrap .gnb_btn i { background: #222; }

/* scroll */
.header.scr { background: transparent; backdrop-filter: none; }
.header.scr .header_top_bg { width: 100%; background: rgba(255,255,255,1); }
.header.scr .header_top { display: none; }
.header.scr .header_top .logo a { background:url("../images/common/logo_kftc_blue.png") no-repeat center; background-size: 100%; }
.header.scr .header_gnb { border-top: 0; border-bottom: 1px solid #e0e0e0; background: rgba(255,255,255,1); }
.header.scr .header_gnb > div { position: relative; }
.header.scr .header_gnb a.scr_logo { z-index: 3; position: absolute; display: block; top:50%; left: 20px; transform: translate(0,-50%); width: 120px; height: 33px; }
.header.scr .header_gnb a.scr_logo img { width: 100%; height: auto; transition: all 0.2s; }
.header.scr .header_gnb .gnb_wrap { padding: 0 0 0 180px; z-index: 1; position: relative; width: 1150px; color: #222; }
.header.scr .header_gnb .gnb_wrap .lnb_wrap { color: #fff; width: 100%; min-width: 152px; max-width: 210px; }
.header.scr .header_gnb .gnb_wrap .lnb_wrap .tit {color: #222; }
.header.scr .header_gnb .gnb_wrap .lnb_wrap .tit.on{color: #0064DD;}
.header.scr .header_gnb .gnb_wrap .lnb_wrap .lnb li + li { margin-top: 12px; }
.header.scr .header_gnb .gnb_wrap .lnb_wrap.on { color: #fff; }
.header.scr .header_gnb .gnb_wrap .lnb_wrap.on .tit {color: #fff; }
.header.scr .header_gnb .side_btn_wrap { position: relative; display: flex; justify-content: end; width: 106px; right: -13px; }
.header.scr .header_gnb .side_btn_wrap .srch_btn { display: block; width: 53px; height: 100%; background: url("../images/common/ic_search_black.png") no-repeat center; }
.header.scr .header_gnb .side_btn_wrap .gnb_btn { position: relative; bottom: 0; right: 0; }
.header.scr .header_gnb .side_btn_wrap .gnb_btn i { background: #222; }

/* gnb total */
.header .gnb_total_wrap { display: none; background: #fff; width: 100%; height: 100%; transition: none; overflow-y: auto; } /* 2024-04-24/3 수정 */
.header.scr .gnb_total_wrap { max-height: 100%; }

.header .gnb_total_wrap::-webkit-scrollbar {width: 4px; height: 4px;}
.header .gnb_total_wrap::-webkit-scrollbar-track {background-color: transparent;}
.header .gnb_total_wrap::-webkit-scrollbar-thumb {border-radius: 3px; background-color: #9E9E9E;}
.header .gnb_total_wrap::-webkit-scrollbar-button {width: 0; height: 0;}

.header.scr .gnb_total_wrap { height: calc(100% - 54px); border-top: 1px solid #e0e0e0; margin-top: 0px !important; }
.header .gnb_total_wrap.active { display: block; }
.header .gnb_total_wrap .gnb_total { position: relative; max-width: 1440px; height: 100%; padding: 0 20px; margin: 0 auto; background: #fff; }
.header .gnb_total_wrap .gnb_total > ul { max-width: 1400px; display: flex; height: 100%; }
.header .gnb_total_wrap .gnb_total > ul > li { height: 100%; min-height: 650px; flex-basis: 20%; border-left: 1px solid #eee; padding-left: 24px; }
.header .gnb_total_wrap .gnb_total > ul > li:hover { background: #F2F4F8; }
.header .gnb_total_wrap .gnb_total > ul > li a:hover,
.header .gnb_total_wrap .gnb_total > ul > li a:focus { text-decoration: underline !important; color: #0064dd !important; }
.header .gnb_total_wrap .gnb_total > ul > li .tit { padding-top: 20%; margin-bottom: 15%; font-size: 2.4em; transition: all 0.2s; }
.header .gnb_total_wrap .gnb_total > ul > li .tit a { color: #222; font-weight: 700;   }
.header .gnb_total_wrap .gnb_total > ul > li .sub_list + .sub_list { padding-top: 16px; }
.header .gnb_total_wrap .gnb_total > ul > li .sub_list .sub_tit { font-size: 1.6em; font-weight: 500; color: #424242; }
.header .gnb_total_wrap .gnb_total > ul > li .sub_list .sub_tit a{}
.header .gnb_total_wrap .gnb_total > ul > li .sub_list ul { margin-top: 12px; font-size: 1.4em; font-weight: 400; color: #616161;left: 12px; }
.header .gnb_total_wrap .gnb_total > ul > li .sub_list ul li { position: relative; margin-left: 30px; }
.header .gnb_total_wrap .gnb_total > ul > li .sub_list ul li::before { content:"·"; position: absolute; top: 0; left: -20px; width: 20px; font-size: 1.8em; line-height: 20px; }
.header .gnb_total_wrap .gnb_total > ul > li .sub_list ul li + li { margin-top: 8px; }
.header .gnb_total_wrap .gnb_total > ul > li .sub_list ul li a{}
.header .gnb_total_wrap .gnb_total > ul > li .sub_list ul li a.link{padding-right: 20px; background: url("../images/common/ic_new_tab_gray.svg") top 2px right 0 no-repeat;}

.container .header.ttMode .header_gnb { border-bottom: 0 !important; padding-left: 8px;}
.container .header.ttMode .header_gnb .side_btn_wrap .srch_btn{margin-left: 1px;}
.container.subpage .header.ttMode .header_gnb { padding-left: 0;}
.container.subpage .header.ttMode .header_gnb .side_btn_wrap .srch_btn{margin-left: 0;}
.header.ttMode .header_gnb .gnb_wrap { display: none; }
.header.ttMode .gnb_total_wrap { margin-top: -53px; }

.scrCtrl .contents.fullpage .footer.section_conts > div{ left: 8px; position: relative;}

/* mo gnb total */
.header .gnb_total_wrap .mo_gnb_wrap { position: relative; display: none; width: 100%; min-height: calc(100% - 148px); padding-bottom: 148px; overflow-y: auto; }
.header .gnb_total_wrap .mo_gnb_wrap .gnb_top { z-index: 1; position: relative; display: flex; justify-content: space-between; align-items: center; height: 60px; margin: 0 20px; }
.header .gnb_total_wrap .mo_gnb_wrap .gnb_top .logo { width: 102px; }
.header .gnb_total_wrap .mo_gnb_wrap .gnb_top .logo a { display: block; width: 100%; height: 100%; }
.header .gnb_total_wrap .mo_gnb_wrap .gnb_top .logo a img { width: 100%; }
.header .gnb_total_wrap .mo_gnb_wrap .gnb_top .en_btn { padding-right: 40px; font-size: 1.8em; font-weight: 500;  text-decoration: none; padding-left: 24px; background: url("../images/common/ic_global.png") top 4px left 0 no-repeat; background-size: 20px; text-decoration: underline;}
.header .gnb_total_wrap .mo_gnb_wrap .search_wrap { position:relative; margin: 24px 20px; width: calc(100% - 40px); height: 48px; }
.header .gnb_total_wrap .mo_gnb_wrap .search_wrap input[type="text"] { z-index: 1; position: relative; width: 100%; height: 100%; border: none; border-bottom: 2px solid #E0E0E0; font-size: 1.6em; text-indent: 0; }
.header .gnb_total_wrap .mo_gnb_wrap .search_wrap input[type="text"]:focus { border: 0; border-bottom: 2px solid #000; }
.header .gnb_total_wrap .mo_gnb_wrap .search_wrap input[type="text"]::placeholder { color: #757575; }
.header .gnb_total_wrap .mo_gnb_wrap .search_wrap .srch_btn { z-index: 3; position: absolute; bottom: 12px; right: 0; width: 24px; height: 24px; background: url("../images/common/ic_search_black.svg") no-repeat center; }
.header .gnb_total_wrap .mo_gnb_wrap .mo_gnb { width: 100%; }
.header .gnb_total_wrap .mo_gnb_wrap .mo_gnb > ul > li .tit { display: block; width: calc(100% - 40px); height: 68px; line-height: 68px; padding: 0 20px; font-family: "NanumSquare"; font-size: 2em; font-weight: 700; color: #222; background: url("../images/common/ic_arrow_down.svg") no-repeat center right 20px; transition: all 0.2s; }
.header .gnb_total_wrap .mo_gnb_wrap .mo_gnb > ul > li .tit.noMenu,
.header .gnb_total_wrap .mo_gnb_wrap .mo_gnb > ul > li.on .tit.noMenu{background: none;}
.header .gnb_total_wrap .mo_gnb_wrap .mo_gnb > ul > li .lnb { display: none; width: 100%; background: #F3F3F5; padding: 10px 0;}
.header .gnb_total_wrap .mo_gnb_wrap .mo_gnb > ul > li .lnb li a { padding-left: 30px; line-height: 40px; color: #424242; font-family: "NanumSquare"; font-size: 1.6em; font-weight: 400; display: block;}
.header .gnb_total_wrap .mo_gnb_wrap .mo_gnb > ul > li .lnb li a:hover,
.header .gnb_total_wrap .mo_gnb_wrap .mo_gnb > ul > li .lnb li a:focus{ font-weight: 700; }
.header .gnb_total_wrap .mo_gnb_wrap .mo_gnb > ul > li .lnb li a .link{display: inline-block; vertical-align: middle; margin-top: -2px; margin-left: 5px; width: 20px; height: 20px; background: url("../images/common/ic_new_tab_20px.svg") 0 no-repeat; background-size: 20px;}
.header .gnb_total_wrap .mo_gnb_wrap .mo_gnb > ul > li.on .tit { color: #0064DD; background: url("../images/common/ic_arrow_up.svg") no-repeat center right 20px; transition: all 0.2s; }
.header .gnb_total_wrap .mo_gnb_wrap .mo_cs { border-top: 12px solid #fafafa; box-sizing: border-box; color: #222; position: absolute; bottom: 0; width: 100%; padding-bottom: 24px; display: flex; justify-content: flex-start; padding-top: 24px;}
.header .gnb_total_wrap .mo_gnb_wrap .mo_cs .tit { padding: 20px 0 0 30px; font-size: 1.6em; }
.header .gnb_total_wrap .mo_gnb_wrap .mo_cs .cs_wrap { display: flex; justify-content: flex-start; align-items: flex-end; height: 64px; padding: 0 20px; }
.header .gnb_total_wrap .mo_gnb_wrap .mo_cs .cs_wrap .tel_wrap { height: 100%; padding-left: 52px; background: url("../images/common/ic_support.svg") no-repeat center left; }
.header .gnb_total_wrap .mo_gnb_wrap .mo_cs .cs_wrap .tel_wrap div { margin-top: 10px; font-size: 1.6em; font-weight: 500; }
.header .gnb_total_wrap .mo_gnb_wrap .mo_cs .cs_wrap .tel_wrap p { margin-top: 2px; font-size: 1.2em; color: #424242; }
.header .gnb_total_wrap .mo_gnb_wrap .mo_cs .cs_wrap .cs_shorcut_wrap { display: flex; justify-content: space-between; margin-left: 64px; padding-left: 64px; position: relative; width: 300px;}
.header .gnb_total_wrap .mo_gnb_wrap .mo_cs .cs_wrap .cs_shorcut_wrap::before{content: ""; display: block; width: 1px; height: 56px; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); background: #E0E0E0;}
.header .gnb_total_wrap .mo_gnb_wrap .mo_cs .cs_wrap .cs_shorcut_wrap a { display: block; width: 68px; padding-top: 44px; text-align: center; font-size: 1.4em; width: 100%;}
.header .gnb_total_wrap .mo_gnb_wrap .mo_cs .cs_wrap .cs_shorcut_wrap a img{margin-top: 3px; margin-left: 3px; width: 16px; height: 16px;}
.header .gnb_total_wrap .mo_gnb_wrap .mo_cs .cs_wrap .cs_shorcut_wrap a.cs_shorcut_01 { background: url("../images/common/ic_quick_01.svg") no-repeat top center #fff; }
.header .gnb_total_wrap .mo_gnb_wrap .mo_cs .cs_wrap .cs_shorcut_wrap a.cs_shorcut_02 { background: url("../images/common/ic_quick_02.svg") no-repeat top center #fff; }
.header .gnb_total_wrap .mo_gnb_wrap .mo_cs .cs_wrap .cs_shorcut_wrap a.cs_shorcut_03 {background: url("../images/common/ic_quick_03.svg") no-repeat top center #fff;}
.header .gnb_total_wrap .mo_gnb_wrap .close_btn { z-index: 3; position: absolute; width: 60px; height: 60px; top: 0; right: 0; background: #fff url("../images/common/ic_close.svg") no-repeat center; }

/* search section */
.search_section { z-index: 1; position: relative; display: none; background: rgba(0,0,0,.6); height: calc(100vh - 53px);  border-top: 1px solid #e0e0e0; box-sizing: border-box; }
.search_section.on { display: block; }
.search_section > div { background: #fff; }
.search_section .inner{max-width: 1440px; margin: auto; padding: 0 20px;position: relative;}
.search_section > div .search_keyword_area { width: 495px; margin: 0 auto; padding: 70px 0; }
.search_section > div .search_keyword_area .search_wrap { position: relative; width: 100%; height: 27px; }
.search_section > div .search_keyword_area .search_wrap input[type="text"] { z-index: 1; position: relative; width: 100%; height: 100%; padding-bottom: 3px; background: transparent; border: 0; border-bottom: 1px solid #E0E0E0; color: #222; font-weight: 400; font-size: 1.6em; text-indent: 0; }
.search_section > div .search_keyword_area .search_wrap input[type="text"]:focus { border: 0; border-bottom: 1px solid #000; } /* 2024-04-25 수정 */
.search_section > div .search_keyword_area .search_wrap input[type="text"]::placeholder { color: #949494; font-weight: 400; }
.search_section > div .search_keyword_area .search_wrap .srch_btn { z-index: 3; position: absolute; top: 0; right: 0; width: 24px; height: 24px; background: url("../images/common/ic_search_black.svg") no-repeat center; }

.search_section > div .search_keyword_area .keyword_slide_wrap { position: relative; }
.search_section > div .search_keyword_area .keyword_slide_wrap .keyword_wrap { position: relative; width: calc(100% - 50px); overflow: hidden; padding-top: 4px; font-size: 1.4em; line-height: 2em; }
.search_section > div .search_keyword_area .keyword_slide_wrap .keyword_wrap .keyword { display: inline-block; width: auto;  } 
.search_section > div .search_keyword_area .keyword_slide_wrap .keyword_wrap a { color: #616161; font-weight: 300; }
.search_section > div .search_keyword_area .keyword_slide_wrap .keyword_wrap a:hover,
.search_section > div .search_keyword_area .keyword_slide_wrap .keyword_wrap a:focus{text-decoration: underline;}
.search_section > div .search_keyword_area .keyword_slide_wrap .keyword_wrap a::before { content:"#"; }
.search_section > div .search_keyword_area .keyword_slide_wrap .keyword_wrap a + a { margin-left: 12px; }
.search_section > div .search_keyword_area .keyword_slide_wrap .controler_wrap { position: absolute; display: flex; align-items: center; justify-content: space-between; right: 0; bottom: 3px; width: 45px; height: 20px; } 
.search_section > div .search_keyword_area .keyword_slide_wrap .controler_wrap button { position: relative; width: 20px; height: 20px; } 
.search_section > div .search_keyword_area .keyword_slide_wrap .controler_wrap button.keyword_prev { background: url("../images/common/ic_arrow_prev_gray_on.svg") no-repeat center center; } 
.search_section > div .search_keyword_area .keyword_slide_wrap .controler_wrap button.keyword_prev.swiper-button-disabled { background: url("../images/common/ic_arrow_prev_gray_off.svg") no-repeat center center; } 
.search_section > div .search_keyword_area .keyword_slide_wrap .controler_wrap button.keyword_next { background: url("../images/common/ic_arrow_next_gray_on.svg") no-repeat center center; } 
.search_section > div .search_keyword_area .keyword_slide_wrap .controler_wrap button.keyword_next.swiper-button-disabled { background: url("../images/common/ic_arrow_next_gray_off.svg") no-repeat center center; } 
.search_section > div .search_keyword_area .keyword_slide_wrap .controler_wrap .bar { width: 1px; height: 12px; background: #e0e0e0; } 

.search_section .srch_close_btn { display: block; width: 32px; height: 32px; background: url("../images/common/ic_close_3.png") no-repeat center; position: absolute; top: 16px; right: 10px;}

/* mo lnb */
.header .mo_lnb_wrap { display: none; width: 100%; }
.header .mo_lnb_wrap > ul { position: relative; display: flex; width: 100%; height: 45px; border-bottom: 1px solid #DEE1E8; box-sizing: border-box; background: #F2F4F8; }
.header .mo_lnb_wrap > ul::after { content: ""; position: absolute; top: 50%; left: 50%; width: 1px; height: 15px; transform: translate(-50%,-50%); border-left: 1px solid #DEE1E8; }
.header .mo_lnb_wrap > ul li.mo_lnb { width: 100%; }
.header .mo_lnb_wrap > ul li.mo_lnb.half{width: 50%;}
.header .mo_lnb_wrap > ul li.mo_lnb > .moLnbBtn { display: flex; align-items: center; width: 100%; height: 45px; font-size: 1.4em; padding: 0 16px; color: #222;; border-bottom: 1px solid #DEE1E8; box-sizing: border-box; background: #F2F4F8 url("../images/common/ic_arrow_open_20px.svg") no-repeat center right 12px; } /* 2024-04-24/2 수정 */
.header .mo_lnb_wrap > ul li.mo_lnb > .moLnbBtn.no_list { background: #F2F4F8; } /* 2024-04-24/2 수정 */
.header .mo_lnb_wrap > ul li.mo_lnb > .moLnbBtn.on { background: #F2F4F8 url("../images/common/ic_arrow_close_20px.svg") no-repeat center right 12px; } /* 2024-04-24/2 수정 */
.header .mo_lnb_wrap > ul li.mo_lnb .mo_lnb_list { display: none; width: 100%; height: auto; background: #fff; border-bottom: 1px solid #DEE1E8; box-sizing: border-box; padding: 8px 0;}
.header .mo_lnb_wrap > ul li.mo_lnb:nth-child(1) .mo_lnb_list { border-right: 1px solid #DEE1E8; box-sizing: border-box; }
.header .mo_lnb_wrap > ul li.mo_lnb:nth-child(2) .mo_lnb_list { border-left: 1px solid #DEE1E8; box-sizing: border-box; }
.header .mo_lnb_wrap > ul li.mo_lnb .mo_lnb_list li a { display: flex; align-items: center; padding: 0 16px; height: 35px; font-size: 1.4em; color: #222; }

/*------------------------------------------------
contents
------------------------------------------------*/
.contents { z-index: 1; position: relative; margin-bottom: 120px; background: #fff;}
.contents.footerMenu{z-index: auto;}
.contents.logo_bg{padding-bottom: 110px; }
.contents.logo_bg::after{content: ""; width: 44vw; height: 43vw; background: url("../images/contents/bg_logo.png") 0 no-repeat; background-size: cover; position: absolute; bottom: 0; right: 0; z-index: -1;}

/*------------------------------------------------
subpage
------------------------------------------------*/
/* contents - common */
.subpage .contents { margin-top: 144px; min-height: 500px; }
.subpage .contents.commonFooter{margin-top: 0;} /* 2024-05-14 수정 */
.subpage .contents > div { position: relative; max-width: 1200px; padding: 0 15.625%; margin: 0 auto; }

/* page top */
.subpage .contents > div .page_top_wrap { position: relative; width: 100%; height: 200px; text-align: center; }
.subpage .contents > div .page_top_wrap .page_tit { position: relative; display: inline-block; margin: 69px auto; transition: all 0.2s; }
.subpage .contents > div .page_top_wrap .page_tit::after { content: ""; z-index: 1; position: absolute; top: 0; left: -14px; width: 32px; height: 32px; background: linear-gradient(148deg, #0064DD 21.37%, rgba(0, 100, 221, 0.00) 100%); }
.subpage .contents > div .page_top_wrap .page_tit span { z-index: 2; position: relative; display: inline-block; margin: 0 auto; line-height: 62px; font-size: 4.2em; color: #222; font-weight: 700; word-break: keep-all;}
.subpage .contents > div .page_top_wrap .page_location { position: absolute; display: flex; align-items: center; top: 50%; right: 0; height: 24px; transform: translate(0,-50%); }
.subpage .contents > div .page_top_wrap .page_location span { display: block; position: relative; padding-right: 26px; font-size: 1.4em; color: #757575; }
.subpage .contents > div .page_top_wrap .page_location span img { margin-top: 2px; }
.subpage .contents > div .page_top_wrap .page_location span::after { content: "/"; display: block; position: absolute; top: 50%; right: 13px; width: 2px; transform: translate(0,-50%); color: #E0E0E0; }
.subpage .contents > div .page_top_wrap .page_location span.current { color: #0064DD; padding-right: 0; }
.subpage .contents > div .page_top_wrap .page_location span.current::after { display: none; }

/* snb */
.subpage .contents > div .page_contents_wrap{ position: relative; width: 100%; margin-top: 12px; }
.subpage .contents > div .page_contents_wrap.no_tab .page_contents { margin-top: 0; padding-top: 20px; }
.subpage .contents > div .page_contents_wrap .snb_wrap { position: absolute; top: 12px; left: -23.33%; width: 200px; height: auto; }
.subpage .contents > div .page_contents_wrap .snb_wrap ul { padding-left: 40px; }
.subpage .contents > div .page_contents_wrap .snb_wrap ul li a { position: relative; line-height: 38px; font-size: 1.6em; color: #8e8e8e; font-weight: 400;} /* 2024-11-05 수정 */
.subpage .contents > div .page_contents_wrap .snb_wrap ul li a:focus { color: #616161; font-weight: 500; text-decoration: underline;} /* 2024-04-23 수정 */
.subpage .contents > div .page_contents_wrap .snb_wrap ul li a:hover { color: #616161; font-weight: 500;} /* 2024-04-23 수정 */
.subpage .contents > div .page_contents_wrap .snb_wrap ul li a.on { color: #222; font-weight: 700; }
.subpage .contents > div .page_contents_wrap .snb_wrap ul li a.on:focus,
.subpage .contents > div .page_contents_wrap .snb_wrap ul li a.on:hover{text-decoration: underline;}
.subpage .contents > div .page_contents_wrap .snb_wrap ul li a.on::after { content: ""; position: absolute; top: 50%; left: -14px; width: 5px; height: 5px; transform: translate(0,-50%); background: #0064DD; }

/* tab */
.tab_wrap .tab_list { width: 100%; border-bottom: 1px solid #0064DD; box-sizing: border-box; }
.tab_wrap .tab_list.left{text-align: left;}
.tab_wrap .tab_list::after { content: ""; clear: both; display: block; }
.tab_wrap .tab_list.tab_wide li { width: 245px;} /* 2024-09-10 추가 */
.tab_wrap .tab_list li { float: left; width: calc(100% / 7); position: relative;} /* 2024-04-24 수정 */
.tab_wrap .tab_list li a { position: relative; display: block; width: 100%; height: 55px; margin-bottom: -1px; font-size: 1.6em; text-align: center; color: #757575; background: #F8F9FA; border-bottom: 1px solid #0064DD; box-sizing: border-box; } /* 2024-08-20 수정 */
.tab_wrap .tab_list li a span { position: absolute; display: inline-block; top: 50%; left: 50%; transform: translate(-50%,-50%); line-height: 1.3em; word-break: keep-all; white-space: nowrap;}
.tab_wrap .tab_list li a.cert span {left: 45%;}
.tab_wrap .tab_list li a.link{width: 16px; height: 16px; display: block; position: absolute; top: 53%; right: 34%; transform: translate(0,-50%); background: url("../images/common/ic_new_tab_16px.svg") no-repeat; z-index: 9; border-bottom: none; font-size: 0;} /* 2024-10-07 수정 */
.tab_wrap .tab_list li a.link span{padding-right: 20px; background: url("../images/common/ic_new_tab_16px.svg") no-repeat; background-position: top 3px right 0;}
.tab_wrap .tab_list li a.on + .link{background: url("../images/common/ic_new_tab_16px_on.svg") no-repeat;} /* 2024-04-24 수정 */
.tab_wrap .tab_list li a.on.link span{background: url("../images/common/ic_new_tab_16px_on.svg") no-repeat; background-position: top 3px right 0;}
.tab_wrap .tab_list li a:focus,
.tab_wrap .tab_list li a:hover { color: #757575; font-weight: 500; }
.tab_wrap .tab_list li a.on { color: #0064DD; font-weight: 500; background: #fff; border: 1px solid #0064DD; border-bottom: 1px solid #fff; }
.tab_wrap .tab_list li a.on:focus span{ text-decoration: underline; }
.tab_wrap .tab_list li.block{display: block; margin: 0;}

/* S::2024-03-08 추가 */
.tab_wrap .tab_list li button { position: relative; display: block; width: 100%; height: 55px; margin-bottom: -1px; font-size: 1.6em; text-align: center; color: #757575; background: #F8F9FA; border-bottom: 1px solid #0064DD; box-sizing: border-box; } /* 2024-10-24 수정 */
.tab_wrap .tab_list li button span { position: absolute; display: inline-block; top: 50%; left: 50%; transform: translate(-50%,-50%); line-height: 1.3em; word-break: keep-all; white-space: nowrap;}
.tab_wrap .tab_list li button.link span{padding-right: 20px; background: url("../images/common/ic_new_tab_16px.svg") no-repeat; background-position: top 3px right 0;}
.tab_wrap .tab_list li button.on.link span{background: url("../images/common/ic_new_tab_16px_on.svg") no-repeat; background-position: top 3px right 0;}
.tab_wrap .tab_list li button:focus,
.tab_wrap .tab_list li button:hover { color: #757575; font-weight: 500; }
.tab_wrap .tab_list li button.on { color: #0064DD; font-weight: 500; background: #fff; border: 1px solid #0064DD; border-bottom: 1px solid #fff; }
/*.tab_wrap .tab_list li button.on:focus span{ text-decoration: underline; }*/ /* 2024-04-25 삭제 */
/* E::2024-03-08 추가 */

/* subpage - page contents common */
.subpage .contents > div .page_contents_wrap .page_contents { margin-top: 40px; }

/*------------------------------------------------
footer
------------------------------------------------*/
.scrCtrl .footer{overflow-y: scroll;} /* 2024-04-29 수정 */
.footer { z-index: 1; position: relative; background: #292F32; font-weight: 300; }
.footer > div { max-width: 1440px; padding: 0 20px; margin: 0 auto; color: #E0E0E0; }
.footer .footer_top { z-index: 1; position: relative; display: flex; align-items: center; width: 100%; height: 116px; border-bottom: 1px solid #424242; box-sizing: border-box;}
.footer .footer_top .ftr_nav { display: flex; justify-content: space-between; width: 100%; max-width: 915px; padding-right: 407px; }
.footer .footer_top .ftr_nav a { font-size: 1.4em; font-weight: 400;} /* 2024-08-20 수정 */
.footer .footer_top .ftr_nav a:first-child { color: #75B4FF; font-weight: 500; }
.footer .footer_top .ftr_nav a:first-child:hover { color: #4298FF; }
.footer .footer_top .ftr_nav a:hover{color: #fff;}
.footer .footer_top .ftr_nav a:focus{color: #fff;} /* 2024-05-07 수정 */
.footer .footer_bottom { z-index: 2; position: relative; padding: 60px 0; }
.footer .footer_bottom .ftr_info { display: flex; }
.footer .footer_bottom .ftr_info .address { margin-left: 4%; font-size: 1.4em; color: #fff; line-height: 1.5em; }
.footer .footer_bottom .ftr_link { position: absolute; display: flex; justify-content: space-between; align-items: center; top: -78px; right: 0; width: 387px; height: 40px; }
.footer .footer_bottom .ftr_link .sns { width: 136px; display: flex; justify-content: space-between; align-items: center; }
.footer .footer_bottom .ftr_link .sns a { display: block; width: 40px; height: 40px; text-indent: -10000px; overflow: hidden; border-radius: 50%; transition: all 0.1s; }
.footer .footer_bottom .ftr_link .sns a:nth-child(1) { background: url("../images/common/btn_sns_01.svg") no-repeat center center; background-size: 100%; }
.footer .footer_bottom .ftr_link .sns a:nth-child(1):hover, .footer .footer_bottom .ftr_link .sns a:nth-child(1):focus{ background: url("../images/common/btn_sns_01_on.svg") no-repeat center center; background-size: 100%; }
.footer .footer_bottom .ftr_link .sns a:nth-child(2) { background: url("../images/common/btn_sns_02.svg") no-repeat center center; background-size: 100%; }
.footer .footer_bottom .ftr_link .sns a:nth-child(2):hover, .footer .footer_bottom .ftr_link .sns a:nth-child(2):focus{ background: url("../images/common/btn_sns_02_on.svg") no-repeat center center; background-size: 100%; }
.footer .footer_bottom .ftr_link .sns a:nth-child(3) { background: url("../images/common/btn_sns_03.svg") no-repeat center center; background-size: 100%; }
.footer .footer_bottom .ftr_link .sns a:nth-child(3):hover, .footer .footer_bottom .ftr_link .sns a:nth-child(3):focus{ background: url("../images/common/btn_sns_03_on.svg") no-repeat center center; background-size: 100%; }
.footer .footer_bottom .ftr_link .sns a:nth-child(1):focus,
.footer .footer_bottom .ftr_link .sns a:nth-child(2):focus,
.footer .footer_bottom .ftr_link .sns a:nth-child(3):focus{outline: 1px solid #fff;}
.footer .footer_bottom .ftr_link .mo_wa { display: none; }
.footer .footer_bottom .ftr_link .familysite { position: relative; }
.footer .footer_bottom .ftr_link .familysite .family_tit { display: block; padding: 0 40px 0 16px; width: 225px; height: 40px; line-height: 40px; border: 1px solid #e0e0e0; box-sizing: border-box; background: #292F32 url("../images/common/ic_arrow_open.png") no-repeat center right 16px; font-size: 1.4em; color: #fff; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; }
.footer .footer_bottom .ftr_link .familysite .family_list { z-index: 100; display: none; position: absolute; bottom: 40px; left: 0; right: 0; height: 330px; border: 1px solid #e0e0e0; border-bottom: 0; background: #292F32; box-sizing: border-box; } /* 2024-05-10 수정 */
.footer .footer_bottom .ftr_link .familysite .family_list .inner { overflow-y: auto; height: 100%; padding: 20px 10px 20px 0; box-sizing: border-box; } /* 2024-05-07 수정 */
.footer .footer_bottom .ftr_link .familysite .family_list .option { display: block; padding: 0 0 0 16px; width: calc(100% - 20px); height: 30px; font-size: 1.4em; line-height: 30px; color: #fff; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  }
.footer .footer_bottom .ftr_link .familysite .family_list .option span { position: relative; font-weight: 300; }
.footer .footer_bottom .ftr_link .familysite .family_list .option span::before { display: none; content: ""; position: absolute; top: 0; right: -20px; width: 20px; height: 22px; background: url(../images/common/ic_arrow_open_12px.svg) no-repeat center center; }
.footer .footer_bottom .ftr_link .familysite .family_list .option:focus span,
.footer .footer_bottom .ftr_link .familysite .family_list .option:hover span { text-decoration: underline; }
.footer .footer_bottom .ftr_link .familysite .family_list .option:focus span::before,
.footer .footer_bottom .ftr_link .familysite .family_list .option:hover span::before { display: block; }
.footer .footer_bottom .ftr_cs { position: absolute; display: flex; justify-content: flex-end; align-items: center; top: 0; right: 0; padding-top: 60px; width: auto; height: 107px; } /* 2024-12-09 수정 */
.footer .footer_bottom .ftr_cs .wa { width: 120px;} /* 2024-12-09 수정 */
.footer .footer_bottom .ftr_cs .wa img{width: 100%;}  /* 2024-12-09 추가 */
.footer .footer_bottom .ftr_cs .bar { display: block; width: 1px; height: 80px; background: #424242; margin: 0 36px;}  /* 2024-12-09 수정 */
.footer .footer_bottom .ftr_cs > div { display: flex; flex-direction: column; justify-content: space-between; width: 100%; max-width: 376px; height: 100%; }
.footer .footer_bottom .ftr_cs > div h3 { font-size: 1.6em; color: #fff; font-weight: 400; }
.footer .footer_bottom .ftr_cs > div p { font-size: 3.2em; color: #75B4FF; font-weight: 300; }
.footer .footer_bottom .ftr_cs > div p span { display: inline-block; margin-left: 8px; font-size: 12px; color: #fff; font-weight: 300; }
.footer .footer_bottom .ftr_cs > div .cs_link { display: flex; justify-content: space-between; }
.footer .footer_bottom .ftr_cs > div .cs_link a { display: block; flex-grow: 1; width: 90px; height: 26px; line-height: 26px; text-align: center; color: #e0e0e0; font-weight: 400; font-size: 1.2em; background: #3A4246; border: 1px solid #3A4246; transition: all 0.2s;  }
.footer .footer_bottom .ftr_cs > div .cs_link a + a { margin-left: 5px; }
/* S::2024-11-05 수정 */
.footer .footer_bottom .ftr_cs > div .cs_link a.cs_link_01 { text-indent: -18px; background: #3A4246 url("../images/common/ic_new_tab_white.png") no-repeat center right 10px; }
.footer .footer_bottom .ftr_cs > div .cs_link a.cs_link_02 { text-indent: -18px; background: #3A4246 url("../images/common/ic_new_tab_white.png") no-repeat center right 7px; }
.footer .footer_bottom .ftr_cs > div .cs_link a.cs_link_03 { text-indent: -18px; background: #3A4246 url("../images/common/ic_new_tab_white.png") no-repeat center right 10px; }
.footer .footer_bottom .ftr_cs > div .cs_link a.cs_link_04 { text-indent: -18px; background: #3A4246 url("../images/common/ic_new_tab_white.png") no-repeat center right 10px; }
/* E::2024-11-05 수정 */
.footer .footer_bottom .ftr_cs > div .cs_link a:focus { text-decoration: underline; background-color: #5B6266; transition: all 0.2s; }
.footer .footer_bottom .ftr_cs > div .cs_link a:hover { background-color: #5B6266; transition: all 0.2s; }
.footer .footer_bottom .copyright { margin-top: 40px; color: #9E9E9E; font-size: 1.4em; }
.footer .footer_bottom .copyright i { font-style: normal; }

/* top 버튼 */
.top_btn { display: none; z-index: 1; position: fixed; bottom: 85px; right: 56px; width: 64px; height: 64px; background: #0064DD url(../images/common/ic_top.png) no-repeat top 16px center; } /* 2024-11-05 수정 */
.top_btn:hover, .top_btn:focus{background: #0064DD url(../images/common/ic_top.png) no-repeat center top 8px; transition: all 0.2s; }

/*------------------------------------------------
board
------------------------------------------------*/
/* post_top */
.post_top { width: 100%; border: 1px solid #e0e0e0; border-radius: 8px; margin-bottom: 40px; }
.post_top a { display: flex; padding: 28px;  }
.post_top a:hover .post_txt div, .post_top a:focus .post_txt div, .post_top a:hover .post_txt p, .post_top a:focus .post_txt p {color: #000;}
.post_top a .post_img { position: relative; display: inline-block; width: 487px; margin-right: 5.17%; overflow: hidden; }
.post_top a .post_img::before { float: left; padding-top: 66.7%; content: ''; }
.post_top a .post_img::after { display: block; content: ''; clear: both; }
.post_top a .post_img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; }
.post_top a .post_txt { display: flex; flex-direction: column; justify-content: center; width: 100%; max-width: 512px; transition: all 0.2s; }
.post_top a .post_txt div { width: 100%; font-size: 24px; color: #222; font-weight: 500; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5em; height: 3em; }
.post_top a .post_txt p { padding-top: 20px; width: 100%; font-size: 16px; color: #424242; font-weight: 400; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 1.5em; height: 6em; } /* 2024-04-23 수정 */

/* board_list */
.board_list_wrap { width: 100%; }
.board_list_wrap.mt{margin-top: 56px;}
.board_top { position: relative; margin-bottom: 20px; min-height: 20px; }
.board_top .board_tt { position: absolute; top: 50%; transform: translate(0,-50%); font-size: 1.4em; color: #222;}
.board_top .board_tt .count { font-weight: 700; color: #F96000; }
.board_list_wrap .board_list { border-top: 1px solid #222; }
.board_list_wrap .board_list > ul { width: 100%; box-sizing: border-box; }
.board_list_wrap .board_list > ul > li { position: relative; }
.board_list_wrap .board_list > ul > li .list { z-index: 1; position: relative; display: flex; border-bottom: 1px solid #E0E0E0; transition: all 0.2s; }
.board_list_wrap .board_list > ul > li .list .td_num { width: 160px; font-size: 2.8em; font-weight: 700; text-align: center; line-height: 130px; color: #777; } /* 2024-08-20 수정 */
.board_list_wrap .board_list > ul > li .list .td_num .badge_important { display: inline-block; vertical-align: middle; width: 42px; height: 24px; line-height: 24px; border-radius: 50px; font-size: 12px; font-weight: 500; color: #fff; background: #F96000; }
.board_list_wrap .board_list > ul > li .list .td_cont { width: calc(100% - 320px); display: flex; flex-direction: column; justify-content: center; }
.board_list_wrap .board_list > ul > li .list .td_cont:hover .tit span{font-weight: 600;}
.board_list_wrap .board_list > ul > li .list .td_cont.full{width: calc(100% - 160px);}
.board_list_wrap .board_list > ul > li .list .td_cont.full .tit span{max-width: 100%; padding-right: 0;}
.board_list_wrap .board_list > ul > li .list .td_cont .tit { margin-bottom: 12px; }
.board_list_wrap .board_list > ul > li .list .td_cont .tit span { position: relative; display: inline-block; vertical-align: middle; max-width: calc(100% - 60px); padding-right: 0; font-size: 2em; font-weight: 500; color: #222; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* 2024-10-07 수정 */
.board_list_wrap .board_list > ul > li .list .td_cont ul.info { display: flex; }
.board_list_wrap .board_list > ul > li .list .td_cont ul.info li { font-size: 1.4em; font-weight: 400; color: #424242; }
.board_list_wrap .board_list > ul > li .list .td_cont ul.info li + li { padding-left: 30px; background: url("../images/common/ic_bullet.png") no-repeat 14px center; }
.board_list_wrap .board_list > ul > li .list .td_cont ul.info li span { display: inline-block; padding-left: 12px; color: #757575; font-weight: 300;  }
.board_list_wrap .board_list > ul > li .list .td_cont ul.info li.team { display: flex; }
.board_list_wrap .board_list > ul > li .list .td_cont ul.info li.team span { max-width: 258px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.board_list_wrap .board_list > ul > li .list .td_cont ul.info .none{background: none; padding-left: 0; margin-left: 8px;}
.board_list_wrap .board_list > ul > li .list .td_cont ul.info .status{padding-left: 0; padding: 1px 8px; font-weight: 500; font-size: 12px; border-radius: 20px;}
.board_list_wrap .board_list > ul > li .list .td_cont ul.info .status.review{color: #DE5C0B; background: #FDE9DD;}
.board_list_wrap .board_list > ul > li .list .td_cont ul.info .status.done{color: #222222; background: #E0E0E0;}

.board_list_wrap .board_list > ul > li .list.imp_list { background: #F3F8FE; }
/*.board_list_wrap .board_list > ul > li .list.new_list .td_cont .tit span::after { content: ""; position: absolute; width: 20px; height: 20px; right: 0; top: 50%; transform: translate(0,-50%); background: url(../images/common/ic_new_badge_20px.svg) no-repeat center center; }*/ /* 2024-10-07 삭제 */

.board_list_wrap .board_list > ul > li .list:focus .td_num,
.board_list_wrap .board_list > ul > li .list:hover .td_num { color: #222; } /* 2024-08-20 수정 */
.board_list_wrap .board_list > ul > li .list:focus .td_cont .tit span { text-decoration: underline; } /* 2024-04-29 수정 */

.board_top.table{height: 38px;}
.board_top.table .post_side_wrap{bottom: unset; top: 0;}
.board_list_wrap .board_table{margin-top: 20px; overflow-x: scroll;}
.board_list_wrap .board_table table{min-width: 630px;}
.board_list_wrap .board_table .data_table.code tbody tr:last-child td:first-child{font-weight: 500;} /* 2024-04-29 추가 */

/* 첨부파일 */
.board_list_wrap .board_list > ul > li .list .td_file { width: 140px; height: 130px; background: url(../images/common/ic_file.svg) no-repeat center center; background-size: 28px; }
.board_list_wrap .board_list > ul > li .file_list_wrap { display: none; z-index: 2; position: absolute; top: 50%; right: 66px; margin-top: 15px; width: 320px; background: #515E78; border: 1px solid #515E78; border-radius: 6px; box-sizing: border-box; overflow: hidden; }
.board_list_wrap .board_list > ul > li .file_list_wrap.on { display: block; }
.board_list_wrap .board_list > ul > li .file_list_wrap p { padding: 0 16px; font-size: 1.4em; line-height: 37px; color: #fff; }
.board_list_wrap .board_list > ul > li .file_list_wrap .file_list { max-height: 148px; overflow-y: auto; padding: 16px; background: #fff; }
.board_list_wrap .board_list > ul > li .file_list_wrap .file_list li { position: relative; }
.board_list_wrap .board_list > ul > li .file_list_wrap .file_list li .file_name { z-index: 1; position: relative; display: block; width: calc(100% - 28px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  }
.board_list_wrap .board_list > ul > li .file_list_wrap .file_list li .file_name:hover,
.board_list_wrap .board_list > ul > li .file_list_wrap .file_list li .file_name:focus{ text-decoration: underline;}
.board_list_wrap .board_list > ul > li .file_list_wrap .file_list li .file_name .name { display: block; z-index: 1; position: relative; height: 20px; font-size: 1.4em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.board_list_wrap .board_list > ul > li .file_list_wrap .file_list li + li { margin-top: 8px; }
.board_list_wrap .board_list > ul > li .file_list_wrap .file_list li .viewer { z-index: 2; position: absolute; top:0; right: 0; width: 20px; height: 20px; background: url("../images/common/ic_eye_view.svg") no-repeat center center; font-size: 0;  }
.board_list_wrap .board_list > ul > li .file_list_wrap .file_list li .viewer:hover,
.board_list_wrap .board_list > ul > li .file_list_wrap .file_list li .viewer:focus{ background: url("../images/common/ic_eye_view_on.svg") no-repeat center;}
.board_list_wrap .board_list > ul > li .file_list_wrap .list_close_btn { z-index: 2; position: absolute; top:0; right: 0; width: 37px; height: 37px; background: url("../images/common/ic_close_white.png") no-repeat center center;}

/* pagination */
.paging_wrap { margin-top: 64px; }
.paging_wrap ul { display: flex; width: 100%; justify-content: center; }
.paging_wrap ul li + li{margin-left: 6px;}
.paging_wrap ul li.pg_arrow button { display: block; width: 40px; height: 40px; }
.paging_wrap ul li.pg_arrow button:disabled{cursor: auto; opacity: 0.5;}
/* S::2024-04-29 수정 */
.paging_wrap ul li.pg_first button{ background: url("../images/common/btn_first.svg") no-repeat center center; }
.paging_wrap ul li.pg_prev button{ background: url("../images/common/btn_prev.svg") no-repeat center center; margin-right: 20px;}
.paging_wrap ul li.pg_next button{ background: url("../images/common/btn_next.svg") no-repeat center center; margin-left: 20px;}
.paging_wrap ul li.pg_last button{ background: url("../images/common/btn_last.svg") no-repeat center center; }
/* E::2024-04-29 수정 */
.paging_wrap ul li.pg_first.disabled { background: url("../images/common/btn_first_dis.svg") no-repeat center center; }
.paging_wrap ul li.pg_prev.disabled { background: url("../images/common/btn_prev_dis.svg") no-repeat center center; }
.paging_wrap ul li.pg_next.disabled { background: url("../images/common/btn_next_dis.svg") no-repeat center center; }
.paging_wrap ul li.pg_last.disabled { background: url("../images/common/btn_last_dis.svg") no-repeat center center; }
.paging_wrap ul li.pg_num button { display: block; width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 1.6em; color: #424242;}
.paging_wrap ul li.pg_num button:focus { background: #F3F3F5;} /* 2024-04-29 추가 */
.paging_wrap ul li.pg_num button:hover { background: #F3F3F5;} /* 2024-04-29 수정 */
.paging_wrap ul li.pg_num button.on { font-weight: 700; color: #fff; background: #0064DD; }

/*------------------------------------------------
post
------------------------------------------------*/
.post_box { width: 100%; border: 1px solid #e0e0e0; border-radius: 8px; margin-bottom: 40px; }
.post_box > div { padding: 56px 64px; }
.post_box > div .post_tit_wrap { position: relative; border-bottom: 1px solid #E0E0E0; box-sizing: border-box; transition: all 0.2s; }
.post_box > div .post_tit_wrap .post_tit { z-index: 1; position: relative; padding-bottom: 28px; line-height: 1.5em; font-size: 2.4em; font-weight: 500; word-break: keep-all;}
.post_box > div .post_tit_wrap .info { z-index: 1; position: relative; display: flex; margin-bottom: 16px; }
.post_box > div .post_tit_wrap .info li { font-size: 1.4em; font-weight: 400; color: #424242; position: relative;}
.post_box > div .post_tit_wrap .info li + li { margin-left: 15px; padding-left: 15px; }
.post_box > div .post_tit_wrap .info li + li::before{content: ""; display: block; width: 1px; height: 14px; position: absolute; top: 55%; left: 0; transform: translate(0,-50%); background: #E0E0E0;}
.post_box > div .post_tit_wrap .info li span { display: inline-block; padding-left: 12px; color: #757575; font-weight: 300; }

.post_side_wrap { z-index: 2; position: absolute; bottom: 16px; right: 0; }
.post_side_wrap.index{z-index: 3;}
.post_side_wrap > button { margin-left: 8px; width: 36px; height: 36px; border: 1px solid #e0e0e0; border-radius: 8px; background: #fff; box-sizing: border-box; }
.post_side_wrap > button:hover{border-color: #0064DD;}
.post_side_wrap .share_btn { background: url("../images/common/ic_share.svg") no-repeat center center; }
.post_side_wrap .share_btn:focus,
.post_side_wrap .share_btn:hover{background: url("../images/common/ic_share_on.svg") no-repeat center center;}
.post_side_wrap .share_list_wrap { position: absolute; top: 0; right: 44px; width: 0; height: 36px; border: 1px solid transparent; border-radius: 8px; box-sizing: border-box; background: transparent; transition: all 0.3s ease; }
.post_side_wrap .share_list_wrap.on { width: 240px; border: 1px solid #e0e0e0; background: #fff; transition: all 0.3s ease; }
.post_side_wrap .share_list_wrap .share_list { position: relative; display: none; padding: 8px 44px 8px 16px; height: 20px; }
.post_side_wrap .share_list_wrap.on .share_list { display: flex; padding: 8px 44px 8px 16px; height: 20px; }
.post_side_wrap .share_list_wrap .share_list .share_name { z-index: 1; position: relative; display: inline-block; width: 20px; height: 20px; font-size: 0; }
.post_side_wrap .share_list_wrap .share_list .share_name + .share_name { margin-left: 12px; }
.post_side_wrap .share_list_wrap .share_list .share_name.kakao    { background: url("../images/common/ic_kakao.svg") no-repeat center center; }
.post_side_wrap .share_list_wrap .share_list .share_name.mail     { background: url("../images/common/ic_mail.svg") no-repeat center center; }
.post_side_wrap .share_list_wrap .share_list .share_name.blog     { background: url("../images/common/ic_blog.svg") no-repeat center center; }
.post_side_wrap .share_list_wrap .share_list .share_name.facebook { background: url("../images/common/ic_fb.svg") no-repeat center center; }
.post_side_wrap .share_list_wrap .share_list .share_name.twitter  { background: url("../images/common/ic_tw.svg") no-repeat center center; }
.post_side_wrap .share_list_wrap .share_list .share_name.url      { background: url("../images/common/ic_copy.svg") no-repeat center center; }
.post_side_wrap .share_list_wrap .share_list .url_msg_wrap { display: none; z-index: 2; position: absolute; top:40px; right: 0; width: 264px; height: auto; padding: 24px 0; border-radius: 6px; border: 1px solid #E0E0E0; background: #FFF; box-shadow: -8px -9px 10px 0px rgba(0, 0, 0, 0.05), 8px 9px 10px 0px rgba(0, 0, 0, 0.05); }
.post_side_wrap .share_list_wrap .share_list .url_msg_wrap div { padding: 0 24px; font-size: 1.6em; }
.post_side_wrap .share_list_wrap .share_list .url_msg_wrap .msg_close { position: absolute; display: block; top: 30%; right: 12px; width: 20px; height: 20px; transform: translate(0, -50%); background: url("../images/common/ic_close.svg") no-repeat center center; background-size: 20px; }
.post_side_wrap .share_list_wrap .share_list .url_msg_wrap.on { display: block; }
.post_side_wrap .share_list_wrap .share_close { position: absolute; display: none; top: 50%; right: 8px; width: 20px; height: 20px; transform: translate(0, -50%); background: url("../images/common/ic_close_gray.svg") no-repeat center center; }
.post_side_wrap .share_list_wrap.on .share_close { display: block; }
.post_side_wrap .print_btn { background: url("../images/common/ic_print.svg") no-repeat center center; }
.post_side_wrap .print_btn:focus,
.post_side_wrap .print_btn:hover{ background: url("../images/common/ic_print_on.svg") no-repeat center center; }

.post_content_wrap { margin-top: 24px; }
.post_content_wrap .post_file_wrap { width: 100%; background: #fafafa; border-radius: 4px; }
.post_content_wrap .post_file_wrap > div { position: relative; margin: 0 40px; padding: 20px 0; }
.post_content_wrap .post_file_wrap > div .tit { position: absolute; top: 22px; left: 0; width: 60px; height: 24px; font-size: 1.6em; font-weight: 500; }
.post_content_wrap .post_file_wrap > div .tit.center{top: 50%; transform: translate(0,-50%); text-align: center;}
.post_content_wrap .post_file_wrap > div .post_file_list { position: relative; display: block; margin-left: 100px; padding-left: 40px; border-left: 1px solid #e0e0e0; }
.post_content_wrap .post_file_wrap > div .post_file_list li {width: 100%; margin: 2px 0; line-height: 22px; font-size: 1.6em; }
.post_content_wrap .post_file_wrap > div .post_file_list li + li { margin-top: 12px; }
.post_content_wrap .post_file_wrap > div .post_file_list li .file_name{display: inline-block; width: auto; max-width: calc(100% - 32px);}
.post_content_wrap .post_file_wrap > div .post_file_list li .file_name:hover,
.post_content_wrap .post_file_wrap > div .post_file_list li .file_name:focus{font-weight: 500;}
.post_content_wrap .post_file_wrap > div .post_file_list li .file_name span { background-position: 0 3px; word-break: break-all;}
.post_content_wrap .post_file_wrap > div .post_file_list li .viewer {display: inline-block; vertical-align: top; margin: 1px 0 0 8px; width: 20px; height: 100%; background: url("../images/common/ic_eye_view.svg") no-repeat center 2px; font-size: 0;  transition: all 0.2s;}
.post_content_wrap .post_file_wrap > div .post_file_list li .viewer:hover, .post_content_wrap .post_file_wrap > div .post_file_list li .viewer:focus{background: url("../images/common/ic_eye_view_on.svg") no-repeat center 2px;}
.post_content_wrap .post_content { margin-top: 36px; font-size: 1.6em; line-height: 1.5;}
.post_content_wrap .post_content img{max-width: 100%;} /* 2024-04-24/3 수정 */
.post_content_wrap .post_content p{line-height: 1.5;}

.post_content_wrap .post_file_wrap > div .post_contents_box { position: relative; display: flex; flex-wrap: wrap; margin-left: 100px; padding-left: 40px; border-left: 1px solid #e0e0e0; font-size: 1.6em; color: #424242; }

.footerMenu .post_content_wrap .post_content{margin-top: 0;}
.footerMenu .post_content_wrap .post_content p{font-size: 1em; color: #424242;}
.footerMenu .post_content_wrap .post_file_wrap{margin-top: 36px;}
.footerMenu .post_content_wrap .post_file_wrap + .post_file_wrap{margin-top: 8px;}
.footerMenu .post_btn_wrap li{width: auto;}

.post_btn_wrap { display: flex; justify-content: space-between; width: 100%; }
.post_btn_wrap li { position: relative; width: 100%; max-width: 44%; }
.post_btn_wrap li span { display: none; flex-shrink: 0; color: #616161; font-size: 14px; padding-right: 12px; border-right: 1px solid #E0E0E0; box-sizing: border-box; }
/* S::2024-05-10 수정 */
.post_btn_wrap li button { display: block; width: calc(100% - 24px); line-height: 23px; text-align: left; font-size: 1.6em; color: #424242; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.post_btn_wrap li button:disabled{opacity: 0.7; cursor: default;} /* 2024-05-07 추가 */
.post_btn_wrap li button:hover, .post_btn_wrap li button:focus{color: #000;}
.post_btn_wrap li button:disabled:hover{color: #424242;}
.post_btn_wrap li.prev_post button { margin-left: 24px; }
.post_btn_wrap li.prev_post button::before { content: ""; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background: url("../images/common/ic_arrow_prev.svg") no-repeat center center; }
.post_btn_wrap li.next_post button { margin-right: 24px; text-align: right;}
.post_btn_wrap li.next_post button::before { content: ""; position: absolute; top: 0; right: 0; width: 24px; height: 24px; background: url("../images/common/ic_arrow_next.svg") no-repeat center center; }
/* E::2024-05-10 수정 */

/* no result */
.no_result { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 10% 0 !important; }
.no_result > div { width: 80%; text-align: center; }
.no_result img { width: 280px; }
.no_result .tit_txt { padding-top: 36px; color: #222; font-size: 16px; font-weight: 400; word-break: keep-all; }
.no_result .sub_txt { padding-top: 17px; color: #424242; font-size: 14px; font-weight: 400; word-break: keep-all; }





/*------------------------------------------------
푸터메뉴
------------------------------------------------*/
.policy_box{word-break: keep-all;}
.policy_box ol{padding: 0;}
.policy_box .tit_ty1{margin-top:40px; margin-bottom:20px; font-weight:700; font-size:1.8em; color:#222;}
.policy_box p, .policy_box li, .policy_box a{font-size: 1.6em; line-height: 1.6; color: #424242;}
.policy_box li li, .policy_box li p, .policy_box li a{font-size: 1em;}
.policy_box .page_title { font-size: 2.8em; font-weight: 500; text-align: center;}
.policy_box .page_title br { display: none;}
.policy_box .sub_title { font-size: 1.8em; margin-top: 20px; text-align: center;}

.policy_box .txt_b { font-size: 1.8em; font-weight: 500; color: #222;}
.policy_box .tit_blue_line { font-size: 1.8em; font-weight: 500; color: #0064DD;}
.policy_box .tit_st { font-size: 1.6em; font-weight: 400; margin: 28px 0 0 0;}
.policy_box .tit_st1 { font-size: 1.8em; font-weight: 700; margin: 28px 0 0 0;}
.policy_box .pl16{padding-left: 16px;}
.policy_box .pl32{padding-left: 32px;}

.policy_box .pesoninfo_top .list_box { width:calc(100% + 10px); }
.policy_box .pesoninfo_top .list_box > li { float:left; width:25%; padding-bottom:10px; }
.policy_box .pesoninfo_top .list_box > li > div { border:1px solid #d8d8d8; margin-right:10px; padding:20px 0; text-align:center; height: 225px; }
.policy_box .pesoninfo_top .list_box > li > div .box_tit { font-size:15px; font-weight:bold; color:#333; padding-bottom:15px; }
.policy_box .pesoninfo_top .list_box > li > div p{ padding-bottom:15px; }
.policy_box .pesoninfo_top .list_box > li > div ol { display:inline-block; text-align:left; margin:0 auto; height:78px; padding: 0; }
.policy_box .pesoninfo_top .list_box > li > div ol li { padding-left:18px; background:url("../images/common/label_check.png") no-repeat 0 7px; }
.policy_box .pesoninfo_top .list_box > li > div ol li + li{margin-top: 5px;}
.policy_box .sub_text{font-size: 1.6em; color: #757575; margin-top: 1em;}

.policy_box .section_personinfo {word-break:keep-all}
.policy_box .section_personinfo .link {color:#fd1e00;}
.tbl_data2 th {padding:4px 0px 3px;text-align:center;}
.tbl_data2 tbody td {padding-top:4px;padding-bottom:3px;text-indent:0}

.policy_box .list_no{padding: 0;}
.policy_box .list_no li{padding-left:17px;text-indent:-17px;}
.policy_box .box_border{padding:14px 14px 12px; margin-top:10px; font-size:1.3em; line-height:24px; border:1px solid #d5d5d5;}
.policy_box .box_border li{padding:0 0 0 9px;font-size:14px;line-height:24px;text-indent:0;background:url("../images/common/bul_2.gif") 0 9px no-repeat;}

.policy_box .box_privacy_view {padding-top:10px;margin:10px 0 10px 0;text-indent:0;background:none; position: relative;}
.policy_box .box_privacy_view .box_view {padding-bottom:0;border-bottom:0 none; margin-top: 10px; background:none; display: none;} /* 2024-09-10 수정 */
.policy_box .box_privacy_view .btn_ty3 {position:absolute;top:0px;left:30px;right:inherit;padding:2px 22px 0;font-weight:normal;border:0 none;}

.policy_box .btn_ty_w, .policy_box .btn_ty_w:link, .policy_box .btn_ty_w:visited{width:auto; padding:3px 15px 3px 22px; text-align:left; background: #e2e2e2; text-decoration: none;} /* 2024-09-10 수정 */
.policy_box .box_view{margin-top: 10px;}
.policy_box .box_privacy_view .btn_ty_w:hover{background: #d9d9d9; }
.policy_box .box_privacy_view .btn_ty_w.close, .policy_box .box_personinfo_view .btn_ty_w.close:link, .policy_box .box_personinfo_view .btn_ty_w.close:visited{background:#e2e2e2 url(../images/common/btn_close_view2.gif) no-repeat 10px 12px;}
.box_business_view{position: relative;}

.policy_box .sel_personinfo{position:relative;height:24px;margin:10px 0 0 0;font-size:12px;line-height:19px;text-indent:0;background:#fff;}
.policy_box .sel_personinfo .btn_per {display:inline-block;width:250px;height:40px;margin:0;padding:0;border:1px solid #d5d5d5;}
.policy_box .sel_personinfo .my_value2 {font-size: 14px; overflow:visible; display:block; width:100%; height:100%; margin:0; padding:0; font-weight:normal; text-indent:10px; text-align:left; background:url(../images/common/ic_arrow_open_20px.svg) center right 10px no-repeat;}
.policy_box .sel_personinfo ul.list {display:none; overflow:hidden; position:absolute; left:0; bottom: 24px; width:250px; margin:0; padding:0; border-top:1px solid #bababa; border-bottom:1px solid #bababa; background:#fff; z-index: 100;} /* 2024-09-10 수정 */
.policy_box .sel_personinfo ul.list li{height:28px; padding:0; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; white-space:nowrap; font-size: 1em;}
.policy_box .sel_personinfo ul.list li + li{margin-top: 0;} /* 2024-09-10 추가 */
.policy_box .sel_personinfo ul.list li a{display:block; width:100%; height:100%; line-height:28px; text-indent:10px; text-decoration:none; font-size: 14px;}
.policy_box .sel_personinfo ul.list li.hover {background:#999;}
.policy_box .sel_personinfo ul.list li.hover a {color:#fff;}
.policy_box .sel_personinfo.open ul.list{display:block;}

.policy_box .list { margin: 20px 0 0 0; padding: 0;}
.policy_box .list.box { border: 1px solid #E0E0E0; box-sizing: border-box; padding: 12px 20px;}
.policy_box .list li { position: relative; font-size: 1.6em; line-height: 1.7; color: #424242;}
.policy_box .list li li { font-size: 1em;}
.policy_box .bullet li { padding-left: 12px; position: relative;}
.policy_box .bullet li::before { content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; position: absolute; top: 11px; left: 0; background: #424242;}
.policy_box .num li { padding-left: 16px;}
.policy_box .num li::before { display: block; position:absolute; top: 0; left: 0;}
.policy_box .num .num_1::before { content: "1.";}
.policy_box .num .num_2::before { content: "2.";}
.policy_box .num .num_3::before { content: "3.";}
.policy_box .num .num_4::before { content: "4.";}
.policy_box .num .num_5::before { content: "5.";}
.policy_box .num .num_6::before { content: "6.";}
.policy_box .num .num_7::before { content: "7.";}
.policy_box .list li strong {font-weight: 500; color: #222;}

.policy_box .table_scroll{overflow-x: scroll; width: 100%;}
.policy_box .table_scroll table{min-width: 600px;}
.tbl_data { width: 100%; border-spacing: 0; border-collapse: collapse; table-layout: fixed; word-wrap: break-word; font-size: 10px; border-top: none;}
.tbl_data.center { text-align: center;}
.tbl_data th { font-size: 1.6em; font-weight: 500; color: #222; background: #DEE1E8; padding: 12px 16px; word-break: break-all;}
.tbl_data .txt_center th,
.tbl_data .txt_center td{text-align: center;}
.tbl_data td { font-size: 1.4em; color: #424242; padding: 20px 16px; border-bottom: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0; box-sizing: border-box;}
.tbl_data td:first-child { border-left: none;}
.tbl_data td.bl{border-left: 1px solid #e0e0e0;}
.tbl_data.data_list td{padding: 8px 12px;}
.tbl_data2 { width: 100%; margin-top: 32px; border-top: 1px solid #222; box-sizing: border-box; text-align: left;}
.tbl_data2 .tr { border-bottom: 1px solid #E0E0E0; box-sizing: border-box; padding: 20px 0;}
.tbl_data2 .tr::after { content: ""; display: block; clear: both;}
.tbl_data2 .th,
.tbl_data2 .td { float: left;}
.tbl_data2 .th { width: 200px; text-indent: 32px; font-size: 1.6em; font-weight: 500;}
.tbl_data2 .td { width: calc(100% - 200px); font-size: 1.6em; color: #424242;}
.tbl_data2 .info_list li { display: inline-block; vertical-align: middle;   position: relative;}
.tbl_data2 .info_list li + li { margin-left: 22px; padding-left: 24px;}
.tbl_data2 .info_list li + li::before { content: ""; display: block; width: 1px; height: 16px; background: #757575; position: absolute; top: 6px; left: 0;}
.policy_box .business_img { margin-top: 18px; height: 360px; background: url("../images/contents/img_partner.png") center no-repeat;}
.policy_box .info_wrap { margin-top: 40px; padding-top: 28px; border-top: 2px solid #000; box-sizing: border-box; display: flex; justify-content: space-between;}
.policy_box .info_wrap::after { content: ""; display: block; clear: both;}
.policy_box .info_wrap .info_box { width: 360px;}
.policy_box .info_wrap .info_box + .info_box { margin-left: 40px;}
.policy_box .info_wrap .info_box .info_title { font-size: 2em; font-weight: 700; margin: 0;}
.policy_box .info_wrap .info_box .info_list { margin-top: 24px;}
.policy_box .info_wrap .info_box .info_list .tit { font-size: 1.6em; font-weight: 500; color: #222;}
.policy_box .info_wrap .info_box .info_list .con { font-size: 1.6em; color: #424242; margin-top: 12px; word-break: keep-all;}
.policy_box .tabcontent { display: none;}
.policy_box .tabcontent.current { display: block;}
.policy_box .btn_box { height: 36px; position: relative;}
.policy_box .box_footer{padding:15px 32px;margin-bottom:40px;line-height:24px;border:1px solid #d8d8d8;border-top:1px solid #006db8;}
.policy_box .box_footer p{font-weight: 500; font-size:1.5em;}
.policy_box .box_footer p.txt_blue{font-size: 1.6em; color: #0064DD;}
.policy_box .box_footer ol{padding:15px 0 5px;}
.policy_box .box_footer ol li{margin-left:15px;font-weight:bold;font-size:14px;text-indent:-15px;}
.policy_box a:hover{color: #000;}
.policy_box strong{font-weight: 500;}
.policy_box .tbl_data.tdhr th, .policy_box .tbl_data.tdhr td{padding: 12px;}



.email_deny{border: 1px solid #E0E0E0; box-sizing: border-box; word-break: keep-all;}
.email_deny .inner{padding: 40px 35px;}
.email_deny .icon{display: inline-block; vertical-align: middle; width: 130px;}
.email_deny .icon img{width: 100%;}
.email_deny .text{display: inline-block; vertical-align: middle; font-size: 1.8em; color: #222; width: calc(100% - 168px); margin-left: 32px;}
.email_deny .text span{color: #D8250E;}

.footer_title{font-size: 2.8em; color: #222; font-weight: 500; padding-top: 40px;}
.use_info_wrap {margin-bottom: 40px;}
.use_info_wrap .use_info_step{display: flex; justify-content: space-between; margin: 16px 0 0 0;}
.use_info_wrap .use_info_step li{width: 100%; max-width: 360px; padding: 36px 0; position: relative; border: 1px solid #E0E0E0; box-sizing: border-box; text-align: center;}
.use_info_wrap .use_info_step li + li{margin-left: 5%;}
.use_info_wrap .use_info_step li + li::before{content: ""; width: 24px; height: 24px; display: block; position: absolute; top: 50%; left: calc(-12px - 4.5%); transform: translate(-50%,-50%); background: url("../images/common/ic_btn_next.png") 0 no-repeat; background-size: 24px; }
.use_info_wrap .use_info_step li .step_num{display: block; position: absolute; top: 0; left: 0; width: 40px; height: 40px; line-height: 40px; background: #0064DD; font-size: 1.6em; font-weight: 600; color: #fff;}
.use_info_wrap .use_info_step li .step_img{width: 100px; height: 90px; margin: auto;}
.use_info_wrap .use_info_step li .step_img.step1{background: url("../images/contents/img_step_01.png") 0 no-repeat; background-size: cover;}
.use_info_wrap .use_info_step li .step_img.step2{background: url("../images/contents/img_step_02.png") 0 no-repeat; background-size: cover;}
.use_info_wrap .use_info_step li .step_img.step3{background: url("../images/contents/img_step_03.png") 0 no-repeat; background-size: cover;}
.use_info_wrap .use_info_step li .step_text{font-size: 1.8em; font-weight: 500; margin-top: 16px;}
.use_info_wrap .use_info_step li .step_text span{color: #0064DD;}
.use_info_wrap .btn_normal{display: block; margin: 20px auto 0 auto;}

.organization_wrap{margin-top: 16px; margin-bottom: 40px; border: 1px solid #E0E0E0; box-sizing: border-box; padding: 80px 0;}
.organization_wrap .organ_box{text-align: center; width: 80%; max-width: 800px; margin: auto; background: url("../images/common/organization_line.png") center top 12px no-repeat; background-size: 98% 135px;}
.organization_wrap .organ_box .dept{width: 100%; height: 46px; line-height: 46px; text-align: center; background: #8290AB; font-size: 1.6em; color: #fff; text-align: center;}
.organization_wrap .organ_box .dept.dept1{width: 180px; background: #5C6BC0; display: inline-block;}
.organization_wrap .organ_box .organ_detp{display: flex; justify-content: space-between; margin-top: 100px;}
.organization_wrap .organ_box .organ_detp > li{width: 200px;}
.organization_wrap .organ_box .organ_detp > li > ul > li{width: 100%; padding: 10px 0; border: 1px solid #BFC6D4; box-sizing: border-box; font-size: 1.6em; color: #222; margin-top: 16px;}

.section_agree{font-size:1.6em; word-break: keep-all;}
.section_agree .box_agree{overflow:auto; margin-bottom:10px; line-height: 1.5; color: #424242;}
.section_agree .box_agree h5{margin:20px 0 10px; font-size: 18px; color:#222;}
.section_agree .box_agree h6{margin:20px 0 10px; font-size: 1em; color: #424242;}
.section_agree .box_agree ol li{padding-left:15px; text-indent:-15px;}
.section_agree .box_bot{margin-top:37px; padding:20px; line-height:24px; border:1px solid #e5e5e5;}
.section_agree .box_agree ol{padding-left: 0;}

/*------------------------------------------------
Tooltip 
------------------------------------------------*/
.tooltip_pack { position: relative; display: inline-block; vertical-align: middle; }
.tooltip_pack .tooltip_desc { display: none; z-index: 100; position: absolute; bottom: calc(100% + 17px); right: 0; display: none; width: 200px; text-align: center; padding: 24px 0; border-radius: 4px; background: #fff; color: #222; filter: drop-shadow(-3px -7px 10px rgba(0, 0, 0, 0.08)) drop-shadow(3px 7px 10px rgba(0, 0, 0, 0.10)); }
.tooltip_pack .tooltip_desc.active { display: block; }
.tooltip_pack .tooltip_desc:after { content: ""; display: block; position: absolute; right: 12px; bottom: -10px; width: 16px; height: 13px; background: url("../images/common/tooltip_arrow_white.png") no-repeat center center; }

/* QR style */
.tooltip_pack .tooltip_desc .qr_tit { padding: 0 56px; margin-bottom: 12px; font-size: 14px; font-weight: 500; word-break: keep-all; }
.tooltip_pack .tooltip_desc img { border: 1px solid #0064DD; width: 82px; height: 82px;} /* 2024-05-31 수정 */
.tooltip_pack .tooltip_desc p { margin-top: 8px; font-size: 12px; color: #424242; }
.tooltip_pack .tooltip_desc .tt_close_btn { position: absolute; right: 6px; top: 6px; width: 32px; height: 32px; background: url("../images/common/ic_close_popup.svg") no-repeat center center; font-size: 0; }
.tooltip_pack.qr_2 .tooltip_desc { width: 280px; }
.tooltip_pack.qr_2 .tooltip_desc .qr_img { display: inline-block; }
.tooltip_pack.qr_2 .tooltip_desc .qr_img .app_link_btn { display: none; width: 50px; height: 50px; border: 1px solid #e0e0e0; border-radius: 50%; box-sizing: border-box; background: #fff url("../images/common/ic_logo_googleplay.png") no-repeat center center; font-size: 0; }
.tooltip_pack.qr_2 .tooltip_desc .qr_img + .qr_img { margin-left: 20px; }

.qr_btn_wrap { position: absolute; display: flex; top: 0; right: 0; height: 24px; } 
.qr_btn_wrap li { position: relative; } 
.qr_btn_wrap li + li { margin-left: 12px; } 
.qr_btn_wrap li .qr_btn { line-height: 22px; padding: 0 12px 0 30px; border: 1px solid #E0E0E0; border-radius: 50px; box-sizing: border-box; font-size: 14px; font-weight: 500; } 
.qr_btn_wrap li .qr_btn:hover { border: 1px solid #0064DD; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10); } 
.qr_btn_wrap li.qr_android .qr_btn { background: #fff url("../images/common/ic_app_android.svg") no-repeat center left 10px; } 
.qr_btn_wrap li.qr_ios .qr_btn { background: #fff url("../images/common/ic_app_ios.svg") no-repeat center left 10px; } 
.qr_btn_wrap li .qr_conts { position: absolute; } 

.qr_btn_wrap .app_link { display: none; line-height: 22px; padding: 0 12px 0 30px; border: 1px solid #E0E0E0; border-radius: 50px; box-sizing: border-box; font-size: 14px; font-weight: 500; }
.qr_btn_wrap li .app_link:hover { border: 1px solid #0064DD; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10); } 
.qr_btn_wrap li.qr_android .app_link { background: #fff url("../images/common/ic_app_android.png") no-repeat center left 10px; } 
.qr_btn_wrap li.qr_ios .app_link { background: #fff url("../images/common/ic_app_ios.svg") no-repeat center left 10px; } 


/*------------------------------------------------
단축번호 팝업
------------------------------------------------*/
.popup.popup_ivr { min-width: 360px; max-width: 850px; max-height: 862px; position: relative; margin: auto; position: relative; top: unset; left: unset; transform: unset;}
.popup.popup_ivr .inner { padding: 60px 0 40px; }
.popup.popup_ivr .popup_close{ z-index: 3; position: absolute; width: 60px; height: 60px; top: 0; right: 0; background: url("../images/common/ic_close.svg") no-repeat center; font-size: 0; text-indent: -9999px;}
.ivr_wrap_kftc{text-align: center;}
.ivr_wrap_kftc h2 { position: relative; display: block; color: #222; }
.ivr_wrap_kftc h2 span { position: relative; display: inline-block; }
.ivr_wrap_kftc h2 span + span { padding-left: 4px; }
.ivr_wrap_kftc h2 span i { z-index: 2; position: relative; display: inline-block; font-size: 2.4em; font-weight: 500; font-style: normal; }
.ivr_wrap_kftc h2 span::after { z-index: 1; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: #DBEBFF; }
.ivr_wrap_kftc .ivr_info { display: flex; justify-content: center; margin-top: 24px; color: #222; }
.ivr_wrap_kftc .ivr_info > div { padding-left: 28px; line-height: 32px; font-size: 2.4em; font-weight: 500; background: url("../images/common/ic_support_line.svg") no-repeat 0 center; }
.ivr_wrap_kftc .ivr_info > span { margin-left: 8px; line-height: 32px; font-size: 1.6em; }
.ivr_wrap_kftc .ivr_info_sub { margin: 4px 0 20px; font-size: 1.4em; color: #616161; }
.ivr_wrap_kftc .ivr_full_num { position: relative; margin: 0 auto; width: 100%; max-width: 804px; height: 90px; background: #F2F4F8;}
.ivr_wrap_kftc .ivr_full_num .num_wrap{position: absolute; left: 50%; transform: translate(-50%,0); width: 424px;}
.ivr_wrap_kftc .ivr_full_num .num_wrap::after{content: ""; display: block; clear: both;}
.ivr_wrap_kftc .ivr_full_num .num_wrap > span {font-size: 2.8em; font-weight: 500; color: #515E78; height: 58px; line-height: 56px; border-radius: 6px; background: #fff; border: 1px solid #8290AB; box-sizing: border-box; padding: 0 28px; display: block; float: left; margin-top: 16px; position: relative;}
.ivr_wrap_kftc .ivr_full_num .num_wrap > span + span{margin-left: 40px; width: 72px; padding: 0;}
.ivr_wrap_kftc .ivr_full_num .num_wrap > span + span::before{content: ""; display: block; width: 42px; height: 1px; background: #8290AB; position: absolute; top: 50%; left: -42px;}
.ivr_wrap_kftc .ivr_txt { margin: 20px 0 16px; font-size: 1.4em; font-weight: 500; color: #222; }
.ivr_wrap_kftc .ivr_list_warp_kftc { margin: 0 auto; width: calc(100% - 40px); max-width: 804px; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul::after { content: ""; display: block; clear: both; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list { float: left; position: relative; width: calc(33.3333% - 8px); height: 205px; margin-top: 20px; margin-right: 12px; border-left: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; box-sizing: border-box; text-align: left; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list:nth-child(3n) { margin-right: 0; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list:nth-child(n+4) { margin-top: 32px; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list.ivr_bg1 { border-top: 1px solid #0064DD; border-bottom: 1px solid #0064DD; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list.ivr_bg2 { border-top: 1px solid #5C6BC0; border-bottom: 1px solid #5C6BC0; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list.ivr_bg3 { border-top: 1px solid #088EC4; border-bottom: 1px solid #088EC4; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list.ivr_bg4 { border-top: 1px solid #3B90F7; border-bottom: 1px solid #3B90F7; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list.ivr_bg5 { border-top: 1px solid #004CA8; border-bottom: 1px solid #004CA8; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list.ivr_bg6 { border-top: 1px solid #1DA2AA; border-bottom: 1px solid #1DA2AA; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list .ivr_num { position: absolute; top: -21px; left: 24px; width: 42px; line-height: 42px; text-align: center; border-radius: 6px; color: #fff; font-size: 2em; font-weight: 500; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list.ivr_bg1 .ivr_num { background: #0064DD; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list.ivr_bg2 .ivr_num { background: #5C6BC0; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list.ivr_bg3 .ivr_num { background: #088EC4; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list.ivr_bg4 .ivr_num { background: #3B90F7; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list.ivr_bg5 .ivr_num { background: #004CA8; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list.ivr_bg6 .ivr_num { background: #1DA2AA; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list > ul { padding: 34px 24px 0 24px;}
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list > ul li + li { margin-top: 6px; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list a { position: relative; display: block; padding-left: 30px; font-size: 1.6em; font-weight: 400; color: #424242; word-break: keep-all; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list a strong { position: absolute; left: 0; top: 0; font-weight: 500; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list a:hover,
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list a:focus { text-decoration: underline; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list.ivr_bg1 a:hover,
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list.ivr_bg1 a:focus { color: #0064DD; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list.ivr_bg2 a:hover,
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list.ivr_bg2 a:focus { color: #5C6BC0; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list.ivr_bg3 a:hover,
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list.ivr_bg3 a:focus { color: #0064DD; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list.ivr_bg4 a:hover,
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list.ivr_bg4 a:focus { color: #3B90F7; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list.ivr_bg5 a:hover,
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list.ivr_bg5 a:focus { color: #004CA8; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list.ivr_bg6 a:hover,
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list.ivr_bg6 a:focus { color: #1DA2AA; }

/*==========================================================
keyframes
==========================================================*/
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/* S::2024-03-11 지급결제통계 인쇄 화면 추가작업 */
.print_popup {max-width: 1200px; margin: auto;}
.print_popup .page_top_wrap { position: relative; width: 100%; height: auto; text-align: center; }
.print_popup .page_top_wrap .page_tit { position: relative; display: inline-block; margin: 32px auto; transition: all 0.2s; }
.print_popup .page_top_wrap .page_tit::after { content: ""; z-index: 1; position: absolute; top: 0; left: -14px; width: 32px; height: 32px; background: linear-gradient(148deg, #0064DD 21.37%, rgba(0, 100, 221, 0.00) 100%); }
.print_popup .page_top_wrap .page_tit span { z-index: 2; position: relative; display: inline-block; margin: 0 auto; line-height: 62px; font-size: 3.2em; color: #222; font-weight: 700; }

.print_popup .table_cont_wrap{width: calc(100% - 20px); margin: auto; position: relative;}
.print_popup .table_cont_wrap + .table_cont_wrap{margin-top: 60px;}
.print_popup .table_cont_wrap .table_title{font-size: 1.8em; color: #333; font-weight: 500;}
.print_popup .table_cont_wrap .sub_text{font-size: 1.4em; color: #333; position: absolute; top: 0; right: 0;}
.print_popup .table_cont_wrap .table_wrap{margin-top: 10px;}
.print_popup .table_cont_wrap .table_wrap .data_table{min-width: 560px;}
/* E::2024-03-11 지급결제통계 인쇄 화면 추가작업 */

/* S::2024-03-11 인쇄화면 수정 */
@page {margin: 0 10px;}
@media print{
    .header, .contents, .footer, .top_btn{display:none !important;}
    * {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
    }
}
/* E::2024-03-11 인쇄화면 수정 */


/*==========================================================
responsive
==========================================================*/
/* S::2024-08-27 추가 */
@media all and (min-width: 1921px){
    .thumbnail_video_box .popup.subtitle_box{right: 120px; max-width: 465px;}
}
/* E::2024-08-27 추가 */

@media all and (max-width: 1520px){
.board_list_wrap .board_list > ul > li .list .td_cont ul.info li.team span { max-width: 136px; }
.tab_wrap .tab_list li a.link{right: 28%;} /* 2024-10-07 추가 */
}

@media all and (max-width: 1340px){
/*------------------------------------------------
Layout
------------------------------------------------*/
/* input : search  */
.search_input_box .search_input{width: 60%; min-width: 320px;}
.search_input_box.select .search_input{min-width: unset;}

/*------------------------------------------------
Header
------------------------------------------------*/
.header .header_top .logo { width: auto; }
.header .header_top .logo a { width: 125px; transition: all 0.2s; }
.header .header_top .search_keyword_area .search_wrap input[type="text"] { font-size: 1.5em; }
.header .header_top .search_keyword_area .keyword_wrap { font-size: 1.3em; line-height: 1.8em; }
.header .header_top .side_wrap ul { font-size: 1.5em; margin-right: 20px; }
.header .header_top .side_wrap .en_btn { font-size: 1.5em; }

.header .header_gnb .gnb_wrap .lnb_wrap .lnb { padding: 8px 0 12px; }
.header .header_gnb .gnb_wrap .lnb_wrap .tit { font-size: 1.7em; }
.header .header_gnb .side_btn_wrap { width: 48px; height: 48px; }
.header .header_gnb .side_btn_wrap .gnb_btn { width: 48px; }
.header .header_gnb .side_btn_wrap .gnb_btn.ttOpen i:nth-child(3) { margin-top: -1px; right: 10px; }

/* scroll */
.header.scr .header_gnb a.scr_logo img { width: 125px; transition: all 0.2s; }
.header.scr .header_gnb .side_btn_wrap { width: 70px; right: 0; }
.header.scr .header_gnb .side_btn_wrap .srch_btn { width: 22px; }

/* gnb total */
.header .gnb_total_wrap .gnb_total > ul > li .tit { font-size: 2em; transition: all 0.2s; }
.header .gnb_total_wrap .close_btn { top: -49px; width: 48px; height: 48px; }
    
.search_section .srch_close_btn{right: 20px;}

/*------------------------------------------------
subpage
------------------------------------------------*/
/* contents - common */
/*.subpage .contents { margin-top: 125px; }*/

/* page top */
.subpage .contents > div .page_top_wrap { font-size: 9px; height: 180px; transition: all 0.2s; }

/* snb */
.subpage .contents > div .page_contents_wrap .snb_wrap { width: 164px; }
.subpage .contents > div .page_contents_wrap .snb_wrap ul li a { line-height: 32px; font-size: 15px; transition: all 0.2s; }

/* tan */
.tab_wrap .tab_list li a { height: 50px; font-size: 14px; }
.tab_wrap .tab_list li a.link{right: 2.5vw;}
.tab_wrap .tab_list li a.link span{background-position: top 2px right 0;}
.tab_wrap .tab_list li a.on.link span{background-position: top 2px right 0;}
    
/* S::2024-04-08 추가 */
.tab_wrap .tab_list li button { height: 50px; font-size: 14px; }
.tab_wrap .tab_list li button.link span{background-position: top 2px right 0;}
.tab_wrap .tab_list li button.on.link span{background-position: top 2px right 0;}
/* E::2024-04-08 추가 */

/*------------------------------------------------
footer
------------------------------------------------*/
.footer .footer_top { height: 96px; }
.footer .footer_top .ftr_nav { display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 auto; width: 100%; max-width: 100%; padding-right: 0; }
.footer .footer_top .ftr_nav a { margin: 0 48px 0 0; line-height: 30px; }
.footer .footer_bottom { z-index: 2; position: relative; padding: 22px 0 22px; }
.footer .footer_bottom .ftr_info { justify-content: flex-start; padding-bottom: 22px; border-bottom: 1px solid #424242; }
.footer .footer_bottom .ftr_link { position: absolute; top: unset; bottom: 62px; margin: 24px auto 28px auto; width: auto; display: block;}
.footer .footer_bottom .ftr_cs { position: unset; margin: 0; padding-top: 16px; height: auto; display: block;}
.footer .footer_bottom .ftr_cs > div { display: block; width: auto; height: auto; }
.footer .footer_bottom .ftr_cs > div h3 { font-size: 1.4em; display: inline-block; font-weight: 300;}
.footer .footer_bottom .ftr_cs > div p { position: relative; padding-left: 16px; font-size: 1.4em; display: inline-block; line-height: 20px; }
.footer .footer_bottom .ftr_cs > div p span { line-height: 20px; }
.footer .footer_bottom .ftr_cs > div p::before { content: ""; position: absolute; display: block; top: 50%; left: 8px; width: 1px; height: 12px; transform: translate(0,-50%); background: #757575; }
.footer .footer_bottom .ftr_cs > div .cs_link { margin-top: 12px; width: 376px; }
.footer .footer_bottom .ftr_cs .wa{position: absolute; top: 16px; right: 0; width: 78px;} /* 2024-12-09 수정 */
.footer .footer_bottom .ftr_cs .wa img{width: 100%;}
.footer .footer_bottom .ftr_cs .bar{display: none;}
.footer .footer_bottom .ftr_link .familysite{margin-left: 12px;}
.footer .footer_bottom .ftr_link .sns{justify-content: flex-end; width: 100%;}
.footer .footer_bottom .ftr_link .sns a{margin-left: 8px; width: 28px; height: 28px;}
.footer .footer_bottom .ftr_link .sns a:nth-child(1) { background: url("../images/common/btn_sns_01_mo.svg") no-repeat center center; background-size: 100%; }
.footer .footer_bottom .ftr_link .sns a:nth-child(1):hover, .footer .footer_bottom .ftr_link .sns a:nth-child(1):focus{ background: url("../images/common/btn_sns_01_on_mo.svg") no-repeat center center; background-size: 100%; }
.footer .footer_bottom .ftr_link .sns a:nth-child(2) { background: url("../images/common/btn_sns_02_mo.svg") no-repeat center center; background-size: 100%; }
.footer .footer_bottom .ftr_link .sns a:nth-child(2):hover, .footer .footer_bottom .ftr_link .sns a:nth-child(2):focus{ background: url("../images/common/btn_sns_02_on_mo.svg") no-repeat center center; background-size: 100%; }
.footer .footer_bottom .ftr_link .sns a:nth-child(3) { background: url("../images/common/btn_sns_03_mo.svg") no-repeat center center; background-size: 100%; }
.footer .footer_bottom .ftr_link .sns a:nth-child(3):hover, .footer .footer_bottom .ftr_link .sns a:nth-child(3):focus{ background: url("../images/common/btn_sns_03_on_mo.svg") no-repeat center center; background-size: 100%; }       
.footer .footer_bottom .ftr_link .familysite .family_tit{margin-top: 8px; height: 32px; line-height: 30px; width: 260px;}
.footer .footer_bottom .ftr_link .familysite .family_list{bottom: 32px;}
.footer .footer_bottom .copyright { margin-top: 22px; text-align: left; }

/* top 버튼 */
.top_btn { bottom: 20px; right: 20px; width: 48px; height: 48px; background: #0064DD url(../images/common/ic_top.png) no-repeat top 10px center; background-size: 28px;}
.top_btn:hover, .top_btn:focus{background: #0064DD url(../images/common/ic_top.png) no-repeat top 5px center; background-size: 28px;}
    
/* popup */
.popup.gallery_popup{max-width: 610px; max-height: 790px;}
    .popup .contents_area.gallery{max-width: 410px;}

/*------------------------------------------------
board
------------------------------------------------*/
/* post_top */
.post_top a { padding: 20px; }
.post_top a .post_img { margin-right: 20px; width: 300px; flex-shrink: 0; }
.post_top a .post_txt { width: 100%; max-width: 53%; font-size: 9px; transition: all 0.2s; }

/* board_list */
.board_list_wrap .board_list > ul > li .list { font-size: 9px; transition: all 0.2s; }
.board_list_wrap .board_list > ul > li .list .td_num { width: 120px; line-height: 110px; }
.board_list_wrap .board_list > ul > li .list .td_cont { width: calc(100% - 240px); }
.board_list_wrap .board_list > ul > li .list .td_cont .tit { margin-bottom: 4px; }
.board_list_wrap .board_list > ul > li .list .td_cont ul.info li { font-size: 13px; }
.board_list_wrap .board_list > ul > li .list .td_cont ul.info li span { padding-left: 4px }
.board_list_wrap .board_list > ul > li .list .td_cont ul.info li.team span { max-width: 83px; }
.board_list_wrap .board_list > ul > li .list .td_cont ul.info li + li { padding-left: 20px; background: url("../images/common/ic_bullet.png") no-repeat 9px center; }
    
    
.board_list_wrap.mt{margin-top: 32px;}


/* 첨부파일 */
.board_list_wrap .board_list > ul > li .list .td_file { width: 120px; height: 110px; background-size: 24px; }
.board_list_wrap .board_list > ul > li .file_list_wrap { right: 48px; }

/* pagination */
.paging_wrap ul li.pg_num button { font-size: 1.4em; }

/*------------------------------------------------
post
------------------------------------------------*/
.post_box > div .post_tit_wrap { font-size: 9px; transition: all 0.2s; }
.post_box > div .post_tit_wrap .info { flex-wrap: wrap; width: calc(100% - 44px); }
.post_box > div .post_tit_wrap .info li { font-size: 14px; }
.post_box > div .post_tit_wrap .info li.team { width: 100%; flex-shrink: 0; margin-bottom: 4px; }
.post_box > div .post_tit_wrap .info li.team + li { border: 0; margin: 0; padding: 0; }
.post_box > div .post_tit_wrap .info li.team + li::before{display: none;}

.post_side_wrap .share_list_wrap .share_list .url_msg_wrap { padding: 7px 0; }
.post_side_wrap .share_list_wrap .share_list .url_msg_wrap div { padding: 0 16px; font-size: 14px; }
.post_side_wrap .share_list_wrap .share_list .url_msg_wrap .msg_close{top: 50%;}

.post_content_wrap { font-size: 9px; transition: all 0.2s; }

.post_btn_wrap { font-size: 9px; transition: all 0.2s; }
.post_btn_wrap li { position: relative; width: 100%; max-width: 44%; }
.post_btn_wrap li span { display: none; }
/* S::2024-05-10 수정 */
.post_btn_wrap li button { display: block; width: calc(100% - 24px); font-size: 1.6em; color: #424242; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.post_btn_wrap li.prev_post button { margin-left: 24px; }
.post_btn_wrap li.prev_post button::before { content: ""; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background: url("../images/common/ic_arrow_prev.png") no-repeat center center; }
.post_btn_wrap li.next_post button { margin-right: 24px; }
.post_btn_wrap li.next_post button::before { content: ""; position: absolute; top: 0; right: 0; width: 24px; height: 24px; background: url("../images/common/ic_arrow_next.png") no-repeat center center; }
/* E::2024-05-10 수정 */

/*------------------------------------------------
푸터메뉴
------------------------------------------------*/
.footer_title{font-size: 2.4em;}
.policy_box .pesoninfo_top .list_box > li{font-size: 1.4em; letter-spacing: -0.5px;}
.policy_box .pesoninfo_top .list_box > li > div ol li{padding-left: 14px;}
.use_info_wrap .use_info_step li + li{margin-left: 4%;}
.use_info_wrap .use_info_step li + li::before{left: calc(-12px - 2%);}
.use_info_wrap .use_info_step li .step_text{font-size: 1.5em;}
    
}
@media all and (max-width: 1024px){

/*------------------------------------------------
Header
------------------------------------------------*/
.header .header_top { height: 60px; padding-right: 0; }
.header .header_top .logo a { width: 102px; transition: all 0.2s; }
.header .header_top .search_keyword_area { display: none; }
.header .header_top .side_wrap { display: none; }
.header .header_gnb { display: none; }
.header .header_top .header_top { font-size: 1.5em; }
.header .header_top .mo_gnb_btn { display: block; }
.header.ttMode .gnb_total_wrap { margin-top: 0; }

/* scroll */
.header.scr { background: transparent; }
.header.scr .header_top { margin-top: 0; display: flex; border-bottom: 1px solid #e0e0e0; }
.subpage .header.scr .header_top { border-bottom: 0; }
.header.scr .header_top .mo_gnb_btn { background: url("../images/common/ic_manage_search_black.svg") no-repeat center; }

/* gnb total */
.header .gnb_total_wrap { z-index: 3; position: fixed; top: 0; right: -100%; width: 100%; height: 100%; /* transition: all 0.2s; */ }
.header.scr .gnb_total_wrap { height: 100%; }
.header .gnb_total_wrap .gnb_total { display: none; }
.header .gnb_total_wrap .mo_gnb_wrap { display: block; }
.header .gnb_total_wrap.active { display: block; right: 0; overflow-y: scroll; /* transition: all 0.2s; */ }

/* mobile lnb */
.header .mo_lnb_wrap { display: block; }

.search_wrap .autoSearch{top: 50px;}

/*------------------------------------------------
Layout 2024-02-27 수정
------------------------------------------------*/
/* input : search */
.search_input_box{margin: 0 auto 32px auto; text-align: left;}
.search_input_box.select{max-width: unset; padding: 16px; background: #FAFAFA; width: calc(100% - 32px);}
.search_input_box.select.select_only{max-width: unset;}
.search_input_box .search_input{width: 100%; display: block; min-width: 100%; }
.search_input_box .search_check{display: block; margin-left: 0; margin-top: 12px;}
.search_input_box .search_check .detail_btn {left: unset; right: 0; line-height: 26px; width: 96px; } 
.search_input_box .search_select{float: unset; width: 100%;}
.search_input_box .search_select select{height: 40px; line-height: 40px;}
.search_input_box.select .search_input{float: unset; width: 100%; margin-left: 0; margin-top: 8px;}
.search_input_box.select .search_input input{font-size: 14px; height: 40px; line-height: 40px;}
.search_input_box .search_input .search_btn{width: 20px; height: 20px; background-size: 20px;}

/*------------------------------------------------
contents
------------------------------------------------*/
.contents { margin-bottom: 100px; }

/*------------------------------------------------
subpage
------------------------------------------------*/
/* contents - common */
.subpage .contents { margin-top: 105px; }
.subpage.mo_lnb_none .header{border-bottom: 1px solid #e0e0e0; box-sizing: border-box;}
.subpage.mo_lnb_none .contents{margin-top: 60px;}
.subpage.mo_lnb_none .mo_lnb_wrap{display: none;}
.subpage .contents > div { padding: 0 20px; max-width: 704px; }

/* page top */
.subpage .contents > div .page_top_wrap { height: 123px; }
.subpage .contents > div .page_top_wrap .page_tit { margin: 40px auto; }
.subpage .contents > div .page_top_wrap .page_tit span { line-height: 43px; font-size: 3em; }
.subpage .contents > div .page_top_wrap .page_location { display: none; }

/* snb */
.subpage .contents > div .page_contents_wrap .snb_wrap { display: none; }
.subpage .contents > div .page_contents_wrap.no_tab .page_contents { margin-top: 0; padding-top: 0; }

/* tab */
.tab_wrap .tab_list { width: 100%; border: 0; text-align: center; }
.tab_wrap .tab_list li { float: none; display: inline-block; width: auto; margin: 0 4px 8px 4px; }
.tab_wrap .tab_list li a { height: auto; margin-bottom: 0; padding: 0 16px; font-size: 1.4em; color: #757575; background: #fff; border: 1px solid #E0E0E0; border-radius: 24px; transition: all 0.2s; }
.tab_wrap .tab_list li a span { position: relative; top: unset; left: unset; width: auto; transform: none; line-height: 32px; }
.tab_wrap .tab_list li a.cert span{left: unset; padding-right: 16px;} /* 2024-04-24/2 추가 */
.tab_wrap .tab_list li a.link{border: none; right: -3px;} /* 2024-04-24/2 추가 */
.tab_wrap .tab_list li a.link span{background-position: top 8px right 0;}
.tab_wrap .tab_list li a.on.link span{background-position: top 8px right 0;}
    
.tab_wrap .tab_list li a:focus,
.tab_wrap .tab_list li a:hover { font-weight: 500; }
.tab_wrap .tab_list li a.on { color: #0064DD; background: #F0F7FF; border: 1px solid #0064DD; }
.tab_wrap .tab_list li a.on:focus,
.tab_wrap .tab_list li a.on:hover { transition: all 0.2s; }
    
/* S::2024-04-08 추가 */
.tab_wrap .tab_list li button { height: auto; margin-bottom: 0; padding: 0 16px; font-size: 1.4em; color: #757575; background: #fff; border: 1px solid #E0E0E0; border-radius: 24px; transition: all 0.2s; }
.tab_wrap .tab_list li button span { position: relative; top: unset; left: unset; width: auto; transform: none; line-height: 32px; }
.tab_wrap .tab_list li button.link span{background-position: top 8px right 0;}
.tab_wrap .tab_list li button.on.link span{background-position: top 8px right 0;}
    
.tab_wrap .tab_list li button:focus,
.tab_wrap .tab_list li button:hover { font-weight: 500; }
.tab_wrap .tab_list li button.on { color: #0064DD; background: #F0F7FF; border: 1px solid #0064DD; }
.tab_wrap .tab_list li button.on:focus,
.tab_wrap .tab_list li button.on:hover { transition: all 0.2s; }
/* E::2024-04-08 추가 */
    
/* table style */
.tbl_data2 .th { width: 160px;}
.tbl_data2 .td { width: calc(100% - 160px);}

/* 통합검색 2024-02-27 수정 */
.tab_wrap .tab_list.left li {margin: 0 2px 8px 2px;}
.tab_wrap .tab_list.left li:first-child {margin-left: 0;}

/* subpage - page contents common */
.subpage .contents > div .page_contents_wrap .page_contents { margin-top: 16px; }

/*------------------------------------------------
footer
------------------------------------------------*/
.footer .footer_bottom .ftr_link .familysite .family_tit{width: 200px;}

/*------------------------------------------------
board
------------------------------------------------*/
/* post_top */
.post_top a { display: block; }
.post_top a .post_img { width: 100%; margin-right: 0; overflow: hidden; }
.post_top a .post_txt { padding-top: 20px; display: block; max-width: 100%; }
.post_top a .post_txt div { font-size: 18px; color: #222; max-width: 100%; font-weight: 500; }
.post_top a .post_txt p { padding-top: 12px; font-size: 16px; }

/* board_list */
.board_list_wrap .board_list > ul > li .list .td_num { display: none; }
.board_list_wrap .board_list > ul > li .list .td_cont { width: calc(100% - 52px); padding: 16px 0; margin-left: 16px; }
.board_list_wrap .board_list > ul > li .list .td_cont.full{width: calc(100% - 32px);}
.board_list_wrap .board_list > ul > li .list .td_cont .tit { position: relative; margin-bottom: 0; }
.board_list_wrap .board_list > ul > li .list .td_cont .tit span { max-width: 100%; font-size: 16px; padding: 0; }
.board_list_wrap .board_list > ul > li .list .td_cont ul.info li { font-size: 14px; }

.board_list_wrap .board_list > ul > li .list.new_list .td_cont .tit span::after { display: none; }
.board_list_wrap .board_list > ul > li .list.new_list .td_cont .tit::after { content: "새 게시물"; display: block; top: 11px ; left: -9px; position: absolute; width: 5px; height: 5px; border-radius: 50%; background: #F96000; font-size: 0; }
    
/* 첨부파일 */
.board_list_wrap .board_list > ul > li .list .td_file { width: 24px; height: 24px; background-size: 24px; margin: 16px 15px 0 0; }
.board_list_wrap .board_list > ul > li .file_list_wrap { margin-top: 0; right: 15px; }

/* pagination */
.paging_wrap ul li.pg_arrow button { width: 32px; height: 32px; }
.paging_wrap ul li.pg_num button { width: 32px; height: 32px; line-height: 32px; font-size: 14px; }

/*------------------------------------------------
post
------------------------------------------------*/
.post_side_wrap .share_list_wrap { right: 0; }
.post_side_wrap .print_btn { display: none; }
    
/* 팝업 */
.popup.video_popup{max-height: 720px;}
.popup .inner{padding: 64px;}
.popup.gallery_popup .inner{padding: 28px 0;}
.popup .contents_area.video{height: auto; width: 100%;}
.popup .popup_text{font-size: 1.6em; margin: 30px auto 0 auto;}
.popup .controll_btn2{bottom: 70px;}


/*------------------------------------------------
푸터메뉴
------------------------------------------------*/
.policy_box .page_title {font-size: 2em;}
.policy_box .sub_title {font-size: 1.6em;}    
.policy_box .business_img { height: 240px;}
.policy_box .info_wrap { display: block; margin-top: 30px; padding-top: 24px;}
.policy_box .info_wrap .info_box { margin: auto; width: 100%;}
.policy_box .info_wrap .info_box + .info_box { margin: 28px auto 0 auto;}
    

/*------------------------------------------------
단축번호 팝업
------------------------------------------------*/
.popup.popup_ivr { max-height: 100%; }
.popup.popup_ivr .inner { padding: 60px 0 40px; }

.ivr_wrap_kftc .ivr_full_num { display: none; }
.ivr_wrap_kftc .ivr_txt { display: none; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list { height: 225px; }

.thumbnail_video_box .popup.subtitle_box{width: calc(100% - 20px); max-width: unset; height: 162px; right: unset; top: unset; left: 50%; bottom: 10px; transform: translate(-50%, 0);} /* 2024-08-27 자막 추가 */

}

@media all and (max-width: 767px){
.bul_list li{font-size: 1.4em;}

/*------------------------------------------------
버튼
------------------------------------------------*/
.btn_normal{width: 110px;}    
.btn_download span{ background-size: 16px; padding-left: 20px;}
.btn_download:hover span,
.btn_download:focus span{ background-size: 16px;}
    
.btn_download.on span{background-size: 16px;}
.btn_download.on:hover span,
.btn_download.on:focus span{background-size: 16px;}
    
.btn_normal.btn_download.ci{width: 146px;}
    
.btn_common .btn_w_140 { width: 128px; height: 40px; font-size: 14px; }
.btn_common .btn_w_140.gray{height: 40px; font-size: 14px;}
    
/* table style */
.tbl_data2 .tr { padding: 16px 12px;}
.tbl_data2 .th,
.tbl_data2 .td { float: unset; width: 100%; text-indent: 0;}
.tbl_data2 .td { margin-top: 8px;}
    


/*------------------------------------------------
contents
------------------------------------------------*/
.contents {  margin-bottom: 60px; }
.contents.service{margin-bottom: 0;}
.contents.logo_bg{padding-bottom: 0;}
.contents.logo_bg::after{display: none;}
    
/* button */
.btn_common .btn_w_140{width: 110px; height: 40px; line-height: 38px; font-size: 14px;}

/*------------------------------------------------
header
------------------------------------------------*/
.header .gnb_total_wrap .mo_gnb_wrap .mo_cs{display: block; padding-top: 0;}
.header .gnb_total_wrap .mo_gnb_wrap .mo_cs .tit{padding: 24px 0 0 20px;}
.header .gnb_total_wrap .mo_gnb_wrap .mo_cs .cs_wrap{justify-content: space-between;}
.header .gnb_total_wrap .mo_gnb_wrap .mo_cs .cs_wrap .tel_wrap{padding-left: 32px; background-size: 24px;}
.header .gnb_total_wrap .mo_gnb_wrap .mo_cs .cs_wrap .tel_wrap div{margin-top: 14px;}
.header .gnb_total_wrap .mo_gnb_wrap .mo_cs .cs_wrap .cs_shorcut_wrap{width: 165px; padding-left: 0; margin-left: 18px;}
.header .gnb_total_wrap .mo_gnb_wrap .mo_cs .cs_wrap .cs_shorcut_wrap::before{display: none;}
.header .gnb_total_wrap .mo_gnb_wrap .mo_cs .cs_wrap .cs_shorcut_wrap .br{display: block; height: 0;} /* 2024-04-22 수정 */
.header .gnb_total_wrap .mo_gnb_wrap .mo_cs .cs_wrap .cs_shorcut_wrap li{width: 40px;}
.header .gnb_total_wrap .mo_gnb_wrap .mo_cs .cs_wrap .cs_shorcut_wrap li:last-child{width: 45px;}
.header .gnb_total_wrap .mo_gnb_wrap .mo_cs .cs_wrap .cs_shorcut_wrap a{font-size: 12px; line-height: 1.3} /* 2024-04-24/3 수정 */
.header .gnb_total_wrap .mo_gnb_wrap .mo_cs .cs_wrap .cs_shorcut_wrap a.cs_shorcut_02 img{width: 12px; height: 12px; margin-top: 2px; margin-left: 2px;} /* 2024-04-24/3 수정 */
    
/*------------------------------------------------
footer
------------------------------------------------*/
.footer .footer_top { height: auto; }
.footer .footer_top .ftr_nav { max-width: 372px; margin: 0; padding: 20px 0 16px; justify-content: flex-start; }
.footer .footer_top .ftr_nav a { margin: 0; width: 100%; text-align: left; } /* 2024-05-20 수정 */
.footer .footer_top .ftr_nav a:nth-child(2n+1) { width: 100%; } /* 2024-05-20 수정 */
.footer .footer_bottom { padding: 16px 0 32px; }
.footer .footer_bottom .ftr_info { display: block; padding-bottom: 16px;}
.footer .footer_bottom .ftr_info .logo { display: none; }
.footer .footer_bottom .ftr_info .address { margin-left: 0; font-size: 12px; line-height: 1.7;}
.footer .footer_bottom .ftr_link { display: block; margin: 16px auto 0 auto; width: 100%; height: auto; position: relative; bottom: 0;}
.footer .footer_bottom .ftr_link .sns{justify-content: flex-start;}
.footer .footer_bottom .ftr_link .sns a:first-child{margin-left: 0;}
.footer .footer_bottom .ftr_link .mo_wa { position: absolute; top: 0; right: 0; display: block; width: auto; height: 40px; }
.footer .footer_bottom .ftr_link .mo_wa img { width: 100%;} /* 2024-12-17 수정 */
.footer .footer_bottom .ftr_link .familysite{margin-left: 0;}
.footer .footer_bottom .ftr_link .familysite .family_tit { margin-top: 16px; width: 100%; }
.footer .footer_bottom .ftr_cs { display: block; width: 100%; }
.footer .footer_bottom .ftr_cs .wa {display: none;} /* 2024-12-17 수정 */
.footer .footer_bottom .ftr_link .mo_wa{top: -7px; width: 60px;} /* 2024-12-17 수정 */
.footer .footer_bottom .ftr_cs .bar { display: none; }
.footer .footer_bottom .ftr_cs > div{ width: 100%; max-width: none; text-align: center;}
.footer .footer_bottom .ftr_cs > div p{font-size: 1.6em; font-weight: 500;}
.footer .footer_bottom .ftr_cs > div .cs_link { display: none; }
.footer .footer_bottom .copyright { margin-top: 16px; max-width: 100%; text-align: center;}
.footer .footer_bottom .copyright i { display: none; }

/*------------------------------------------------
board
------------------------------------------------*/
/* post_top */
.post_top { margin-bottom: 24px; }
.post_top a { padding: 20px; }
.board_list_wrap .board_list > ul > li .list .td_cont ul.info .views { display: none; }

/* board_list */
.board_top { margin-bottom: 16px; }
.board_top .board_tt { position: relative; padding-bottom: 8px; top: unset; transform: unset;}
.board_list_wrap .board_list > ul > li .list .td_cont ul.info { flex-wrap: wrap; }
.board_list_wrap .board_list > ul > li .list .td_cont ul.info li.team { width: 100%; flex-shrink: 0; margin-bottom: 4px; display: none;}
.board_list_wrap .board_list > ul > li .list .td_cont ul.info li.team span { max-width: calc(100% - 60px); }
.board_list_wrap .board_list > ul > li .list .td_cont ul.info li:nth-child(2){ padding-left: 0; background: transparent; }
.board_list_wrap .board_list > ul > li .list .td_cont ul.info li + li { padding-left: 30px; background: url("../images/common/ic_bullet.png") no-repeat 14px center; }

/* pagination */
.paging_wrap { margin-top: 32px; }
.paging_wrap ul li.pg_prev{margin-right: 6px;}
.paging_wrap ul li.pg_next{margin-left: 6px;}
.paging_wrap ul li + li{margin-left: 4px;}


/*------------------------------------------------
post
------------------------------------------------*/
.post_box { margin-bottom: 32px; }
.post_box > div { padding: 16px; }
.post_box > div .post_tit_wrap .post_tit { padding-bottom: 16px; font-size: 18px;  }
.post_box > div .post_tit_wrap .info li + li { margin-left: 8px; padding-left: 8px; }
.post_box > div .post_tit_wrap .info li span { padding-left: 4px; }
.post_box > div .post_tit_wrap .info .views { display: none; }

.post_side_wrap { bottom: 6px; }

.post_content_wrap .post_file_wrap > div { margin: 0; padding: 16px; }
.post_content_wrap .post_file_wrap > div .tit { display: block; margin-bottom: 4px; width: 100%; position: relative; top: 0; left: 0; height: auto; font-size: 14px; }
.post_content_wrap .post_file_wrap > div .tit.center{display: block; top: 0; left: 0; transform: translate(0,0); text-align: left;}
.post_content_wrap .post_file_wrap > div .post_file_list { flex-direction: column; margin-left: 0; padding-left: 0; border-left: 0; }
.post_content_wrap .post_file_wrap > div .post_file_list li { align-items: flex-start; margin: 0; width: 100%; font-size: 14px; }
.post_content_wrap .post_file_wrap > div .post_file_list li + li { margin-top: 4px; }
.post_content_wrap .post_file_wrap > div .post_file_list li .file_name span { background-position: 0 2px; }
.post_content_wrap .post_file_wrap > div .post_file_list li .viewer { margin: 0 0 0 8px; height: 100%; background: url("../images/common/ic_eye_view.svg") no-repeat 0 2px; }
.post_content_wrap .post_file_wrap > div .post_file_list li .viewer:hover, .post_content_wrap .post_file_wrap > div .post_file_list li .viewer:focus{background: url("../images/common/ic_eye_view_on.svg") no-repeat center 2px;}
.post_content_wrap .post_content { margin-top: 16px; }
.post_content_wrap .post_file_wrap > div .post_contents_box{border-left: none; margin-left: 0; padding-left: 0;}
.footerMenu .post_content_wrap .post_file_wrap + .post_file_wrap{margin-top: 18px;}

.post_btn_wrap { display: block; border-top: 1px solid #424242; box-sizing: border-box; }
.post_btn_wrap li { display: flex; align-items: center; position: relative; padding: 0 8px; width: calc(100% - 16px); max-width: calc(100% - 16px); height: 56px; border-bottom: 1px solid #e0e0e0; }
.post_btn_wrap li span { display: block; }
/* S::2024-05-10 수정 */
.post_btn_wrap li button { display: block; width: 100%; font-size: 14px; }
.post_btn_wrap li button::before { display: none; }
.post_btn_wrap li.prev_post button {  margin-left: 14px;}
.post_btn_wrap li.next_post button {  margin-left: 14px; margin-right: 0; text-align: left;}
/* E::2024-05-10 수정 */

/* no result */
.no_result img { width: 200px; }
    
/* 팝업 */
.popup{height: 100%;}
.popup .contents_area.video{height: auto;} /* 2024-08-27 수정 */
.popup .contents_area.video object{height: calc(12px + 55vw);} /* 2024-04-16 추가 */
.popup .contents_area.gallery{width: calc(100% - 104px); margin: 16px auto 0 auto; min-height: unset;}
.popup.video_popup{overflow-y: auto; max-height: unset; height: 100%;}
.popup.video_popup .inner{position: absolute; top: 50%; left: 0; transform: translate(0,-50%); padding: 0; width: 100%;} /* ??? */
.popup.video_popup .popup_text{width: calc(100% - 130px);}
.popup.video_popup .popup_close{top: -46px;}
.popup .popup_text{width: calc(100% - 104px); max-width: 450px; text-align: left;}
.popup.gallery_popup{max-width: unset; max-height: unset; top: 0; left: 0; transform: translate(0,0);}
.popup.gallery_popup .inner{padding: 30px 0 30px 0;}
.popup.gallery_popup .popup_close{top: 20px;} 
.popup .popup_text.mt{margin: 16px auto 0 auto;}
.popup .prev_btn{left: -45px;}
.popup .next_btn{right: -45px;}
.popup .prev_btn.controll_btn2{left: 20px;}
.popup .next_btn.controll_btn2{right: 20px;}
.popup .controll_btn2{bottom: 6px;}

/* S::2024-08-27 자막 추가 */
.popup .subtitle_area{ width: calc(100% - 40px); margin: 20px auto 0 auto;}
.popup.video_popup .subtitle_area > .inner{position: relative; top: unset; left: unset; transform: unset; margin: auto; padding: 10px;}
/* S::2024-08-27 자막 추가 */

/*------------------------------------------------
푸터메뉴
------------------------------------------------*/
.policy_box .page_title br {display: block;}
.policy_box .business_img { margin-top: 28px; width: calc(100% + 40px); margin-left: -20px; height: 180px; background: url(../images/contents/img_partner.png) top -180px left -400px no-repeat;}
.tbl_data th,
.tbl_data td { font-size: 14px;}
    
.policy_box .pesoninfo_top .list_box{margin-top: 28px;}
.policy_box .pesoninfo_top .list_box > li{float: unset; width: 100%; font-size: 1.6em;}
.policy_box .pesoninfo_top .list_box > li > div{height: auto;}
.policy_box .pesoninfo_top .list_box > li > div .box_tit{font-size: 18px;}
.policy_box .pesoninfo_top .list_box > li > div ol{height: auto;}
.policy_box .info_wrap { display: block; margin-top: 24px; padding-top: 0; border-top: none;}

.email_deny .inner{padding: 20px 16px;}
.email_deny .icon{display: block; margin: auto; width: 90px;}
.email_deny .text{display: block; width: 100%; margin-left: 0; font-size: 1.6em; margin-top: 12px;}
    
.use_info_wrap{margin-bottom: 32px;}
.use_info_wrap .use_info_step{display: block;}
.use_info_wrap .use_info_step li{margin: auto; max-width: unset; padding: 28px 0;}
.use_info_wrap .use_info_step li + li{margin: 40px auto 0 auto;}
.use_info_wrap .use_info_step li + li::before{left: 50%; top: calc(-12px - 4.5%); transform: rotate(90deg) translate(-50%, 50%);}
.use_info_wrap .use_info_step li .step_num{width: 32px; height: 32px; line-height: 32px;}
.use_info_wrap .use_info_step li .step_img{width: 80px; height: 72px;}
.use_info_wrap .use_info_step li .step_text{font-size: 1.5em;}
    
.organization_wrap {border: none; padding: 0; margin-top: 32px; margin-bottom: 32px;}
.organization_wrap .organ_box {background: url(../images/common/organization_line_mo.png) center top 4px no-repeat; max-width: 320px; width: 100%;}
.organization_wrap .organ_box .organ_detp{margin-top: 63px;}
.organization_wrap .organ_box .organ_detp > li{width: 154px;}
.organization_wrap .organ_box .organ_detp > li > ul > li {min-height: 64px; padding: 7px 0;}
.organization_wrap .organ_box .organ_detp > li > ul > li.lh{line-height: 62px; padding: 0;}
.organization_wrap .organ_box .organ_detp .m_block{display: block;}

/*------------------------------------------------
Tooltip
------------------------------------------------*/
.qr_btn_wrap li .qr_btn { display: none; }
.qr_btn_wrap .app_link { display: block; }
.qr_btn_wrap li.qr_2 .qr_tit span { display: none; }
.qr_btn_wrap li.qr_2 .qr_btn { display: none; } /* 2024-05-30 수정 */
.qr_btn_wrap li.qr_2 .app_link { display: inline-block; } /* 2024-05-30 수정 */
.qr_btn_wrap li.qr_2 .app_link + .app_link{margin-left: 12px;} /* 2024-05-30 추가 */
.tooltip_pack .tooltip_desc.active { display: none; }
.tooltip_pack .tooltip_desc .qr_img img { display :none; }
.tooltip_pack.qr_2 .tooltip_desc .qr_img .app_link_btn { display: inline-block; }

/*------------------------------------------------
단축번호 팝업
------------------------------------------------*/
.popup.popup_ivr .inner { padding: 76px 0 40px; }

.ivr_wrap_kftc h2 { padding: 0 20px; }
.ivr_wrap_kftc h2 span { padding: 0 2px; }
.ivr_wrap_kftc h2 span + span { padding-left: 2px; }
.ivr_wrap_kftc h2 span i { font-size: 20px; }
.ivr_wrap_kftc .ivr_info { margin-top: 17px; }
.ivr_wrap_kftc .ivr_info > span { font-size: 14px; }
.ivr_wrap_kftc .ivr_info_sub { font-size: 12px; margin: 8px 0 24px }
.ivr_wrap_kftc .ivr_full_num { display: none; }
.ivr_wrap_kftc .ivr_txt { display: none; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list { width: calc(50% - 4px); height: 200px; margin-right: 8px; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list:nth-child(3n) { margin-right: 8px; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list:nth-child(2n) { margin-right: 0; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list:nth-child(n+3) { margin-top: 36px; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list .ivr_num { left: 16px; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list > ul { padding: 34px 0 0 16px;}
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list a { padding-left: 26px; font-size: 14px; font-weight: 400; color: #424242; word-break: keep-all; }
.ivr_wrap_kftc .ivr_list_warp_kftc > ul .ivr_list a:hover { color: #424242 !important; text-decoration: none !important; }

}
@media all and (max-width: 500px){

/*------------------------------------------------
Header
/*------------------------------------------------
/* mo gnb total */
.header .gnb_total_wrap .mo_gnb_wrap .mo_gnb > ul > li .tit{font-family: "Noto_Sans_KR"; font-weight: 500;}
.header .gnb_total_wrap .mo_gnb_wrap .mo_gnb > ul > li .lnb li a{font-family: "Noto_Sans_KR";}
.header .gnb_total_wrap .mo_gnb_wrap .mo_gnb > ul > li .lnb li a:hover,
.header .gnb_total_wrap .mo_gnb_wrap .mo_gnb > ul > li .lnb li a:focus{font-weight: 500;}
    
.header .gnb_total_wrap .mo_gnb_wrap .mo_cs .cs_wrap { justify-content: space-between; }
    
.header .gnb_total_wrap .mo_gnb_wrap .gnb_top .en_btn{background: url(../images/common/ic_global.svg) top 4px left 0 no-repeat;}
    
/*------------------------------------------------
Header
/*-----------------------------------------------*/
.footer .footer_top .ftr_nav{display: block;} /* 2024-05-17 수정 */
.footer .footer_top .ftr_nav a{display: block;} /* 2024-05-17 수정 */

.subpage .contents > div .page_top_wrap .page_tit .mobile_b{display: block; height: 0;} /* 2024-05-07 수정 */
.subpage .contents > div .page_top_wrap .page_tit.line2::after{left: 20px;}
    
/* 탭 */
.tab_wrap .tab_list li a:focus span{text-decoration: none;}
.tab_wrap .tab_list li a.on:focus span{text-decoration: none;}

/*------------------------------------------------
board
------------------------------------------------*/
/* 첨부파일 */
.board_list_wrap .board_list > ul > li .file_list_wrap { right: 50%; transform: translate(50%, 0); }
    
/* 공유하기 버튼 */
.post_side_wrap .share_list_wrap .share_close { background: url("../images/common/ic_close_gray.svg") no-repeat center center; }

/* 팝업 */    
.popup .contents_area.video{width: 100%; height: auto;}
.popup .controll_btn{width: 24px; height: 24px;}
.popup .popup_text_box .controll_btn2{width: 24px; height: 24px;}
.popup .prev_btn{left: -32px; background: url("../images/common/popup_prev_btn_s.svg") 0 no-repeat;}
.popup .prev_btn:hover,
.popup .prev_btn:focus{background: url("../images/common/popup_prev_btn_s_on.svg") 0 no-repeat;}
.popup .next_btn{right: -32px; background: url("../images/common/popup_next_btn_s.svg") 0 no-repeat;}
.popup .next_btn:hover,
.popup .next_btn:focus{background: url("../images/common/popup_next_btn_s_on.svg") 0 no-repeat;}

.thumbnail_video_box .popup.subtitle_box{height: 185px;} /* 2024-08-27 자막 추가 */
}