@charset "utf-8";

.tit1 { position: relative; font-size: 1.4rem; color: #1D1D1D; line-height: 2.1rem; font-weight: 700; margin-bottom: 1rem; }
.tit1 span { position: relative; padding-right: 0.6rem; }
/* .tit1 span::before { position: absolute; bottom: 0.4rem; right: 0; width: 0.3rem; height: 0.3rem; border-radius: 50%; background: #246BEB; content: ""; } */
.tit2 { font-size: 1rem; font-weight: 700; color: #246BEB; line-height: 1rem; margin-bottom: 1rem; }
.tit3 { font-size: 1rem; font-weight: 700; color: #111; margin-bottom: 1rem; }
.tit4 { font-size: 1rem; font-weight: 700; color: #173E99; margin-bottom: 1rem; }

.pc_bl { color: #246BEB !important; }
.pc_red { color: #EB003B !important; }
.pc_gren { color: #01A251 !important; }
.pc_skyb { color: #2090FF !important; }

.btns { margin-top: 1.2rem; }
[class^="button_"] { display: inline-block; font-size: 0.85rem; font-weight: 500; border-radius: 0.4rem; margin: 0.2rem 0; text-align: center; padding: 0.35rem 0.5rem; transition: 0.3s; }
[class^="button_"].round { min-width: 5.5rem; border-radius: 2rem; padding: 0.45rem 0.5rem; }
[class^="button_"].mini { border-radius: 0.2rem; padding: 0.25rem 0.5rem; font-size: 0.8rem; }
[class^="button_"].button_tbl { font-size: 0.75rem; padding: 0.2rem 0.5rem; }
[class^="button_"].bbs_btn { min-width: 6.2rem; padding: 0.65rem 0.5rem; }
[class^="button_"] i { display: inline-block; margin-right: 0.1rem; font-weight: 400; }

.button_gry { border: 1px solid #424850; background: #424850; color: #fff; }
.button_skyb { border: 1px solid #E9F0FF; background: #E9F0FF; color: #246BEB; }
.button_bl { border: 1px solid #1F53CC; background: #1F53CC; color: #fff; }
.button_bl2 { border: 1px solid #246BEB; background: #246BEB; color: #fff; }
.button_Line { border: 1px solid #D8D8D8; color: #1D1D1D; }
.button_black { border: 1px solid #2D2D2D; background: #2D2D2D; color: #fff; }
.button_red { border: 1px solid #EB003B; background: #EB003B; color: #fff; }

.button_gry:hover,
.button_gry:focus { background: #fff; color: #424850; }
.button_skyb:hover,
.button_skyb:focus { background: #246BEB; color: #E9F0FF; }
.button_bl:hover,
.button_bl:focus { border-color: #1F53CC; background: #fff; color: #1F53CC; }
.button_bl2:hover,
.button_bl2:focus { border-color: #246BEB; background: #fff; color: #246BEB; }
.button_Line:hover,
.button_Line:focus { border-color: #424850; background: #424850; color: #fff; }
.button_black:hover,
.button_black:focus { background: #fff; color: #2D2D2D; }
.button_red:hover,
.button_red:focus { background: #fff; color: #EB003B; }

.btns.arside { display: flex; justify-content: space-between; }
.btns.arside p + p { margin-left: 0.6rem; }

.bu_wnrn { position: relative; color: #EB003B; }
.bu_wnrn::before { display: inline-flex; content: "\eca0"; font-family: "remixicon"; color: #EB003B; margin-right: 0.2rem; }
.bu_link { position: relative; display: block; padding-left: 1.2rem; }
.bu_link::before { position: absolute; top: 0; left: 0; font-family: 'remixicon'; content: "\ea86"; transform: rotate(45deg); color: #111; }
.bu_link:hover,
.bu_link:focus { text-decoration: underline; }

.Cnt_txt { color: #555; font-weight: 400; line-height: 1.25rem; }
.Cnt_txt + .Cnt_txt { margin-top: 1.25rem; }

.icon_box { position: relative; padding: 3rem 3.5rem 3rem 10.8rem; border: 1px solid #D8D8D8; border-radius: 0.8rem 3rem 0.8rem 0.8rem; }
.icon_box .icon { position: absolute; display: flex; justify-content: center; align-items: center; top: 2.4rem; left: 3.6rem; width: 5.2rem; height: 5.2rem; border-radius: 50%; text-align: center; box-shadow: 0 0 20px rgba(36, 107, 235, 0.2); background: #fff; }
.icon_box .tit2 { font-size: 1.1rem; line-height: 1.65rem; margin-bottom: 1.2rem; }

.box_st1 { position: relative; border: 1px solid #D8D8D8; border-radius: 0.8rem; padding: 2.8rem 2.5rem; line-height: 1.25rem; }
.box_st2 { position: relative; background: #E9F0FF; border-radius: 0.6rem; padding: 1.5rem; }

.list_st1 li { position: relative; font-size: 0.85rem; font-weight: 400; color: #555; padding-left: 0.6rem; }
.list_st1 li::before { position: absolute; top: 0.5rem; left: 0; content: ""; width: 0.2rem; height: 0.2rem; border-radius: 50%; background: #555; }
.list_st1 li + li { margin-top: 0.2rem; }

.tbl_st { position: relative; }
.tbl_st table { border-top: 2px solid #2D2D2D; font-size: 0.85rem; color: #333; line-height: 0.85rem; }
.tbl_st table thead th { font-weight: 600; background: #F6F6F6; border-bottom: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8; text-align: center; padding: 0.65rem 0.2rem; }
.tbl_st table thead th:last-child { border-right: none; }
.tbl_st table tbody th { font-weight: 600; color: #1D1D1D; border-bottom: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8; padding: 0.65rem 0.2rem; }
.tbl_st table tbody td { border-bottom: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8; text-align: center; padding: 0.65rem 0.2rem; color: #333; font-weight: 400; }
.tbl_st table tbody th:last-child,
.tbl_st table tbody td:last-child { border-right: none; }

.tbl_st2 { position: relative; }
.tbl_st2 table { border-top: 2px solid #2D2D2D; font-size: 0.85rem; font-weight: 600; color: #333; }
.tbl_st2 table thead th { background: #F7F7F9; border-bottom: 1px solid #E7E7E7; text-align: center; padding: 0.65rem 0.2rem; line-height: 0.85rem; }
.tbl_st2 table tbody th { background: #F7F7F9; border-bottom: 1px solid #E7E7E7; padding: 0.8rem; }
.tbl_st2 table tbody td { border-bottom: 1px solid #E7E7E7; padding: 0.8rem; line-height: 1.2rem; }

.bbs_srch { position: relative; background: #F6F6F8; padding: 1.3rem 1rem; }
.bbs_srch legend { font-size: 0.8rem; font-weight: 600; color: #333; }
.bbs_srch .innr_srch { display: flex; justify-content: center; align-items: center; gap: 0.4rem; }
.bbs_srch .innr_srch .bbs_tit { font-size: 0.8rem; font-weight: 600; color: #333; margin-right: 0.95rem; }
.bbs_srch .innr_srch .form_textbox { flex: 1; max-width: 27.5rem; height: 1.8rem; line-height: 1.8rem; border: 1px solid #ddd; background: #fff; padding: 0 0.5rem; }
.bbs_srch .innr_srch .btn.sch { display: flex; justify-content: center; align-items: center; min-width: 4.1rem; height: 1.8rem; font-size: 0.8rem; font-weight: 600; text-align: center; }
.bbs_srch .innr_srch .btn.sch.col_bl { background: #246BEB; color: #fff; }
.bbs_srch .innr_srch .btn.sch.col_blck { background: #3A3F46; color: #fff; }

/* yoo 추가 */
.bbs_srch select,
.bbs_srch input,
.bbs_srch button { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color: #555; }
.bbs_srch select {min-width:6.0rem; height: 1.8rem; line-height: 1.8rem; vertical-align:middle; border:1px solid #e1e1e1; padding:0 10px;}
.bbs_srch input.inpTxt {width:35%; height: 1.8rem; line-height: 1.8rem; padding:0 10px; vertical-align:middle; border:1px solid #e1e1e1; }
.bbs_srch input.inpTxt2 {width:50%; height: 1.8rem; line-height: 1.8rem; padding:0 10px; vertical-align:middle; border:1px solid #e1e1e1; }

.bbs_info { display: flex; justify-content: space-between; align-items: center; margin: 1rem 0; }
.bbs_info .bbs_total { font-size: 0.8rem; color: #333; font-weight: 400; }
.bbs_info .bbs_total strong { color: #246BEB ; font-weight: 600; }
.bbs_info .sort_select { height: 1.7rem; line-height: 1.7rem; border: 1px solid #ddd; border-radius: 0.2rem; background: url('../images/sub/select_down.svg') no-repeat center right 0.7rem; color: #8e8e8e; font-size: 0.7rem; padding: 0 2.4rem 0 0.6rem; }

.bbsW_View { position: relative; border-top: 2px solid #1D1D1D; border-bottom: 1px solid #D8D8D8; }
.bbsW_View h3 { font-size: 1rem; font-weight: 700; color: #222; padding: 1.2rem 0.75rem; }
.bbsW_View .bbsW_data { display: flex; flex-wrap: wrap; border-bottom: 1px solid #D8D8D8; }
.bbsW_View .bbsW_data li { width: 50%; display: flex; font-size: 0.85rem; border-top: 1px solid #D8D8D8; }
.bbsW_View .bbsW_data li.col_w100 { width: 100%; }
.bbsW_View .bbsW_data li strong { width: 7.25rem; background: #F7F7F9; color: #1D1D1D; padding: 0.7rem 0.8rem; text-align: left; font-weight: 600; }
.bbsW_View .bbsW_data li em { width: calc(100% - 7.25rem); flex: 1; padding: 0.7rem 0.8rem; text-align: left; color: #333; }
.bbsW_View .bbsW_cont { min-height: 16.75rem; padding: 1.5rem; font-size: 0.85rem; line-height: 1.3rem; color: #1D1D1D; }
.bbsW_View .bbsW_Filelst { padding: 0.25rem 1.4rem; background: #F7F7F9; }
.bbsW_View .bbsW_Filelst dl { display: flex; align-items: start; padding: 1.25rem 0; }
.bbsW_View .bbsW_Filelst dl + dl { border-top: 1px solid #D9D9D9; }
.bbsW_View .bbsW_Filelst dl dt { width: 7.25rem; font-size: 0.85rem; font-weight: 700; color: #1D1D1D; }
.bbsW_View .bbsW_Filelst dl dd { width: calc(100% - 7.25rem); flex: 1; }
.bbsW_View .bbsW_Filelst dl dd ul li { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; }
.bbsW_View .bbsW_Filelst dl dd ul li + li { margin-top: 0.4rem; }
.bbsW_View .bbsW_Filelst dl dd ul li .bu_link { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bbsW_View .bbsW_Filelst dl dd ul li .button_Line { white-space: nowrap; background: #fff; margin: 0; }

.bbs_Write { border: 1px solid #D9D9D9; padding: 1.5rem; }
.bbs_Write h3 { font-size: 1rem; font-weight: 700; color: #222; }
.bbs_Write .bbsW_data { padding: 1rem 0 1.5rem; display: flex; gap: 0.5rem 1.5rem; flex-wrap: wrap; border-bottom: 1px solid #D9D9D9; }
.bbs_Write .bbsW_data li { font-size: 0.8rem; }
.bbs_Write .bbsW_data li strong { color: #222; }
.bbs_Write .bbsW_data li em { position: relative; color: #555; font-weight: 500; padding-left: 0.4rem; margin-left: 0.4rem; }
.bbs_Write .bbsW_data li em::before { position: absolute; top: 50%; transform: translateY(-50%); left: -1px; width: 1px; height: 0.6rem; background: #C1C1C1; content: ""; }
.bbs_Write .bbsW_cont { margin: 1.5rem 0 2rem; font-size: 0.85rem; line-height: 1.3rem; color: #1D1D1D; }

.bbs_cmmt { border-top: 2px solid #000; }
.bbs_cmmt .answ_Write2 { display: flex; gap: 0.5rem; margin: 1rem 0 0; }
.bbs_cmmt .answ_Write { display: flex; gap: 0.5rem; margin: 1rem 0 1.5rem; }
.bbs_cmmt .answ_Write .answer_txt { flex: 1; width: calc(100% - 6rem); border: 1px solid #CED2DB; border-radius: 0.2rem; padding: 0.8rem; }
.bbs_cmmt .answ_Write .answer_txt textarea { border: none; width: 100%; height: 2rem; }
.bbs_cmmt .answ_Write .answer_txt .num { text-align: right; font-size: 0.85rem; color: #555; }
.bbs_cmmt .answ_Write .answer_txt .num em { color: #2090FF; }
.bbs_cmmt .answ_Write .button_bl { border-radius: 0.2rem; width: 6rem; display: flex; margin: 0; justify-content: center; align-items: center; }

.bbs_cmmt .answ_List { background: #F6F7FB; border: 1px solid #E4E4E4; border-radius: 0.2rem; padding: 1.5rem; }
.bbs_cmmt .answ_List li { position: relative; }
.bbs_cmmt .answ_List dl dt { display: flex; justify-content: space-between; align-items: center; }
.bbs_cmmt .answ_List dl dt .user_info { display: flex; align-items: center; flex-wrap: wrap; overflow: hidden; }
.bbs_cmmt .answ_List dl dt .user_info span { position: relative; display: inline-block; padding: 0 0.4rem; left: -0.4rem; color: #555; font-weight: 500; }
.bbs_cmmt .answ_List dl dt .user_info span + span::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 0.6rem; background: #CED2DB; content: ""; }
.bbs_cmmt .answ_List dl dt .user_info .name { display: flex; align-items: center; color: #222; }
.bbs_cmmt .answ_List dl dt .user_info .name i { display: flex; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: #556DA1; color: #fff; border-radius: 50%; margin-right: 0.6rem; }
.bbs_cmmt .answ_List dl dt .answ_etc { display: flex; }
.bbs_cmmt .answ_List dl dt .answ_etc a { position: relative; display: block; padding: 0 0.4rem; right: -0.4rem; color: #555; font-weight: 500; }
.bbs_cmmt .answ_List dl dt .answ_etc a + a::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 0.6rem; background: #CED2DB; content: ""; }
.bbs_cmmt .answ_List dl dd { padding: 0.6rem 0 0 2rem; font-size: 0.8rem; line-height: 1.2rem; color: #333; }
.bbs_cmmt .answ_List ul li + li { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #D7DCF3; }


.bbs_view { position: relative; display: flex; border-top: 2px solid #2D2D2D; padding: 1.5rem 0; }
.bbs_view .img { position: relative; display: flex; justify-content: center; align-items: center; width: 38%; height: 12rem; background: rgba(0, 0, 0, 0.1); }
.bbs_view .img::before { display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 5rem; height: 5rem; background: rgba(0, 0, 0, 0.2) url('/images/sub/video_icon.png') no-repeat center; border-radius: 50%; border: 2px solid #fff; content: ""; }
.bbs_view .img2 { position: relative; display: flex; justify-content: center; align-items: center; width: 38%; height: 12rem; background: rgba(0, 0, 0, 0.1); }
.bbs_view .img2::before { display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 5rem; height: 5rem; content: ""; }
.bbs_view dl { flex: 1; padding-left: 2.5rem; }
.bbs_view dl dt { display: flex; align-items: center; justify-content: space-between; padding: 0.4rem 0 1rem; border-bottom: 1px solid #BEBEBE; }
.bbs_view dl dt .view_tit { font-size: 1.2rem; font-weight: 700; color: #1D1D1D; line-height: 1.2rem; }
.bbs_view dl dt .view_like { display: flex; justify-content: center; align-items: center; height: 1.7rem; border-radius: 2rem; background: #173e99; color: #fff; padding: 0 0.6rem; }
.bbs_view dl dt .view_like i { display: block; margin-right: 0.2rem; }
.bbs_view dl dd { position: relative; margin: 1.4rem 0.4rem 0; }
.bbs_view dl dd .view_lst { padding-right: 6rem; }
.bbs_view dl dd .view_lst li { position: relative; display: flex; flex-wrap: wrap; padding-left: 0.55rem; font-size: 0.85rem; }
.bbs_view dl dd .view_lst li::before { position: absolute; top: 0.55rem; left: 0; width: 2px; height: 2px; background: #396198; content: "";  }
.bbs_view dl dd .view_lst li + li { margin-top: 0.6rem; }
.bbs_view dl dd .view_lst li strong { position: relative; width: 5.4rem; color: #333; font-weight: 600; }
.bbs_view dl dd .view_lst li strong::before { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 0.6rem; background: #d3d3d3; content: ""; }
.bbs_view dl dd .view_lst li span { flex: 1; width: calc(100% - 5.4rem); color: #777; font-weight: 500; padding-left: 1.2rem; }
.bbs_view dl dd .view_lst li span.tag { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.bbs_view dl dd .view_lst li span.tag em { border: 1px solid #DEDEDE; border-radius: 1rem; padding: 0.1rem 0.5rem; }
.bbs_view dl dd .view_btn { position: absolute; bottom: 0; right: 0; }

/* TAB */
.tab_box { position: relative; margin: 1.1rem 0; }
.tab_box ul { display: flex; width: 100%; border-bottom: 1px solid #396198; }
.tab_box ul::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #d8d8d8; z-index: -1; content: ""; }
.tab_box ul li { flex: 1; text-align: center; }
.tab_box ul li ~ li { border-left: 1px solid #d8d8d8; }
.tab_box ul li a { display: block; /* font-size: 0.8rem;*/ color: #8a8a8b; padding: 0.43rem 0.5rem; }
.tab_box ul li.on a { background: #173E99; color: #fff; }
.tab_list{position:relative;width:100%;padding:0;}
.tab_menu{position:relative;padding:0;font-size:100%;height: 35px;/* border-bottom:1px #5f6574 solid; */}
.tab_menu li{float:left;padding: 9px 15px;font-size:14px;border-right:1px #cdcdcd solid; border-top:1px #cdcdcd solid;border-bottom: 1px #cdcdcd solid;min-width:6%;color:#898989;text-align:center;cursor: pointer;}
.tab_menu li:nth-child(1){border-left:1px #cdcdcd solid;}
.tab_menu li.sel_tab{background-color:#173E99;color:#fff;border:1px #4b619a solid;}

.bbs_tbl { position: relative; }
.bbs_tbl table { border-top: 2px solid #2D2D2D; font-size: 0.85rem; color: #333; }
.bbs_tbl table thead th { font-weight: 600; background: #F7F7F9; border-bottom: 1px solid #E7E7E7; text-align: center; padding: 0.65rem 0.2rem; line-height: 0.85rem; }
.bbs_tbl table tbody th { border-bottom: 1px solid #E7E7E7; text-align: left; padding: 0.8rem; }
.bbs_tbl table tbody td { border-bottom: 1px solid #E7E7E7; text-align: center; padding: 0.8rem; line-height: 1.2rem; }
.bbs_tbl .pl10 { padding-left: 1.2rem; }


.bbs_tbl .cnt_flex { margin-bottom: 0; }
.bbs_tbl .cnt_flex .cnt_tit { color: #246BEB; font-weight: 600; flex: 1; text-align: left; }

.tab_st { position: relative; }
.tab_st ul { display: flex; }
.tab_st ul li { flex: 1; text-align: center; }
.tab_st ul li.active { box-shadow: 0 14px 14px rgba(36, 107, 235, 0.2); }
.tab_st ul li a { display: block; font-size: 0.85rem; font-weight: 600; padding: 1rem 0.5rem; border: 1px solid #D8D8D8; color: #2D2D2D; overflow: hidden; }
.tab_st ul li + li a { border-left: none; }
.tab_st ul li.active a { border-color: #246BEB; color: #fff !important; background: #246BEB; }
.tab_st ul li a { transition: 0.3s; }
.tab_st ul li a:hover,
.tab_st ul li a:focus { color: #246BEB; }

.view_box { position: relative; border: 8px solid #f7f7f9; padding: 1.6rem; font-size: 0.85rem; color: #333; line-height: 1.25rem; }
.view_box .line { width: 100%; height: 1px; border-top: 1px dotted #D9D9D9; margin: 1.3rem 0; }
.view_box .cnt_dsc { display: flex; }
.view_box .cnt_dsc strong { font-weight: 600; color: #222; margin-right: 1.5rem; }
.view_box .cnt_dsc span { font-weight: 400; color: #333; }

.search_list { position: relative; border-top: 2px solid #2D2D2D; }
.search_list ul { display: flex; flex-wrap: wrap; margin: 0.75rem -0.75rem -0.75rem; }
.search_list ul li { width: calc(100% / 3); padding: 0.75rem; }
.search_list ul li > a { position: relative; display: block; height: 100%; border: 1px solid #d8d8d8; border-radius: 0.4rem; padding: 1.5rem; }
.search_list ul li > a .c_like { position: absolute; top: 0.6rem; right: 0.6rem; width: 1.4rem; height: 1.4rem; border-radius: 50%; background: #173e99 url('../images/sub/card_like.svg') no-repeat center; }
.search_list ul li > a .c_tit { font-size: 0.9rem; color: #1D1D1D; font-weight: 700; line-height: 1.2rem; padding-right: 1.15rem; margin-bottom: 0.9rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.search_list ul li > a .c_txt { font-size: 0.8rem; padding-bottom: 0.8rem; margin-bottom: 0.8rem; border-bottom: 1px dotted #D9D9D9; }
.search_list ul li > a .c_txt .key { font-weight: 600; color: #333; margin-right: 0.4rem; }
.search_list ul li > a .c_txt .value { font-weight: 500; color: #666; }
.search_list ul li > a .c_btm { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.search_list ul li > a .c_btm .tag { display: flex; justify-content: center; align-items: center; height: 1.5rem; font-size: 0.75rem; color: #666; border: 1px solid #dedede; border-radius: 2rem; padding: 0 0.5rem; }
.search_list ul li > a,
.search_list ul li > a * { transition: 0.3s; }
.search_list ul li > a:hover,
.search_list ul li > a:focus { background: #1F53CC; border-color: #1F53CC; }
.search_list ul li > a:hover *,
.search_list ul li > a:focus * { color: #fff !important; }

/* ν??μ??ν??ν?? */
.search_list.txt_type ul li .box_inner { position: relative; display: block; height: 100%; border: 1px solid #d8d8d8; border-radius: 0.4rem; padding: 1.5rem; }
.search_list.txt_type ul li .box_inner .c_like { position: absolute; top: 0.6rem; right: 0.6rem; width: 1.4rem; height: 1.4rem; border-radius: 50%; background: #173e99 url('../images/sub/card_like.svg') no-repeat center; }
.search_list.txt_type ul li .box_inner .c_bedge { display: inline-block; font-size: 0.7rem; padding: 0.1rem 0.5rem; border-radius: 0.2rem; margin-bottom: 0.8rem; }
.search_list.txt_type ul li .box_inner .c_bedge.col_bl { border: 1px solid #246BEB; background: rgba(36, 107, 235, 0.051); color: #246BEB; }
.search_list.txt_type ul li .box_inner .c_bedge.col_black { border: 1px solid #495057; background: rgba(36, 107, 235, 0.051); }
.search_list.txt_type ul li .box_inner .c_tit { font-size: 0.9rem; color: #1D1D1D; font-weight: 700; line-height: 1.2rem; padding-right: 1.15rem; margin-bottom: 0.4rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.search_list.txt_type ul li .box_inner .c_info { font-size: 0.75rem; font-weight: 600; margin-bottom: 0.2rem; color: #246BEB; }
.search_list.txt_type ul li .box_inner .c_txt .key { font-weight: 600; color: #333; margin-right: 0.4rem; }
.search_list.txt_type ul li .box_inner .c_txt .value { font-weight: 500; color: #666; }
.search_list.txt_type ul li .box_inner .c_txt + .c_txt { margin-top: 0.2rem; }
.search_list.txt_type ul li .box_inner .c_btn { position: absolute; left: 50%; transform: translateX(-50%); bottom: 1.2rem; width: calc(100% - 3rem); gap: 0.8rem; margin-top: 2.1rem; }
.search_list.txt_type ul li .box_inner .c_btn > a { display: flex; justify-content: center; align-items: center; flex: 1; margin: 0; }
.search_list.txt_type ul li .box_inner .c_btn .button_bl { border: 1px solid rgba(255, 255, 255, 0.5); }
.search_list.txt_type ul li .box_inner .c_btn .button_bl:hover,
.search_list.txt_type ul li .box_inner .c_btn .button_bl:focus { background: #1F53CC; border: 1px solid rgba(255, 255, 255, 0.5); color: #fff; }
.search_list.txt_type ul li .box_inner .c_btn .button_skyb:hover,
.search_list.txt_type ul li .box_inner .c_btn .button_skyb:focus { border: 1px solid #E9F0FF; background: #E9F0FF; color: #246BEB; }


/* yoo 추가*/
.search_list.txt_type ul li .box_inner .c_btm { padding-top: 0.8rem; margin-top: 0.8rem; border-top: 1px dotted #D9D9D9; }
.search_list.txt_type ul li .box_inner .c_btm { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.search_list.txt_type ul li .box_inner .c_btm .tag { display: flex; justify-content: center; align-items: center; height: 1.5rem; font-size: 0.75rem; color: #666; border: 1px solid #dedede; border-radius: 2rem; padding: 0 0.5rem; }


/* yoo 추가 팝업관련 시작 */
/* 레이어팝업 */
/* .popup_wrap { display: none; z-index: 10; } */
/* .popup_wrap::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); content: ""; } */
/* .popup_wrap.on { display: block; }
.layer_popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); min-width: 22.5rem; margin: auto; border: 1px solid #d3d3d3; background: #fff; z-index: 11; }
.layer_popup { border-radius: 0.8rem; overflow: hidden; border: none; }
.layer_popup .layer_tit { background: #173E99; padding: 1rem 3.2rem 1rem 1.2rem; }
.layer_popup .layer_tit p { font-size: 0.9rem; font-weight: 700; color: #fff; }
.layer_popup .layer_txt { position: relative; max-height: 43.5rem; min-height: 13.25rem; padding: 1.2rem; overflow-y: auto; }
.layer_popup .layer_txt .box_st1 { padding-left: 1.3rem; line-height: 1.1rem; font-family: 'NotoSans'; }
.layer_popup .layer_txt .box_st1 .tit { position: relative; font-size: 0.8rem; color: #333; margin-bottom: 0.6rem; }
.layer_popup .layer_txt .box_st1 .tit::before { position: absolute; top: 3px; left: -1.3rem; width: 0.8rem; height: 0.75rem; background: url('../../images/common/icon_popup.png') no-repeat center / contain; content: ""; }
.layer_popup .layer_txt .box_st1 .txt { font-size: 0.7rem; color: #666; }
.layer_popup .layer_txt .box_st2 { font-size: 0.75rem; color: #333; font-family: 'NotoSans'; }
.layer_popup .pop_colse { position: absolute; top: 1.2rem; right: 1.2rem; background: url('../images/sub/icon_lyPopClose.svg') no-repeat center; width: 1rem; height: 1rem; } */

/* 레이어팝업 old추가*/
.popup_wrap { display: none; z-index: 10; }
.popup_wrap::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); content: ""; }
.popup_wrap.on { display: block; }
.popup_wrap_exam { display: none; z-index: 10; }
.popup_wrap_exam::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); content: ""; }
.popup_wrap_exam.on { display: block; }
.layer_popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); min-width: 22.5rem; margin: auto; border: 1px solid #d3d3d3; background: #fff; z-index: 11; }
.layer_popup .layer_tit { position: relative; background: #396198; padding: 0.9rem 2.5rem 0.9rem 1.4rem; font-size: 1rem; color: #fff; }
.layer_popup .layer_txt { position: relative; max-height: 24.5rem; min-height: 13.25rem; padding: 1.2rem; overflow-y: auto; }
.layer_popup .layer_txt .box_st1 { padding-left: 1.3rem; line-height: 1.1rem; font-family: 'NotoSans'; }
.layer_popup .layer_txt .box_st1 .tit { position: relative; font-size: 0.8rem; color: #333; margin-bottom: 0.6rem; }
.layer_popup .layer_txt .box_st1 .tit::before { position: absolute; top: 3px; left: -1.3rem; width: 0.8rem; height: 0.75rem; background: url('../../images/common/icon_popup.png') no-repeat center / contain; content: ""; }
.layer_popup .layer_txt .box_st1 .txt { font-size: 0.7rem; color: #666; }
.layer_popup .layer_txt .box_st2 { font-size: 0.75rem; color: #333; font-family: 'NotoSans'; }
.layer_popup .pop_colse { position: absolute; top: 1.2rem; right: 1.2rem; background: url('../images/sub/icon_lyPopClose.svg') no-repeat center; width: 1rem; height: 1rem; }

.layer_popup .layer_txt .conts_tit { font-size: 1rem; font-weight: 700; color: #1D1D1D; line-height: 1.5rem; }
.layer_popup .layer_txt .conts_area { margin-top: 1rem; }
.layer_popup .layer_txt .conts_btn { margin-top: 1.6rem; }
.layer_popup .layer_txt .conts_btn [class^="button_"] { min-width: 3.8rem; margin-left:5px; font-weight: 400; padding: 0.55rem 0.5rem; }


.popArea1{width:100%;}
.pop_titArea{width:100%;height:70px;background-color:#173E99;}
.pop_titArea h2{float:left;font-size:28px;color:#fff;font-family:'NanumSqB',sans-serif;padding:20px;}
.pop_titArea p{float:right;padding:20px;}
.pop_conArea{padding:20px;}


/* 레이어팝업 */
.layerPopupSub{display:none;position:fixed;width:82%;max-height:750px;left:10%;top:8%;margin-left:0px;overflow:hidden;background:#fff;z-index:10000;border:1px solid #3c698f;}
.layerPopupSub .popTop{position:relative;background:#4587bd;padding:12px 15px;text-align:left;}
.layerPopupSub .popTop strong{color:#fff;font-size:16px}
.layerPopupSub .popTop .layerCloseSub{position:absolute;right:15px;top:50%;margin-top:-15px;width:30px;height:30px;overflow:hidden}
.layerPopupSub .popTop .layerCloseSub span{display:inline-block;text-indent:-9999px}
.layerPopupSub .popTop .layerCloseSub:before{content:"";display:block;width:30px;height:30px;background:url(/resource/images/icon_pop_close.png) center no-repeat}

.layerPopupSub .popBody{max-height:680px;overflow-y:auto}
.layerPopupSub .popBody .popContent{padding:15px;text-align:left}

.layerPopupSub.small { width: 500px;margin-left: -250px; }
.layerPopupSub.small .impor_txt { min-height: 200px;overflow-y: auto;padding: 20px;border:1px solid #ddd; }
.layerPopupSub.small .agree_box { text-align: center; }
.layerPopupSub.middle { width: 700px;margin-left: -350px; }


.bbs_pager { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; margin-top: 2rem; }
.bbs_pager .bbs_arr { width: 1.5rem; height: 1.5rem; display: flex; justify-content: center; align-items: center; font-size: 1.2rem; color: #1d1d1d; border: 1px solid #dedede; }
.bbs_pager .bbs_arr + .bbs_arr { margin-left: 0.35rem; }
.bbs_pager div { display: flex; flex-wrap: nowrap; align-items: center; margin: 0 1rem; }
.bbs_pager .bbs_pge_num { display: flex; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; font-size: 0.9rem; text-align: center; font-weight: 500; color: #1d1d1d; border: 1px solid #dedede; }
.bbs_pager strong.bbs_pge_num { background: #142340; color: #fff; }
.bbs_pager a.bbs_pge_num { color: #1d1d1d; margin-left: 0.5rem; }
.bbs_pager a.bbs_pge_num + strong.bbs_pge_num { margin-left: 0.5rem; }


/* 게시판 View */
/* 타이틀 */
.con_tit1 { font-size: 1.3rem; color: #1c1c1c; margin: 1.2rem 0 1.1rem; font-weight: 600; clear: both; }
.bbs_ViewA { }
.bbs_ViewA .bbsV_tit { background: #f7f7f9; color:#111; border-top:2px solid #333; border-bottom:1px solid #e5e5e5; border-bottom: 1px solid #e7e7e7; padding: 1.4rem 1.7rem; font-family: "Roboto", "NotoSans"; }
.bbs_ViewA .bbsV_tit h3 { font-size: 1.1rem; color: #222; margin-bottom: 1rem; }
.bbs_ViewA .bbsV_data { line-height:0; font-size:0; }
.bbs_ViewA .bbsV_data li {position:relative; display:inline-block; font-size:0.7rem; color: #777; line-height:1.4; font-family: "Roboto", "NotoSans"; }
.bbs_ViewA .bbsV_data li ~ li { padding-left: 2.2rem; }
.bbs_ViewA .bbsV_data li strong { position: relative; margin-right: 0.5rem; padding-right: 0.5rem; font-size: 0.7rem; color:#333; font-weight:400; font-family: "Roboto", "NotoSans"; }
.bbs_ViewA .bbsV_data li strong:before {content:""; display:block; position:absolute; right:0; top:4px; width:1px; height: 0.6rem; background:#c8c8c8;}
.bbs_ViewA .bbsV_cont {position:relative; margin: 2rem 0 4rem; padding: 0 1.5rem; color: #333; }
.bbs_ViewA .bbsV_cont p { line-height: 1.8rem; }
.bbs_ViewA .bbsV_cont img {max-width:100%;}


/* 첨부파일 */
.bbsV_atchmnfl { font-size:0.75rem; line-height:24px; border-top:1px solid #e7e7e7; font-family: 'NotoSans';}
.bbsV_atchmnfl dl {position:relative; padding-left: 7.5rem; border-bottom:1px solid #e7e7e7;}
.bbsV_atchmnfl dt {position:absolute; left:0; top:0; width: 7.5rem; height:100%; display:table;  color:#333; font-size: 0.75rem; text-align:center; background:#f7f7f9; font-weight: 600; font-family: 'NotoSans'; }
.bbsV_atchmnfl dt span {height:100%; display:table-cell; vertical-align:middle;}
.bbsV_atchmnfl dd {padding: 0.6rem 0 0.6rem 1.2rem;}
.bbsV_atchmnfl dd ul {max-height: 2.6rem; overflow-y:auto;}
.bbsV_atchmnfl dd ul.bbsV_file li ~ li { margin-top: 0.5rem; }
.bbsV_atchmnfl dd ul.bbsV_file li a {display:block; line-height: 1rem; padding-left: 1.5rem; color:#555; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:url('../../resource/images/common/ico_disk.png') no-repeat left ; font-size: 0.7rem;}
.bbsV_atchmnfl dd ul.bbsV_file li a:hover, .bbsV_atchmnfl dd ul.bbsV_file li a:focus {color:#333; text-decoration:underline; }

.bbsV_atchmnfl dd ul.bbsV_downCO li {position:relative; margin:3px 0 0; padding-right:80px; line-height:22px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.bbsV_atchmnfl dd ul.bbsV_downCO li span {margin-right:5px;}
.bbsV_atchmnfl dd ul.bbsV_downCO li a {position:absolute; right:10px; top:0; display:block; padding:2px 10px; line-height:18px; font-size:13px; color:#fff; background:#99a3b0;}
.bbsV_atchmnfl dd ul.bbsV_downCO li a:hover, .bbsV_atchmnfl dd ul.bbsV_downCO li a:focus {text-decoration:underline; background:#747f8c;}


/* 댓글 */
.bbsV_answer { margin-top: 2.2rem; position:relative;}
.bbsV_answer .bbsV_answInfo { position:relative; font-family: 'NotoSans'; }
.bbsV_answer .bbsV_answInfo p { font-weight:600; font-size:1rem; color:#333; margin-bottom: 1rem; }
.bbsV_answer .bbsV_answInfo p strong {color:#1974d0;}
.bbsV_answer .bbsV_answInfo input { font-size: 0.7rem; }
.bbsV_answer .bbsV_answInfo .comment_box { margin-top: 0.5rem; }
.bbsV_answer .bbsV_answInfo .comment_box input { width: calc(100% - 5.6rem); height: 2.8rem; overflow-y: auto; }
.bbsV_answer .bbsV_answInfo .comment_box [class^="btn_"] { width: 5rem; height: 2.8rem; padding: 0.8rem; }

/* 댓글 : 리스트 */
.bbsV_answer .bbsV_answList { position: relative; font-family: 'NotoSans'; }
.bbsV_answer .bbsV_answList > li {position:relative; font-size:0.75rem; border-bottom:1px solid #e7e7e7;}
.bbsV_answer .bbsV_answList > li dl { padding: 0.9rem 1.7rem 1rem; }
.bbsV_answer .bbsV_answList > li dl dt { position: relative; color:#04507f; font-weight:600; margin-bottom: 0.9rem; }
.bbsV_answer .bbsV_answList > li > dl > dt::before { position: absolute; top: 0; left: -1.7rem; width: 1.2rem; height: 1.2rem; border-radius: 50%; background: #e9ecf3 url('../../resource/images/common/icon_answUser.png') no-repeat center / contain; content: ""; }
.bbsV_answer .bbsV_answList > li dl dt .date { position: relative; color: #555; padding-left: 0.8rem; margin-left: 0.8rem; font-weight: 400; }
.bbsV_answer .bbsV_answList > li dl dt .date::before { position: absolute; top: 0.25rem; left: 0; width: 1px; height: 0.6rem; background: #c8c8c8; content: ""; }
.bbsV_answer .bbsV_answList > li dl dd { color: #555; }
.bbsV_answer .bbsV_answList > li.no_answer {color:#333; text-align:center; font-size:0.8rem; font-weight:400; border:1px solid #e5e5e5; border-top:none; background:url('../../resource/images/common/pt_diagonalG50.png') repeat;}

/* 댓글 :날짜 및 댓글달기, 수정, 삭제 버튼 */
.bbsV_answer .bbsV_answList > li dl dd .answ_etc { position: relative; margin-top: 0.9rem; }
.bbsV_answer .bbsV_answList > li dl dd .answ_etc a { position: relative; padding-left: 1rem; font-size: 0.65rem; color: #3f5779; }
.bbsV_answer .bbsV_answList > li dl dd .answ_etc a::before { position: absolute; top: 0.2rem; left: 0; width: 0.7rem; height: 0.65rem; content: ""; }
.bbsV_answer .bbsV_answList > li dl dd .answ_etc a.btn_answer_mn::before { background:url('../../images/common/icon_comment.png') no-repeat center / contain; }

.bbsV_answer .bbsV_answList > li ul {position:relative; padding-left:30px; border-top:1px solid #e7e7e7; background: #f9fafc; }
.bbsV_answer .bbsV_answList > li ul:before{content:''; position:absolute; top:0; left:0; width:10px; height:100%; padding-bottom:15px; background:url('../../resource/images/common/pt_diagonalg.png') repeat; border-radius:0 0 5px 5px;}
.bbsV_answer .bbsV_answList > li ul li {position:relative; padding:15px 0; border-top:1px solid #e5e5e5;}
.bbsV_answer .bbsV_answList > li ul li:first-child {border-top:0;}
.bbsV_answer .bbsV_answList > li ul li dl dt {color:#274b9f; font-weight: 600; }
.bbsV_answer .bbsV_answList > li ul li dl dt::before { position: absolute; top: 0; left: -1.7rem; width: 1.2rem; height: 1.2rem; background: url('../../resource/images/common/icon_comitArrow.png') no-repeat center / contain; content: ""; }
.bbsV_answer .bbsV_answList > li ul li dl dd { color: #777; }

/* 댓글 :수정 및 댓댓글쓰기 */
.bbsV_answer .bbsV_answList li .bbsV_answWrite {margin-top:20px; border-top:1px solid #e5e5e5; background:#f7f7f7;}
.bbsV_answer .bbsV_answList li .bbsV_answWrite .btn_boxRight {float:right; overflow:hidden;}
.bbsV_answer .bbsV_answList li .bbsV_answWrite .btn_boxRight button {display:block; float:left; padding:15px 20px; line-height:1rem; color:#fff;}
.bbsV_answer .bbsV_answList li .bbsV_answWrite .btn_boxRight .btnModifi {background:#666;}
.bbsV_answer .bbsV_answList li .bbsV_answWrite .btn_boxRight .btnModifi:hover, .bbsV_answer .bbsV_answList li .bbsV_answWrite .btn_boxRight .btnModifi:focus {background:#555;}
.bbsV_answer .bbsV_answList li .bbsV_answWrite .btn_boxRight .btnCancel {background:#444;}
.bbsV_answer .bbsV_answList li .bbsV_answWrite .btn_boxRight .btnCancel:hover, .bbsV_answer .bbsV_answList li .bbsV_answWrite .btn_boxRight .btnCancel:focus {background:#333;}

/* 시험응시 */
.exam_time { position: fixed; top: 4rem; right: 2rem; background: #323232; color: #fff; text-align: center; padding: 0.3rem 0.5rem; font-size: 0.75rem; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); z-index: 1; }
/* .exam_time {position: fixed;top: 4rem;right: 16%;left: 10rem;background: #323232;color: #fff;text-align: center;padding: 0.3rem 0.5rem;font-size: 0.75rem;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);z-index: 1;width: max-content;} */
.exam_time em { display: block; }
.exam_tit { font-size: 0.8rem; color: #fff; font-weight: 600; margin: 1.4rem 0 0.5rem; }
.exam_box table tr th { font-weight: normal; padding-bottom: 0.5rem;}
.exam_box table tr th.right { position: relative; }
.exam_box table tr th.right::before { position: absolute; top: 0; left: 0; width: 5rem; height: 4.45rem; background: url('../../resource/images/common/right.png') no-repeat center / contain; content: ""; }
.exam_box table tr th.triangle { position: relative; }
.exam_box table tr th.triangle::before { position: absolute; top: 0; left: 0; width: 5rem; height: 3.6rem; background: url('../../resource/images/common/triangle.png') no-repeat center / contain; content: ""; }
.exam_box table tr th.wrong { position: relative; }
.exam_box table tr th.wrong::before { position: absolute; top: 0; left: 0; width: 5rem; height: 2.3rem; background: url('../../resource/images/common/wrong.png') no-repeat center / contain; content: ""; }
/*.exam_reminder { position: fixed; top: 4rem; left: 2rem; background: #323232; color: #fff; text-align: left; padding: 0.3rem 0.5rem; font-size: 0.75rem; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); z-index: 1; }*/
.exam_reminder {position: absolute;/* top: 4rem; *//* left: 2rem; */background: #323232;color: #fff;text-align: left;padding: 0.3rem 0.5rem;font-size: 0.75rem;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);z-index: 1; width:60%;}
.exam_reminder em { display: block; }
.exam_top {position:relative; height: 100px;}

.bbsWFile { position: relative; display: flex; justify-content: space-between; align-items: center; }
.bbsWFile + .bbsWFile { margin-top: 0.6rem; }
.bbsWFile .inner + .inner { margin-top: 0.6rem; }
.bbsWFile > div { flex: 1; }
.bbsWFile .inner { display: flex; align-items: center; gap: 8px; flex: 1; }
.bbsWFile .inner input[type="text"] { width: 53%; }
.bbsWFile .inner input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; clip: rect(0, 0, 0, 0); overflow: hidden; }
.bbsWFile .inner label.bbsWBtn { display: inline-block; height: 2.4rem; line-height: 2.4rem; text-align: center; color: #fff; background: #717171; border-radius: 0.2rem; padding: 0.5rem 1.2rem; margin-right: 8px; }
.bbsWFile .inner .delete { font-size: 0.85rem; color: #1D1D1D; }
.bbsWFile .inner .delete i { font-size: 1.2rem; vertical-align: middle; }

.font_FR {font-weight:400 !important;}
.font_FM {font-weight:600 !important;}
.font_FB {font-weight:700 !important;}

.mgt5  {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt30 {margin-top:30px !important;}
.mgt40 {margin-top:40px !important;}
.mgt50 {margin-top:50px !important;}



@media screen and (min-width:680px) {
    .search_list.txt_type ul li .box_inner .c_btn { display: none; }
    .search_list.txt_type ul li .box_inner:hover,
    .search_list.txt_type ul li .box_inner:focus { background: #1F53CC; }
    .search_list.txt_type ul li .box_inner:hover .c_bedge,
    .search_list.txt_type ul li .box_inner:focus .c_bedge { border-color: transparent; background: rgba(0, 0, 0, 0.4); color: #fff; }
    .search_list.txt_type ul li .box_inner:hover .c_tit,
    .search_list.txt_type ul li .box_inner:focus .c_tit { color: #fff; }
    .search_list.txt_type ul li .box_inner:hover .c_info,
    .search_list.txt_type ul li .box_inner:focus .c_info { color: #fff; }
    .search_list.txt_type ul li .box_inner:hover .c_hid,
    .search_list.txt_type ul li .box_inner:focus .c_hid { opacity: 0; visibility: hidden; }
    .search_list.txt_type ul li .box_inner:hover .c_btn,
    .search_list.txt_type ul li .box_inner:focus .c_btn { display: flex; }
    .search_list.txt_type ul li .box_inner { transition: 0.3s; }
}

@media screen and (max-width:1400px) {
    .search_list ul li { width: calc(100% / 2); }
}

@media screen and (max-width:1024px) {
    /* .bbs_tbl { width: 100%; overflow-x: auto; z-index: 1; }
	.bbs_tbl table { width: auto; } */
}

@media screen and (max-width:860px) {
    .bbsW_View .bbsW_data li strong { width: 5rem; }
    .bbsW_View .bbsW_data li em { width: calc(100% - 5rem); }
    .bbsW_View .bbsW_Filelst dl dt { width: 5rem; }
    .bbsW_View .bbsW_Filelst dl dd { width: calc(100% - 5rem); }
}

@media screen and (max-width:768px) {
    .icon_box { padding: 2rem 1.5rem 2rem 8rem; }
    .icon_box .icon { top: 2rem; left: 2rem; width: 4.5rem; height: 4.5rem; }

    .bbs_srch .innr_srch { flex-wrap: wrap; }
    .bbs_srch .innr_srch .bbs_tit { margin-right: 0; width: 100%; }
    .bbs_srch .innr_srch .form_textbox { max-width: 100%; }
    .bbs_srch .innr_srch .btn.sch { min-width: auto; width: 100%; }

    .bbs_view { flex-wrap: wrap; }
    .bbs_view .img,
    .bbs_view .img2 { width: 100%; height: auto; }
    .bbs_view .img::before { width: 2.8rem; height: 2.8rem; background-size: 0.8rem; }
    .bbs_view .img img { max-height: 12rem; }
    .bbs_view dl { width: 100%; padding-left: 0; margin-top: 1rem; }
    .bbs_view dl dt .view_tit { font-size: 1rem; }
    .bbs_view dl dd .view_lst { padding-right: 0; }
    .bbs_view dl dd .view_btn { position: relative; bottom: auto; right: auto; text-align: right; margin-top: 0.5rem; }
    .bbs_view dl dd .view_lst li span.tag { width: 100%; flex: 100%; padding-left: 0; margin-top: 1rem; }

    .bbsW_View .bbsW_data li { width: 100%; }
    .bbsW_View .bbsW_Filelst dl { display: block; padding: 1rem;}
    .bbsW_View .bbsW_Filelst dl dt { width: 100%; text-align: left; padding: 0; }
    .bbsW_View .bbsW_Filelst dl dd { width: 100%; padding: 0; margin-top: 0.5rem; }

    .tbl_st2 table colgroup { display: none; }
    .tbl_st2 table tr { display: block; }
    .tbl_st2 table tr th,
    .tbl_st2 table tr td { display: block; width: 100%; padding: 0.6rem; }

    .bbs_tbl table colgroup { display: none; }
    .bbs_tbl table tr { display: block; }
    .bbs_tbl table tr th,
    .bbs_tbl table tr td { display: block; width: 100%; }
    .bbs_tbl table tr td input { width: 100% !important; }

    .bbs_tbl .form_group { width: 100% !important; }
    .bbs_tbl .form_email { width: 100% !important; }
    .bbs_tbl .form_group * { width: 100% !important; }
}

@media screen and (max-width:680px) {
    .search_list ul { margin: 1rem 0 0 0; }
    .search_list ul li { width: 100%; padding: 0 0.7rem; }
    .search_list ul li + li { margin-top: 0.8rem; }

    .search_list.txt_type ul li .box_inner .c_btn { position: relative; left: auto; transform: none; bottom: auto; display: flex; margin-top: 1rem; width: 100%; }

    .bbsW_View h3 { font-size: 0.9rem; }

    .bbs_Write { padding: 1rem; }
    .bbs_Write h3 { font-size: 0.9rem; }
    .bbs_Write .bbsW_data { padding: 1rem 0; }
    .bbs_Write .bbsW_cont { margin: 1rem 0; }

    .bbs_cmmt .answ_Write { flex-wrap: wrap; }
    .bbs_cmmt .answ_Write .answer_txt { width: 100%; }
    .bbs_cmmt .answ_Write .button_bl { width: 100%; }

    .bbs_cmmt .answ_List { padding: 1rem; }
    .bbs_cmmt .answ_List dl dt { display: block; }
    .bbs_cmmt .answ_List dl dt .answ_etc { justify-content: end; }
    .bbs_cmmt .answ_List dl dd { padding: 0.6rem 0 0; }
}

@media screen and (max-width:580px) {
    .icon_box { padding: 1.5rem; border-radius: 0.8rem 1.5rem 0.8rem 0.8rem; }
    .icon_box .icon { display: none; }
}

@media screen and (max-width:400px){
	.layer_popup { min-width: 70%; }
	.layer_popup.layer-sm {width: 108%; margin: 0 auto;}
	.exam_reminder { position: absolute; top: 3.4rem; background: #323232; color: #fff; text-align: left; padding: 0.3rem 0.5rem; font-size: 0.75rem; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); z-index: 1; width:60%; display:none;}
	.exam_reminder em { display: block; }
	.exam_time {position: fixed;top: 3.4rem;right: 0.2rem;background: #323232;color: #fff;text-align: center;padding: 0.3rem 0.5rem;font-size: 0.75rem;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);z-index: 1;}
}