@charset "utf-8";

/*
font-family: 'Montserrat', sans-serif;
*/



/* 리스트 상단 */
#board .list_top {min-height: 60px; margin-bottom: 20px; position: relative; display:flex; justify-content:left; align-items:center; table-layout:fixed;}
#board .list_top .count {width: calc(100% - 500px); font-size: 16px; color: #333333; font-weight: 350; letter-spacing: -0.05em; word-break: keep-all;}
#board .list_top .count span {font-weight: 500; color: #f4c400;}
#board .list_top .search_bx {width: 420px; position: absolute; right: 0; top: 0; box-sizing: border-box;}
#board .list_top .search_bx input {width: 100%; height: 60px; box-sizing: border-box; padding: 0 98px 0 25px; border: 1px solid #cdcdcd; font-size: 16px; color: #666; letter-spacing: -0.05em; font-weight: 350; outline: none;}
#board .list_top .search_bx input::placeholder {color: #9f9f9f;}
#board .list_top .search_bx .btn {width: 73px; height: 60px; position: absolute; right: 0; top: 0; background: url(https://www.glorylawfirm.kr/kor/images/icon/search.png) no-repeat center; font-size: 0;}
#board .list_top .search_bx .btn::before {content: ''; width: 1px; height: 20px; background-color: #e7e7e7; position: absolute; left: 0; top: 50%; margin-top: -10px;}

#board .list_top.type2 .count {width: calc(100% - 590px);}
#board .list_top.type2 .search_bx {width: 564px; padding-left: 144px;}
#board .list_top.type2 .search_bx select {width: 140px; height: 60px; box-sizing: border-box; border: 1px solid #cdcdcd; position: absolute; left: 0; top: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none; font-size: 16px; color: #333333; font-weight: 350; letter-spacing: -0.05em; word-break: keep-all; padding: 0 40px 0 25px; background: url(https://www.glorylawfirm.kr/kor/images/icon/arrow18.png) no-repeat right 20px center; outline: none;}


/* 리스트 */
#board .list_st01 {border-top: 3px solid #282828; border-bottom: 1px solid #e5e5e5;}
#board .list_st01 ul {display: flex; flex-flow: wrap; padding-top: 36px;}
/*#board .list_st01 ul li {width: calc(25% - 24px); margin-right: 32px; margin-bottom: 79px;}
#board .list_st01 ul li:nth-child(4n) {margin-right: 0;}*/
#board .list_st01 ul li {width: calc(20% - 25.6px); margin-right: 32px; margin-bottom: 79px;}
#board .list_st01 ul li:nth-child(5n) {margin-right: 0;}
#board .list_st01 .con_bx {display: block; cursor: pointer;}
#board .list_st01 .img_bx {position: relative; padding-bottom: 119.05%; overflow: hidden;}
#board .list_st01 .img_bx div {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover!important; background-repeat: no-repeat!important; background-position: center!important;}
#board .list_st01 .info_bx {margin-top: -60px; background-color: #fff; width: calc(100% - 52px); position: relative; box-sizing: border-box; padding: 28px 17px 0;}
#board .list_st01 .info_bx .name {font-size: 20px; color: #333333; font-weight: 350; letter-spacing: -0.05em; word-break: keep-all;}
#board .list_st01 .info_bx .name strong {display: block; font-size: 26px; color: #282828; font-weight: 500;}
#board .list_st01 .info_bx .txt {margin-top: 21px;}
#board .list_st01 .info_bx .txt p {position: relative; font-family: 'Montserrat', sans-serif; font-size: 14px; color: #666666; word-break: keep-all; padding-left: 22px; margin-bottom: 9px; min-height: 18px;}
#board .list_st01 .info_bx .txt p:last-child {margin-bottom: 0;}
#board .list_st01 .info_bx .txt p span {position: absolute; left: 0; top: 0; color: #f4a600; font-weight: 600;}

#board .list_st02 {border-top: 3px solid #282828; border-bottom: 1px solid #e5e5e5;}
#board .list_st02 .list_w {display: flex; flex-flow: wrap; padding: 10px 0 40px;}
#board .list_st02 .con_bx {width: calc(33.33% - 20px); margin-right: 30px; margin-top: 30px; box-sizing: border-box; display: inline-block; border: 1px solid #e8e8e8; background-color: #fff; padding: 43px 40px 47px;}
#board .list_st02 .con_bx:nth-child(3n) {margin-right: 0;}
#board .list_st02 .con_bx .subject {font-size: 22px; line-height: 32px; color: #282828; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box; height: 64px;}
#board .list_st02 .con_bx .subject h2 { font:inherit; }
#board .list_st02 .con_bx .txt {font-size: 16px; color: #666666; line-height: 28px; letter-spacing: -0.05em; word-break: keep-all; font-weight: 350; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box; margin-top: 17px; height: 84px;}
#board .list_st02 .con_bx .info {position: relative; font-size: 15px; color: #888888; letter-spacing: -0.05em; word-break: keep-all; min-height: 36px; margin-top: 34px; padding: 0 0 0 45px; display:flex; justify-content:left; align-items:center; table-layout:fixed;}
#board .list_st02 .con_bx .info .img {width: 36px; height: 36px; border-radius: 50%; position: absolute; left: 0; top: 0; background-size: cover!important; background-repeat: no-repeat!important; background-position: center!important;}
#board .list_st02 .con_bx .date {font-family: 'Montserrat', sans-serif; font-size: 15px; color: #888888; margin-top: 53px;}

