.contents { width: 100%; max-width: 49rem; margin: auto; padding-bottom: 1.5rem; }

/* 타이틀 */
.con_tit1 { font-size: 1.3rem; color: #1c1c1c; margin: 1.2rem 0 1.1rem; font-weight: 600; }
.con_tit1_1 { font-size: 0.9rem; color: #1c1c1c; margin: 1.2rem 0 0.4rem; font-weight: 600; }
.con_tit2 { font-size: 1.1rem; color: #1c1c1c; margin: 1.6rem 0 0.5rem; font-weight: 600; }
.con_tit3 { position: relative; padding-left: 0.9rem; font-size: 1rem; color: #1c1c1c; margin: 1.8rem 0 0.5rem; font-weight: 600; }
.con_tit3::before { position: absolute; top: 0.45rem; left: 0; width: 0.55rem; height: 0.55rem; border-radius: 50%; border: 3px solid #396198; content: ""; }
.con_tit4 { font-size: 0.9rem; color: #345e98; margin: 1.2rem 0 0.4rem; font-weight: 600; }
.con_tit5 { position: relative; font-size: 1rem; color: #1c1c1c; padding-left: 1.6rem; font-weight: 600; }
.con_tit5::before { position: absolute; top: 0.45rem; left: 0.6rem; width: 0.6rem; height: 0.6rem; background: url('../../images/common/tit5_bg.png') no-repeat center / contain; content: ""; }

/* 게시판 리스트 상단 */
.bbs_srch { padding: 1.2rem 1.5rem; margin-bottom: 0.7rem; font-size: 0.7rem; text-align:center; background:#f7f7f9; font-family: "Roboto", "NotoSans"; }
.bbs_srch label ~ label { margin-left: 1.5rem; }
.bbs_srch label span { margin-right: 0.8rem; text-align: left; }
.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:100px; height: 1.8rem; line-height: 1.8rem; vertical-align:middle; border:1px solid #e1e1e1; }
.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 button { min-width: 4rem; border-radius: 0; padding: 0.4rem 1.3rem; color: #fff; }

.bbs_srch + [class^="con_tit"] { margin-top: 1.5rem; }

/* 게시판 목록 검색 */
.BD_Top { position:relative; overflow:hidden; font-family: "Roboto", "NotoSans"; }
.BD_Top .BD_total {float:left; line-height: 2rem; font-size: 0.75rem; color: #555; }
.BD_Top .BD_total .pc_red {color: #bb3131;}
.BD_Top .BD_srch {float: right; text-align: right;}
.BD_Top .BD_srch select { width: 6rem; height: 1.7rem; line-height: 1.9rem; vertical-align: top; font-size: 0.7rem; color: #555; border:1px solid #e1e1e1; }
.BD_Top .BD_srch input {padding: 0.4rem 1.3rem; width: 6rem; height: 1.7rem; line-height: 1.9rem; vertical-align: top; font-size: 0.7rem; border:1px solid #e1e1e1; color: #555; }

/* 게시판 목록 검색 */
.BD_Top1 { position:relative; overflow:hidden; font-family: "Roboto", "NotoSans"; }
.BD_Top1 .BD_total {float:left; line-height: 2rem; font-size: 0.75rem; color: #555; }
.BD_Top1 .BD_total .pc_red {color: #bb3131;}
.BD_Top1 .BD_srch {float: right; text-align: right;}
.BD_Top1 .BD_srch select { width: 6rem; height: 1.7rem; line-height: 1.9rem; vertical-align: top; font-size: 0.7rem; color: #555; border:1px solid #e1e1e1; }
.BD_Top1 .BD_srch input {padding: 0 0.75rem; width: 6rem; height: 1.7rem; line-height: 1.9rem; vertical-align: top; font-size: 0.7rem; border:1px solid #e1e1e1; color: #555; }
.BD_Top1 .BD_notice {padding: 0; width: 5.5rem; height: 1.7rem; float:right; line-height: 2rem; font-size: 0.75rem; color: #555; }

/* 일반형게시판목록 */
.bbs_List table {table-layout:fixed; line-height:20px; color:#555; font-size:0.7rem; text-align:center; border-top:2px solid #333; font-family: "Roboto", "NotoSans"; }
.bbs_List table thead th {padding:15px 10px; color:#222; font-weight: 400; border-bottom:1px solid #e7e7e7; background:#f7f7f9;}
.bbs_List table tbody td {padding:15px 10px; border-bottom:1px solid #e7e7e7; color: #555; }
.bbs_List table tbody tr:hover {background:#f8f9fd;}
.bbs_List table tbody td.bbs_tit {text-align:left;}
.bbs_List table tbody td.bbs_tit a {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width: 100%;}
.bbs_List table tbody tr:hover td.bbs_tit,
.bbs_List table tbody tr:focus td.bbs_tit { color: #396198; }
.bbs_List table tbody td.bbs_num { font-family: "Roboto", "NotoSans";}
.bbs_List table tbody td.bbs_tit a:hover span.ico_answer,
.bbs_List table tbody td.bbs_tit a:focus span.comment {text-decoration:none;}
.bbs_List table tbody td .add_th { position: relative; padding-right: 0.3rem; margin-right: 0.2rem; overflow: hidden; display: none; color: #555; font-family: 'NotoSans'; }
.bbs_List table tbody td .add_th::before { position: absolute; top: 0; right: 0; color: #555; content: ":"; }


.bbs_List table tbody td.bbs_tit span.new {display:inline-block; width:18px; height:18px; margin-right:5px; line-height:18px; font-weight: 400; font-size:15px; color:#f57f17; text-align:center; border:1px solid #f57f17;}
.bbs_List table tbody td.bbs_tit span.comment {margin-right:5px; color:#f57f17; font-weight: 400; }
.bbs_List table tbody td.bbs_tit span.ico_answer {padding:0 8px; margin-right:5px; font-size:13px; border:1px solid #c1c1c1; }

.bbs_List table tbody td strong.ico_noti {display:block; width:26px; height:22px; margin:0 auto; text-indent:-10000em; background:url('/00_common/images/board/ico_noti.png') no-repeat ;}
.bbs_List table tbody td strong.sttus_blue {display:inline-block; padding:0 8px; line-height:20px; font-weight: 400; font-size:15px; color:#044ca4; border:1px solid #044ca4;}
.bbs_List table tbody td strong.sttus_green {display:inline-block; padding:0 8px; line-height:20px; font-weight: 400; font-size:15px; color:#50b848; border:1px solid #50b848;}
.bbs_List table tbody td strong.sttus_orange {display:inline-block; padding:0 8px; line-height:20px; font-weight: 400; font-size:15px; color:#f58220; border:1px solid #f58220;}
.bbs_List table tbody td strong.sttus_gray {display:inline-block; padding:0 8px; line-height:20px; font-weight: 400; font-size:15px; color:#555; border:1px solid #555;}

.bbs_List table tbody td [class^="btn"] { min-width: 4rem; }



/* 페이징 */
.bbs_pager {margin:20px 0; text-align:center; line-height:0; font-size:0; }
.bbs_pager a, .bbs_pager span, .bbs_pager strong {display:inline-block; padding:0; margin:0; vertical-align:middle;}
.bbs_pager div {display:inline-block; margin: 0.4rem; }
.bbs_pager .bbs_arr {width: 1.5rem; height: 1.5rem; margin:0 2px; line-height: 1.5rem; text-indent:-10000em; border:1px solid #ccc; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.bbs_pager .pgeL1 {background:url('../../images/common/bbs_PBarrL1.png') no-repeat center;}
.bbs_pager .pgeL2 {background:url('../../images/common/bbs_PBarrL2.png') no-repeat center;}
.bbs_pager .pgeR1 {background:url('../../images/common/bbs_PBarrR1.png') no-repeat center;}
.bbs_pager .pgeR2 {background:url('../../images/common/bbs_PBarrR2.png') no-repeat center;}
.bbs_pager .bbs_pge_num {min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; font-size:0.7rem; border:1px solid #ccc; margin: 0 2px; color: #333; }
.bbs_pager .bbs_pge_num:hover,
.bbs_pager .bbs_pge_num:focus {color:#555; background:#ededed;}
.bbs_pager strong.bbs_pge_num,
.bbs_pager strong.bbs_pge_num:hover,
.bbs_pager strong.bbs_pge_num:focus {position:relative; color:#fff; font-weight:400; background:#13294b; }
.bbs_pager strong.bbs_pge_num:before {content:""; display:block; position:absolute; left:-1px; top:-1px; width:100%; height:100%; border:1px solid #13294b;}

/* 게시판 View */
.bbs_ViewA { font-family: 'NotoSans'; }
.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('../../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;}

/* 게시판 View 하단 버튼 */
.bbs_View_btn { position: relative; }
.bbs_View_btn .btn_right { position: absolute; top: 0; right: 0; }
[class^="btn_"].like { position: relative; padding-left: 2.5rem; }
[class^="btn_"].like::before { position: absolute; top: 0.7rem; left: 1.2rem; width: 0.85rem; height: 0.85rem; background: url('../../images/common/icon_heart.png') no-repeat bottom; content: ""; }
[class^="btn_"].like.on::before { background-position: top; }

/* 댓글 */
.bbsV_answer { margin-top: 2.2rem; }
.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('../../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('../../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('../../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('../../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;}

/* 테이블 - 기타 */
.tbl_utile {margin-top:-20px; text-align:right; line-height:16px; font-size:0.7rem; color: #555; margin-bottom: 0.3rem; font-family: 'NotoSans'; } /* 유틸 */


/* view 추가  23.01.16 */
.bbs_View2 table {table-layout:fixed; line-height:20px; color:#555; font-size:0.7rem; text-align:center; border-top:2px solid #333; font-family: "Roboto", "NotoSans"; }
.bbs_View2 table thead th {padding:15px 10px; color:#222; font-weight: 400; border-bottom:1px solid #e7e7e7; background:#f7f7f9;}
.bbs_View2 table tbody td {padding:15px 10px; border-bottom:1px solid #e7e7e7; color: #555; }
.bbs_View2 table tbody th {padding:15px 10px; color:#222; font-weight: 400; border-bottom:1px solid #e7e7e7; background:#f7f7f9;}
.bbs_View2 table tbody td.bbs_tit {text-align:left;}
.bbs_View2 table tbody td.bbs_tit a {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.bbs_View2 table tbody tr:focus td.bbs_tit { color: #396198; }
.bbs_View2 table tbody td.bbs_num { font-family: "Roboto", "NotoSans";}
.bbs_View2 table tbody td.bbs_tit a:hover span.ico_answer,
.bbs_View2 table tbody td.bbs_tit a:focus span.comment {text-decoration:none;}
.bbs_View2 table tbody td .add_th { position: relative; padding-right: 0.3rem; margin-right: 0.2rem; overflow: hidden; display: none; color: #555; font-family: 'NotoSans'; }
.bbs_View2 table tbody td .add_th::before { position: absolute; top: 0; right: 0; color: #555; content: ":"; }

.bbs_View2 table tbody td.bbs_tit span.new {display:inline-block; width:18px; height:18px; margin-right:5px; line-height:18px; font-weight: 400; font-size:15px; color:#f57f17; text-align:center; border:1px solid #f57f17;}
.bbs_View2 table tbody td.bbs_tit span.comment {margin-right:5px; color:#f57f17; font-weight: 400; }
.bbs_View2 table tbody td.bbs_tit span.ico_answer {padding:0 8px; margin-right:5px; font-size:13px; border:1px solid #c1c1c1; }

.bbs_View2 table tbody td strong.ico_noti {display:block; width:26px; height:22px; margin:0 auto; text-indent:-10000em; background:url('/00_common/images/board/ico_noti.png') no-repeat ;}
.bbs_View2 table tbody td strong.sttus_blue {display:inline-block; padding:0 8px; line-height:20px; font-weight: 400; font-size:15px; color:#044ca4; border:1px solid #044ca4;}
.bbs_View2 table tbody td strong.sttus_green {display:inline-block; padding:0 8px; line-height:20px; font-weight: 400; font-size:15px; color:#50b848; border:1px solid #50b848;}
.bbs_View2 table tbody td strong.sttus_orange {display:inline-block; padding:0 8px; line-height:20px; font-weight: 400; font-size:15px; color:#f58220; border:1px solid #f58220;}
.bbs_View2 table tbody td strong.sttus_gray {display:inline-block; padding:0 8px; line-height:20px; font-weight: 400; font-size:15px; color:#555; border:1px solid #555;}

.bbs_View2 table tbody td [class^="btn"] { min-width: 4rem; }





/* 게시판 Write */
.bbs_Write {font-size:0.75rem; border-top:2px solid #333; font-family: 'NotoSans'; }
.bbs_Write table th {padding:0.75rem 1.13rem; color:#333; font-weight:400; text-align:left; border-bottom:1px solid #e7e7e7; background:#f7f7f9;}
.bbs_Write table td {padding:0.4rem 1rem; font-size: 0.7rem; color: #333; border-bottom:1px solid #eaecf1;}
.bbs_Write table td textarea {width:100%; height:100px; border:1px solid #ddd;}
.bbs_Write table td input, .bbs_Write table td label { vertical-align:middle; }
.bbs_Write table td input.inp_st,
.bbs_Write table td select { border: 1px solid #e1e1e1; min-width: 6rem; height: 2rem; line-height: 2rem; padding-left: 0.5rem; color: #555; font-size: 0.7rem; margin: 2px; }
.bbs_Write table td .bbsWFile { font-size: 0; }
.bbs_Write table td .bbsWFile input { width: calc(100% - 15rem); margin-right: 0.3rem; }
.bbs_Write table td .bbsWFile a { padding: 0.55rem 0; }
.bbs_Write table td .bbsWFile .add_file { float: right; }

/* 게시판 Write */
.bbs_Write2 {font-size:0.75rem; border-top:2px solid #333; font-family: 'NotoSans'; }
.bbs_Write2 table th {padding:0.75rem 1.13rem; color:#333; font-weight:400; text-align:left; border-bottom:1px solid #e7e7e7; background:#f7f7f9;}
.bbs_Write2 table td {padding:0.4rem 1rem; font-size: 0.7rem; color: #333; border-bottom:1px solid #eaecf1;}
.bbs_Write2 table td textarea {width:100%; height:300px; border:1px solid #ddd;}
.bbs_Write2 table td input, .bbs_Write2 table td label { vertical-align:middle; }
.bbs_Write2 table td input.inp_st,
.bbs_Write2 table td select { border: 1px solid #e1e1e1; height: 2rem; line-height: 2rem; padding-left: 0.5rem; color: #555; font-size: 0.7rem; margin: 2px; }
.bbs_Write2 table td .bbsWFile { font-size: 0; }
.bbs_Write2 table td .bbsWFile input { width: calc(100% - 15rem); margin-right: 0.3rem; }
.bbs_Write2 table td .bbsWFile a { padding: 0.55rem 0; }
.bbs_Write2 table td .bbsWFile .add_file { float: right; }


table .cell30 { font-size: 0; }
table .cell30 li { width: 33.333%; display: inline-block; font-size: 0.8rem; }
table .cell30 li .custom_select,
table .cell30 li .custom_input { width: calc(100% - 0.8rem); }

/* 게시판 공통 :필수입력 */
.essntl {margin:0 5px; color:#c81917; vertical-align: middle; } /* 필수입력 */

.btns { margin: 1rem 0; }

/* 버튼 :기본 */
.btn_blueL { color:#13396d; background:#fff; border:1px solid #396198; }
.btn_blueL:hover, .btn_blueL:focus { background: #f1f5fb; }
.btn_red { color:#fff; background:#dd5329; }
.btn_red:hover, .btn_red:focus { background: #c24a1a; }
.btn_navy { color:#fff; background:#396198; }
.btn_navy:hover, .btn_navy:focus { background: #274b7c; }
.btn_grn { color:#fff; background:#757575; }
.btn_grn:hover, .btn_grn:focus { background: #555; }
.btn_bl { color:#fff; background:#424850; }
.btn_bl:hover, .btn_bl:focus { background: #191e24; }
.btn_mint { color:#fff; background:#398398; }
.btn_mint:hover, .btn_mint:focus { background: #276678; }
.btn_blueL, .btn_red, .btn_navy, .btn_grn, .btn_bl, .btn_mint { display:inline-block; font-family: 'NotoSans'; min-width: 5.5rem; margin: 0.1rem; padding: 0.62rem 1rem; text-align: center; vertical-align:middle; line-height:1rem; font-size: 0.8rem; border-radius: 2rem; -webkit-transition:all .15s; transition:all .15s; }

/* 텍스트 요소 : 폰트컬러 타입 */
.pc_blue {color:#396198;}

/* 버튼 :작은버튼 */
a[class^="btn_"].mini,
button[class^="btn_"].mini { padding:.32rem .5rem; font-size:13px; }
a[class^="btn_"].no_rd,
button[class^="btn_"].no_rd { border-radius: 0; min-width: 4rem; font-size: 0.7rem; }

/* 버튼 : 아이콘 */
a[class^="btn_"] i,
button[class^="btn_"] i { margin-left: 1.7rem; }

/* 리스트 : 가로 나열 */
.li_w50, .li_w30, .li_w25, .li_w20 {overflow:hidden;}
.li_w50 > li {width:45%; float:left;}
.li_w30 > li {width:30%; float:left;}
.li_w25 > li {width:23%; float:left;}
.li_w20 > li {width:18%; float:left;}

/* input select px */
.InpSel_50 {width:50px !important}
.InpSel_80 {width:80px !important}
.InpSel_100 {width:100px !important}
.InpSel_150 {width:150px !important}
.InpSel_200 {width:200px !important}
.InpSel_250 {width:250px !important}
.InpSel_300 {width:300px !important}
.InpSel_350 {width:350px !important}
.InpSel_400 {width:400px !important}
.InpSel_450 {width:450px !important}
.InpSel_500 {width:500px !important}

/* input select  % */
.InpSel_w10 {width:10% !important}
.InpSel_w20 { width:20% !important}
.InpSel_w30 { width:30% !important}
.InpSel_w40 { width:40% !important}
.InpSel_w50 { width:50% !important}
.InpSel_w60 { width:60% !important}
.InpSel_w70 { width:70% !important}
.InpSel_w80 { width:80% !important}
.InpSel_w90 { width:90% !important}
.InpSel_w100 { width:100% !important}

/* 패딩 */
.pd0  {padding:0 !important;}

.pd5  {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd30 {padding:30px !important;}

.pdt5  {padding-top:5px !important;}
.pdt10 {padding-top:10px !important;}
.pdt15 {padding-top:15px !important;}
.pdt20 {padding-top:20px !important;}
.pdt30 {padding-top:30px !important;}
.pdt40 {padding-top:40px !important;}

.pdr5  {padding-right:5px !important;}
.pdr10 {padding-right:10px !important;}
.pdr15 {padding-right:15px !important;}
.pdr20 {padding-right:20px !important;}
.pdr30 {padding-right:30px !important;}

.pdb5  {padding-bottom:5px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdb15 {padding-bottom:15px !important;}
.pdb20 {padding-bottom:20px !important;}
.pdb30 {padding-bottom:30px !important;}

.pdl5  {padding-left:5px !important;}
.pdl10 {padding-left:10px !important;}
.pdl15 {padding-left:15px !important;}
.pdl20 {padding-left:1rem !important;}
.pdl30 {padding-left:30px !important;}

/* 마진 */
.mg0  {margin:0 !important;}

.mg5  {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg30 {margin:30px !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;}
.mgt60 {margin-top:60px !important;}

.mgt5n  {margin-top:-5px !important;}
.mgt10n  {margin-top:-10px !important;}

.mgr5  {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr30 {margin-right:30px !important;}

.mgb0  {margin-bottom:0 !important;}
.mgb5  {margin-bottom:5px !important;}
.mgb10 {margin-bottom:0.5rem !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}

.mgl5  {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl30 {margin-left:30px !important;}

/* 리스트 : 가로 나열 */
.li_w50, .li_w30, .li_w25, .li_w20 {overflow:hidden;}
.li_w50 > li {width:45%; float:left;}
.li_w30 > li {width:30%; float:left;}
.li_w25 > li {width:23%; float:left;}
.li_w20 > li {width:18%; float:left;}

/* input select px */
.InpSel_50 {width:50px !important}
.InpSel_80 {width:80px !important}
.InpSel_100 {width:100px !important}
.InpSel_150 {width:150px !important}
.InpSel_200 {width:200px !important}
.InpSel_250 {width:250px !important}
.InpSel_300 {width:300px !important}
.InpSel_350 {width:350px !important}
.InpSel_400 {width:400px !important}
.InpSel_450 {width:450px !important}
.InpSel_500 {width:500px !important}
.InpSel_550 {width:550px !important}
.InpSel_600 {width:600px !important}
.InpSel_650 {width:650px !important}
.InpSel_700 {width:650px !important}
.InpSel_750 {width:650px !important}


/* input select  % */
.InpSel_w10 {width:10% !important}
.InpSel_w20 { width:20% !important}
.InpSel_w30 { width:30% !important}
.InpSel_w40 { width:40% !important}
.InpSel_w50 { width:50% !important}
.InpSel_w60 { width:60% !important}
.InpSel_w70 { width:70% !important}
.InpSel_w80 { width:80% !important}
.InpSel_w90 { width:90% !important}
.InpSel_w100 { width:100% !important}

/* 수강강의 */
.lecture_box {text-align: left; }
.lecture_box ul { display: flex; width: 100%; flex-wrap: wrap; }
.lecture_box ul li { flex: 50%; }
.lecture_box ul li ~ li { margin-top: 0.5rem; }
.lecture_box ul li:nth-child(2) { margin-top: 0; }
.lecture_box ul li select { min-width: 7.5rem; }
.lecture_box .lecture_tit { width: calc(100% - 15.5rem) !important; }

/* 단체수료증 */
.lecture_box_asp {text-align: left; }
.lecture_box_asp ul { display: flex; width: 100%; flex-wrap: wrap; }
.lecture_box_asp ul li { flex: 33%; }
.lecture_box_asp ul li ~ li { margin-top: 0.5rem; }
.lecture_box_asp ul li:nth-child(2) { margin-top: 0; }
.lecture_box_asp ul li:nth-child(3) { margin-top: 0; }
.lecture_box_asp ul li select { min-width: 7.5rem; }
.lecture_box_asp .lecture_tit { width: calc(100% - 15.5rem) !important; }

/* 사진형게시판목록 - 타입A */
.bbs_img { border-top: 2px solid #333; font-family: 'NotoSans'; }
.bbs_PhotoA { position: relative; }
.bbs_PhotoA:after {content:""; display:block; clear:both;}
.bbs_PhotoA li {position:relative; width:33.333%; float:left; font-size:0.75rem; color:#666; padding: 1.5rem 1rem; }
.bbs_PhotoA li.noDate {width:100%; margin:0; padding-bottom:30px; float:none; text-align:center; border-bottom:1px dashed #cecece; }/* 게시글 없을경우 */
.bbs_PhotoA li a {position:relative; display:block; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.bbs_PhotoA li a span {display:block;}
.bbs_PhotoA li a .img {position:relative; height: 8.5rem; background:#ededed; border-radius: 0.5rem; overflow:hidden;}
.bbs_PhotoA li a .img img {position:relative; width:auto; height:100%; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.bbs_PhotoA li a .NoImg { background: #ededed url('../../images/common/no_img.png') no-repeat top 2.5rem center; }
.bbs_PhotoA li a .NoImg::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); margin-top: 1rem; color: #9d9d9d; content: "no-images"; font-size: 0.8rem; font-family: 'NotoSans'; }
.bbs_PhotoA li a:hover .img img {transform:translate(-50%, -50%) scale(1.1,1.1); -webkit-transform:translate(-50%, -50%) scale(1.1,1.1);}
.bbs_PhotoA li a .tit { height: 2rem; line-height: 1rem; overflow: hidden; margin: 0.7rem 0 0.4rem; padding: 0 0.3rem; font-size: 0.8rem; color: #333; font-weight: 600; }
.bbs_PhotoA li a .etc { padding: 0 0.3rem; }
.bbs_PhotoA li a .etc span { display: inline-block; font-size: 0.7rem; color: #777; }
.bbs_PhotoA li a .etc .date { position: relative; padding-right: 0.5rem; margin-right: 0.5rem; color: #555; }
.bbs_PhotoA li a .etc .date::before { position: absolute; top: 0.2rem; right: 0; width: 1px; height: 0.6rem; background: #c8c8c8; content: ""; }

/* 사진형게시판목록 - 타입B */
.bbs_PhotoB li { width: 100%; padding: 1.5rem 1rem; border-bottom: 1px solid #e7e7e7; }
.bbs_PhotoB li a { display: flex; width: 100%; justify-content: space-between; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
.bbs_PhotoB li a .img { position:relative; width: 10.5rem; height: 6.15rem; background:#ededed; border: 1px solid #d4d4d4; overflow:hidden;}
.bbs_PhotoB li a .NoImg { background: #ededed url('../../images/common/no_img.png') no-repeat top 1.5rem center; }
.bbs_PhotoB li a .NoImg::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); margin-top: 1rem; color: #9d9d9d; content: "no-images"; font-size: 0.8rem; font-family: 'NotoSans'; }
.bbs_PhotoB li a .img img { position:relative; width:auto; height:100%; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.bbs_PhotoB li a .txt_box { width: calc(100% - 12.2rem); display: flex; justify-content: center; flex-direction: column; overflow: hidden; }
.bbs_PhotoB li a .txt_box .tit { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 0.9rem; }
.bbs_PhotoB li a .txt_box .txt { height: 2.1rem; line-height: 1.1rem; font-size: 0.7rem; color: #555; overflow: hidden; }
.bbs_PhotoB li a .etc span { display: inline-block; font-size: 0.7rem; color: #777; }
.bbs_PhotoB li a .etc .date { position: relative; padding-right: 0.5rem; margin-right: 0.5rem; color: #555; }
.bbs_PhotoB li a .etc .date::before { position: absolute; top: 0.2rem; right: 0; width: 1px; height: 0.6rem; background: #c8c8c8; content: ""; }
/* 사진형게시판목록 - 타입B : active */
.bbs_PhotoB li a:hover .img img {transform:translate(-50%, -50%) scale(1.1,1.1); -webkit-transform:translate(-50%, -50%) scale(1.1,1.1);}

/* 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; font-family: 'NotoSans'; padding: 0.7rem 0.5rem; }
.tab_box ul li.on a { background: #396198; color: #fff; }

/* FAQ */
.bbs_Faq { border-top:2px solid #333; font-family: 'NotoSans'; }
.bbs_Faq li {border-bottom:1px solid #e7e7e7; }
.bbs_Faq li a {position:relative; display:block; padding: 1.4rem 3.8rem; font-size: 0.9rem; font-weight:400; color:#333; }
.bbs_Faq li a:before {content:"Q"; display:block; position:absolute; left: 1.1rem; top: 1.1rem; width: 2rem; height: 2rem; line-height: 2rem; color:#fff; font-family: "Roboto", "NotoSans"; font-size: 1.2rem; text-align:center; background:#396198; border-radius:50%; }
.bbs_Faq li a::after { position: absolute; top: 1.5rem; right: 2.1rem; color: #8a8a8a; font-family: 'xeicon'; font-weight: 200; font-size: 1.2rem; content: "\e943"; }
.bbs_Faq li div.faq_A { position:relative; display: none; padding: 1.5rem 1.5rem 1.5rem 6.2rem; line-height: 1.7rem; font-size:0.8rem; color:#333; border-top:1px solid #e7e7e7; background:#f7f7f9;}
.bbs_Faq li div.faq_A:before {content:"A"; display:block; position:absolute; left: 3.1rem; top: 1.3rem; width: 2rem; height: 2rem; line-height: 2rem; color:#fff; font-family: "Roboto", "NotoSans"; font-size: 1.2rem; text-align:center; background:#c52323; border-radius:50%; }
.bbs_Faq li div.faq_A::after { position: absolute; top: 1.65rem; left: 1.8rem; width: 0.6rem; height: 0.6rem; border: 2px solid #d7dce5; border-top: none; border-right: none; content: ""; }
/* FAQ : ative */
.bbs_Faq li.on a::after { transform:rotate(180deg); color: #3271c6; }
.bbs_Faq li.on a { color: #16407a; }

/* 나의수강_상세 */
.learnMore { position: relative; font-family: 'NotoSans'; margin-bottom: 1.9rem; min-height: 12rem; }
.learnMore dl { width: 100%; padding-left: 22.5rem; }
.learnMore dt { font-size: 1.2rem; color: #222; padding: 0.3rem 0 0.7rem; border-bottom: 1px solid #bebebe; }
.learnMore dd { padding: 1.2rem 0.4rem; }
.learnMore dt .img { position: absolute; top: 0; left: 0; width: 20rem; height: 12rem; border: 1px solid #cacaca; background: #f1f1f1; overflow: hidden; text-align: center; }
.learnMore dt .img::before { position: absolute; width: 5.7rem; height: 5.7rem; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.3) url('../../images/common/icon_video.png') no-repeat center; border: 3px solid #f0f0f0; content: ""; }
.learnMore dt .img img { width: auto; height: 100%; }
.learnMore dd ul li { position: relative; padding-left: 7.1rem; color: #777; font-size: 0.75rem; line-height: 0.9rem; }
.learnMore dd ul li ~ li { margin-top: 0.7rem; }
.learnMore dd ul li::before { position: absolute; top: 0.5rem; left: 0; width: 2px; height: 2px; background: #396198; content: ""; }
.learnMore dd ul li span { position: absolute; top: 0; left: 0.5rem; width: 5.5rem; color: #333; }
.learnMore dd ul li span::before { position: absolute; top: 0.2rem; right: 0; width: 1px; height: 0.6rem; background: #c8c8c8; content: ""; }

/* 레이어팝업 */
.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 .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: 0.8rem; right: 1.3rem; color: #fff; }

/* 메인_레이어팝업 */
.m_popup_wrap .layer_popup { border-radius: 0.8rem; overflow: hidden; border: none; }
.m_popup_wrap .layer_tit { padding: 0.7rem 2.5rem 0.7rem 1.4rem; }
.m_popup_wrap .pop_check { font-size: 0.7rem; text-align: right; padding: 0.75rem; }

p[class^="bu_info"] { font-size: 0.75rem; font-family: 'NotoSans';}
p[class^="bu_info"] i { margin-right: 0.4rem; }
.bu_info { color: #666; }
.bu_infoL { color: #c92020; }

.check { position: relative; color: #333; font-size: 0.85rem; padding-left: 1.8rem; font-family: 'SCDream'; }
.check::before { position: absolute; top: 0; left: 0; width: 1.2rem; height: 1.2rem; background: url('../../images/common/ico_info2.png') no-repeat center / contain; content: ""; }

/* Q&A 타이틀*/
.Q_tit { font-size: 1.1rem; margin-bottom: 0.25rem; }
.Q_tit span { display: inline-block; width: 1.6rem; height: 1.6rem; line-height: 1.6rem; border-radius: 50%; background: #1e78d0; color: #fff; text-align: center; font-size: 1rem; margin-right: 0.4rem; }
.A_tit { font-size: 1.1rem; margin-bottom: 0.25rem; }
.A_tit span { display: inline-block; width: 1.6rem; height: 1.6rem; line-height: 1.6rem; border-radius: 50%; background: #b3b3b3; color: #fff; text-align: center; font-size: 1rem; margin-right: 0.4rem; }
div + div[class*='_tit'] { margin-top: 3rem; }

/* Q&A 답변대기 , 답변완료*/
.bbs_ViewA .bbsV_tit h3.answer { position: relative; padding-left: 4.5rem; }
.bbs_ViewA .bbsV_tit h3.answer .btn_answer { position: absolute; top: 0; left: 0; line-height: 1.5rem; font-size: 0.7rem; color: #525354; background: #fff; border: 1px solid #ddd; border-radius: 1rem; padding: 0 0.2rem; }
.bbs_ViewA .bbsV_tit h3.answer .btn_answer i { font-size: 0.7rem; color: #ddd; margin-right: 0.2rem; }
.bbs_ViewA .bbsV_tit h3.answer .btn_answer.cmplt { background: #ebedfd; color: #10569a; }
.bbs_ViewA .bbsV_tit h3.answer .btn_answer.cmplt i { color: #1e78d0; }

/* 시험응시 */
.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 em { display: block; }
.exam_tit { font-size: 0.8rem; color: #000; font-weight: 600; margin: 1.4rem 0 0.5rem; font-family: 'NotoSans'; }
.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('../../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('../../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('../../images/bbs_Writecommon/wrong.png') no-repeat center / contain; content: ""; }

/* 테이블 : 테이블 기본 타입 */
.tbl_st { position:relative; width:100%; background:#fff; overflow:hidden; margin-top: 0.6rem; }
.tbl_st table {position:relative; width:100%; margin:5px 0 0 -1px; text-align:center; border-top:2px solid #333; -webkit-overflow-scrolling:touch; word-break:keep-all;}
.tbl_st table thead th {padding:0.65rem 0.5rem; vertical-align:middle; color:#333; font-weight:400; font-weight:normal; font-size: 0.75rem; border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7; background:#f7f7f9; text-align: center; }
.tbl_st table tbody th {padding:0.65rem 0.5rem; vertical-align:middle; color:#222; font-weight:400; font-weight:normal; border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7; background:#fdfdfd;}
.tbl_st table td {padding:0.5rem; border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7; font-size: 0.7rem; color: #555; }
.tbl_st table .no_date { display: none; }
.tbl_st table tbody td .add_th { position: relative; padding-right: 0.3rem; margin-right: 0.2rem; overflow: hidden; display: none; color: #555; font-size: 0.7rem; font-family: 'NotoSans'; }
.tbl_st table tbody td .add_th::before { position: absolute; top: 0; right: 0; color: #555; content: ":"; }

/* 테이블 : 테이블 기본 타입2 */
.tbl_st2 { position:relative; width:100%; background:#fff; overflow:hidden; margin-top: 0.6rem; }
.tbl_st2 table {position:relative; width:100%; margin:5px 0 0 -1px; text-align:center; border-top:2px solid #333; -webkit-overflow-scrolling:touch; word-break:keep-all;}
.tbl_st2 table thead th {padding:0.65rem 0.5rem; vertical-align:middle; color:#333; font-weight:400; font-weight:normal; font-size: 0.75rem; border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7; background:#f7f7f9; text-align: center; }
.tbl_st2 table tbody th {padding:0.65rem 0.5rem; vertical-align:middle; color:#222; font-weight:400; font-weight:normal; border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7; background:#fdfdfd;}
.tbl_st2 table td {padding:0.3rem; border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7; font-size: 0.7rem; color: #555; }

/* 추가(2023.01.30) */
.tbl_st2 table.tableCss { table-layout: fixed; }
.tbl_st2 table.tableCss td div.tdCss { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* 인기 */
.tbl_st table .popular { position: relative; font-size: 0.65rem; color: #4876f0; padding-left: 0.9rem; margin-left: 0.7rem; }
.tbl_st table .popular::before { position: absolute; top: 0.1rem; left: 0; width: 0.7rem; height: 0.7rem; background: url('../../images/common/ico_popular.png') no-repeat center / contain; content: ""; }

.tbl_mobh { display: none; position:relative; width:100%; background:#fff; overflow:hidden; margin-top: 0.6rem; }
.tbl_mobh table {position:relative; width:100%; margin:5px 0 0 -1px; text-align:center; border-top:2px solid #333; -webkit-overflow-scrolling:touch; word-break:keep-all;}
.tbl_mobh table thead th {padding:0.65rem 0.5rem; vertical-align:middle; color:#333; font-weight:400; font-weight:normal; font-size: 0.75rem; border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7; background:#f7f7f9; text-align: center; }
.tbl_mobh table tbody th {padding:0.65rem 0.5rem; vertical-align:middle; color:#222; font-weight:400; font-weight:normal; border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7; background:#f7f7f9;}
.tbl_mobh table td {padding:0.5rem; border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7; font-size: 0.7rem; color: #555; }

/* 단체교육 신청변경 */
.bbs_top { font-size: 0; margin-bottom: 0.3rem; }
.bbs_top select,
.bbs_top input { display: inline-block; border: 1px solid #e1e1e1; height: 2rem; line-height: 2rem; color: #555; font-size: 0.7rem; margin-right: 0.3rem; }
.bbs_top [class^="btn_"] { padding: 0.5rem 1rem; margin: 0; }

/* 개인정보활용동의 */
.join_box { position: relative; max-height: 8.5rem; padding: 1rem; border: 1px solid #dcdcdc; }
.join_box .inner { height: 100%; overflow-y: auto; padding-right: 1rem; }
.join_box2 { position: relative; max-height: 8.5rem; padding: 1rem; border: 1px solid #e9e9e9; background: #f5f5f5; }
.join_box2 .inner { height: 100%; overflow-y: auto; padding-right: 1rem; }

.proofPhoto .img { width: 5.8rem; height: 7.3rem; margin: 0 auto 0.5rem; border: 1px solid #d8d8d8; background: #eaeaea url('../../images/common/proofPhoto_img.png') no-repeat center bottom; }
.proofPhoto input { width: calc(100% - 4rem); margin: 0 !important; }
.proofPhoto [class^="btn_"] { margin: 0; width: 4rem; padding: 0.5rem 0; }

.tbl_btn { position: relative; }
.tbl_btn .tbl_utile { position: absolute; bottom: 0; right: 0; margin-bottom: 0; }
.tbl_btn .con_tit1_1 { width: calc(100% - 9rem); }
.tbl_btn [class^="btn_"] { min-width: 3rem !important; padding: 0.25rem 0; }

/* 리스트 : 블릿 타입 */
.list_st1 > li {position:relative; padding-left: 0.6rem; font-size:0.75rem; font-weight: 500; line-height:1.3rem; color:#555; }
.list_st1 > li:before {content:''; position:absolute; top: 0.5rem; left: 0; width: 0.2rem; height: 0.2rem; border: 1px solid #2c69be; }
.list_st2 > li {position:relative; padding-left: 0.5rem; font-size:0.75rem; line-height:1.3rem; color:#555;}
.list_st2 > li:before {content:''; position:absolute; top: 0.6rem; left: 0; width: 2px; height: 2px; background: #555; }

[class^="list_st"] > li .pc_red { color: #d81010; }

/* 리스트 : 숫자 타입 */
.list_ol1 > li {position:relative; padding-left: 1.5rem; font-size:0.75rem; line-height:1.3rem; color:#06316b;}
.list_ol1 .num {content:''; position:absolute; top: 0; left: 0; width: 1rem; height: 1rem; line-height: 1rem; border-radius: 0.2rem; font-size: 0.7rem; font-family: "Roboto", "NotoSans"; text-align: center; color: #fff; background: #396198; }

/* 리스트 : 숫자 타입 */
.list_tit1 > li { position: relative; padding-left: 1.8rem; font-size: 0.9rem; font-family: "SCDream"; color: #1c1c1c; font-weight: 600; }
.list_tit1 > li + li { margin-top: 1.5rem; }
.list_tit1 .num { position: absolute; top: 0; left: 0; width: 1.3rem; height: 1.3rem; line-height: 1.3rem; text-align: right; color: #fff; background: #185b8f; font-family: 'SCDream'; font-size: 0.9rem; border-radius: 50%; padding: 0 0.1rem; font-weight: 500; }

/* 리스트 : 텍스트 타입 */
.list_stT1 li {font-size:0.7rem; line-height:1.1rem; color:#555; }
.list_stT1 > li ul, .list_stT1 > li ol {margin:0.25rem 0 0 10px;}
.list_stT1 > li ul, .list_stT1 > li ol li {padding:0 0 0.25rem; }

/* 첨부파일 추가  */                                                                                                                 */
/*.attchList1{display: flex; flex-direction: row-reverse;justify-content: space-between;align-items: center; margin-top: 5px;} */
/*.attchList1 .file_input.file{width: calc(100% - 130px); margin-top: 0;}                                                      */
/*.attchList1 .file_input.file .file_name{min-width: auto;width: 100%;}                                                        */
/*.attchList1 .btn-sm1.fix{min-width: 2.4rem;}                                                                                 */
/*.attchList2{display: flex; flex-direction: row-reverse;justify-content: space-between;align-items: center;}                  */
/*.attchList2 .file_input.file{width: calc(100% - 130px); margin-top: 0;}                                                      */
/*.attchList2 .file_input.file .file_name{min-width: auto;width: 100%;}                                                        */
/*.attchList2 .btn-sm1.fix{min-width: 2.4rem;}                                                                                 */

/* 회원가입 */
.join_content { position: relative; }
.join_content .tit { text-align: center; font-size: 1.3rem; font-weight: 600; margin-bottom: 1.7rem; }
.join_content > ul { font-size: 0; }
.join_content > ul > li { padding: 3rem 1.5rem 3.8rem; width: 48%; display: inline-block; background: #f7f8fc; border-radius: 0.8rem; text-align: center; }
.join_content > ul > li ~ li { margin-left: 4%; }
.join_content > ul > li:last-child { padding: 1.2rem 1.5rem; width: 100%; margin-left: 0; margin-top: 1.4rem; text-align: left; }
.join_content > ul > li:last-child .con_tit2 { margin: 0 0 0.5rem; }
.join_content > ul > li .icon { display: flex; justify-content: center; align-items: center; margin: 0 auto 1.5rem; width: 7.1rem; height: 7.1rem; border-radius: 50%; background: #fff; box-shadow: 0 5px 10px rgba(216, 217, 219, 0.75); }
.join_content > ul > li .txt { font-size: 1rem; color: #1c1c1c; font-weight: 600; margin-bottom: 0.4rem; }
.join_content > ul > li .btn_navy { width: 8.5rem; margin: auto; }
.join_content > ul > li .join_btn1 { background: #3692a9; }
.join_content > ul > li .join_btn2 { background: #396198; }

.indent { margin-left: 1rem; }

.list_tit > li { padding-left: 6.8rem; }
.list_tit > li.no_title { padding-left: 0.6rem; }
.list_tit li .title { position: absolute; top: 0; left: 0.6rem; width: 5.3rem; color: #396198; font-weight: 600; }
.list_tit li .title::before { position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 1px; height: 0.45rem; background: #bfbfbf; content: ""; }

.list_tit2 > li { padding-left: 8.7rem; }
.list_tit2 li .title { width: 7.5rem; }

/* 단체교육 */
.groupEdctn { position: relative; overflow: hidden; }
.groupEdctn .img { position: absolute; top: 0; left: 0; width: 33.75rem; height: 18.95rem; z-index: -1; overflow: hidden; }
.groupEdctn .img img { width: 100%; height: 100%; }
.groupEdctn dl { position: relative; width: calc(100% - 21.7rem); min-height: 19.2rem; margin-top: 1.25rem; float: right; background: #f6f6f6; padding: 3rem 2.1rem 1.7rem; }
.groupEdctn dt { position: relative; color: #085088; padding-top: 0.6rem; font-size: 1.1rem; font-weight: 600; }
.groupEdctn dt::before { position: absolute; top: 0; left: 0; width: 2.1rem; height: 0.2rem; background: #085088; content: ""; }
.groupEdctn dl dd .tit { font-size: 0.9rem; color: #1c1c1c; font-weight: 600; margin-top: 1.3rem; }
.groupEdctn dl dd .txt { margin: 0.7rem 0 4rem; font-size: 0.7rem; color: #555; line-height: 1.1rem; }
.groupEdctn dl dd .group_btn { position: absolute; bottom: 1.7rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }

/* 처리절차1 - 단체교육 기업소개 */
.step_box1 { position: relative; margin-bottom: 1.7rem; font-family: 'NotoSans'; }
.step_box1 li { position: relative; display: flex; flex-direction: row; width: 23rem; height: 2.5rem; font-size: 0.75rem; line-height: 0.8rem; }
.step_box1 li ~ li { margin-top: 1.6rem; }
.step_box1 li ~ li::before { position: absolute; top: -1.2rem; left: 3.5rem; color: #3b5da2; font-family: 'xeicon'; font-size: 1.1rem; content: "\e942"; }
.step_box1 li .tit { position: relative; display: flex; align-items: center; justify-content: center; width: 8.6rem; height: 2.5rem; background: #3b5da2; color: #fff; border-radius: 0.3rem 0 0 0.3rem; }
.step_box1 li .tit::before { position: absolute; top: 0; right: -0.9rem; width: 0.95rem; height: 2.5rem; background: url('../../images/common/step_box1_bg.png') no-repeat center / contain; content: ""; }
.step_box1 li .txt { display: flex; align-items: center; width: calc(100% - 8.6rem); height: 2.5rem; background: #e1e5ec; color: #494949; padding: 0 1rem 0 1.5rem; border-radius: 0 0.3rem 0.3rem 0; overflow: hidden; }

/* 처리절차2 - 단체교육 대힉소개 */
.step_box2 ul { display: table; table-layout: fixed; width: calc(100% + 2.6rem); border-spacing: 1.3rem 0; margin-left: -1.3rem; font-family: 'NotoSans'; font-size: 0; }
.step_box2 li { position: relative; display: table-cell; border: 1px solid #d1d1d1; border-radius: 0.3rem; vertical-align: top; }
.step_box2 li ~ li::before { position: absolute; top: 50%; left: -1.25rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); color: #3b5da2; font-family: 'xeicon'; font-size: 1.1rem; content: "\e93f"; }
.step_box2 li .tit { display: flex; justify-content: center; align-items: center; padding: 0.8rem 0.3rem; color: #fff; border-radius: 0.3rem 0.3rem 0 0; font-size: 0.8rem; text-align: center; overflow: hidden; }
.step_box2 li.col1 .tit { background: #3692a9; }
.step_box2 li.col2 .tit { background: #198c9d; }
.step_box2 li.col3 .tit { background: #377da1; }
.step_box2 li.col4 .tit { background: #2f5d9b; }
.step_box2 li.col5 .tit { background: #024598; }
.step_box2 li .txt { display: flex; min-height: 4.6rem; justify-content: center; align-items: center; flex-direction: column; color: #555; font-size: 0.75rem; text-align: center; padding: 0 0.5rem; }
.step_box2 li .txt p { display: block; }

.step_box2_1 li .txt{ height: 5.6rem; }
.step_box2_2 li { border: none; }
.step_box2_2 li .tit { min-height: 4rem; border-radius: 0.5rem; }

/* 처리절차3 - 단체교육 대힉소개 */
.step_box3 ul { display: table; table-layout: fixed; width: 100%; font-family: 'NotoSans'; }
.step_box3 li { position: relative; display: table-cell; height: 4.05rem; padding: 0.8rem 1.5rem; color: #fff; font-size: 0.75rem; }
.step_box3 li::before { position: absolute; top: 0; left: -0.6rem; width: 1.65rem; height: 100%; background-repeat: no-repeat; background-position: center; background-size: contain; content: ""; }
.step_box3 li.col1 { background: #3692a9; }
.step_box3 li.col2 { background: #377da1; }
.step_box3 li.col2::before { background-image: url('../../images/common/step_box3_bg1.png'); }
.step_box3 li.col3 { background: #2f5d9b; }
.step_box3 li.col3::before { background-image: url('../../images/common/step_box3_bg2.png'); }
.step_box3 li p { font-size: 0.9rem; }

/* 처리절차4 - 단체교육 대힉소개 */
.step_box4 { width: 100%; display: table; table-layout: fixed; padding: 0 2.8rem; border-spacing: 1.2rem 0; margin-top: 3.5rem; font-family: 'NotoSans'; }
.step_box4 li { display: table-cell; text-align: center; }
.step_box4 li a { display: block; }
.step_box4 li .box  { display: flex; justify-content: center; align-items: center; height: 3.15rem; border-radius: 0.8rem; padding: 0.5rem; color: #fff; font-size: 0.8rem; }
.step_box4 li.col1 .box { background: #3692a9; }
.step_box4 li.col2 .box { background: #377da1; }
.step_box4 li.col3 .box { background: #024598; }
.step_box4 li span { display: inline-block; font-size: 0.75rem; color: #555; margin-top: 0.6rem; }
.step_box4 li span i { margin-left: 0.5rem; }

.Tline_b {text-decoration:underline;}
.font_FB { font-weight: 600; }

/* 오시는 길 추가 23.01.12  */
#map_Add{display: flex;flex-wrap: wrap;justify-content: space-between;}
#map_Add .groupEdctn{width: 49%; float: left;}
#map_Add .groupEdctn .img{width: auto; height: auto;}
#map_Add .groupEdctn dl{width: calc(100% - 1.88rem); min-height: 21rem; padding: 2rem 1.8rem 1.2rem; margin-bottom: 2rem; margin-top: 4rem;}
#map_Add .groupEdctn dt{font-size: 1rem;}
#map_Add .groupEdctn dl dd .tit{font-size: 0.8rem;}

/* 화면설계 */
.bbs_srch .tit { width: calc(100% - 22rem); float: left; text-align: left; color: #396198; font-size: 1.1rem; line-height: 1.8rem; }
.bbs_srch .srch_view { position: relative; width: 20rem; float: right; }
.bbs_srch .srch_view span { margin-right: 0; }
.view_box { position: relative; font-family: 'NotoSans'; margin-top: 0.5rem; }
.view_box .modInfo { position: absolute; top: -1.3rem; right: 0; padding-left: 1.3rem; font-size: 0.75rem; color: #555; }
.view_box .modInfo::before { position: absolute; top: 2px; left: 0; width: 1rem; height: 0.95rem; background: url('../../images/common/icon_answUser2.png') no-repeat center / contain; content: ""; }
.view_box .inner { border: 1px solid #d0d0d0; border-radius: 0.5rem; padding: 1.5rem 2rem; font-size: 0; }
.view_box .inner .list_st1 > li { width: 50%; display: inline-block; vertical-align: top; padding-left: 9rem; }
.view_box .inner .list_st1 > li ~ li { margin-top: 1rem; }
.view_box .inner .list_st1 > li:nth-child(2) { margin-top: 0; }
.view_box .inner .list_st1 > li .tit { position: absolute; top: 0; left: 0.7rem; width: 8.35rem; font-size: 0.8rem; color: #222; font-weight: 600; }
.view_box .inner .list_st1 > li .pc_red {color:#d90e0e;}
.view_list ul { display: table; table-layout: fixed; width: calc(100% + 0.5rem); margin: 1rem 0 1.8rem -0.25rem; }
.view_list ul li { display: table-cell; padding: 0 0.25rem; vertical-align: top; }
.view_list ul li a { display: block; border-radius: 0.5rem; background: #eef5ff; padding: 1rem 0.65rem; font-size: 0; }
.view_list ul li a .tit { position: relative; margin-bottom: 0.7rem; color: #222; font-size: 0.8rem; font-weight: 600; padding: 0 1.5rem 0 0; }
.view_list ul li a .tit::before { position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 1.1rem; height: 1.1rem; line-height: 1.1rem; text-align: center; border-radius: 50%; background: #fff; color: #0d4bc8; font-family: 'xeicon'; font-size: 0.8rem;  content: "\e914"; }
.view_list ul li a .txt { font-size: 0.75rem; color: #555; border-top: 1px solid #dce5f2; padding: 1.2rem 0 0.8rem; text-align: center; }
.view_list ul li a .txt .num { display: block; }

/* 이용약관 */
.join_step ul { display: table; table-layout: fixed; width: calc(100% + 2.3rem); margin-left: -1.15rem; }
.join_step li { position: relative; display: table-cell; padding: 0 1.15rem; }
.join_step li ~ li::before { position: absolute; top: 50%; left: -0.2rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 0.55rem; height: 0.5rem; background: url('../../images/common/join_step_arra.png') no-repeat center / contain; content: ""; }
.join_step li p { position: relative; display: flex; height: 3.3rem; align-items: center; border: 1px solid #e4e4e4; border-radius: 2rem; border: 1px solid #e4e4e4; border-radius: 2rem; color: #777; font-size: 0.85rem; padding-left: 3.2rem; font-weight: 600; }
.join_step li p::before { position: absolute; top: 0.5rem; left: 0.5rem; width: 2.25rem; height: 2.25rem; line-height: 2.25rem; border-radius: 50%; background: #f3f3f3; color: #777; text-align: center; font-family: 'xeicon'; font-size: 0.7rem; content: "\e928"; }
.join_step li p em { margin-right: 0.2rem; }
/* 이용약관 on */
.join_step li.on p:before { background: #4b82c2; color: #fff; }
.join_step li.on em { color: #0866b0; }
.join_step li.on span { color: #333; }

/* 휴대폰인증 */
.nmbr_phone { position: relative; background: #f7f8fc; border-radius: 0.5rem; padding: 1.7rem 2.4rem 1.7rem 14.5rem; margin-top: 1.7rem; }
.nmbr_phone .icon { position: absolute; top: 50%; left: 3.8rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); display: flex; justify-content: center; align-items: center; width: 7.6rem; height: 7.6rem; border-radius: 50%; background: #fff; box-shadow: 0 5px 10px rgba(216, 217, 219, 0.75); }
.nmbr_phone .txt_box { padding: 1rem 0 0 2.75rem; border-left: 1px solid #d6d9e8; }
.nmbr_phone .txt_box .con_tit1_1 { margin: 0 0 0.4rem; }
.nmbr_phone .txt_box .list_st1 li .pc_red { color: #e30f0f; }

.nmbr_phone .input_box { padding: 1rem 0 1.8rem 2.75rem; border-left: 1px solid #d6d9e8; font-size: 0; }
.nmbr_phone .input_box select,
.nmbr_phone .input_box input { width: 100%; height: 1.8rem; line-height: 1.8rem; padding:0 10px; vertical-align:middle; border:1px solid #e1e1e1; font-size: 0.7rem; }
.nmbr_phone .input_box [class^="btn_"] { width: 5.5rem; padding: 0.4rem 0.5rem; margin: 0 0 0 0.6rem; }
.nmbr_phone .input_box .con_tit1_1:nth-of-type(1) { margin: 0 0 0.4rem; }
.nmbr_phone .input_box .box1 ul { width: calc(100% - 6.1rem); display: inline-block; }
.nmbr_phone .input_box .box1 ul li { position: relative; display: inline-block; vertical-align: middle; width: 37.5%; }
.nmbr_phone .input_box .box1 ul li:nth-child(1) { width:25%; }
.nmbr_phone .input_box .box1 ul li ~ li { padding-left: 1rem; }
.nmbr_phone .input_box .box1 ul li ~ li::before { position: absolute; top: 50%; transform: translateY(-50%); left: 0.4rem; font-size: 0.7rem; color: #555; content: "-"; }
.nmbr_phone .input_box .box2 input { width: calc(100% - 6.1rem); }

/* 약관 */
.joinStplat { height: 9.5rem; overflow-y: auto; border: 1px solid #dcdcdc; padding: 1rem 0 1rem 1rem; font-size: 0.7rem; color: #555; font-family: 'NotoSans'; line-height: 1.1rem; margin-bottom: 0.7rem; }
.StplatT1 { font-weight: 600; color: #333; font-size: 0.7rem; color: #333; margin-top: 1.2rem; }
.StplatT1:nth-of-type(1) { margin-top: 0; }
.join_agre { font-size: 0.75rem; color: #555; font-family: 'NotoSans'; }
.join_agre input { margin-right: 0.3rem; }

/* 가입완료 */
.joinEnd { background: #f7f8fc; border-radius: 0.5rem; padding: 3.25rem 1.5rem 2.8rem; text-align: center; }
.joinEnd .icon { display: flex; justify-content: center; align-items: center; margin: 0 auto 0.9rem; width: 7.1rem; height: 7.1rem; border-radius: 50%; background: #fff; box-shadow: 0 5px 10px rgba(216, 217, 219, 0.75); }
.joinEnd .tit { font-size: 1.5rem; font-weight: 600; color: #1c1c1c; }
.joinEnd .tit em { color: #396198; }
.joinEnd .txt { color: #444; font-size: 0.8rem; margin: 0.7rem 0 1.5rem; }
.joinEnd .join_btn a { width: 8.5rem; }
.joinEnd .join_btn .join_btn1 { background: #3692a9; }
.joinEnd .join_btn .join_btn2 { background: #396198; }


/* 개인정보처리방침 */
.customer_txt { font-family: 'NotoSans'; font-size: 0.7rem; color: #555; }
.customer_box { border-top: 2px solid #2a2a2a; border-bottom: 1px solid #c7c7c7; background: #f7f8fc; font-size: 0; font-family: 'SCDream'; padding: 1.8rem 3.2rem; margin-top: 1.7rem; }
.term_menu li { display: inline-block; width: 50%; font-size: 0.75rem; color: #333; vertical-align: top; }
.term_menu li ~ li { margin-top: 0.9rem; }
.term_menu li:nth-child(2) { margin-top: 0; }
.term_menu li a { display: block; padding: 0 0.3rem; }
.terms { font-family: 'NotoSans'; font-size: 0.75rem; color: #555; }
.terms dt { position: relative; padding-right: 1.5rem; font-size: 0.9rem; }
.terms dt .top { position: absolute; top: 0.2rem; right: 0; font-size: 0.7rem; color: #1c1c1c; font-family: 'SCDream'; }
.terms dd a { display: inline-block; border: 1px solid #dadada; font-size: 0.7rem; color: #555; padding: 0.25rem 0.8rem; margin: 3px; }
.terms dd a i { margin-left: 1rem; color: #6e6e6e; }

/* 직원인증 */
.staffCrtfc { position: relative; background: #f7f8fc; font-family: 'GmarketSans'; }
.staffCrtfc .inner { display: flex; flex-direction: row-reverse; width: 60rem; margin: auto; padding: 5.85rem 0 6.1rem; }
.staffCrtfc .inner .txt_box { width: 51%; background: #fff; padding: 2rem; box-shadow: -20px 0 20px rgba(0, 0, 0, 0.3); }
.staffCrtfc .inner .txt_box > .txt { line-height: 1.1rem; font-size: 0.8rem; color: #333; }
.staffCrtfc .inner .txt_box > .txt p + p { margin-top: 1rem; }
.staffCrtfc .inner .certi { margin-top: 3rem; }
.staffCrtfc .inner .certi .tit { font-weight: 600; color: #2f5d9b; font-size: 1.1rem; line-height: 1rem; }
.staffCrtfc .inner .certi .txt { font-size: 0.75rem; color: #383635; margin-top: 0.4rem; }
.staffCrtfc .inner .certi .login_box { margin-top: 1.8rem; padding: 0 2.8rem 0 2.25rem; }
.staffCrtfc .inner .certi ul li { margin: 0.25rem 0; font-size: 0; }
.staffCrtfc .inner .certi ul li span { display: inline-block; width: 3.35rem; line-height: 1.8rem; font-size: 1rem; color: #383635; font-weight: 600; vertical-align: middle; }
.staffCrtfc .inner .certi ul li input { display: inline-block; width: calc(100% - 3.35rem); height: 1.8rem; line-height: 1.8rem; color: #666; border: 1px solid #e1e1e1; font-size: 0.7rem; vertical-align: middle; }
.staffCrtfc .inner .certi [class^="btn_"] { width: calc(100% - 3.35rem); margin: 0.45rem 0 0.45rem 3.35rem; background: #0b2a56 !important; font-family: 'GmarketSans'; font-weight: 600; }
.staffCrtfc .inner .proc_box { width: 49%; background: url('../../images/common/empCrt_bg.png') no-repeat center / cover; text-align: center; color: #fff; padding: 5.8rem 2.1rem 0; box-shadow: -20px 0 20px rgba(0, 0, 0, 0.3); }
.staffCrtfc .inner .proc_box .tit { font-size: 1.2rem; margin-bottom: 1rem; text-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }
.staffCrtfc .inner .proc_box dl { position: relative; }
.staffCrtfc .inner .proc_box dl + dl { padding-top: 2.2rem; }
.staffCrtfc .inner .proc_box dl + dl::before { position: absolute; top: 1rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); font-family: 'xeicon'; font-size: 0.8rem; content: "\e942"; }
.staffCrtfc .inner .proc_box dt { border-radius: 0.5rem; font-size: 0.9rem; padding: 0.9rem 0.5rem; margin-bottom: 0.5rem; text-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }
.staffCrtfc .inner .proc_box dl.col1 dt { background: #3692a9; }
.staffCrtfc .inner .proc_box dl.col2 dt { background: #198c9d; }
.staffCrtfc .inner .proc_box dl.col3 dt { background: #2f5d9b; }
.staffCrtfc .inner .proc_box dd { font-size: 0.8rem; font-family: 'NotoSans'; }

/* 사이트맵 */
.sitemap { display: none; z-index: 10; }
.sitemap::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); content: ""; }
.sitemap.on { display: block; }
.sitemap_layer { position: fixed; top: 1.9rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 63.5rem; margin: auto; background: #fff; font-family: 'GmarketSans'; z-index: 11; padding: 2.2rem 1.3rem 2.5rem; }
.sitemap_layer::before { position: absolute; top: 0; left: 0; width: 5.65rem; height: 6rem; background: url('../../images/common/sitemap_bg.png')no-repeat center; content: ""; }
.sitemap_layer .layer_tit { position: relative; font-size: 1.4rem; font-family: 'GmarketSans'; font-weight: 600; color: #373734; margin-bottom: 2.2rem; padding: 0 2rem; text-align: center; }
.sitemap_layer .layer_txt { height: 25rem; overflow-y: auto; font-size: 0; }
.sitemap_layer .layer_txt #gnb1 { overflow: hidden; }
.sitemap_layer .layer_txt #gnb1 .depth01 > ul > li { position: relative; width: 25%; display: inline-block; padding: 2.1rem 1.6rem 0; vertical-align: top; }
.sitemap_layer .layer_txt #gnb1 .depth01 > ul > li + li::before { position: absolute; top: 0; left: 0; width: 1px; height: 100vw; border-left: 1px solid #e1e1e1; content: ""; }
.sitemap_layer .layer_txt #gnb1 .depth01 > ul > li:nth-child(1) { padding: 0 1.6rem; }
.sitemap_layer .layer_txt #gnb1 .depth01 > ul > li:nth-child(2) { padding: 0 1.6rem; }
.sitemap_layer .layer_txt #gnb1 .depth01 > ul > li:nth-child(3) { padding: 0 1.6rem; }
.sitemap_layer .layer_txt #gnb1 .depth01 > ul > li:nth-child(4) { padding: 0 1.6rem; }
.sitemap_layer .layer_txt #gnb1 .depth01 > ul > li:nth-child(4n+1)::before { display: none; }
.sitemap_layer .layer_txt #gnb1 .depth01 > ul > li > a { display: block; font-size: 1.1rem; color: #147399; font-weight: 600; margin-bottom: 0.6rem; }
.sitemap_layer .layer_txt #gnb1 .depth02 > ul > li { margin: 0.4rem 0; }
.sitemap_layer .layer_txt #gnb1 .depth02 > ul > li > a { display: block; font-size: 0.8rem; color: #555; font-weight: 400; }
.sitemap_layer .sitemap_colse { position: absolute; top: 2.1rem; right: 1.3rem; }


/* 이미지 사이즈 */
.rsp_img {position:relative; width:auto; max-width:100%;}
.rsp_img img {max-width:100%;}


/* 업로드 바 */
.progress { position: relative; width: 100%; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.progress-bar { background-color: #337ab7; width: 0%; height: 20px; border-radius: 3px; }
.percent { position: absolute; display: inline-block; top: 1px; left: 48%; }


@media screen and (max-width:1280px){
	/* 처리절차2 - 단체교육 대힉소개 */
	.step_box2 li { display: inline-block; width: calc((100% - 3.9rem) / 3); margin: 0.5rem 0.65rem; vertical-align: top; }
	.step_box2 li:nth-child(4):before { display: none; }

	/* 처리절차4 - 단체교육 대힉소개 */
	.step_box4 { padding: 0; width: calc(100% + 2.4rem); margin-left: -1.2rem; }

	/* 사이트맵 */
	.sitemap_layer { width: 96%; }
}

@media screen and (max-width:1240px){
	/* 단체교육 */
	.groupEdctn .img { position: relative; top: auto; left: auto; width: 24.75rem; height: auto; margin: auto; }
	.groupEdctn dl { width: 100%; min-height: auto; padding: 1.2rem; }
	.groupEdctn dl dd .txt { margin: 0.7rem 0 1.5rem; }
	.groupEdctn dl dd .group_btn { position: relative; bottom: auto; left: auto; transform: translateX(0); text-align: center; }

	/* 오시는 길 */
	#map_Add .groupEdctn .img{position: absolute;}

	/* 이용약관 */
	.join_step ul { width: calc(100% + 1.9rem); margin-left: -0.8rem;}
	.join_step li { padding: 0 0.8rem; }
	.join_step li p { padding-left: 2.5rem; font-size: 0.8rem; }
	.join_step li p::before { top: 0.85rem; width: 1.6rem; height: 1.6rem; line-height: 1.6rem;}

	/* 휴대폰인증 */
	.nmbr_phone { padding: 1.5rem 1.5rem 1.5rem 9.5rem;}
	.nmbr_phone .icon { left: 1.5rem; width: 6.5rem; height: 6.5rem; }
	.nmbr_phone .icon img { width: 2.8rem; height: auto; }
	.nmbr_phone .txt_box { padding: 0 0 0 1.5rem; }

	.nmbr_phone .input_box { padding: 0 0 0 1.5rem; }

	/* 가입완료 */
	.joinEnd { margin-top: 1.5rem; }

	/* 개인정보처리방침 */
	.customer_box { padding: 1.5rem; }

	/* 직원인증 */
	.staffCrtfc .inner { width: 100%; padding: 0; }
	.staffCrtfc .inner .txt_box { box-shadow: none; }
	.staffCrtfc .inner .proc_box { box-shadow: none; }
}

@media screen and (max-width:1200px){
    /* 리스트 : 가로 나열 */
	.li_w50 > li, .li_w30 > li, .li_w25 > li, .li_w20 > li {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.li_w50 > li {width:50%;}
	.li_w30 > li {width:33%;}
	.li_w25 > li {width:25%;}
	.li_w20 > li {width:20%;}

	/* 화면설계 */
	.view_box .inner { padding: 1.2rem; }

}

@media screen and (max-width:1024px){
	.contents { max-width: 100%; padding: 0 ; }

	.join_content .tit { margin-top: 1.5rem; }


	/* 이용약관 */
	.join_step { margin-top: 1.5rem; }

	/* 처리절차4 - 단체교육 대힉소개 */
	.step_box4 { margin-top: 1.5rem; }


	/* 사이트맵 */
	.sitemap_layer .layer_txt #gnb1 .depth01 > ul > li { width: 33.333%; }
	.sitemap_layer .layer_txt #gnb1 .depth01 > ul > li:nth-child(3n+1)::before { display: none; }
	.sitemap_layer .layer_txt #gnb1 .depth01 > ul > li:nth-child(4) { padding: 2.1rem 1.6rem 0; }
}


@media screen and (max-width:860px){
	/* 리스트 : 가로 나열 */
	.li_w50 > li {width:100%;}
	.li_w30 > li {width:50%;}
	.li_w25 > li {width:33%;}
	.li_w20 > li {width:25%;}

	/* 나의수강_상세 */
	.learnMore dl { padding-left: 0; }
	.learnMore dt .img { position: relative; width: 100%; top: auto; left: auto; margin-bottom: 0.8rem; }
	.learnMore dt .img::before { width: 5rem; height: 5rem; background-size: 1.4rem; }


	/* 직원인증 */
	.staffCrtfc .inner .certi .login_box { padding: 0; }
	.staffCrtfc .inner .proc_box { padding: 5.8rem 1.5rem 0; }

}

@media (max-width:768px){
	/* 사진형게시판목록 */
	.bbs_PhotoA li { width: 50%; padding: 1rem 0.5rem; }

	.step_box2_1 li .txt img { width: 7rem; height: auto; }

	/* 화면설계 */
	.bbs_srch .tit { width: 100%; }
	.bbs_srch .srch_view { width: 100%; margin-right: 0; font-size: 0; }
	.bbs_srch .srch_view select { width: 49.5%; font-size: 0.7rem; }
	.bbs_srch .srch_view select ~ select { margin-left: 1%;}
	.bbs_srch .srch_view span { display: block; text-align: right; font-size: 0.7rem; margin-top: 0.2rem; }

	.join_content > ul > li .icon { width: 6rem; height: 6rem; }

	/* 이용약관 */
	.join_step ul { width: calc(100% + 0.4rem); margin-left: -0.2rem; }
	.join_step li { padding: 0 0.2rem; text-align: center; }
	.join_step li ~ li::before { display: none; }
	.join_step li p { height: auto; padding: 0.5rem; justify-content: center; flex-direction: column; }
	.join_step li p:before { display: none; }

	.nmbr_phone { padding: 1.2rem; }
	.nmbr_phone .icon { position: relative; top: auto; left: auto; transform: translateY(0); margin: 0 auto 1rem; }
	.nmbr_phone .txt_box { padding-left: 0; border-left: none; }

	.nmbr_phone .input_box { padding-left: 0; border-left: none; }

	/* 가입완료 */
	.joinEnd { padding: 1.2rem; }
	.joinEnd .icon { width: 6rem; height: 6rem; }

	.customer_box { padding: 1.2rem;}
	.term_menu li { width: 100%; }
	.term_menu li ~ li { margin-top: 0.5rem !important;}

	.step_box4 { width: calc(100% + 1rem); margin-left: -0.5rem; border-spacing: 0;}
	.step_box4 li { display: inline-block; width: 50%; padding: 0 0.5rem; }
	.step_box4 li ~ li { margin-top: 1rem; }
	.step_box4 li:nth-child(2) { margin-top: 0; }
	.step_box4 li .box { height: auto; }
	.step_box4 li span { margin-top: 0.2rem; }

	/* 직원인증 */
	.staffCrtfc .inner { flex-direction: column; }
	.staffCrtfc .inner .txt_box { width: 100%; background: none; padding: 1.4rem 1.2rem 3rem; }
	.staffCrtfc .inner .certi { margin-top: 1.5rem; }
	.staffCrtfc .inner .proc_box { width: 100%; padding: 3rem 1.2rem; }

	/* 오시는 길  */
	#map_Add .groupEdctn{width:100%;}
	#map_Add .groupEdctn dl{min-height: 11rem;}
	#map_Add .groupEdctn:last-child .img:before{content:''; width: 100%;height: 100px;bottom: 0;background: #fff;position: absolute; }
}

@media (max-width:680px){
	/* 게시판 리스트 상단 */
    .bbs_srch label span { display: block; width: 100%; margin-left: 0; margin-bottom: 0.2rem; }
    .bbs_srch select,
    .bbs_srch input.inpTxt { width: 100% !important; margin: 0.2rem 0; }
    .bbs_srch button { min-width: auto; width: 100%; display: block; margin: 0.2rem 0; }

	/* 일반형게시판목록 */
	.bbs_List table colgroup,
	.bbs_List table thead,
	.bbs_List table thead th { display: none; }
	.bbs_List table tbody td { display: table-row; }
	.bbs_List table tbody tr { position: relative; }
    .addlindB tr{border-bottom: 1px solid #ddd; width: 100%; display: block;}
    .addlindB tr td.bbs_List_btn{text-align: center;display: inline-block;margin-bottom: 1.25rem;}
	.bbs_List table tbody tr p { width: 100vw; display: table-cell; padding-left: 1.5rem; padding-right: 1.5rem; }
	.bbs_List table tbody td:first-child p { padding-top: 3.35rem; }
	.bbs_List table tbody td:last-child p { padding-bottom: 1.2rem; border-bottom: 1px solid #e7e7e7; }
	.bbs_List table tbody td { display: table-row; text-align: left; padding: 0; border-bottom: none;}
	.bbs_List table tbody td.bbs_tit { top: 1.2rem; left: 1.5rem; font-size: 0.9rem; color: #555;width: calc(100% - 50px); }
	.bbs_List table tbody td.bbs_tit a { display: inline-block; vertical-align: middle; }
	.bbs_List table tbody td .add_th  { overflow: visible; display: inline-block; }

	.bbs_List table tbody td:first-child { display: none; }
	.bbs_List table tbody td.bbs_tit a{padding: 1.5rem 1.5rem 0.5rem 1.5rem; white-space: inherit;}

	.ListA table tbody td:first-child { display: none; }
	.ListA table tbody td:nth-of-type(3) p { padding-top: 3.35rem !important; }
	.ListA table tbody td:nth-last-of-type(3) p { padding-bottom: 4rem; border-bottom: 1px solid #e7e7e7; }
	.ListA table tbody td:nth-last-of-type(1) { position: absolute; bottom: 1.5rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); margin-left: 2.2rem; }
	.ListA table tbody td:nth-last-of-type(2) { position: absolute; bottom: 1.5rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); margin-left: -2.2rem; }

	.ListB table tbody td:nth-last-of-type(2) p { padding-bottom: 4rem; border-bottom: 1px solid #e7e7e7; }
	.ListB table tbody td:nth-last-of-type(1) { position: absolute; bottom: -2rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }

	.ListC table tbody td:first-child { display: none; }
	.ListC table tbody td:nth-of-type(3) p { padding-top: 3.35rem !important; }
	.ListC table tbody td:nth-last-of-type(3) p { padding-bottom: 2.5rem; border-bottom: 1px solid #e7e7e7; text-align: left;  }
	.ListC table tbody td:nth-last-of-type(1) { position: absolute; bottom: -1.0rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); margin-left: 0.2rem;  }
	.ListC table tbody td:nth-last-of-type(2) { position: absolute; bottom: 1.5rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); margin-left: -2.2rem;  }

	.List2 table tbody td:first-child { display: none; }
	.List2 table tbody td:nth-of-type(3) p { padding-top: 0.35rem !important; }
	.List2 table tbody td:nth-last-of-type(3) p { padding-bottom: 4rem; border-bottom: 1px solid #e7e7e7; }
	.List2 table tbody td:nth-last-of-type(1) { position: absolute; bottom: 1.5rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); margin-left: 2.2rem; }
	.List2 table tbody td:nth-last-of-type(2) { position: absolute; bottom: 1.5rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); margin-left: -2.2rem; }

	/* 게시판추가 */
	.viewAdd table tbody td.bbs_tit{position: relative;border-bottom: 1px solid #e7e7e7;padding: 15px 10px;font-size: inherit;top: 0;left: 0;width: 100%;overflow: hidden;display: inline-block;}
	.viewAdd table tbody td{position: relative;border-bottom: 1px solid #e7e7e7;padding: 15px 10px;font-size: inherit;top: 0;left: 0;width: 100%;overflow: hidden;display: inline-block;}
	.viewAdd table{border-bottom: 1px solid #d1d1d1;}


	/* 게시판 View */
    .bbs_ViewA .bbsV_data li { display: block; margin: 0.2rem 0; }
    .bbs_ViewA .bbsV_data li ~ li { padding-left: 0; }

	/* 게시판 Write */
	.bbs_Write > table > colgroup { display: none; }
	.bbs_Write > table > tbody > tr > th { background: none; border-bottom: none; padding: 0.75rem 1.13rem 0.4rem; }
	.bbs_Write > table > tbody > tr > th,
	.bbs_Write > table > tbody > tr > td { display: block; float: none; clear: left; width: 100%; }
	.bbs_Write > table > td input.inp_st,
	.bbs_Write > table > td select { width: 100%; min-width: 100%; }
	.bbs_Write > table > td .bbsWFile input { width: calc(100% - 9.6rem) !important; min-width: auto; }
	.bbs_Write > table > td .bbsWFile .add_file { width: 100%; float: none; margin-top: 0.4rem; }
	.bbs_Write > table > td .bbsWFile .add_file a { width: 100% !important; }

	/* 게시판 View 하단 버튼 */
	.bbs_View_btn { text-align: center; }
	.bbs_View_btn .btn_right { position: relative; top: auto; right: auto; margin-top: 1.15rem; }

	/* 수강강의 */
	.lecture_box ul { display: block; }
	.lecture_box ul li { width: 100%; }
	.lecture_box ul li:nth-child(2),
	.lecture_box ul li ~ li { margin-top: 0.5rem; }
	.lecture_box table tbody td { display: inline-block; }

	/* 단체수료증 */
	.lecture_box_asp ul { display: block; }
	.lecture_box_asp ul li { width: 100%; }
	.lecture_box_asp ul li:nth-child(2),
	.lecture_box_asp ul li:nth-child(3),
	.lecture_box_asp ul li ~ li { margin-top: 0.5rem; }
	.lecture_box_asp table tbody td { display: inline-block; }


	/* 페이징 */
	/*
	.bbs_pager .bbs_pge_num { display: none; border: none; }
	.bbs_pager strong.bbs_pge_num:before { display: none; }
	.bbs_pager strong.bbs_pge_num, .bbs_pager strong.bbs_pge_num:hover, .bbs_pager strong.bbs_pge_num:focus {display:inline-block; min-width:auto; color:#044ca4; background:none;}
	.bbs_pager div a.bbs_pge_num:last-child { position: relative; display:inline-block; min-width:auto; padding-left:15px; }
	.bbs_pager div a.bbs_pge_num:last-child::before { position: absolute; top: 0; left: 0; content: "/"; }
	*/

	/* 사진형게시판목록 - 타입B */
	.bbs_PhotoB li { padding: 1.3rem 1rem; }
	.bbs_PhotoB li a .txt_box .tit { height: 4rem; line-height: 2rem; white-space: inherit; margin-bottom: 0; }
	.bbs_PhotoB li a .txt_box .txt,
	.bbs_PhotoB li a .etc { display: none; }


	/* 일반형게시판목록 */
	.tbl_st table colgroup,
	.tbl_st table thead,
	.tbl_st table thead th { display: none; }
	.tbl_st table tbody td { display: table-row; }
	.tbl_st table tbody tr { position: relative; }
	.tbl_st table tbody tr p { width: 100vw; display: table-cell; padding-left: 1.5rem; padding-right: 1.5rem; }
	.tbl_st table tbody td:first-child p { padding-top: 3.35rem; }
	.tbl_st table tbody td { display: table-row; text-align: left; padding: 0; border: none;}
	.tbl_st table tbody td.bbs_tit { position: absolute; top: 1.2rem; left: 1.5rem; font-size: 0.9rem; color: #555; border-left: none; }
	.tbl_st table tbody td.bbs_tit a { display: inline-block; vertical-align: middle; }
	.tbl_st table tbody td .add_th  { overflow: visible; display: inline-block; }
	.tbl_st table .no_date { display: block; }
	.tbl_st table tbody td:nth-of-type(3) p { padding-top: 3.35rem !important; }
	.tbl_st table tbody td.btn p { text-align: center; padding-bottom: 1.2rem; border-bottom: 1px solid #e7e7e7; }

	.tbl_mobv { display: none; }
	.tbl_mobh { display: block; }

	/* 단체교육 신청변경 */
	.bbs_top select,
	.bbs_top input { width: calc(50% - 0.3rem) !important; }
	.bbs_top [class^="btn_"] { width: 50%; }

	.bbs_srch .srch_view select { width: 49.5% !important;}
	.view_box { border: 1px solid #d0d0d0; border-radius: 0.5rem; padding: 1.2rem; }
	.view_box .modInfo { position: relative; top: auto; right: auto; float: right; }
	.view_box .inner { border: none; padding: 0; margin-top: 1.5rem;}
	.view_box .inner .list_st1 > li { width: 100%; }
	.view_box .inner .list_st1 > li:nth-child(2) { margin-top: 1rem; }
	.view_list ul { width: 100%; margin-left: 0; }
	.view_list ul li { display: block; width: 100%; padding: 0; }
	.view_list ul li ~ li { margin-top: 1rem; }
	.view_list ul li a { padding: 0.5rem; }
	.view_list ul li a .tit { width: 8.9rem; display: inline-block; border-right: 1px solid #dce5f2; margin-bottom: 0; padding: 0.8rem 2.8rem 0.8rem 0.5rem ; vertical-align: middle; }
	.view_list ul li a .tit::before { right: 1.5rem; }
	.view_list ul li a .txt { width: calc(100% - 8.9rem); display: inline-block; border-top: none; padding: 0.4rem 1.5rem; text-align: left; vertical-align: middle; }

	.join_content .tit { font-size: 1.2rem; }
	.join_content > ul > li { width: 100%; padding: 1.2rem !important; }
	.join_content > ul > li ~ li { margin-left: 0; margin-top: 1rem !important; }
	.join_content > ul > li .icon { width: 5.2rem; height: 5.2rem; }
	.join_content > ul > li .icon img { width: 2rem; height: auto; }
	.join_content > ul > li .txt { font-size: 0.9rem; }
	.join_content > ul > li .btn_navy { width: 100%; }

	.nmbr_phone .icon { width: 5.2rem; height: 5.2rem; }
	.nmbr_phone .icon img { width: 2rem;}

	.nmbr_phone .input_box .box1 ul { width: 100%; }
	.nmbr_phone .input_box .box1 ul li { width: 100% !important; margin: 2px 0; }
	.nmbr_phone .input_box .box1 ul li ~ li { padding-left: 0; padding-top: 0.5rem;  }
	.nmbr_phone .input_box .box1 ul li ~ li::before { top: -0.35rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
	.nmbr_phone .input_box .box2 input { width: 100%; }
	.nmbr_phone .input_box [class^="btn_"] { width: 100%; margin: 0.4rem 0 0 0 ; }

	/* 가입완료 */
	.joinEnd .icon { width: 5.2rem; height: 5.2rem; }
	.joinEnd .icon img { width: 2.5rem;}
	.joinEnd .tit { font-size: 1.3rem; }

	/* 사이트맵 */
	.sitemap_layer .layer_tit { font-size: 1.2rem; }
	.sitemap_layer .layer_txt #gnb1 .depth01 > ul > li { width: 50%; }
	.sitemap_layer .layer_txt #gnb1 .depth01 > ul > li:nth-child(2n+1)::before { display: none; }
	.sitemap_layer .layer_txt #gnb1 .depth01 > ul > li:nth-child(3) { padding: 2.1rem 1.6rem 0; }
	.sitemap_layer .layer_txt #gnb1 .depth01 > ul > li > a { font-size: 1rem; }
	.sitemap_layer .sitemap_colse img { width: 1.5rem; height: auto; }

	/* List2 추가 */
	.List2 table tbody td:nth-last-of-type(1){position: initial;transform: inherit; text-align: center;}
	.List2 table tbody td:nth-last-of-type(2){transform: inherit; position: initial;}
	.List2 table tbody td:nth-last-of-type(3) p{padding-bottom:0; border-bottom:0;}
	.List2 table tbody tr{display: block;border-bottom: 1px solid #e7e7e7; padding-bottom: 1.4rem;}
	.orgnztns.active{display: block !important;;}


	/* view 추가  23.01.16 */
	.bbs_View2 table tbody th{width: 100%; display: block; padding: 10px 10px;}
	.bbs_View2 table tbody tr{width: 100%; display: block;}
	.bbs_View2 table tbody td.bbs_tit{width: 100%; display: block; text-align: center;}
	.bbs_View2 colgroup{display: none;}


}

@media screen and (max-width:600px){
    /* 리스트 : 가로 나열 */
	.li_w30 > li {width:100%;}
	.li_w25 > li {width:50%;}
	.li_w20 > li {width:33%;}

	.tab_box ul { display: block; }
	.tab_box ul li { display: block; width: 100%; }
	.tab_box ul li ~ li { border-left: none; border-top: 1px solid #d8d8d8; }

	/* 처리절차2 - 단체교육 대힉소개 */
	.step_box2 li { width: calc((100% - 2.6rem) / 2); }
	.step_box2 li:nth-child(4):before { display: block; }
	.step_box2 li:nth-child(2n+1):before { display: none; }

	.step_box3 li { display: block; width: 100%; height: auto; }
	.step_box3 li ~ li { margin-top: 1.5rem; }
	.step_box3 li ~ li::before { position: absolute; top: -1.2rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); color: #3b5da2; font-family: 'xeicon'; font-size: 1.1rem; content: "\e942"; }
	.step_box3 li.col2::before { background-image: none; }
	.step_box3 li.col3::before { background-image: none; }
	.step_box3 li p { display: inline-block; margin-right: 0.5rem; }
}

@media screen and (max-width:540px){
	.step_box1 { margin-bottom: 1rem; }
	.step_box1 li { display: block; width: 100%; height: auto; }
	.step_box1 li ~ li::before { left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
	.step_box1 li .tit { display: block; width: 100%; height: auto; border-radius: 0.3rem 0.3rem 0 0; text-align: center; padding: 0.5rem; }
	.step_box1 li .tit::before { display: none; }
	.step_box1 li .txt { display: block; width: 100%; height: auto; border-radius: 0 0 0.3rem 0.3rem; text-align: center; padding: 0.5rem; }

	.list_tit > li { padding-left: 0.6rem; }
	.list_tit li .title { position: relative; top: auto; left: auto; width: 100%; display: block; }
	.list_tit li .title::before { display: none; }

	/* 사이트맵 */
	.sitemap_layer .layer_txt #gnb1 .depth01 > ul > li { width: 100%; padding: 0 !important; }
	.sitemap_layer .layer_txt #gnb1 .depth01 > ul > li::before { display: none; }
	.sitemap_layer .layer_txt #gnb1 .depth01 > ul > li + li { margin-top: 1rem; }

}

@media screen and (max-width:480px){
	/* 리스트 : 가로 나열 */
	.li_w25 > li {width:100%;}
	.li_w20 > li {width:50%;}

	/* 사진형게시판목록 */
	.bbs_PhotoA li { width: 100%; padding: 0.8rem 0; }

	/* 사진형게시판목록 - 타입B */
	.bbs_PhotoB li { padding: 0.8rem 0; }
	.bbs_PhotoB li a { display: block; }
	.bbs_PhotoB li a .img { width: 100%; }
	.bbs_PhotoB li a .txt_box { width: 100%; }
	.bbs_PhotoB li a .txt_box .tit { height: 2.4rem; line-height: 1.2rem; margin-top: 0.5rem; }


	.layer_popup { min-width: 90%; }

	.groupEdctn .img { width: 100%; height: auto !important; }

	/* 처리절차2 - 단체교육 대힉소개 */
	.step_box2 { width: 100%; margin-left: 0; border-spacing: 0; }
	.step_box2 li { width: 100%; margin: 0; }
	.step_box2 li ~ li { margin-top: 1.5rem; }
	.step_box2 li ~ li::before { display: block !important; top: -1.2rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); content: "\e942"; }
	.step_box2 li .tit { padding: 0.5rem; }
	.step_box2 li .txt { height: auto; padding: 0.5rem;}

	.bbs_srch .srch_view select { width: 100% !important;}
	.bbs_srch .srch_view select ~ select { margin-left: 0; }
	.view_list ul li a .tit { width: 100%; border-right: none; padding: 0 1.5rem 0.4rem 0;}
	.view_list ul li a .tit::before { right: 0; top: 0; transform: translateY(0); }
	.view_list ul li a .txt { width: 100%; text-align: center; padding: 0.4rem 0 0 0; border-top: 1px solid #dce5f2; }

	.step_box4 { width: 100%; margin-left: 0; }
	.step_box4 li { width: 100%; padding: 0; }
	.step_box4 li ~ li { margin-top: 0.8rem !important; }
}