#board .list_st03 {border-top: 3px solid #282828; border-bottom: 1px solid #e5e5e5;}
#board .list_st03 table {width: 100%; table-layout: fixed;}
#board .list_st03 table thead tr {border-bottom: 1px solid #888888;}
#board .list_st03 table th {font-size: 16px; color: #333333; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; height: 70px; box-sizing: border-box; padding: 5px; text-align: center;}
#board .list_st03 table tbody tr {border-bottom: 1px solid #e8e8e8;}
#board .list_st03 table td {font-family: 'Montserrat', sans-serif; font-size: 15px; color: #888888; word-break: keep-all; text-align: center; height: 70px; box-sizing: border-box; padding: 5px 10px;}
#board .list_st03 table .on td.num {font-family: 'Noto Sans KR', sans-serif; position: relative; color: #fff;}
#board .list_st03 table .on td.num::before {content: ''; width: 60px; height: 30px; background-color: #f4a600; border-radius: 15px; position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); z-index: -1;}
#board .list_st03 table td.subject {font-size: 16px; color: #666666; letter-spacing: -0.05em; word-break: keep-all; font-weight: 350; text-align: left;}
#board .list_st03 table td.subject div {width: 81%;}
#board .list_st03 table td.subject div h2 { font-size:inherit; color:inherit; font-weight:inherit; letter-spacing:inherit; word-break:inherit; }
#board .list_st03 table td.subject div a { display:block; font-family: 'Noto Sans KR', sans-serif; color: #666666; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
#board .list_st03 table td.subject div a .notice{ display:none; }

#board .list_st04 ul {padding-top: 10px;}
#board .list_st04 ul li {border: 1px solid #ededed; margin-bottom: 12px; box-shadow: 12px 12px 36px 0px rgba(71,86,98,0.08); padding: 0 45px; box-sizing: border-box;}
#board .list_st04 ul li:last-child {margin-bottom: 0;}
#board .list_st04 ul li.on{ border-color:#f4c400; }
#board .list_st04 .q_bx {padding: 33px 50px 37px; box-sizing: border-box; position: relative; cursor: pointer;}
#board .list_st04 .q_bx strong {position: absolute; left: 0; top: 29px; font-family: 'Montserrat', sans-serif; font-size: 30px; color: #f4c400; font-weight: 700;}
#board .list_st04 .q_bx .txt {font-size: 20px; color: #282828; letter-spacing: -0.05em; word-break: keep-all; width: 67%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
#board .list_st04 .q_bx .txt h2 { font-size:inherit; color:inherit; font-weight:inherit; letter-spacing:inherit; word-break:inherit; }
#board .list_st04 .q_bx::before {content: ''; width: 25px; height: 15px; background: url(https://www.glorylawfirm.kr/kor/images/icon/arrow3.png) no-repeat center; position: absolute; right: 0; top: 42px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#board .list_st04 .a_bx {display: none;}
#board .list_st04 .a_bx .txt {font-size: 16px; color: #666666; line-height: 26px; font-weight: 350; letter-spacing: -0.05em; word-break: keep-all; border-top: 1px solid #e0e2e3; padding: 27px 0 44px}
#board .list_st04 .a_bx .txt img {max-width: 100%;}
#board .list_st04 .on .q_bx .txt {overflow: unset; text-overflow:unset; white-space:unset; word-wrap:unset; width: 100%;}
#board .list_st04 .on .q_bx::before {background: url(https://www.glorylawfirm.kr/kor/images/icon/arrow4.png) no-repeat center; transform: rotate(180deg);}

#board .list_st05 .list_w {margin-bottom: 20px;}
#board .list_st05 .list_w:last-child {margin-bottom: 0;}
#board .list_st05 .list_w > a {display: flex; flex-flow: wrap; box-shadow: 0 8px 40px 0px rgba(71,86,98,0.14); border-radius: 10px; padding: 20px 40px 20px 20px;}
#board .list_st05 .img_bx {width: 200px; height: 214px; position: relative; margin-right: 40px; box-sizing: border-box; overflow: hidden;}
#board .list_st05 .img_bx div {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover!important; background-repeat: no-repeat!important; background-position: center!important;}
#board .list_st05 .txt_bx {width: calc(100% - 240px); box-sizing: border-box; display:flex; justify-content:left; align-items:center; table-layout:fixed;} 
#board .list_st05 .txt_bx .txt_w {width: 100%; font-size: 0;} 
#board .list_st05 .txt_bx .sb {display: block; font-size: 24px; color: #111111; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box;}
#board .list_st05 .txt_bx .info {margin-top: 15px;}
#board .list_st05 .txt_bx .info li {display: inline-block; font-size: 16px; color: #666666; word-break: keep-all; position: relative; padding-right: 35px;}
#board .list_st05 .txt_bx .info li::before {content: ''; width: 1px; height: 14px; background-color: #e6e6e6; position: absolute; right: 16px; top: 50%; margin-top: -5px;}
#board .list_st05 .txt_bx .info li:last-child {padding-right: 0;}
#board .list_st05 .txt_bx .info li:last-child::before {display: none;}
#board .list_st05 .txt_bx .info li span {color: #111111; font-weight: 500; letter-spacing: -0.05em;}
#board .list_st05 .txt_bx .tag {border-top: 1px solid #e6ebed; padding-top: 13px; margin-top: 28px;}
#board .list_st05 .txt_bx .tag li {display: inline-block; margin-right: 4px; border: 1px solid #d3d3d3; padding: 0 12px; line-height: 26px; box-sizing: border-box; border-radius: 14px; font-size: 14px; color: #888888; letter-spacing: -0.05em; font-weight: 350; word-break: keep-all; margin-top: 5px;}
#board .list_st05 .txt_bx .tag li:last-child {margin-right: 0;}
#board .list_st05 .txt_bx .tag li::before {content: '#';}

#board .no_data {text-align: center; font-size: 20px; color: #e7e7e7; letter-spacing: -0.05em; word-break: keep-all; font-weight: 350; word-break: keep-all; padding: 100px 0;}


/* 태그 */
#board .hashtag_bx {font-size: 0; text-align: center; margin-bottom: 50px;}
#board .hashtag_bx ul li {display: inline-block; padding: 0 3px; margin-bottom: 10px;}
#board .hashtag_bx ul li a {display: block; font-size: 17px; color: #333333; letter-spacing: -0.05em; word-break: keep-all; line-height: 44px; box-sizing: border-box; border: 1px solid #c4c4c4; padding: 0 30px; border-radius: 23px;}
#board .hashtag_bx ul li a::before {content: '#'; padding-right: 3px;}
#board .hashtag_bx ul li a.on {background-color: #f4c400; border-color: #f4c400; color: #111111!important;}
#board .hashtag_bx ul li a.all::before {display: none;}



/* 페이징 */
#board .page_bx {font-size: 0; text-align: center; padding-top: 50px;}
#board .page_bx a {display: inline-block; vertical-align: middle; width: 48px; height: 48px; line-height: 48px; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;}
#board .page_bx .num {font-family: 'Montserrat', sans-serif; font-size: 14px; color: #666666; margin: 0 1px;}
#board .page_bx .num.on {background-color: #282828!important; color: #fff!important; font-weight: 600;}
#board .page_bx .page_first {background: url(https://www.glorylawfirm.kr/kor/images/icon/page_first.png) no-repeat center; margin-right: 7px;}
#board .page_bx .page_prev {background: url(https://www.glorylawfirm.kr/kor/images/icon/page_prev.png) no-repeat center; margin-right: 16px;}
#board .page_bx .page_next {background: url(https://www.glorylawfirm.kr/kor/images/icon/page_next.png) no-repeat center; margin-left: 16px;}
#board .page_bx .page_last {background: url(https://www.glorylawfirm.kr/kor/images/icon/page_last.png) no-repeat center; margin-left: 7px;}



/* 뷰 */
#board .view_bx .subject {text-align: center; border-bottom: 3px solid #282828; padding: 0 0 40px;}
#board .view_bx .subject strong,
#board .view_bx .subject h1 {display: block; font-size: 28px; color: #282828; line-height: 44px; letter-spacing: -0.05em; word-break: keep-all; font-weight: 400;}
#board .view_bx .subject ul {font-size: 0; margin-top: 16px;}
#board .view_bx .subject ul li {display: inline-block; font-size: 16px; color: #666666; letter-spacing: -0.05em; word-break: keep-all; margin-right: 40px; position: relative; vertical-align: middle; box-sizing: border-box;}
#board .view_bx .subject ul li:last-child {margin-right: 0;}
#board .view_bx .subject ul li::before {content: ''; position: absolute; top: 50%; margin-top: -6px; right: -24px; width: 1px; height: 12px; background-color: #e4e4e4;}
#board .view_bx .subject ul li:last-child::before {display: none;}
#board .view_bx .subject ul li.en {font-family: 'Montserrat', sans-serif; letter-spacing: 0; font-size: 15px;}
#board .view_bx .subject ul li.type {color: #333333; padding-left: 55px; min-height: 46px; padding-top: 10px;}
#board .view_bx .subject ul li.type .img {width: 46px; height: 46px; border-radius: 50%; background-size: cover!important; background-repeat: no-repeat!important; background-position: center!important; position: absolute; left: 0; top: 0;}
#board .view_bx .file {border-bottom: 1px solid #888888; background-color: #f9f9f9; font-size: 0; text-align: center; padding: 19px 0 17px;}
#board .view_bx .file a {display: inline-block; font-size: 15px; color: #666666; letter-spacing: -0.05em; word-break: keep-all; margin-right: 8px; line-height: 30px; margin-bottom: 5px;}
#board .view_bx .file a:last-child {margin-right: 0;}
#board .view_bx .file a::after {content: ',';}
#board .view_bx .file a:last-child::after {display: none;}
#board .view_bx .txt {font-size: 16px; color: #666666; padding: 44px 20px 104px;}
#board .view_bx .txt img {max-width: 100%;}
#board .view_bx .comment {background-color: #f7f9fb; border-top: 1px solid #e8e8e8; padding: 24px 40px 29px;}
#board .view_bx .comment .ttl {font-size: 17px; color: #333333; letter-spacing: -0.05em; font-weight: 500; word-break: keep-all; border-bottom: 1px solid #e8e8e8; padding-bottom: 16px;}
#board .view_bx .comment .txt_bx {font-size: 16px; color: #666666; line-height: 30px; letter-spacing: -0.05em; word-break: keep-all; padding: 15px 0 0;}
#board .view_bx .comment .txt_bx img {max-width: 100%;}
#board .view_bx .page {border-top: 1px solid #e8e8e8;}
#board .view_bx .page > div {border-bottom: 1px solid #e8e8e8; position: relative; padding: 0 20px 0 133px; display:flex; justify-content:left; align-items:center; table-layout:fixed; height: 70px;}
#board .view_bx .page > div span {position: absolute; left: 20px; top: 0; font-size:16px; line-height: 70px; padding-right: 39px;}
#board .view_bx .page > div span::before {content: ''; width: 11px;  height: 7px; background: url(https://www.glorylawfirm.kr/kor/images/icon/arrow2.png) no-repeat center; position: absolute; right: 0; top: 50%; margin-top: -3px;}
#board .view_bx .page > .prev span::before {transform: rotate(180deg);}
#board .view_bx .page .sb {font-size: 16px; color: #666666; letter-spacing: -0.05em; word-break: keep-all; font-weight: 350; width: 80%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
#board .view_bx .page .sb a {color: #666666;}

#board .view_bx02 {padding: 0 0 76px; margin: 0 auto; border-bottom: 1px solid #e8e8e8;}
#board .view_bx02 .con_bx {display: flex; flex-flow: wrap; border-top: 3px solid #282828; padding-top: 30px; max-width: 1100px; margin: 0 auto;}
#board .view_bx02 .l_bx {width: calc(50% - 30px); box-sizing: border-box; margin-right: 30px; position: relative; overflow: hidden; padding-bottom: 50.364%; box-shadow: 0 24px 56px 0px rgba(16,18,19,0.08); max-height: 554px;}
#board .view_bx02 .l_bx div {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover!important; background-repeat: no-repeat!important; background-position: center!important;}
#board .view_bx02 .r_bx {width: 50%; box-sizing: border-box; padding: 24px 0 24px 30px;}
#board .view_bx02 .r_bx .subject {display: block; font-size: 28px; color: #282828; font-weight: 500; letter-spacing: -0.05em; line-height: 42px; word-break: keep-all; margin-bottom: 31px;}
#board .view_bx02 .r_bx .info li {font-size: 16px; color: #666666; font-weight: 350; word-break: keep-all; padding-left: 121px; position: relative; min-height: 24px; margin-bottom: 15px;}
#board .view_bx02 .r_bx .info li:last-child {margin-bottom: 0;}
#board .view_bx02 .r_bx .info li span {color: #333333; font-weight: 500; letter-spacing: -0.05em; position: absolute; left: 0; top: 0; padding-left: 11px;}
#board .view_bx02 .r_bx .info li span::before {content: ''; width: 4px; height: 4px; background-color: #f49b00; border-radius: 50%; position: absolute; left: 0; top: 10px;}
#board .view_bx02 .txt_bx {margin: 30px auto 0; max-width: 1100px; border-top: 1px solid #888888; padding-top: 60px;}
#board .view_bx02 .txt_bx .txt_w {margin-bottom: 55px;}
#board .view_bx02 .txt_bx .txt_w:last-child {margin-bottom: 0;}
#board .view_bx02 .txt_bx .txt_ttl {font-size: 32px; color: #111111; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; position: relative; padding-bottom: 20px; margin-bottom: 30px;}
#board .view_bx02 .txt_bx .txt_ttl::before {content: ''; width: 60px; height: 4px; background-color: #f4c400; position: absolute; left: 0; bottom: 0;}
#board .view_bx02 .txt_bx .txt_con {font-size: 16px; color: #666666;}
#board .view_bx02 .txt_bx img {max-width: 100%;}



/* 테이블 */
#board .tb_st1 table {width: 100%; table-layout: fixed; border-top: 3px solid #282828;}
#board .tb_st1 table tr {border-bottom: 1px solid #e8e8e8;}
#board .tb_st1 table th {width: 220px; box-sizing: border-box; padding: 14px 20px; height: 82px; text-align: left; font-size: 17px; color: #333333; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all;}
#board .tb_st1 table th .imp {font-size: 0; font-style: normal;}
#board .tb_st1 table th .imp::before {content: '*'; font-size: 17px; color: #f70000; padding-left: 3px;}
#board .tb_st1 table td {box-sizing: border-box; padding: 14px 20px; height: 82px; font-size: 16px; color: #666; font-weight: 350; letter-spacing: -0.05em; word-break: keep-all;}



/* 작성 */
#board .write_bx input[type=text], #board .write_bx input[type=password], #board .write_bx input[type=tel], #board .write_bx input[type=email] {width: 100%; height: 54px; box-sizing: border-box; border: 1px solid #cdcdcd; padding: 0 20px; font-size: 16px; color: #666; letter-spacing: -0.05em; word-break: break-all; font-weight: 350; outline: none;}
#board .write_bx input[type=text]::placeholder, #board .write_bx input[type=password]::placeholder, #board .write_bx input[type=tel]::placeholder, #board .write_bx input[type=email]::placeholder {color: #9f9f9f;}
#board .write_bx select {width: 100%; height: 54px; box-sizing: border-box; border: 1px solid #cdcdcd; padding: 0 20px; font-size: 16px; color: #666; letter-spacing: -0.05em; word-break: break-all; font-weight: 350; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(https://www.glorylawfirm.kr/kor/images/icon/arrow5.png) no-repeat right 20px center; background-size: 11px 7px;}
#board .write_bx textarea {width: 100%; height: 280px; box-sizing: border-box; border: 1px solid #cdcdcd; padding: 15px 20px; font-size: 16px; color: #666; letter-spacing: -0.05em; word-break: break-all; font-weight: 350; outline: none; resize: none;}
#board .write_bx input[type=text]:focus, #board .write_bx input[type=password]:focus, #board .write_bx input[type=tel]:focus, #board .write_bx input[type=email]:focus, #board .write_bx select:focus, #board .write_bx textarea:focus {border-color: #171717;}
#board .write_bx .w320 {max-width: 320px;}
#board .write_bx .w646 {max-width: 646px;}
#board .write_bx .box_two {display: flex; flex-flow: wrap;}
#board .write_bx .box_two select, #board .write_bx .box_two input {width: calc(50% - 3px); margin-right: 6px;}
#board .write_bx .box_two select:nth-child(2n), #board .write_bx .box_two input:nth-child(2n) {margin-right: 0;}
#board .write_bx .l_txt {display: inline; font-size: 15px; color: #9f9f9f; font-weight: 350; letter-spacing: -0.05em; word-break: keep-all;}
#board .write_bx .l_txt span {display: inline-block;}
#board .write_bx .agree_bx {margin-top: 20px;}
#board .write_bx .agree_bx:first-child {margin-top: 0;}
#board .write_bx .agree_bx .txt_bx {font-size: 16px; color: #666666; line-height: 28px; font-weight: 350; letter-spacing: -0.05em; word-break: keep-all; background-color: #fafafa; border: 1px solid #d1d1d1; box-sizing: border-box; height: 323px; padding: 19px 30px; overflow-y: auto;}
#board .write_bx .agree_bx .chk_bx {text-align: center; font-size: 0; margin-top: 34px;}
#board .write_bx .agree_bx .chk_bx input {appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 20px; height: 20px; border: 1px solid #d1d1d1; cursor: pointer; margin-right: 10px;}
#board .write_bx .agree_bx .chk_bx input:checked {background: url(https://www.glorylawfirm.kr/kor/images/icon/chk1.png) no-repeat center #f4c400; border-color: #f4c400;}
#board .write_bx .agree_bx .chk_bx label {font-size: 18px; color: #333333; letter-spacing: -0.05em; word-break: keep-all; line-height: 20px; display: inline; cursor: pointer;}




/* 비밀번호 확인 */
#board .pw_chk {max-width: 540px; margin: 0 auto; box-sizing: border-box; width: 100%; text-align: center;}
#board .pw_chk .txt_bx {font-size: 30px; color: #282828; line-height: 40px; letter-spacing: -0.05em; word-break: keep-all; font-weight: 500; margin-bottom: 34px;}
#board .pw_chk input[type=password] {width: 100%; height: 76px; background-color: #f0f5f8; border: 1px solid #f0f5f8; outline: none; text-align: center; font-size: 20px; color: #282828; font-weight: 350; letter-spacing: -0.05em; word-break: keep-all;}
#board .pw_chk input[type=password]:focus {background-color: #fff; border-color: #222;}
#board .pw_chk input[type=password]::placeholder {color: #939da2}
#board .pw_chk .btn {display: block; width: 100%; line-height: 76px; text-align: center; background-color: #021421; font-size: 20px; color: #ffffff; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; margin-top: 12px;}



/* 하단 버튼 */
#board .btm_btn {font-size: 0; text-align: center;}
#board .btm_btn a {display: inline-block; margin-top: 51px; border: 1px solid #282828; position: relative; width: 160px; margin-right: 8px; font-size: 18px; color: #282828; letter-spacing: -0.05em; box-sizing: border-box; border-radius: 35px; overflow: hidden; background-color: #f4a600}
#board .btm_btn a::before {content: ''; position: absolute; top: 0; left: -60px; width: 200%; height: 1000%; z-index: 1; background: #fff; transform-origin: 0 0; transform: translateX(0) translateY(10%) rotate(-45deg);}
#board .btm_btn a:last-child {margin-right: 0;}
#board .btm_btn a span {display: inline-block; line-height: 68px; padding-right: 30px; position: relative; z-index: 2;}
#board .btm_btn a span::before {content: ''; width: 12px; height: 11px; background: url(https://www.glorylawfirm.kr/kor/images/icon/list.png) no-repeat center; position: absolute; right: 0; top: 50%; margin-top: -6px;}

#board .btm_btn a.col1 span {padding-right: 0;}
#board .btm_btn a.col1 span::before {display: none;}
#board .btm_btn a.col2 {border-color: #f4c400}
#board .btm_btn a.col2::before {background-color: #f4c400;}
#board .btm_btn a.col2 span {padding-right: 0;}
#board .btm_btn a.col2 span::before {display: none;}
#board .btm_btn a.col3 {border-color: #282828; color: #fff;}
#board .btm_btn a.col3::before {background-color: #282828;}
#board .btm_btn a.col3 span {padding-right: 0;}
#board .btm_btn a.col3 span::before {display: none;}
#board .btm_btn a.col4 {width: 245px; color: #fff;}
#board .btm_btn a.col4::before {background-color: #282828;}
#board .btm_btn a.col4 span::before {width: 17px; height: 17px; background: url(https://www.glorylawfirm.kr/kor/images/icon/link2.png) no-repeat center; margin-top: -8px;}

#board .btm_btn a.w_btn {width: 220px; border: 2px solid #f4a600; margin-top: 40px;}
#board .btm_btn a.w_btn span {padding-right: 43px; line-height: 66px;}
#board .btm_btn a.w_btn span::before {width: 21px; height: 16px; background: url(https://www.glorylawfirm.kr/kor/images/icon/arrow17.png) no-repeat center; margin-top: -8px;}


/* PC */
@media all and (min-width:1025px){
	/* 리스트 */
	/*#board .list_st01 .con_bx .img_bx {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#board .list_st01 .con_bx:hover .img_bx {box-shadow: 30px 30px 50px 0px rgba(0,0,0,0.1);}*/
	#board .list_st01 .img_bx div {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#board .list_st01 .con_bx:hover .img_bx div {transform: scale(1.1);}
	#board .list_st01 .info_bx {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#board .list_st01 .con_bx:hover .info_bx {transform: translate(0, -15px);}
	
	#board .list_st02 .con_bx {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#board .list_st02 .con_bx:hover {box-shadow: 30px 30px 50px 0px rgba(0,0,0,0.1); border-color: #f4a600;}
	
	#board .list_st03 table td.subject div a {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#board .list_st03 table td.subject div a:hover {color: #f4a600;}
	
	#board .list_st04 ul li {-webkit-transition: border 0.3s; -moz-transition: border 0.3s; transition: border 0.3s;}
	#board .list_st04 ul li:hover {border-color: #f4a600;}
	
	#board .list_st05 .img_bx div {-webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s;}
	#board .list_st05 .list_w a:hover .img_bx div {transform: scale(1.1);}
	#board .list_st05 .txt_bx .sb {-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
	#board .list_st05 .list_w a:hover .txt_bx .sb {color: #f4a600;}
	
	
	/* 태그 */
	#board .hashtag_bx ul li a {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#board .hashtag_bx ul li a:hover {color: #f4c400;}
	
	
	
	/* 페이징 */
	#board .page_bx a:hover {background-color: #f3f3f3;}
	
	
	
	/* 뷰 */
	#board .view_bx .file a:hover {text-decoration: underline;}
	#board .view_bx .page .sb a:hover {text-decoration: underline;}
	
	
	
	/* 하단 버튼 */
	#board .btm_btn a {-webkit-transition: border 0.3s, color 0.3s; -moz-transition: border 0.3s, color 0.3s; transition: border 0.3s, color 0.3s;}
	#board .btm_btn a:hover {border-color: #f4a600;}
	#board .btm_btn a::before {transition: transform .5s;}
	#board .btm_btn a:hover::before {transform:translateY(10%) translateX(80%) rotate(-45deg);}
	#board .btm_btn a span::before {-webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;}
	
	#board .btm_btn a.col4:hover {color: #282828;}
	#board .btm_btn a.col4:hover span::before {background: url(https://www.glorylawfirm.kr/kor/images/icon/link.png) no-repeat center;}
	
	#board .btm_btn a.w_btn span::before {-webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s;}
	#board .btm_btn a.w_btn:hover span::before {transform: translate(10px, 0);}
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){

	/* 리스트 상단 */
	#board .list_top { display:block; min-height: auto; margin-bottom: 15px; }
	#board .list_top .count {width: 100%; font-size: 12px; margin-bottom:8px; text-align:Center; }
	#board .list_top .search_bx { margin:0 auto; width: calc(100% - 40px); position: relative; right: auto; top: auto;}
	#board .list_top .search_bx input { height: 40px; padding: 0 60px 0 12px; font-size: 12px; }
	#board .list_top .search_bx .btn {width: 40px; height: 40px; background-size:16px auto; }
	#board .list_top .search_bx .btn::before { height: 10px; margin-top: -5px;}
	
	#board .list_top.type2 .count {width: 100%;}
	#board .list_top.type2 .search_bx {width: 100%; padding-left: 92px}
	#board .list_top.type2 .search_bx select {height: 40px; font-size: 12px; padding: 0 30px 0 12px; background-size: 10px auto; background-position: right 10px center; width: 90px;}


	/* 리스트 */
	#board .list_st01 {border-top: 1px solid #111;}
	#board .list_st01 ul {padding: 20px 0;}
	#board .list_st01 ul li {width: calc(20% - 8px); margin-right: 10px; margin-bottom: 21px;}
	#board .list_st01 .info_bx {padding: 14px 0 0; width: calc(100% - 20px);}
	#board .list_st01 .info_bx .name {font-size: 14px;}
	#board .list_st01 .info_bx .name strong {margin-bottom: 3px; font-size: 17px;}
	#board .list_st01 .info_bx .txt {margin-top: 14px;}
	#board .list_st01 .info_bx .txt p {margin-bottom: 2px; font-size: 11px; padding-left: 15px; }
	
	#board .list_st02 {border-top: 2px solid #282828; }
	#board .list_st02 .list_w { padding: 5px 0 20px;}
	#board .list_st02 .con_bx {width: calc(33.33% - 7px); margin-right: 10px; margin-top: 10px; padding: 15px 20px;}
	#board .list_st02 .con_bx .subject {font-size: 15px; line-height: 23px; height: 46px;}
	#board .list_st02 .con_bx .txt {font-size: 12px; line-height: 20px; margin-top: 8px; height: 60px;}
	#board .list_st02 .con_bx .info { font-size: 11px; min-height: 18px; margin-top: 15px; padding: 0 0 0 24px; }
	#board .list_st02 .con_bx .info .img {width: 18px; height: 18px; }
	#board .list_st02 .con_bx .date { font-size: 12px; margin-top: 20px;}

	#board .list_st03 {border-top: 2px solid #282828; border-bottom:0; }
	#board .list_st03 table { display:block; }
	#board .list_st03 table thead{ display:none; }
	#board .list_st03 table tbody{ display:block; }
	#board .list_st03 table tbody tr {  display:block; padding:10px 10px; font-size:0; }
	#board .list_st03 table td { position:relative; padding:0 9px 0 0; margin-right:8px; display:inline-block; vertical-align:top; font-size: 11px; height: auto; }
	#board .list_st03 table td:after{ content:''; position:absolute; right:0; top:4px; width:1px; height:8px; background:#e7e7e7; }
	#board .list_st03 table td:last-child{ padding-right:0; margin-right:0; }
	#board .list_st03 table td:last-child:after{ display:none; }
	#board .list_st03 table td.num { display:none; }
	#board .list_st03 table td.subject { display:Block; padding-right:0; margin-right:0; margin-bottom:5px; font-size: 12px; }
	#board .list_st03 table td.subject:after{ display:none; }
	#board .list_st03 table td.subject div {width: 100%;}
	#board .list_st03 table td.subject div a{  white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden; }
	#board .list_st03 table td.subject div a .notice{ display:inline-block; vertical-align:top; color:#f49b00; margin-right:5px; font-weight:700; }

	#board .list_st04 ul {padding-top: 0;}
	#board .list_st04 ul li { margin-bottom: 10px; box-shadow: 6px 6px 18px 0px rgba(71,86,98,0.08); padding: 0 10px; box-sizing: border-box;}
	#board .list_st04 .q_bx {padding: 15px 20px 15px 25px; }
	#board .list_st04 .q_bx strong { top: 12px; font-size: 19px;  }
	#board .list_st04 .q_bx .txt {font-size: 14px; width: 90%; }
	#board .list_st04 .q_bx::before { width: 13px; height: 8px; background-size:cover; top: 22px; }
	#board .list_st04 .a_bx .txt {font-size: 12px; line-height: 20px;  padding: 11px 0 20px}
	#board .list_st04 .on .q_bx::before { background-size:cover; }
	
	#board .list_st05 .list_w {margin-bottom: 10px;}
	#board .list_st05 .list_w > a {padding: 15px; border-radius: 5px;}
	#board .list_st05 .img_bx {width: 130px; height: 140px; margin-right: 20px;}
	#board .list_st05 .txt_bx {width: calc(100% - 150px);}
	#board .list_st05 .txt_bx .sb {font-size: 15px;}
	#board .list_st05 .txt_bx .info {margin-top: 8px;}
	#board .list_st05 .txt_bx .info li {font-size: 12px; padding-right: 25px;}
	#board .list_st05 .txt_bx .info li::before {right: 12px; height: 10px; margin-top: -5px;}
	#board .list_st05 .txt_bx .tag {margin-top: 10px; padding-top: 5px;}
	#board .list_st05 .txt_bx .tag li {margin-top: 4px; margin-right: 4px; font-size: 11px; padding: 0 10px; line-height: 25px;}

	#board .no_data { font-size: 15px; padding: 50px 0;}
	
	
	/* 태그 */
	#board .hashtag_bx {margin-bottom: 25px;}
	#board .hashtag_bx ul li {padding: 0 2px; margin-bottom: 4px;}
	#board .hashtag_bx ul li a {font-size: 11px; line-height: 25px; padding: 0 10px;}

	
	/* 페이징 */
	#board .page_bx {padding-top: 30px;}
	#board .page_bx a {width: 24px; height: 24px; line-height: 24px;}
	#board .page_bx .num {font-size: 12px;}
	#board .page_bx .page_first {margin-right: 4px; background-size: 8px auto;}
	#board .page_bx .page_prev {margin-right: 8px; background-size: 4px auto;}
	#board .page_bx .page_next {margin-left: 8px; background-size: 4px auto;}
	#board .page_bx .page_last {margin-left: 4px; background-size: 8px auto;}

	/* 뷰 */
	#board .view_bx .subject { border-bottom:2px solid #282828; padding: 0 0 22px;}
	#board .view_bx .subject strong,
	#board .view_bx .subject h1 { font-size: 18px; line-height: 26px; }
	#board .view_bx .subject ul { margin-top: 15px;}
	#board .view_bx .subject ul li { font-size: 12px; margin-right: 20px; }
	#board .view_bx .subject ul li::before { margin-top: -3px; right: -11px; height: 7px; }
	#board .view_bx .subject ul li.en { font-size: 12px;}
	#board .view_bx .subject ul li.type {padding-left: 0; min-height: 23px; line-height:23px; padding-top: 0; margin-bottom:10px !important; }
	#board .view_bx .subject ul li.type .img { display:inline-block; vertical-align:top; position:relative; top:auto; left:auto; margin-right:4px; width: 23px; height: 23px; }
	#board .view_bx .file { padding: 11px 0 9px;}
	#board .view_bx .file a { font-size: 11px; margin-right: 6px; line-height: 16px; margin-bottom: 3px;}
	#board .view_bx .txt {font-size: 12px; padding: 25px 0 55px;}
	#board .view_bx .comment {padding: 17px 20px 20px;}
	#board .view_bx .comment .ttl {padding-bottom: 13px; font-size: 13px;}
	#board .view_bx .comment .txt_bx {font-size: 12px; line-height: 17px; padding: 13px 0 0;}
	
	#board .view_bx .page > div { padding: 0 15px 0 67px; height: 40px;}
	#board .view_bx .page > div span { left: 0; font-size:12px; line-height: 40px; padding-right: 20px;}
	#board .view_bx .page > div span::before { width: 6px;  height: 4px; background-size:6px auto; margin-top: -2px;}
	#board .view_bx .page .sb {font-size: 12px; width: 80%;}
	
	#review #board .view_bx .subject ul li{ display:block; margin-right:0; margin-bottom:5px; }
	#review #board .view_bx .subject ul li:last-child{ margin-bottom:0; }
	#review #board .view_bx .subject ul li:after{ display:none; }
	
	#board .view_bx02 {padding: 0 0 40px;}
	#board .view_bx02 .con_bx {border-top: 2px solid #282828; padding-top: 15px;}
	#board .view_bx02 .l_bx {width: calc(50% - 15px); margin-right: 15px; max-height: 476px;;}
	#board .view_bx02 .r_bx {padding: 15px 0 15px 15px; padding-top: 15px;}
	#board .view_bx02 .r_bx .subject {font-size: 18px; line-height: 26px; margin-bottom: 15px;}
	#board .view_bx02 .r_bx .info li {font-size: 12px; margin-bottom: 4px; padding-left: 85px;}
	#board .view_bx02 .r_bx .info li span {padding-left: 8px;}
	#board .view_bx02 .r_bx .info li span::before {width: 3px; height: 3px; top: 8px;}
	#board .view_bx02 .txt_bx {padding-top: 30px; margin-top: 15px;}
	#board .view_bx02 .txt_bx .txt_w {margin-bottom: 25px;}
	#board .view_bx02 .txt_bx .txt_ttl {font-size: 18px; padding-bottom: 10px; margin-bottom: 15px;}
	#board .view_bx02 .txt_bx .txt_ttl::before {width: 30px; height: 2px;}
	#board .view_bx02 .txt_bx .txt_con {font-size: 12px;}



	/* 테이블 */
	#board .tb_st1 table {border-top: 2px solid #282828;}
	#board .tb_st1 table th {width: 155px; padding: 5px 15px; height: 48px; font-size: 13px;}
	#board .tb_st1 table th .imp::before {font-size: 13px;}
	#board .tb_st1 table td {padding: 8px 15px; height: 48px; font-size: 12px; line-height: 18px;}



	/* 작성 */
	#board .write_bx input[type=text], #board .write_bx input[type=password], #board .write_bx input[type=tel], #board .write_bx input[type=email] {height: 30px; padding: 0 19px; font-size: 12px;}
	#board .write_bx select {height: 30px; padding: 0 29px 0 19px; font-size: 12px; background-position: right 15px center; background-size: 8px 5px;}
	#board .write_bx textarea {height: 120px; padding: 6px 15px; font-size: 12px; line-height: 18px;}
	#board .write_bx .l_txt {display: block; margin-top: 5px; font-size: 12px; line-height: 18px;}
	#board .write_bx .l_txt em {display: none;}
	#board .write_bx .agree_bx {margin-top: 10px;}
	#board .write_bx .agree_bx .txt_bx {padding: 6px 15px; font-size: 12px; line-height: 18px; height: 120px;}
	#board .write_bx .agree_bx .chk_bx {margin-top: 18px;}
	#board .write_bx .agree_bx .chk_bx input {width: 16px; height: 16px; margin-right: 5px;}
	#board .write_bx .agree_bx .chk_bx input:checked {background-size: 9px auto;}
	#board .write_bx .agree_bx .chk_bx label {font-size: 12px; line-height: 16px;}




	/* 비밀번호 확인 */
	#board .pw_chk {max-width: 350px;}
	#board .pw_chk .txt_bx {font-size: 18px; line-height: 24px; margin-bottom: 24px;}
	#board .pw_chk input[type=password] {height: 40px; font-size: 12px;}
	#board .pw_chk .btn {line-height: 40px; font-size: 13px; margin-top: 10px;}
	


	/* 하단 버튼 */
	#board .btm_btn a { margin-top: 30px; width: 100px; margin-right: 5px; font-size: 13px;  border-radius: 20px; background:#fff; }
	#board .btm_btn a::before { display:none; }
	#board .btm_btn a span { line-height: 38px; padding-right: 20px; }
	#board .btm_btn a span::before { width: 8px; height: 8px; background-size:8px auto; margin-top: -4px;}
	
	#board .btm_btn a.col2 {background-color: #f4c400}
	#board .btm_btn a.col3 {background-color: #282828;}
	#board .btm_btn a.col4 {background-color: #282828; width: 165px;}
	#board .btm_btn a.col4 span::before {background-size: 10px auto; width: 10px;}
	
	#board .btm_btn a.w_btn {margin-top: 25px; border: 1px solid #f4a600; width: 140px;}
	#board .btm_btn a.w_btn span {line-height: 38px; padding-right: 30px;}
	#board .btm_btn a.w_btn span::before {width: 12px; background-size: 12px auto;}

}

/* 모바일 */
@media all and (max-width:768px){
	/* 리스트 */
	#board .list_st01 ul li:nth-child(n) {width: calc(50% - 5px); margin-right: 10px;}
	#board .list_st01 ul li:nth-child(2n) {margin-right: 0;}

	#board .list_st02 .con_bx {width: 100%; margin-right: 0; margin-top: 10px; }
	#board .list_st02 .con_bx .subject { height: auto;}
	#board .list_st02 .con_bx .txt { height:Auto; }
	
	#board .list_st05 .list_w > a {padding: 20px 10px;}
	/*#board .list_st05 .img_bx {width: 100%; height: auto; padding-bottom: 107.78%; margin: 0 auto;}
	#board .list_st05 .txt_bx {width: 100%;}*/
	#board .list_st05 .img_bx {width: 100px; height: 108px; margin-right: 15px;}
	#board .list_st05 .txt_bx {width: calc(100% - 115px);}
	#board .list_st05 .txt_bx .sb {-webkit-line-clamp:2; height: 44px;}
	#board .list_st05 .txt_bx .info {min-height: 60px;}
	#board .list_st05 .txt_bx .info li {display: block; padding-right: 0; margin-bottom: 3px; position: relative; padding-left: 50px; min-height: 18px;}
	#board .list_st05 .txt_bx .info li span {position: absolute; left: 0; top: 0;}
	#board .list_st05 .txt_bx .info li:last-child {margin-bottom: 0;}
	#board .list_st05 .txt_bx .info li::before {display: none;}
	#board .list_st05 .txt_bx .tag {position: relative; width: calc(100% + 115px); left: -115px;}
	
	
	
	/* 뷰 */
	#board .view_bx02 .l_bx {width: 100%; margin-right: 0; padding-bottom: 106.67%; max-height: none;}
	#board .view_bx02 .r_bx {width: 100%; padding: 15px 0 0;}



	/* 작성 */
	#board .tb_st1 table tr {display: block; width: 100%; padding: 19px 0 20px;}
	#board .tb_st1 table th {display: block; width: 100%; padding: 0 0 7px; height: auto;}
	#board .tb_st1 table td {display: block; width: 100%; padding: 0; height: auto;}



	/* 작성 */
	#board .write_bx .w320 {max-width: 100%;}
	#board .write_bx .agree_bx {margin-top: 20px;}
}