@charset 'utf-8';

/*
 * Directory      :    /css/
 * File           :    responsive_common.css
 * SUMMARY        :    게시판 (공통)
 * DESCRIPTION    :    반응형
 *
 * ***********************************************
 *
 * SUMMARY
 * 00) 기본
 * 01) Max ~ 900px (Mouse Over)
 * 02) 1400px
 * 03) 1250px
 * 04) 1200px
 * 05) 1150px
 * 06) 1100px
 * 07) 1030px
 * 08) 1000px
 * 09) 1000px ~ 800px
 * 10) 950px
 * 11) 900px : Show mobile images
 * 12) 850px
 * 13) 800px
 * 14) 770px
 * 15) 750px
 * 16) 700px
 * 17) 650px
 * 18) 600px
 * 19) 550px
 * 20) 500px
 * 21) 450px
 * 22) 400px
 * 23) 370px
 * 24) 360px
 */










/* **************************************** *
 ◆ 기본
 * **************************************** */

/* 컬러 변경 */
.rb_board label.r_design input:checked+ .tx .icon {background-color:#402784 !important; border-color:#402784 !important;}

/* ◆ 문의폼 */
.rb_board {position:relative;}
.rb_board .rb_form {}
.rb_board .rb_form .tr {display:table; width:100%; box-sizing:border-box; table-layout:fixed;}
.rb_board .rb_form .td {display:table-cell; vertical-align:middle; box-sizing:border-box;}
.rb_board .rb_form .inner {display:table; width:100%; box-sizing:border-box; table-layout:fixed; }
.rb_board .rb_form .inner dt,
.rb_board .rb_form .inner dd {display:table-cell; padding:12px 15px; vertical-align:middle;  box-sizing:border-box; border-bottom:1px solid #ddd; }
.rb_board .rb_form .inner dt {text-align:left; background:#f8f8f8; width:170px; padding-right:5px;}
.rb_board .rb_form .inner dd {}
.rb_board .rb_form .inner .email {padding-right:50%}
.rb_board .rb_form .inner .email .input_box {padding-right:15px; box-sizing:border-box;}
.rb_board .rb_form .inner .email .tooltip {right:15px;}
.rb_board .rb_form .opt {position:relative; font-weight:400; padding:0 15px 0 0; box-sizing:border-box; word-wrap:break-word; word-break:break-all; white-space:normal; line-height:1.2;}
.rb_board .rb_form .opt:after {content:""; width:10px; height:10px; position:absolute; right:0; top:50%; margin-top: -5px;}
.rb_board .rb_form .opt:after {background:transparent url('../images/rb_img/form_ess_off.svg') center center no-repeat; background-size: 9px auto !important;}
.rb_board .rb_form .ess .opt:after {background:transparent url('../images/rb_img/form_ess.svg') left center no-repeat; }
.rb_board .rb_form .ess .table {display:table; width:100%; table-layout:fixed;}
.rb_board .rb_form .ess .table .input_box, .rb_board .rb_form .ess .table .label_box {display:table-cell; vertical-align:middle; float:none; width:auto;}
.rb_board .rb_form .ess .table .label_box {box-sizing:border-box; width:130px; padding-left:10px; box-sizing:border-box;}
.rb_board .rb_form .if_tip .inner dd {height:84px;}
.rb_board .rb_form+ .rb_group_tit {margin-top:30px;}
.rb_board .rb_form .inner .if_only {padding-right:51%;}


/* 이메일 */
.rb_board .box_email {display:inline-block;}
.rb_board .box_email ul {display:table; box-sizing:border-box; table-layout:fixed;}
.rb_board .box_email li {display:table-cell; vertical-align:middle; position:relative; box-sizing:border-box; width:284px;}
.rb_board .box_email li+ li {padding-left:30px;}
.rb_board .box_email .dash {width:30px; text-align:center; position:absolute; left:0; top:0; line-height:35px;}
.rb_board .box_email .other {padding-left:10px;}


/* 인풋 */
.rb_board input::placeholder {color:#ccc !important}
.rb_board input::-webkit-input-placeholder {color:#ccc !important}
.rb_board input:-ms-input-placeholder {color:#ccc !important}
.rb_board input:-moz-placeholder {color:#ccc !important}
.rb_board textarea::placeholder {color:#ccc !important}
.rb_board textarea:-ms-input-placeholder {color:#ccc !important}
.rb_board textarea:-moz-placeholder {color:#ccc !important}
.rb_board .rb_form input.design {height:40px; border:1px solid #ddd; width:100%; box-sizing:border-box; padding:0 10px; background:#fff; line-height:36px; line-height:32px\0; color:#333;}
.rb_board .rb_form input.design:focus {border-color:#999; color:#333 !important;}

.rb_board .rb_form .input_box {position:relative; width:100%; /* float:left; */ margin-left:0; font-size: 15px;}
.rb_board .rb_form .input_box.mail {margin-left:-5px;}
.rb_board .rb_form .input_box .tooltip {font-size:0.85em; background:#ea5413; color:#fff; height:25px; line-height:25px; padding:0 10px; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); overflow:hidden;}
.rb_board .rb_form .input_box .tooltip {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.rb_board .rb_form .input_box .tooltip {position:absolute; right:0; top:0; height:0px; z-index:3;}
.rb_board .rb_form .input_box.readonly input {background:#f1f4fb; Cursor:no-drop; border:1px solid #eee !important; padding:0 10px !important;}
.rb_board .rb_form .input_box.readonly .tooltip {display:none !important;}
.rb_board .rb_form .ess input.design:focus+ .tooltip {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); top:-23px; height:25px; top:-25px;}
.rb_board .rb_form textarea.design {width:100%; box-sizing:border-box; padding:10px; line-height:1.5; background:#fff; float:left; border:1px solid #ddd; color:#333; height:170px; box-shadow:none; }
.rb_board .rb_form textarea.design {border-radius:0px; }
.rb_board .rb_form textarea.design:focus {border-color:#999; color:#000 !important;}

.rb_board .rb_form .input_box .table {margin:0 -5px}
.rb_board .rb_form .input_box .table ul {display:table; width:100%; table-layout:fixed; border-collapse:separate; border-spacing:5px 0;}
.rb_board .rb_form .input_box .table li {list-style:none; display:table-cell; vertical-align:middle; position:relative;}
.rb_board .rb_form .input_box.if_sel .table .r_design {margin-left:10px;}

/* 셀렉트 */
.rb_select {overflow:hidden; position:relative; background:#fff; height:40px; width:100%;}
.rb_select select {box-sizing:border-box; border:1px solid #ddd; height:100%; width:100%; padding-left:10px; color:#666; position:absolute; left:0; top:0; z-index:2; background:none !important; }
.rb_select select {width:100%; -webkit-appearance: none; appearance: none; -moz-appearance: none; -webkit-user-select: none;  padding-right:40px; border-radius:0; -webkit-border-radius:0 !important;}
.rb_select select::-ms-expand {display:none;}
.rb_select .icons {height:100%; position:absolute; right:0; top:0; z-index:1; color:#666; text-align:center; width:40px; line-height:40px; font-weight:600;}
.rb_select .icons:before {position:absolute; left:0; top:0; width:40px; line-height:40px; font-size:11px; margin-left:0px; color:#ccc;}
.rb_select .icons:before {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.rb_select select:focus+ .icons:before {color:#333; }
.rb_select select:focus+ .icons:before {transform: rotate(180deg); -webkit-transform: rotate(180deg); line-height:33px !important;}
.rb_select select:focus {border:1px solid #999; color:#333;}
.rb_select {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}

.rb_board .rb_form .rb_select {}
.rb_board .rb_form .rb_select select {height:40px; border-color:#ddd;}
.rb_board .rb_form .rb_select .icon {width:40px; height: 40px;}
.rb_board .rb_form .rb_select .icons {width:40px;}
.rb_board .rb_form .rb_select .icons:before {width:40px; line-height:42px;}

/* 도움말 */
.rb_board .rb_form .tip_txt {color:#999; letter-spacing:0px; position:relative; clear:both; font-size:0.85em; padding-left:8px; margin-top:5px; line-height:1.2;}
.rb_board .rb_form .tip_txt+ .tip_txt {margin-top:6px;}
.rb_board .rb_form .tip_txt:before {content:""; position:absolute; left:0; top:7px; width:2px; height:2px; background:#999; }
.rb_board .rb_form .tip_txt .icons {position:absolute; left:0; top:11px; }
.rb_board .rb_form .tip_txt .icons:before {margin-left:0;  color:#999;}

.rb_board .rb_form .tip_box {}
.rb_board .rb_form .tip_box .tit {font-size: 15px; color: #333; font-weight: 500; letter-spacing: -0.5px; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.rb_board .rb_form .tip_box li {list-style: none;margin-top: 3px;}
.rb_board .rb_form .tip_box .tx {font-size: 14px; color: #999; letter-spacing: -0.5px; line-height: 1.3; word-wrap:break-word; word-break:keep-all; white-space:normal;}

/* 파일첨부 */
.rb_board .input_file_box {background:#fff; border:1px solid #ddd;  position:relative;  float:left; height:35px; width:100%;}
.rb_board .input_file_box:first-child {margin-top:0}
.rb_board .input_file_box .fakeFileTxt {float:left; width:100%; height: 100%; color:#999; text-indent:10px; border:0; }
.rb_board .input_file_box .fileDiv {  width:100px; height:100%; font-size: 13px;}
.rb_board .input_file_box .buttonImg {background:#aaa; width:90px; height:40px; position: absolute; top:-1px; right:-1px;}
.rb_board .input_file_box .buttonImg {color:#fff; border:0; padding:5px 0 8px; padding-top:6px\0; box-sizing:border-box; font-size: 1em;}
.rb_board .input_file_box:hover .buttonImg {background:#999}
.rb_board .input_file_box:hover {border:1px solid #ddd;}
.rb_board .input_file_box .realFile {position:absolute; right:0px; top:0px; width:100%; font-size:200px; height:100%;  cursor:pointer !important; }
.rb_board .input_file_box .realFile {opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;}

/* 사진첨부 */
.rb_board .form_file {overflow:hidden;}
.rb_board .form_file .input_file_box {height:40px; border:1px solid #ddd; box-sizing:border-box;}

/* 첨부파일-추가삭제 */
.rb_board .duplicate.if_add { margin-top:-8px; margin-bottom:6px;}
.rb_board .duplicate.if_add .form_file {padding-right:45px; position:relative; margin-top:8px}
.rb_board .duplicate.if_add .input_file_box {float:left; box-sizing:border-box;}
.rb_board .duplicate.if_add .add_btn_box {position:absolute; right:0; top:0;}
.rb_board .duplicate.if_add .add_btn_box .add_btn {width: 40px; height: 40px; background: #333; border: 1px solid #333; box-sizing: border-box; position: relative;}
.rb_board .duplicate.if_add .add_btn_box .add_btn:before {content: ''; position: absolute; left: 50%; top: 50%; width: 13px; height: 1px; background: #fff; margin-left: -6px;}
.rb_board .duplicate.if_add .add_btn_box .add_btn:after {content: ''; position: absolute; left: 50%; top: 50%; width: 1px; height: 13px; background: #fff; margin-top: -6px;}
.rb_board .duplicate.if_add .add_btn_box .add_btn.if_delete {background: #fff; border-color: #333;}
.rb_board .duplicate.if_add .add_btn_box .add_btn.if_delete:before {background: #333;}
.rb_board .duplicate.if_add .add_btn_box .add_btn.if_delete:after {display: none;}
.rb_board .duplicate.if_add .add_btn_box .c_btn h1 {white-space: nowrap;}

/* 등록된 파일 */
.rb_board .duplicate_file {overflow:hidden; position:relative; padding-bottom:8px; }
.rb_board .duplicate_file .table {display:table; width:100%; table-layout:fixed; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.rb_board .duplicate_file .title {display:table-cell; vertical-align:middle; background:#f5f5f5; width:110px; text-align:center; color:#666;}
.rb_board .duplicate_file ul {display:table-cell;}
.rb_board .duplicate_file li {list-style:none; overflow:hidden; position:relative; border-top:1px solid #ddd; padding-left:10px; height:30px; box-sizing:border-box;}
.rb_board .duplicate_file li:first-child {border-top:0;}
.rb_board .duplicate_file .txt {float:left; line-height:29px; line-height:28px\0; color:#999;}
.rb_board .duplicate_file .del_btn {float:right; line-height:29px; line-height:28px\0; padding:0 10px}
.rb_board .duplicate_file .del_btn input {margin:9px 3px 0 0; float:left;}
.rb_board .duplicate_file .txt:hover {text-decoration:underline;}

.rb_board textarea.design {width:100%; box-sizing:border-box; padding:10px; line-height:1.5; background:#fff; float:left; border:1px solid #ddd; color:#666; height:170px; overflow-y:auto;}
.rb_board textarea.design:focus {border-color:#666; color:#000 !important;}

/* 개인정보처리방침 안내 */
.rb_agree {margin-top:30px; }
.rb_agree .agree_check  {text-align:center;}
.rb_agree .form .textarea_design {height:120px;}

/* 약관동의 */
.rb_agree .agree_form {overflow:hidden; }
.rb_agree .agree_form li {list-style:none;}
.rb_agree .agree_form .ul {margin-top:-1px;}
.rb_agree .agree_form .li { list-style:none;}
.rb_agree .agree_form .li+ .li {margin-top:20px;}
.rb_agree .agree_form .text_box {overflow:hidden; border:1px solid #ddd; box-sizing:border-box; border-top:0; font-size:13px;}
.rb_agree .agree_form .agree {overflow:hidden; text-align:center; background:#fff; border-bottom:1px solid #ddd; padding:12px 20px;}
.rb_agree .agree_form label.r_design {float:none; margin-right:0;}
.rb_agree .agree_form .agree_tit {color:#333; border-bottom:1px solid #ccc; padding:10px 25px;}
.rb_agree .agree_form textarea {height:130px; padding:10px 20px; line-height:1.4; background:#fff; float:left; color:#999 !important; border:0 !important; word-wrap:break-word; word-break:keep-all;}

/* 개인정보 수집항목 */
.rb_board .agree_add_info {overflow:hidden; background:#fff; margin-top:10px;}
.rb_board .agree_add_info .table {display:table; width:100%; table-layout:fixed; box-sizing:border-box;}
.rb_board .agree_add_info .tr {display:table-row;}
.rb_board .agree_add_info .td {display:table-cell; vertical-align:middle; text-align:center; word-wrap:break-word; word-break:keep-all; box-sizing:border-box; border:1px solid #ddd; }
.rb_board .agree_add_info .td {padding:9px 10px 12px; line-height:1.2; word-wrap:break-word; word-break:keep-all;}
.rb_board .agree_add_info .thead .td {background:#f5f5f5; color:#333;}
.rb_board .agree_add_info dt {background:#f5f5f5;  color:#333; padding:9px 10px 12px; font-weight:400; letter-spacing:-0.5px; display:none; border-bottom:1px solid #ddd; word-wrap:break-word; word-break:keep-all;}
.rb_board .agree_add_info dd {word-wrap:break-word; word-break:keep-all;}
.rb_board .agree_add_info dd ul {display:table; width:100%; table-layout:fixed;}
.rb_board .agree_add_info dd li {display:table-cell; vertical-align:middle; height:40px; padding:0 10px; line-height:1.2; }
.rb_board .agree_add_info dd li+ li {}

/* 단락타이틀 */
.rb_group_tit {border-bottom:1px solid #333; color:#333; font-weight:600; overflow:hidden; padding-bottom:10px; position:relative;}
.rb_group_tit .tit {color:#333; font-size:1.21em; font-weight:600; float:left; }
.rb_group_tit .sub_tt {letter-spacing:-1px; color:#ff0000; line-height:15px; font-weight:400; margin:5px 0 0 5px; float:left;}
.rb_group_tit .sub_txt {letter-spacing:-1px; color:#aaa; line-height:15px; font-weight:400; margin-top:7px; float:right; padding-left:13px; position:relative;}
.rb_group_tit .sub_txt:before {content:""; position:absolute; left:0; top:5px; width:8px; height:6px; background:transparent url('../images/c_img/join_check.gif') right center no-repeat; }
.rb_group_tit .right_txt {float:right; margin-top:5px;}
.rb_group_tit .right_txt .txt {position:relative; font-size:0.95em; color:#999; font-weight:400;}
.rb_group_tit .right_txt .ess {display:inline; background:transparent url('../images/rb_img/form_ess.png') left center no-repeat; padding-left:12px;}
.rb_group_tit .right_txt .icons {position:absolute; left:0; top:4px; top:6px\0;}
.rb_group_tit .right_txt .icons:before {color:#e60012; font-size:0.45em; margin:0}

/* 라벨 */
.rb_board label.r_design {float:left; position:relative; text-align:left; height:35px; box-sizing:border-box; margin-right:10px;}
.rb_board label.r_design input {position:absolute; left:0; top:50%; margin-top:-5px; z-index:5; color:#666;}
.rb_board label.r_design input {-webkit-appearance:none; appearance:none; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.rb_board label.r_design .tx {color:#666; height:35px; line-height:36px; padding:0 10px 0 27px; display:block; box-sizing:border-box; white-space:nowrap}
.rb_board label.r_design .icon {width:20px; height:20px; position:absolute; left:0; top:50%; box-sizing:border-box; margin-top:-10px; border:1px solid #ccc; box-sizing:border-box; text-align:center;}
.rb_board label.r_design .icon .icons:before {margin-left:0; color:#ccc; font-size:10px; width:100%; text-align:center; line-height:18px; font-weight:400;}
.rb_board label.r_design input[type=radio]+ .tx .icon {border-radius:100px; overflow:hidden;}
.rb_board label.r_design input[type=radio]+ .tx .icons:before {display:none;}
.rb_board label.r_design input[type=radio]+ .tx .icons:after {content:""; position:absolute; left:5px; top:5px; width:8px; height:8px; background:#ccc; margin:0; border:1px solid #ccc; border-radius:100px; overflow:hidden;}
.rb_board label.r_design input[type=radio]+ .tx .icons:after {box-sizing:border-box;}
.rb_board label.r_design input:checked+ .tx {color:#333;}
.rb_board label.r_design input:checked+ .tx .icons:before {color:#fff;}
.rb_board label.r_design input:checked+ .tx .icons:after {background:#fff; border-color:#fff;}

.rb_board label.r_design.if_radio .icon {border: 1px solid #ccc; background: #fff; width: 22px; height: 22px; border-radius: 50%; box-sizing: border-box;}
.rb_board label.r_design.if_radio .icon:before {content: ''; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; background: #ccc; border-radius: 50%; box-sizing: border-box; margin-left: -4px; margin-top: -4px;}
.rb_board label.r_design.if_radio input:checked+ .tx .icon {background: #333; border-color: #333;}
.rb_board label.r_design.if_radio input:checked+ .tx .icon:before {background: #fff;}

.rb_board label.r_design.if_check .icon {background-image: url('../images/rb_img/check.svg'); background-position: center center !important; background-repeat: no-repeat !important; background-size: 10px 10px !important;}
.rb_board label.r_design.if_check input:checked+ .tx .icon {background-image: url('../images/rb_img/check_on.svg'); background-color: #333;}

.rb_board .label_list {}
.rb_board .label_list ul {overflow:hidden;}
.rb_board .label_list li {list-style:none; float:left;}


/* ◆ 게시판 목록 */

/* 내용없을때 */
.rb_no_posting {text-align:center; padding-top:75px; margin: 80px 0; position:relative; font-size: 17px; color: #aaa; font-weight: 300; letter-spacing: -0.8px;}
.rb_no_posting {background:transparent url('../images/rb_img/none.svg') center top no-repeat; background-size: 60px 60px !important;}
.rb_no_posting .icon {position:absolute; left:0; top:0; width:100%; text-align:center;}
.rb_no_posting .icons {float:none; margin-left:0; height:auto; text-align:center;}
.rb_no_posting .icons:before {font-size:50px; color:#ddd; margin-left:0; text-align:center;}

 /* 게시판상단 */
.rb_top {width: 100%; margin-bottom:20px; position:relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.rb_top li {list-style:none;}
.rb_top .total {color:#999; line-height:1; font-size:17px; text-transform: uppercase; letter-spacing: -1px; flex: none; margin-right: 30px;}
.rb_top .total strong {font-weight:500; color:#000; font-size:17px;}
.rb_top .total em {margin-left:5px; font-size:0.95em; display:none;}

/* 게시판검색 */
.rb_top .search {flex: auto; display: flex; justify-content: flex-end; align-items: center;}
.rb_top .search form {width: 100%; max-width: 510px;}
.rb_top .search ul {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: 100%;}
.rb_top .search li {width: 70%; flex: auto;}
.rb_top .search li+ li {margin-left: 10px;}
.rb_top .search li.this_select {width: 30%;}
.rb_top .search .select {height: 40px; font-size:14px;}
.rb_top .search .select .icons {color:#000;}
.rb_top .search .select .icons:before {font-size:11px; height: 40px; line-height: 40px;}
.rb_top .search .this_write {width:100px;}
.rb_top .search .this_write .c_btn {width:100%; padding:0px; margin:0;}

.rb_top .search_form {position:relative; overflow:hidden; box-sizing:border-box; font-size: 14px;}
.rb_top .search_form form {display:block; width:100%; box-sizing:border-box;}
.rb_top .search_form .input_search {border:1px solid #ddd; height:40px; line-height:38px; box-sizing:border-box; padding:0 40px 0 10px;}
.rb_top .search_form .input_search {width: 100%; background:#fff;}
.rb_top .search_form .input_search:focus {border-color:#999;}
.rb_top .search_form .btn_box {position:absolute; right:0; top:0; width:50px; height:40px; color:#fff; text-align:center; line-height:40px;}
.rb_top .search_form .btn_box .btn_search {background:transparent url('../images/rb_img/icon_search.svg') center center no-repeat; background-size: 18px 18px !important;}
.rb_top .search_form .btn_box .btn_search {color:#fff; height:40px; line-height:40px; width:100%; font-size:0; float:left;}
.rb_top .search_form .btn_viewall {position:absolute; right:50px; top:10px; z-index:2; display: flex; justify-content: center; align-items: center;}
.rb_top .search_form .btn_viewall {width: 20px; height: 20px; background: #ccc url('../images/rb_img/search_return.svg') center center no-repeat;}
.rb_top .search_form .btn_viewall {background-size: 8px 8px !important; border-radius: 100px; box-sizing: border-box;}
.rb_top .search_form .search_btn {display:none;}

/* 검색-바탕형 */
/* .rb_top .search_form .input_search {border:1px solid #f3f3f3; background:#f3f3f3;}
.rb_top .search_form .input_search:focus {border-color:#f0f0f0; background:#f0f0f0;} */

/* ◆ 게시판 목록 (기본) */
.rb_list {overflow:hidden; border-top:1px solid #333;}
.rb_list li {list-style:none;}

.rb_list .list {display:table; width:100%; box-sizing:border-box; table-layout:fixed;}
.rb_list .list ul {display:table-row; }
.rb_list .list li {display:table-cell; vertical-align:middle; border-bottom:1px solid #e5e5e5; text-align:center; box-sizing:border-box; line-height:1.25; white-space:nowrap; position:relative;}
.rb_list .thead li {background:#f8f8f8; color:#333; padding:15px 10px; font-weight:400; font-size: 14px;}
.rb_list .tbody li {padding:0 10px; }

.rb_list .t_number {width:80px;}
.rb_list .t_subject {width:120px;}
.rb_list .t_title {}
.rb_list .t_file {width:90px; }
.rb_list .t_date {width:110px;}
.rb_list .t_date .icons:before {font-size:13px;}
.rb_list .t_writer {width:130px;}
.rb_list .t_hit {width:85px;}
.rb_list .t_state {width:100px;}

.rb_list .t_file .file_down img {height:25px ;}
.rb_list .t_file .file_down {opacity: 0.2; filter: alpha(opacity=20); -ms-filter:alpha(opacity=20);}
.rb_list .t_file.if_upload .file_down {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}

.rb_list .tbody .t_subject {color:#999;}
.rb_list .tbody .t_number {color:#aaa; letter-spacing:0px; font-size:13px;}
.rb_list .tbody .t_number .icon {display:none; background:transparent url('../images/rb_img/board_notice.svg') center center no-repeat; height:30px;}
.rb_list .tbody .t_number .icon {background-size: 18px 18px !important;}
.rb_list .tbody .t_title {text-align:left;}
.rb_list .tbody .t_title strong {font-weight:600; margin-right:10px; font-size:1.21em; color:#e5c466;}

.rb_list .tbody .t_file {font-size:0px;}
.rb_list .tbody .t_date {color:#aaa; letter-spacing:0px; font-size:13px;}
.rb_list .tbody .t_writer {color:#aaa; font-size:13px;}
.rb_list .tbody .t_hit {color:#aaa; letter-spacing:0px; font-size:13px;}
.rb_list .tbody .t_state {font-size:0px; float:none;}
.rb_list .tbody .t_state .c_tag {float:none;}
.rb_list .tbody .t_state .c_btn {float:none; padding:0px; width:100%;}

.rb_board.if_report .thead {display: none;}
.rb_board.if_report .rb_list {border-top: 2px solid #333;}
.rb_board.if_report .rb_list .list ul {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.rb_board.if_report .rb_list .list li {border-color: #eee;}
.rb_board.if_report .rb_list .t_writer {width: 180px;}
.rb_board.if_report .rb_list .t_file .file_down {padding: 10px; box-sizing: border-box; opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
.rb_board.if_report .rb_list .t_file .file_down img {height: 30px;}
.rb_board.if_report .rb_list .t_file .file_down img.ov {display: none;}
.rb_board.if_report .rb_list .t_file:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.rb_board.if_report .rb_list .t_file.if_upload:before {z-index: -1;}
.rb_board.if_report .rb_list .posting {height: 70px; line-height: 70px;}
.rb_board.if_report .rb_list .posting .title {font-size: 17px; letter-spacing: -0.7px; color: #333;}
.rb_board.if_report .rb_list .posting .title h1 {white-space: nowrap;}
.rb_board.if_report .rb_list .t_writer {display: none !important;}
.rb_board.if_report .rb_list .tbody .t_number {font-family: 'Poppins'; font-size: 17px; color: #bbb; letter-spacing: 0; width: 90px;}
.rb_board.if_report .rb_list .tbody .t_date {font-family: 'Poppins'; font-size: 17px; color: #bbb; letter-spacing: 0; font-weight: 300; width: 150px;}
.rb_board.if_report .rb_list .tbody .t_file {width: 70px;}

/* 성공사례 목록 */
.rb_board.if_case {}
.rb_board.if_case .rb_list {border-top: 0; overflow: inherit;}

.rb_list .case_li {}
.rb_list .case_li ul {display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: stretch; align-items: stretch; margin-left: -32px;}
.rb_list .case_li li {display: inline-flex; flex-direction: row; align-content: stretch; align-items: stretch; padding-left: 32px; width: 25%; box-sizing: border-box; margin-top: 40px;}

.rb_list .case_li .box {position:relative; width: 100%; border: 1px solid #e5e5e5; padding: 35px 30px; box-sizing: border-box;}
.rb_list .case_li .box {transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.rb_list .case_li .box .cate {font-size: 15px; color: #7644ff; letter-spacing: -0.4px; line-height: 1;}
.rb_list .case_li .box .title {font-size: 19px; color:#000; font-weight:500; width: 100%; margin-top: 15px;}
.rb_list .case_li .box .title {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 27px; max-height: 54px;}
.rb_list .case_li .box .title h1 {word-break: break-all;}
.rb_list .case_li .box .sub_txt {font-size: 14px; color:#888; display: block; display: -webkit-box; line-height:22px; margin-top: 15px;}
.rb_list .case_li .box .sub_txt {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; max-height: 89px;}
.rb_list .case_li .box .sub_txt h1 {word-break: break-all;}
.rb_list .case_li .box .date {position: absolute; left: 30px; bottom: 30px;}
.rb_list .case_li .box .date {font-family: 'Poppins'; font-size: 15px; color:#aaa; font-weight: 300; letter-spacing: 0; line-height: 1;}

/* 성공사례 뷰 */
.rb_board.if_case_v .rb_view {border: 0 !important;}
.rb_board.if_case_v .inner {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;}
.rb_board.if_case_v .board_ct {border-top: 2px solid #333; box-sizing: border-box; flex: 1;}
.rb_board.if_case_v .board_tit dt {display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.rb_board.if_case_v .board_tit dt .cate {font-size: 15px; color: #fff; background: #894fff; border-radius: 100px; box-sizing: border-box; letter-spacing: 0;}
.rb_board.if_case_v .board_tit dt .cate {padding: 0 20px; margin-bottom: 5px; line-height: 1; height: 30px; display:inline-flex; justify-content: center; align-items: center;}
.rb_board.if_case_v .p_lawyer_li {flex: none; width: 26%; max-width: 350px; border: 1px solid #402784; border-radius: 5px 60px 5px 5px; box-sizing: border-box;}
.rb_board.if_case_v .p_lawyer_li {padding: 30px 50px; margin-left: 50px;}
.rb_board.if_case_v .p_lawyer_li .tit {font-size: 22px; color: #402784; font-weight: 500; letter-spacing: -1px; line-height: 1; margin-bottom: 30px;}
.rb_board.if_case_v .p_lawyer_li .ul {max-width: 250px; margin: 0; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.rb_board.if_case_v .p_lawyer_li .li {width: 100%; float: none; display: flex; justify-content: center; align-items: center;}
.rb_board.if_case_v .p_lawyer_li .li+ li {margin-top: 25px;}
.rb_board.if_case_v .p_lawyer_li .box {margin: 0; width: 100%;}
.rb_board.if_case_v .p_lawyer_li .ov_box {bottom: -45px;}
.rb_board.if_case_v .p_lawyer_li .legal {display: none;}
.rb_board.if_case_v .p_lawyer_li .name_box {margin-top: 10px;}
.rb_board.if_case_v .p_lawyer_li .name_en {display: none;}
.rb_board.if_case_v .p_lawyer_li .name {font-size: 17px;}


/* 연혁 목록 */
.rb_board.if_history {}
.if_history .rb_top {display: none;}

.if_history .rb_photo {overflow: inherit;}
.if_history .rb_photo .photo_list ul {overflow: inherit !important; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: stretch; align-items: stretch;}
.if_history .rb_photo .photo_list ul {margin-left: -32px; width: auto !important;}
.if_history .rb_photo .photo_list li {display: inline-flex; float: none; width: 25%; padding-left: 32px; box-sizing: border-box;}
.if_history .rb_photo .photo_list li:nth-of-type(5n)+ li {clear: none;}
.if_history .rb_photo .photo_list {margin-left: 0;}
.if_history .rb_photo .photo_box {width: 100%; margin-left: 0; position: relative;}
.if_history .rb_photo .photo_box {transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.if_history .rb_photo .photo_box:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid transparent; box-sizing: border-box; z-index: 3;}
.if_history .rb_photo .photo_box:before {transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.if_history .rb_photo .photo_box .thumb:before {border: 0; background: rgba(0, 0, 0, 0.1);}
.if_history .rb_photo .photo_box .thumb img {transform: scale(1) !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important;}
.if_history .tx_box {border: 1px solid #e5e5e5; border-top: 0; box-sizing: border-box; padding: 25px 20px;}
.if_history .tx_box .date {font-family: 'Poppins', 'Noto'; font-size: 15px; color: #894fff; letter-spacing: -0.4px; line-height: 1; font-weight: 500;}
.if_history .tx_box .tx {font-size: 16px; color: #000; letter-spacing: -0.5px; line-height: 1; margin-top: 15px;}
.if_history .tx_box .tx {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.if_history .tx_box .tx h1 {white-space: nowrap;}

.if_history .cate_tab {margin-top: 10px; margin-bottom: 30px; position: relative;}
.if_history .cate_tab ul {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.if_history .cate_tab li {float: none; width: auto; position: relative;}
.if_history .cate_tab li+ li:before {content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 14px; background: #e5e5e5; margin-top: -7px;}
.if_history .cate_tab .btn {font-size: 19px; color: #999; letter-spacing: -0.8px; line-height: 1; padding: 15px 23px; box-sizing: border-box;}
.if_history .cate_tab .hit .btn {font-weight: 600; color: #000;}
.if_history .btn_cate {width: 100%; height: 45px; padding: 0 30px 0 15px; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center;}
.if_history .btn_cate {box-sizing: border-box; line-height: 1; background: #f5f5f5 url('../images/barungil_sub/tab_open.svg') right 15px center no-repeat;}
.if_history .btn_cate {background-size: 8px auto !important; font-size: 19px; color: #888; font-weight: 500; display: none;}

/* 연혁 뷰페이지 */
.rb_board.if_history_v .board_tit dt {display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.rb_board.if_history_v .board_tit dt .cate {font-family: 'Poppins', 'Noto'; font-size: 15px; color: #fff; background: #894fff; border-radius: 100px; box-sizing: border-box; letter-spacing: 0;}
.rb_board.if_history_v .board_tit dt .cate {padding: 0 20px; margin-bottom: 5px; line-height: 1; height: 30px; display:inline-flex; justify-content: center; align-items: center;}




/* 게시물 하나 */
.rb_list .tit_wrap {overflow:hidden;}
.rb_list .posting {overflow:hidden; position:relative; float:left; box-sizing:border-box; height:50px; line-height:50px; max-width:100%; }
.rb_list .posting .title {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; letter-spacing:-0.5px; font-size: 15px; color: #333;}
.rb_list .posting .title h1 {white-space: nowrap;}
.rb_list .posting .right {float:right; margin-top:17px;}
.rb_list .posting .right .icons {height:16px; float:left; margin-left:5px; display:block !important;}
.rb_list .posting .icons.new {background:transparent url('../images/rb_img/board_new.png') left top no-repeat; width:16px;}
.rb_list .posting .icons.secret {background:transparent url('../images/rb_img/board_secret.png') left top no-repeat; width:13px;}
.rb_list .posting .icons.photo {background:transparent url('../images/rb_img/board_photo.png') left top no-repeat; width:18px;}
.rb_list .posting .icons.file {background:transparent url('../images/rb_img/board_file1.gif') left center no-repeat; width:16px;}
.rb_list .btn_file {position:relative; overflow:hidden; width:40px; display:inline-block;}
.rb_list .btn_file:before {content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.rb_list .btn_file .btn {background:transparent url('../images/rb_img/board_file.png') center center no-repeat; height:25px; display:block;}
.rb_list .btn_file .btn {opacity: 0.3; filter: alpha(opacity=30); -ms-filter:alpha(opacity=30);}
.rb_list .btn_file .on {background:transparent url('../images/rb_img/board_file_on.png') center center no-repeat; display:block; height:25px; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.rb_list .btn_file .on {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.rb_list .btn_file.if_upload:before {display:none; }
.rb_list .btn_file.if_upload .btn {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}

/* 공지사항체크시 */
.rb_list .if_notice {}
.rb_list .if_notice .t_number .icon {display:block;}
.rb_list .if_notice .posting .title {color:#000;}

/* 갤러리 게시판 */
.rb_photo {overflow:hidden; border-top:1px solid #333; padding-top:15px;}
.rb_photo li {list-style:none; float:left; width:20%;}
.rb_photo .photo_list {margin-left:-20px; margin-top:-30px;}
.rb_photo .photo_list ul {overflow:hidden; width:100%;}
.rb_photo .photo_list li {}
.rb_photo .photo_list li:nth-of-type(5n)+ li {clear:both}

.rb_photo .photo_box {margin-left:20px; margin-top:30px;}
.rb_photo .photo_box .thumb {position:relative; overflow:hidden; font-size:0px; background:#ebecef url('../images/c_img/board_none.png') center center no-repeat;}
.rb_photo .photo_box .thumb img {width:100%; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.rb_photo .photo_box .thumb:before {content:""; position:absolute; left:0; top:0; bottom:0; right:0; border:1px solid rgba(0,0,0,0.1); box-sizing:border-box; z-index:2;}
.rb_photo .photo_box .img_fake {overflow:hidden;}
.rb_photo .photo_box .img_real {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1}
.rb_photo .photo_box .tit {position:relative; padding-top:10px;}
.rb_photo .photo_box .tit .ctg {color:#999; padding-bottom:3px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
.rb_photo .photo_box .tit .tx {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; line-height:1.25; color:#666;}
.rb_photo .if_cf .photo_box .thumb_box {padding:12px; background-color:#fff; border:1px solid #eaeaea; box-sizing:border-box;}

.rb_photo .gallery_box {position:relative; margin-left:40px; margin-top:30px}
.rb_photo .gallery_box .gallery {overflow:hidden; position:relative; border:0; box-sizing:border-box; position:relative;}
.rb_photo .gallery_box .in_box {position:relative; overflow:hidden;}
.rb_photo .gallery_box .in_box:before {content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#fff; z-index:9;}
.rb_photo .gallery_box .in_box li {float:left; width:50%; list-style:none; position:relative;}
.rb_photo .gallery_box .thumb_box {position:relative; width:100%;}
.rb_photo .gallery_box .thumb_box .thumb {overflow:hidden; position:relative; background:#f8f8f8 url('../images/skin/none_photo.png') center center no-repeat;  width:100%;}
.rb_photo .gallery_box .thumb_box .thumb img {width:100%; float:left;}
.rb_photo .gallery_box .thumb_box .thumb .real_img {position:absolute; left:0; top:0; width:100%; height:100%;}
.rb_photo .gallery_box .thumb_box .thumb .fake_img {overflow:hidden;}

.rb_photo .gallery_box .thumb_box .tag { font-family:'Open Sans'; color:#fff; font-weight:600; letter-spacing:0px; height:30px; line-height:30px; width:100px; text-align:center;}
.rb_photo .gallery_box .thumb_box .tag {position:absolute; bottom:0; z-index:8}
.rb_photo .gallery_box .thumb_box .tag.before {right:0; background:#ccc;}
.rb_photo .gallery_box .thumb_box .tag.after {right:0; background:#ffc336;}


.rb_photo .gallery_box .tit {position:relative; padding-top:10px;}
.rb_photo .gallery_box .tit .ctg {color:#999;  display:inline}
.rb_photo .gallery_box .tit .tx {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; line-height:1.25; color:#666; padding-right:20px;}

/* 인증서 게시판 */
.rb_paper {overflow:hidden; border-top:1px solid #333; padding-top:25px;}
.rb_paper li {list-style:none; float:left; width:20%;}
.rb_paper .photo_list {margin-left:-20px; margin-top:-30px;}
.rb_paper .photo_list ul {overflow:hidden; width:100%;}
.rb_paper .photo_list li {}
.rb_paper .photo_list li:nth-of-type(5n)+ li {clear:both}

.rb_paper .photo_box {margin-left:20px; margin-top:30px;}
.rb_paper .photo_box .thumb_box {padding:12px; background-color:#fff; border:1px solid #eaeaea; box-sizing:border-box;}
.rb_paper .photo_box .thumb {position:relative; overflow:hidden; font-size:0px; background:#ebecef url('../images/c_img/board_none.png') center center no-repeat;}
.rb_paper .photo_box .thumb img {width:100%; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.rb_paper .photo_box .img_fake {overflow:hidden;}
.rb_paper .photo_box .img_real {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1}
.rb_paper .photo_box .tit {position:relative;}
.rb_paper .photo_box .tit .tx {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; padding-top:15px; line-height:1.25;}

/* 뉴스형 게시판 */
.rb_list .news_list {margin:0px;}
.rb_list .news_list li {width:100%; border-bottom:1px solid #ddd; padding:20px 0; margin:0px; box-sizing:border-box;}
.rb_list .news_list .item_name {font-size:15px; font-weight:500;}
.rb_list .news_list .tit_box {float:left; display:inline-block; max-width:100%; overflow:hidden; position:relative; padding-right:10px;}
.rb_list .news_list .tit_box .tt {color:#333; position:relative; font-size:15px; font-weight:500;}
.rb_list .news_list .tit_box .tt {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
.rb_list .news_list .icon {float:right; display:inline-block; box-sizing:border-box; height:25px; margin-left:3px;}
.rb_list .news_list .icon img {float:left; height:15px;}
.rb_list .news_list .news_top {display:table; width:100%; box-sizing:border-box; table-layout:fixed;}
.rb_list .news_list .news_top .news,
.rb_list .news_list .news_top .tit_box {display:table-cell; vertical-align:top;}
.rb_list .news_list .news_top .tit_box {padding-left:10px;}
.rb_list .news_list .news {width:140px;}
.rb_list .news_list .gallery_info {overflow:hidden; padding-top:50px;}
.rb_list .news_list .gallery_info .date {float:left; color:#bbb;}
.rb_list .news_list .gallery_info .view {float:left; margin-left:10px; padding-left:10px; position:relative; color:#bbb;}
.rb_list .news_list .gallery_info .view:before {content:""; width:1px; height:12px; background:#ddd; position:absolute; left:0; top:50%; margin-top:-6px;}
.rb_list .news_list .gallery_info .view em {display:inline-block;}
.rb_list .news_list .ic_reply {color:#999; float:left; height:13px; line-height:15px; margin-left:10px;}
.rb_list .news_list .ic_reply img {margin-right:3px; height:13px; float:left;}

.rb_list .news_box {position:relative; }
.rb_list .news_box dl {display:table; width:100%; table-layout:fixed;}
.rb_list .news_box dt, .rb_list .news_box dd {display:table-cell; vertical-align:top;}
.rb_list .news_box dt {width:300px;}
.rb_list .news_box dd {padding-left:30px;}
.rb_list .news_box .thumb {position:relative; overflow:hidden; font-size:0px; background:#f8f8f8 url('../images/c_img/board_none.png') center center no-repeat; }
.rb_list .news_box .thumb:before {content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid rgba(0,0,0,0.08); z-index:2;}
.rb_list .news_box .thumb img {width:100%; float:left;}
.rb_list .news_box .fake_img {overflow:hidden; width:100%;}
.rb_list .news_box .real_img {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1}
.rb_list .news_box .real_img img {position:absolute; left:0; top:0;}
.rb_list .news_box .posting_box {overflow:hidden; margin-top:10px; }
.rb_list .news_box .posting {height:30px; line-height:30px; max-width:80%;}
.rb_list .news_box .posting .title {font-size:19px; color:#333; font-weight:500;}
.rb_list .news_box .posting .right {margin-top:7px;}
.rb_list .news_box .sub_txt { color:#999; padding-top:0; word-wrap:break-word; word-break:keep-all;}
.rb_list .news_box .info {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; clear:both; height:60px; line-height:20px; padding-top:15px; }
.rb_list .news_box .info.if_mo {display:none;}
.rb_list .news_box .news img {width:100%; float:left;}

/* 뉴스갤러리형 */
.rb_list .news_list.if_gallery {overflow:hidden; border-bottom:1px solid #ddd;}
.rb_list .news_list.if_gallery ul {overflow:hidden; margin:0 -30px; position:relative;}
.rb_list .news_list.if_gallery ul:before {content:""; position:absolute; left:33.333333%; top:0; width:1px; height:100%; background:#ededed;}
.rb_list .news_list.if_gallery ul:after {content:""; position:absolute; right:33.333333%; top:0; width:1px; height:100%; background:#ededed;}
.rb_list .news_list.if_gallery li {float:left; width:33.33333333%; padding:30px; box-sizing:border-box; border-bottom:0; position:relative;}
.rb_list .news_list.if_gallery li:before {content:""; position:absolute; left:0; top:-1px; width:300%; height:1px; background:#ddd; z-index:1;}

.rb_list .if_gallery .news_box dl {display:block;}
.rb_list .if_gallery .news_box dt, .rb_list .if_gallery .news_box dd {display:block;}
.rb_list .if_gallery .news_box dt {width:100%;}
.rb_list .if_gallery .news_box dd {padding:20px 15px 0;}
.rb_list .if_gallery .news_box .posting_box {margin-top:0;}
.rb_list .if_gallery .news_box .info {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; height:40px;}
.rb_list .news_list.if_gallery  .gallery_info {padding-top:25px;}

/* 뉴스레터형 */
.news_preview {background:#f5f5f5; padding:60px;}
.news_preview dl {display:table; width:100%; table-layout:fixed;}
.news_preview dt, .news_preview dd {display:table-cell; vertical-align:top;}
.news_preview dt {width:800px;}
.news_preview dd {}
.news_preview .posting_box {padding:20px 0 0 50px;}
.news_preview .posting_box .title {word-wrap:break-word; word-break:keep-all; color:#000; font-weight:500;line-height:1.3; height:70px; line-height:35px;}
.news_preview .posting_box .title {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
.news_preview .posting_box .date {font-family:"Barlow"; color:#aaa; font-weight:500; letter-spacing:0px; line-height:1; margin-top:15px;}
.news_preview .posting_box .info {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 7; -webkit-box-orient: vertical; display: -webkit-box; height:196px; line-height:28px; margin-top:30px;}
.news_preview .posting_box .sub_txt {word-wrap:break-word; word-break:keep-all; letter-spacing:-1px;}
.news_preview .posting_box .c_btn {margin:40px 0 0;}

.news_preview .thumb {position:relative; overflow:hidden; font-size:0px; background:#fff url('../images/c_img/board_none.png') center center no-repeat; }
.news_preview .thumb img {width:100%; float:left;}
.news_preview .fake_img {overflow:hidden; width:100%;}
.news_preview .real_img {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1}
.news_preview .real_img img {position:absolute; left:0; top:0;}

.nletter_list {margin-top:40px; text-align:center; position:relative;}
.nletter_list .rolling_box {display:inline-block; margin:0 -11px;}
.nletter_list ul {display:inline-block; font-size:0px;}
.nletter_list li {list-style:none; width:16.666666%; display:inline-block;}
.nletter_list .letter_box {margin:0 11px; position:relative;}
.nletter_list .letter_box .thumb {position:relative; overflow:hidden; font-size:0px; background:#f6f6f6 url('../images/c_img/board_none.png') center center no-repeat; }
.nletter_list .letter_box .thumb img {width:100%; float:left;}
.nletter_list .letter_box .fake_img {overflow:hidden; width:100%;}
.nletter_list .letter_box .real_img {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1}
.nletter_list .letter_box .real_img img {position:absolute; left:0; top:0;}
.nletter_list .letter_box .title {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; text-align:center; padding:0 15px; margin-top:5px;}

.nletter_list .prevnext {position:absolute; top:50%; margin-top:-52px; display:none;}
.nletter_list .prevnext.prev {left:0;}
.nletter_list .prevnext.next {right:0;}
.nletter_list .prevnext a {padding:20px; float:left; opacity: .2; -ms-filter:alpha(opacity=20); filter:alpha(opacity=20);}
.nletter_list .prevnext .ic {float:left;}
.nletter_list .prevnext .ic img {height:38px; float:left;}

.nletter_list.if_full {padding:0 60px;}
.nletter_list.if_full .prevnext {display:block;}

/* 뉴스레터형2 */
.rb_list .newsletter {}
.rb_list .newsletter ul {display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: stretch; align-items: stretch; margin-left: -40px;}
.rb_list .newsletter li {display: inline-flex; flex-direction: row; align-content: stretch; align-items: stretch; padding-left: 40px; width: 50%; box-sizing: border-box; margin-top: 40px;}

.rb_list .newsletter .box {position:relative; width: 100%;}
.rb_list .newsletter .box dl {display: flex; flex-direction: row; justify-content: space-between; align-content: stretch; align-items: stretch; height: 100%;}
.rb_list .newsletter .box dt {width: 50%;}
.rb_list .newsletter .box dd {width: 50%; padding: 40px 30px 45px; box-sizing: border-box; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; border: 1px solid #e5e5e5; border-left: 0;}
.rb_list .newsletter .box .thumb_box {display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden;}
.rb_list .newsletter .box .thumb_box {position: relative; box-sizing: border-box; z-index: 1; background-color: #9396a2; height: 100%; padding: 0 50px;}
.rb_list .newsletter .box .thumb_box .img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important;}
.rb_list .newsletter .box .thumb_box .img:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4);}
.rb_list .newsletter .box .thumb_box .img:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.rb_list .newsletter .box .thumb_box .vol {z-index: 1; background: #fff; height: 30px; border-radius: 50px; border: 1px solid #fff; box-sizing: border-box; padding: 0 20px; white-space: nowrap; color: #9396a2;}
.rb_list .newsletter .box .thumb_box .vol {font-family: 'Montserrat'; font-size: 15px; font-weight: 600; letter-spacing: 0; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.rb_list .newsletter .box .thumb_box .tit_en {font-family: 'Montserrat'; font-size: 22px; color: #fff; font-weight: 500; letter-spacing: 0; z-index: 1; margin-top: 15px;}
.rb_list .newsletter .box .thumb_box .tit_en {clear: both; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 25px; max-height: 49px;}
.rb_list .newsletter .box .thumb_box .tit_en {word-wrap:break-word; word-break:keep-all; white-space:normal; text-align: center; width: 100%;}
.rb_list .newsletter .box .posting {line-height: 1; height: auto;}
.rb_list .newsletter .box .posting .title {font-size:21px; color:#000; font-weight:500;}
.rb_list .newsletter .box .sub_txt {font-size: 14px; color:#888; word-wrap:break-word; word-break:keep-all;}
.rb_list .newsletter .box .info {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; clear:both; max-height:40px; line-height:20px; padding-top:15px; }
.rb_list .newsletter .box .date {font-family: 'Montserrat'; font-size: 14px; color:#aaa; font-weight: 500; letter-spacing: 0; margin-top: 25px; line-height: 1;}


/* 공통탭메뉴 */
.rb_tab {height:50px; box-sizing:border-box; position:relative; text-align:center; margin:0px 0px 40px; text-align:center;}
.rb_tab  li {list-style:none;}
.rb_tab:before {content:""; width:100%; height:1px; position:absolute; left:0; bottom:0; background:#ddd; z-index:1}
.rb_tab .inner {display:inline-block;}
.rb_tab .inner ul {display:table; table-layout:fixed; box-sizing:border-box;  background:#f9f9f9;}
.rb_tab .inner li {display:table-cell; vertical-align:middle; position:relative; height:50px; box-sizing:border-box;}
.rb_tab .inner li {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.rb_tab .inner li:before {content:""; width:100%; background:#ddd; position:absolute; left:0; top:0; height:1px;}
.rb_tab .inner .btn {color:#aaa; padding:0 40px; letter-spacing:-1px; font-size:16px; display:block; height:50px; line-height:48px; }
.rb_tab .inner .btn { white-space:nowrap; min-width:190px; box-sizing:border-box;}
.rb_tab .inner .btn:before {content:""; width:1px; height:50px; background:#ddd; position:absolute; left:-1px; top:0; z-index:1}
.rb_tab .inner .btn:after {content:""; width:1px; height:50px; background:#ddd; position:absolute; right:0; top:0; z-index:1}
.rb_tab .inner li:first-child .btn:before {left:0}
.rb_tab .inner .hit {background:#fff !important; z-index:2}
.rb_tab .inner .hit:after {content:""; width:100%; height:2px; position:absolute; left:0; bottom:-1px; background:#fff; z-index:2; }
.rb_tab .inner .hit:before {background:#ddd;}
.rb_tab .inner .hit .btn {color:#000 !important; font-weight:500; }
.rb_tab .inner .hit .btn:before {background:#ddd; z-index:3; height:50px;}
.rb_tab .inner .hit .btn:after {background:#ddd; z-index:3; height:50px;}

.rb_tab.if_en .inner .btn {letter-spacing:0px;}


/* 페이지네이트 */
.rb_paginate {text-align:center; overflow:hidden; position:relative; clear:both; padding-top:50px; font-size:0px;}
.rb_paginate li {list-style:none;}
.rb_paginate .inner {display:table; box-sizing:border-box; table-layout:fixed; margin:0 auto;}
.rb_paginate .prevnext,
.rb_paginate .number {display:table-cell;}
.rb_paginate a {position:relative; box-sizing:border-box; border:1px solid #ddd; line-height:38px; height:40px; width:40px; float:left; background:#fff; overflow:hidden;}
.rb_paginate .btn_first {border-right:0;}
.rb_paginate .btn_last {border-left:0;}

/* 이전,다음,처음,끝 버튼 */
.rb_paginate .prevnext a {cursor:default !important; background-repeat: no-repeat !important; background-size: 12px 12px !important; background-position: center center !important;}
.rb_paginate .prevnext a.btn_first {background-image: url('../images/rb_img/page_first.svg');}
.rb_paginate .prevnext a.btn_prev {background-image: url('../images/rb_img/page_prev.svg');}
.rb_paginate .prevnext a.btn_next {background-image: url('../images/rb_img/page_next.svg');}
.rb_paginate .prevnext a.btn_last {background-image: url('../images/rb_img/page_last.svg');}
.rb_paginate .prevnext a.ok {cursor:pointer !important}
.rb_paginate .prevnext a .icons {display: none;}

/* 페이징 넘버 */
.rb_paginate .number {overflow:hidden; padding:0 25px; position:relative;}
.rb_paginate .number li {float:left;}
.rb_paginate .number a {color:#999; margin:0 3px;}
.rb_paginate .number .hit a {color:#333 !important; border:1px solid #333 !important; }
.rb_paginate .inner.if_pc {}
.rb_paginate .inner.if_mo {display:none;}
.rb_paginate .inner.if_mo .number {padding:0 5px;}
.rb_paginate .inner.if_mo a {margin:0; width:35px; font-size:13px; text-align:center;}
.rb_paginate .inner.if_mo .number a {border-right:0;}
.rb_paginate .inner.if_mo .number li:last-of-type a {border-right:1px solid #ddd;}
/* .rb_paginate .inner.if_mo .number li:only-of-type a {border:0 !important;} */
.rb_paginate .inner.if_mo .number .hit+ li a {border-left:0;}


/* ◆ 게시판 보기 (기본) */
.rb_view {border-top:2px solid #333; padding-bottom:30px;}
.rb_board+ .c_btnbox {margin-top:0; /* padding-top:30px; border-top:1px solid #ddd; */}
.rb_board.if_gallery+ .c_btnbox {padding-top:0; border-top:0;}

/* 게시물 타이틀,정보 */
.rb_view .board_tit {border-bottom:1px solid #ddd;}
.rb_view .board_tit dl {}
.rb_view .board_tit dt {padding:25px 30px; background:#fff; font-size:22px; color:#000; line-height:1.4; font-weight: 500;}
.rb_view .board_tit dt {text-align:center; word-wrap:break-word; word-break:keep-all;}
.rb_view .board_tit dt em {color:#999; font-size:1em; padding-right:5px;}
.rb_view .board_tit dt strong {font-weight:400; color:#999; margin-right:5px; font-size:1em;}
.rb_view .board_tit dd {padding:15px 15px 12px; font-size:0px; border-top:1px solid #ddd; }
.rb_view .board_tit .info {overflow:hidden; display:table; box-sizing:border-box; table-layout:fixed;}
.rb_view .board_tit .info li {display:table-cell; vertical-align:middle; list-style:none;}
.rb_view .board_tit .tx {position:relative; color:#aaa;}
.rb_view .board_tit .info li+ li .tx {margin-left:15px; padding-left:15px;}
.rb_view .board_tit .info li+ li .tx:before {content:""; width:1px; height:11px; background:#ccc; position:absolute; left:0; top:50%; margin-top:-5px;}

/* 게시물 내용(에디터) */
.rb_view .conts {padding:30px 0; overflow:hidden; line-height:1.5; width:100%; box-sizing:border-box; font-size: 15px;}
.rb_view .conts img {max-width:100%}

/* 댓글 */
.rb_view .reply {margin-top:30px; border:1px solid #ea5413;}
.rb_view .reply li {list-style:none;}
.rb_view .reply .list {overflow:hidden;}
.rb_view .reply .list dl {padding:30px; position:relative}
.rb_view .reply .list dl+ dl {border-top:1px solid #ddd; }
.rb_view .reply .list dt strong {color:#ea5413; font-size:15px;}
.rb_view .reply .list dt em {color:#999; margin-left:10px; font-size:13px;}
.rb_view .reply .list dd {color:#888; margin-top:10px; line-height:1.5;}

/* 관리자 답변 */
.rb_view .answer {border:2px solid #999; margin:30px 0 0 0; padding:20px; position:relative; }
.rb_view .answer .tit {position:absolute; left:0; top:0; margin:-13px 0 0 -2px; background:#999; height:40px; line-height:36px; color:#fff; letter-spacing:-1px; font-size:14px; padding:0 20px 0 20px; font-weight:600}
.rb_view .answer .tit strong {letter-spacing:0px;}
.rb_view .answer .tit:after {content:''; width: 0; height: 0; border-bottom: 13px solid #333; border-right: 13px solid transparent; position:absolute; right:-13px; top:0; }
.rb_view .answer .conts {margin:20px 0 10px 0; overflow:hidden; padding:10px 10px 0}
.rb_view .answer .conts img {max-width:100%;}


 /* 첨부파일 */
.rb_view .file {margin-top:30px; border-top: 1px solid #eee; box-sizing: border-box;}
.rb_view .file dl {}
.rb_view .file dt {margin: 15px 0 5px;}
.rb_view .file dt .tx {background:transparent url('../images/rb_img/board_file.svg') left center no-repeat; background-size: 18px 18px !important;}
.rb_view .file dt .tx {padding: 5px 0 5px 25px; display:block; color:#000; white-space:nowrap; font-size:18px; font-weight: 500; letter-spacing: -0.8px; line-height: 1;}
.rb_view .file dd {}
.rb_view .file ul {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin: 0 -5px;}
.rb_view .file li {list-style: none; width: 100%; max-width: 300px;}
.rb_view .file .btn {font-size: 13px; color: #999; letter-spacing: 0; border: 1px solid #e5e5e5; border-radius: 5px; box-sizing: border-box;}
.rb_view .file .btn {padding: 0 50px 0 20px; height: 50px; display: flex; justify-content: flex-start; align-items: center; margin: 5px;}
.rb_view .file .btn {background: #f9f9f9 url('../images/rb_img/board_down.svg') right 20px center no-repeat; background-size: 14px 14px !important; }
.rb_view .file .btn {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.rb_view .file .btn h1 {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.rb_view .file .link {white-space:nowrap; float:left; margin:5px 5px; background:#fff; border:1px solid #ddd; padding:5px 20px; border-radius:100px; box-sizing:border-box; position:relative; font-size:0.9em;}
.rb_view .file .link span {display:block;}
.rb_view .file .link .icons {color:#ccc; margin-left:10px; font-size:1.1em;}


/* 이전다음글 */
.rb_view .prevnext {margin-top:30px; border-bottom:1px solid #ddd;}
.rb_view .prevnext dl {display:table; width:100%; box-sizing:border-box; table-layout:fixed; border-collapse:separate; border-spacing:0px; border-top:1px solid #ddd;}
.rb_view .prevnext dt,
.rb_view .prevnext dd {display:table-cell; vertical-align:middle; padding:15px 0; box-sizing:border-box;}
.rb_view .prevnext dt {width:140px; border-right:1px solid #eee; text-align: center;}
.rb_view .prevnext dt .tx {overflow:hidden; color:#aaa; position:relative; font-size:0.95em;}
.rb_view .prevnext dt .icons {color:#ccc; width:30px; position:absolute; left:0; top:0; text-align:center; line-height:21px\0; line-height:20px;}
.rb_view .prevnext dt .icons:before {margin:0; font-size:11px;}
.rb_view .prevnext dd {padding:0 20px;}
.rb_view .prevnext .title_box {float:left; display:inline-block; max-width:100%; overflow:hidden; box-sizing:border-box;}
.rb_view .prevnext .title {color:#ccc; font-size:0.95em; position:relative;}
.rb_view .prevnext .title a {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; color:#777;  line-height:1.2; }
.rb_view .prevnext .title a h1 {white-space: nowrap;}
.rb_view .prevnext .title strong {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; color:#777;  line-height:1.2; }
.rb_view .prevnext .title strong h1 {white-space: nowrap;}
.rb_view .prevnext .date {width:150px; text-align:right}
.rb_view .prevnext .date .tx {color:#aaa; font-size:0.95em;}

.rb_baf {text-align:center; padding-top:30px;}






/* **************************************** *
 * LAYER POPUP (common)
 * **************************************** */
.rb_pop {width:100% !important; box-sizing:border-box;	display:table; position:fixed; left:0; top:0; height:100%;}
.rb_pop * {font-size:14px;}
.rb_pop li {list-style:none;}
/* .rb_pop .inner_box {padding:20px 20px 15px;}
.rb_pop .c_form {margin:0 !important;}
.rb_pop .c_form table .tit:before {background:transparent url('../images/rb_img/form_ess.png') left center no-repeat;}
.rb_pop .c_form table td {background:#f5f5f5; padding:15px;}
.rb_pop .c_form .tip_txt {font-size:0.9em; padding-left:12px;}
.rb_pop .c_form .tip_txt:before {width:2px; height:2px; background:#999; left:5px; top:13px;}
.rb_pop .pop_title {font-size:1.6em; letter-spacing:-1px;}
.rb_pop .pop_title .btn_close { background:none; position:absolute; right:0; top:20px; font-size:13px; padding:0px; color:#333; box-sizing:border-box; text-align:center; width:auto; height:auto ; line-height:14px;}
.rb_pop .pop_title .btn_close .icons {padding:10px;}
.rb_pop .c_group_tit {text-align:center;}
.rb_pop .c_group_tit .tit {font-size:1.15em; float:none; margin-bottom:8px}
.rb_pop .c_btnbox {padding-top:0; border-top:0; margin-top:0} */

.rb_pop .inner {display:table-cell; vertical-align:middle; box-sizing:border-box; padding:0 20px; position:relative; }
.rb_pop .layout_fix {max-width:450px; box-shadow:0 0 10px rgba(0,0,0,0.5); padding:0px !important;}
.rb_pop .tit {color:#fff; font-size:20px; font-weight:300; position:relative; text-align:center; line-height:1.2; padding:25px; background:#333; }
.rb_pop .tit span {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
.rb_pop .conts {background:#fff; padding:20px 30px; }
.rb_pop .btn_close {position:absolute; right:0; top:50%; font-size:13px; padding:0 10px; color:#fff; box-sizing:border-box; text-align:center; margin-top:-17px;}
.rb_pop .btn_close .icons {padding:10px;}
.rb_pop .pop_guide {overflow:hidden; line-height:1.4; box-sizing:border-box; display:table; width:100%; box-sizing:border-box; background:#fff; padding:0; margin:0; border:0;}
.rb_pop .pop_guide .tx {display:table-cell; vertical-align:middle; padding:0 20px; text-align:center; color:#999;}
.rb_pop .c_btn_box {margin-top:20px;}
.rb_pop .form {border:1px solid #ddd; padding:20px; background:#f5f5f5; margin-top:20px; text-align:center;}
.rb_pop .form .input_design {box-sizing:border-box; border:1px solid #ddd; padding:0 10px; height:40px; width:100%; background:#fff; line-height:40px;}
.rb_pop .c_btnbox {padding-top:20px; border:0; margin:0}










/* ********************************************** *
 * ◆◆◆ popup (common)
 * ********************************************** */
.c_popup label.r_design {float:left; position:relative; text-align:left; box-sizing:border-box; margin-right:10px; padding:10px;}
.c_popup label.r_design input {position:absolute; left:10px; top:10px; z-index:5; color:#666; width:20px; height:20px; margin:0}
.c_popup label.r_design input {-webkit-appearance:none; appearance:none; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.c_popup label.r_design .tx {color:#666; height:20px; line-height:18px; padding:0 10px 0 25px; display:block; box-sizing:border-box; white-space:nowrap; position:relative; font-size:12px;}
.c_popup label.r_design .icon {width:20px; height:20px; position:absolute; left:0; top:50%; box-sizing:border-box; margin-top:-10px; border:1px solid #ccc; box-sizing:border-box; text-align:center;}
.c_popup label.r_design .icon .icons {}
.c_popup label.r_design .icon .icons:before {margin-left:0; color:#ccc; font-size:10px; width:100%; text-align:center; line-height:20px; font-weight:400;}
.c_popup label.r_design input[type=radio]+ .tx .icon {border-radius:100px; overflow:hidden;}
.c_popup label.r_design input[type=radio]+ .tx .icons:before {display:none;}
.c_popup label.r_design input[type=radio]+ .tx .icons:after {content:""; position:absolute; left:5px; top:5px; width:8px; height:8px; background:#ccc; margin:0; border:1px solid #ccc; border-radius:100px; overflow:hidden;}
.c_popup label.r_design input[type=radio]+ .tx .icons:after {box-sizing:border-box;}
.c_popup label.r_design input:checked+ .tx {color:#333;}
.c_popup label.r_design input:checked+ .tx .icons:before {color:#fff;}
.c_popup label.r_design input:checked+ .tx .icons:after {background:#fff; border-color:#fff;}
.c_popup .close_box .btn_close {background:none; width:20px; height:20px; padding:10px; text-align:center;}
.c_popup .close_box .btn_close .icons {line-height:20px; }
.c_popup .close_box .btn_close .icons:before {font-size:11px; color:#333;}







/* **************************************** *
 ◆ Max ~ 900px (Mouse Over)
 * **************************************** */
@media screen and (min-width:900px) {
	.wrap:after {content:"Mouse"; }

	.board_letter .letter_box:hover .upper_link {border-color:#ea5413;}


	.rb_list .btn_file.if_upload:hover .on {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
	.rb_list .posting:hover .title {color:#000; text-decoration:underline;}
	.rb_list .news_box:hover .posting .title {text-decoration:underline;}

	.rb_view .file .link:hover {border-color:#999;}
	.rb_view .file .link:hover .icons:before {color:#0063af;}
	.rb_view .file .link.hit:hover {background:#333; border-color:#333; color:#fff !important;}
	.rb_view .prevnext .title a:hover {text-decoration:underline;}

	.rb_photo .photo_box:hover .thumb img {transform: scale(1.1);}
	.rb_photo .photo_box:hover .tx {text-decoration:underline;}
	.rb_photo .gallery_box:hover .tx {text-decoration:underline;}

	.rb_paper .photo_box:hover .thumb_box {border-color:#ccc;}
	.rb_paper .photo_box:hover .tit {text-decoration:underline;}

	.news_preview .posting_box .more_btn:hover {background:#fff; color:#333;}
	.nletter_list .prevnext a:hover {opacity: 1; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100);}

    .rb_list .newsletter .box:hover dd {background: #f5f5f5;}
    .rb_list .newsletter .box:hover .thumb_box .img:before {background: rgba(0, 0, 0, 0);}

    .rb_board.if_report .rb_list .list ul:hover {background: #402784;}
    .rb_board.if_report .rb_list .list ul:hover .posting .title {color: #fff;}
    .rb_board.if_report .rb_list .list ul:hover .file_down {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
    .rb_board.if_report .rb_list .list ul:hover .file_down img.off {display: none !important;}
    .rb_board.if_report .rb_list .list ul:hover .file_down img.ov {display: block !important;}
    .rb_board.if_report .rb_list .list ul:hover .t_file {opacity: 0.3; filter: alpha(opacity=30); -ms-filter: alpha(opacity=30);}
    .rb_board.if_report .rb_list .list ul:hover .t_file.if_upload {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}

    .rb_list .case_li .box:hover {border-color: #894fff; box-shadow: 10px 10px 20px 5px rgba(0, 0, 0, 0.25);}

    .rb_board.if_case_v .p_lawyer_li .box:hover .ov_box {bottom: 0;}

    .rb_view .file .btn:hover {background-color: #fff; border-color: #000; color: #000;}

    .if_history .rb_photo .photo_box:hover {box-shadow: 10px 10px 20px 5px rgba(0, 0, 0, 0.25);}
    .if_history .rb_photo .photo_box:hover:before {border-color: #894fff;}

}







/* **************************************** *
 ◆ 1500px ~
 * **************************************** */
@media screen and (max-width:1500px) {
	.wrap:before {content:"1500"; }

	.news_preview dt {width:65%;}

    .rb_list .case_li ul {margin-left: -20px;}
    .rb_list .case_li li {padding-left: 20px; margin-top: 30px;}
}







/* **************************************** *
 ◆ 1400px ~
 * **************************************** */
@media screen and (max-width:1400px) {
	.wrap:before {content:"1400"; }

	.news_preview {padding:40px;}
	.news_preview .posting_box {padding:15px 0 0 30px;}

    .rb_list .newsletter ul {margin-left: -30px;}
    .rb_list .newsletter li {padding-left: 30px; margin-top: 30px;}
    .rb_list .newsletter .box .thumb_box {padding: 0 30px;}
    .rb_list .newsletter .box dd {padding: 35px 20px 35px 25px;}

    .rb_list .case_li ul {margin-left: -30px;}
    .rb_list .case_li li {padding-left: 30px; width: 33.3334%;}

    .rb_board.if_case_v .p_lawyer_li {padding: 30px 40px; margin-left: 40px;}
    .rb_board.if_case_v .p_lawyer_li .tit {margin-bottom: 20px;}

    .if_history .rb_photo .photo_list ul {margin-left: -30px;}
    .if_history .rb_photo .photo_list li {padding-left: 30px; width: 33.3334% !important;}
}







/* **************************************** *
 ◆ 1300px ~
 * **************************************** */
@media screen and (max-width:1300px) {
	.wrap:before {content:"1300"; }



	.board_letter .list {margin-left:-20px; margin-top:-20px;}
	.board_letter .letter_box {margin-left:20px; margin-top:20px;}

	.rb_tab {margin:0px 0px 40px;}
	.rb_tab .inner .btn {min-width:150px;}

    .rb_list .newsletter .box .thumb_box .vol {font-size: 14px;}
    .rb_list .newsletter .box .thumb_box .tit_en {font-size: 20px; line-height: 24px; max-height: 47px;}
    .rb_list .newsletter .box .posting .title {font-size: 20px;}

}








/* **************************************** *
 ◆ 1200px ~
 * **************************************** */
@media screen and (max-width:1200px) {
	.wrap:before {content:"1200"; }

	.c_page_tit .title .tit {font-size:35px;}

	.rb_list .posting {max-width:100%}
	.rb_list .if_gallery .posting {max-width:100% !important;}

    .rb_board .rb_form .tr {display:block;}
    .rb_board .rb_form .td {display:block; border:0 !important;}
    .rb_board .rb_form .inner dt {width:150px; padding-left:10px;}
	.rb_board .rb_form .inner dd {padding:10px;}

	.rb_photo .photo_list li {width:25%;}
	.rb_photo .photo_list li:nth-of-type(4n)+ li {clear:both}
	.rb_photo .photo_list li:nth-of-type(5n)+ li {clear:none;}

	.rb_paper li {width:25%;}
	.rb_paper .photo_list li:nth-of-type(4n)+ li {clear:both}
	.rb_paper .photo_list li:nth-of-type(5n)+ li {clear:none;}

	.news_preview {padding:30px;}
	.news_preview .posting_box {padding:10px 0 0 20px;}
	.news_preview .posting_box .title {height:64px; line-height:32px;}
	.news_preview .posting_box .info {margin-top:20px;}
	.news_preview .posting_box .c_btn {margin-top:30px;}

	.nletter_list .rolling_box {margin:0 -5px;}
	.nletter_list .letter_box {margin:0 5px;}

	.nletter_list.if_full {padding:0 40px;}
	.nletter_list .prevnext a {padding:20px 10px;}

    .rb_list .newsletter ul {margin-left: -25px;}
    .rb_list .newsletter li {padding-left: 25px; margin-top: 25px;}
    .rb_list .newsletter .box .thumb_box .vol {height: 25px; font-size: 13px; padding: 0 15px;}
    .rb_list .newsletter .box .date {margin-top: 20px;}

    .rb_no_posting {margin: 60px 0; font-size: 18px;}

    .if_report .rb_list .t_writer {width: 150px;}

    .rb_board.if_case_v .p_lawyer_li {padding: 25px 25px; margin-left: 30px; border-radius: 5px 50px 5px 5px;}


}









/* **************************************** *
 ◆ 1100px ~
 * **************************************** */
@media screen and (max-width:1100px) {
	.wrap:before {content:"1100"; }

	.rb_tab .inner .btn {min-width:120px;}

	.news_preview dl {display:block; position:relative;}
	.news_preview dt, .news_preview dd {display:block;}
	.news_preview dt {width:100%;}
	.news_preview dd {position:absolute; right:0; top:0; width:350px; height:100%; background:rgba(0,0,0,0.5); z-index:1;  box-sizing:border-box;}
	.news_preview .posting_box {padding:60px 40px; padding-right:20px; }
	.news_preview .posting_box .title {color:#fff; }
	.news_preview .posting_box .c_btn {position:absolute; left:40px; bottom:40px; background:#fff !important; color:#333 !important; border-color:#fff !important;}

    .rb_list .case_li ul {margin-left: -15px;}
    .rb_list .case_li li {padding-left: 15px; margin-top: 15px;}
    .rb_list .case_li .box {padding: 30px 25px 70px 25px;}
    .rb_list .case_li .box .title {line-height: 25px; max-height: 51px;}
    .rb_list .case_li .box .date {left: 25px;}

    .if_history .rb_photo .photo_list {margin-top: -15px;}
    .if_history .rb_photo .photo_list ul {margin-left: -15px;}
    .if_history .rb_photo .photo_list li {padding-left: 15px; width: 33.3334% !important;}
    .if_history .rb_photo .photo_box {margin-top: 15px;}
    .if_history .cate_tab {margin-top: 0; margin-bottom: 15px;}
    .if_history .cate_tab .btn {padding: 15px 20px;}
}








/* **************************************** *
 ◆ 1000px ~
 * **************************************** */
@media screen and (max-width:1000px) {
	.wrap:before {content:"1000"; }

	.rb_list .tbody li {padding:0 5px;}
	.rb_list .t_number {width:50px; font-size:13px;}
	.rb_list .t_title {}
	.rb_list .t_file {width:80px;}
	.rb_list .t_date {width:90px; font-size:13px;}
	.rb_list .t_writer {width:120px; font-size:13px;}
	.rb_list .t_hit {width:70px; font-size:13px;}
	.rb_list .t_state {width:80px;}

	.rb_list .news_list.if_gallery ul {margin:0 -20px;}
	.rb_list .news_list.if_gallery li {padding:20px;}
	.rb_list .if_gallery .news_box dd {padding:15px 5px 0;}
	.rb_list .if_gallery .news_box .info {padding-top:5px;}
	.rb_list .news_list.if_gallery .gallery_info {padding-top:15px;}


    .rb_list .newsletter .box dd {padding: 30px 15px 30px 20px;}
    .rb_list .newsletter .box .thumb_box {padding: 0 20px;}
    .rb_list .newsletter .box .thumb_box .vol {font-size: 12px; padding: 0 10px;}
    .rb_list .newsletter .box .thumb_box .tit_en {font-size: 19px; margin-top: 10px; line-height: 22px; max-height: 43px;}
    .rb_list .newsletter .box .posting .title {font-size: 19px;}
    .rb_list .newsletter .box .info {font-size: 14px;}
}











/* **************************************** *
 ◆ 900px ~ (Mobile Start)
 * **************************************** */
@media screen and (max-width:900px) {
	.wrap:before {content:"900"; }


	.c_pagi {padding-top:30px;}

	.c_board .c_page_tit {margin-bottom:30px;}
	.c_page_tit .title .tit {font-size:33px;}

	.rb_top .search_form .input_search {}

	.rb_group_tit .right_txt .txt {padding-left:14px;}
	.rb_group_tit .right_txt .ess {background:transparent url('../images/rb_img/mo/form_ess.png') left center no-repeat; background-size:7px;}
	.rb_group_tit .right_txt .icons:before {font-size:0.68em;}

	/* 문의폼 */
	.rb_board .rb_form .opt .icons:before {font-size:0.65em;}
	.rb_board .rb_form .inner dt,
	.rb_board .rb_form .inner dd {padding:10px;}
	.rb_board .rb_form .inner .email {padding-right:10px;}
	.rb_board .rb_form .inner .email .input_box {padding-right:0px; box-sizing:border-box;}
	.rb_board .rb_form .inner .email .tooltip {right:0px;}
	.rb_board .rb_form .select select {line-height:1; padding-right:25px;}
	.rb_board .rb_form .if_tip .inner dd {height:55px;}
	.rb_board .rb_form .inner .if_only {padding-right:10px;}

	.rb_board .box_email ul {width:100%;}
	.rb_board .box_email li {width:auto;}
	.rb_board .rb_form .group_tit dt {font-weight:500;}
	.rb_board .rb_form .group_tit dd {font-size:13px;}
	.rb_board .rb_form .agree_form textarea.design {line-height:1.35; padding:15px;}
	.rb_board .rb_form .agree_form .agree {padding:5px 15px;}
	.rb_board .rb_form .input_file_box .buttonImg {}
	.rb_board .rb_form .input_file_box .realFile {position:absolute; right:0px; top:0px; width:100%; font-size:200px; height:100%;  cursor:pointer !important; opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;}
	.rb_board .rb_form .tip_txt {color:#999; letter-spacing:0px; position:relative; clear:both; }
	.rb_board .rb_form .tip_txt.if_beside {margin-top:6px !important; float:left !important; clear:none; margin-left:5px;}
	.rb_board .duplicate.if_add {margin-bottom:5px;}
	.rb_board .rb_form .tip_txt+ .tip_txt {margin-top:5px;}
	.rb_board .rb_form .tip_txt:before {top:6px;}
    .rb_board .rb_form .tip_box {margin-top: 20px;}

	.rb_agree .agree_form textarea.design {padding:10px;}

	.rb_btn.h55 {height:50px; line-height:48px; font-size:16px !important; padding:0 40px;}

	.rb_paginate {padding-top:30px;}
	.rb_paginate .inner.if_mo {display:inline-block !important;}

	.rb_board label.r_design {height:30px;}
	.rb_board label.r_design .tx {height:30px; line-height:30px;}
	.rb_board label.r_design .icon .icons:before {line-height:19px;}


	/* 게시판-목록 */
	.rb_list .posting .right {margin-top:18px;}
	.rb_list .posting .icons.new {background:transparent url('../images/rb_img/mo/board_new.png') left top no-repeat; width:14px; background-size:auto 14px;}
	.rb_list .posting .icons.secret {background:transparent url('../images/rb_img/mo/board_secret.png') left top no-repeat; width:14px; background-size:12px;}
	.rb_list .posting .icons.photo {background:transparent url('../images/rb_img/mo/board_photo.png') left top no-repeat; width:16px; background-size:auto 14px;}
	.rb_list .posting .icons.file {background:transparent url('../images/rb_img/mo/board_file1.png') left center no-repeat; width:16px; background-size:auto 14px;}
	.rb_list .posting .btn_file .btn {background:transparent url('../images/rb_img/mo/board_file.png') center center no-repeat; background-size:16px;}



	/* 게시판-보기 */
	.rb_view .board_tit dt {padding:20px 10px !important;}
	.rb_view .board_tit dd {padding:10px 0;}
	.rb_view .board_tit .tx.ic_writer {padding-left:15px;}
	.rb_view .board_tit .tx.ic_date {padding-left:15px;}
	.rb_view .board_tit .tx.ic_hit {padding-left:15px;}
	.rb_view .conts {padding:20px 0; }
	.rb_view .file {margin-top:20px;}
	.rb_view .file li {width: 50%; max-width: 100%;}
	.rb_view .answer {padding:10px;}
	.rb_view .prevnext dt {width:80px; text-align:center;}
	.rb_view .reply {margin-top:15px;}
	.rb_view .reply .list dl {padding:20px;}

	.rb_view .prevnext dd {padding:0 10px}


	.rb_pop {padding:0 15px;}
	.rb_pop * {font-size:13px;}
	.rb_pop .c_group_tit .tit {line-height:1.2; word-wrap:break-word; word-break:keep-all; font-size:1.05em;}
	.rb_pop .c_form table .tit:before {top:4px; background:transparent url('../images/rb_img/mo/form_ess.png') left center no-repeat; background-size:7px;}
	.rb_pop .c_form table th {width:80px !important;}

	.rb_photo .photo_list {margin-top:-25px; margin-left:-10px;}
	.rb_photo .photo_box {margin-left:10px; margin-top:25px;}
	.rb_photo .photo_box .thumb {background-image:url('../images/rb_img/mo/photo_none.png'); background-size:40px;}
	.rb_photo .gallery_box {margin-left:20px; margin-top:20px;}
	.rb_photo .gallery_box .thumb_box .thumb {background:#f8f8f8 url('../images/rb_img/mo/photo_none.png') center center no-repeat; background-size:30px;}
	.rb_photo .gallery_box .thumb_box .tag {width:80px; height:25px; line-height:25px;}

	.rb_paper .photo_list {margin-top:-25px; margin-left:-10px;}
	.rb_paper .photo_box {margin-left:10px; margin-top:25px;}
	.rb_paper .photo_box .thumb {background-image:url('../images/rb_img/mo/photo_none.png'); background-size:40px;}

	.c_popup {border:0; box-sizing:border-box;}
	.c_popup .img_box {border:1px solid #ddd; border-bottom:0; box-sizing:border-box;}
	.c_popup .editor_box {width:100% !important; border:1px solid #ddd; border-bottom:0; box-sizing:border-box;}
	.c_popup .close_box {border:1px solid #ddd; }

	.rb_tab {margin:0 -20px 20px;}
	.rb_tab .inner {padding:0 30px;}
	.rb_tab .inner ul {width:100%;}
	.rb_tab .inner .btn {font-size:15px; min-width:auto;}

	.rb_list .news_box .info.if_pc {display:block !important; display:-webkit-box !important;}
	.rb_list .news_box .info.if_mo {display:none !important;}
	.rb_list .news_box dt {width:230px;}
	.rb_list .news_box dd {padding-left:20px;}
	.rb_list .news_list .gallery_info {padding-top:20px;}
	.rb_list .news_list .gallery_info .view .if_pc {display:inline-block !important;}
	.rb_list .news_box .posting_box {margin-top:5px;}
	.rb_list .news_box .posting {max-width:90%;}
	.rb_list .news_box .posting .title {font-size:16px;}
	.rb_list .news_box .info {padding-top:10px;}
	.rb_list .news_box .sub_txt {letter-spacing:-0.5px;}
	/* .rb_list .news_box .info {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; height:80px; padding-top:3px; letter-spacing:-0.5px;} */



	.c_btnbox {margin-top:20px;}



	.news_preview {padding:20px;}
	.news_preview dd {width:300px;}
	.news_preview .posting_box {padding:40px 20px;}
	.news_preview .posting_box .info {height:161px; line-height:23px;}
	.news_preview .posting_box .c_btn {left:20px; bottom:20px;}

	.nletter_list {margin-top:30px;}
	.nletter_list li {width:25%;}

	.nletter_list .prevnext {margin-top:-48px;}
	.nletter_list .prevnext .ic img {height:30px;}


    .rb_list .newsletter ul {margin-left: 0;}
    .rb_list .newsletter li {width: 100%; padding-left: 0;}
    .rb_list .newsletter .box {height: 185px;}
    .rb_list .newsletter .box dd {padding: 40px 30px;}
    .rb_list .newsletter .box .thumb_box {padding: 0 40px;}
    .rb_list .newsletter .box .date {font-size: 13px;}

    .rb_no_posting {margin: 40px 0; background-size: 55px 55px !important; padding-top: 60px;}

    .if_report .rb_list .t_writer {width: 120px;}
    .rb_board.if_report .rb_list .posting {height: 60px; line-height: 60px;}
    .rb_board.if_report .rb_list .t_file .file_down img {height: 25px;}
    .rb_board.if_report .rb_list .tbody .t_number {width: 60px;}
    .rb_board.if_report .rb_list .tbody .t_date {width: 110px;}
    .rb_board.if_report .rb_list .tbody .t_file {width: 50px;}

    .rb_list .case_li li {width: 50%;}
    .rb_list .case_li .box {padding: 25px 20px;}
    .rb_list .case_li .box .sub_txt {line-height: 18px; max-height: 73px;}
    .rb_list .case_li .box .date {left: 20px; bottom: 20px;}

    .rb_board.if_case_v .inner {flex-direction: column;}
    .rb_board.if_case_v .board_ct {width: 100%;}
    .rb_board.if_case_v .p_lawyer_li {margin-left: 0; margin-top: 20px; flex: auto; border-radius: 5px; padding: 25px; width: 100%; max-width: 100%; text-align: center;}
    .rb_board.if_case_v .p_lawyer_li .ul {max-width: 600px; flex-direction: inherit; flex-wrap: wrap; justify-content: center; align-items: center; margin: -20px auto 0 auto  !important;}
    .rb_board.if_case_v .p_lawyer_li .li {width: 33.3334%; padding: 0 10px; box-sizing: border-box;}
    .rb_board.if_case_v .p_lawyer_li .li+ li {margin-top: 0;}
    .rb_board.if_case_v .p_lawyer_li .box {margin: 20px 0 0 0 !important;}

    .if_history .rb_photo .photo_list li {width: 50% !important;}


}












/* **************************************** *
 ◆ 800px ~

@media screen and (max-width:800px) {
	.wrap:before {content:"800"; }

	.rb_top.if_qna .search .this_select {display:none;}


	.rb_photo .photo_list li {width:50%;}
	.rb_photo .photo_list li:nth-of-type(4n)+ li {clear:none;}
	.rb_photo .photo_list li:nth-of-type(2n)+ li {clear:both;}

	.rb_paper .photo_list li {width:50%;}
	.rb_paper .photo_list li:nth-of-type(4n)+ li {clear:none;}
	.rb_paper .photo_list li:nth-of-type(2n)+ li {clear:both;}

	.news_preview dd {width:260px;}
	.news_preview .posting_box {padding-top:20px;}


}

* **************************************** */









/* **************************************** *
 ◆ 700px ~
 * **************************************** */
@media screen and (max-width:700px) {
	.wrap:before {content:"700"; }

	.rb_top {margin-bottom:15px !important;}
    .rb_top .search li+ li {margin-left: 5px;}

	.rb_board .box_email {display:block;}
	.rb_board .box_email ul {display:block; width:100%;}
	.rb_board .box_email li {display:inline-block; float:left; width:45%; }
	.rb_board .box_email li+ li {padding-left:20px; width:55%;}
	.rb_board .box_email .other {padding-left:0px !important; width:100%;}
	.rb_board .box_email .other input.design {margin-top:5px;}
	.rb_board .box_email .other input.design:focus+ .tooltip {top:-20px !important;}
	.rb_board .box_email .dash {width:20px;}

	.rb_board .rb_form .inner dt {width:110px;}
	.rb_board .rb_form .ess .table .input_box {}
	.rb_board .rb_form .ess .table .label_box { width:110px;}

	.rb_view .reply .reply_tit {padding-bottom:10px;}
	.rb_view .reply .reply_tit dt,
	.rb_view .reply .reply_tit dd {display:block; padding:3px 0; text-align:left}
	.rb_view .reply .reply_tit dt strong {font-weight:500;}
	.rb_view .reply .reply_tit dd {font-size:0.85em;}
	.rb_view .reply .form .tx {display:none;}
	.rb_view .reply .form .input_box {margin-right:10px;}
	.rb_view .reply .form .btn_ok {width:100px;}
	.rb_view .reply .form .text_design {padding-right:120px;}
	.rb_view .prevnext dt,
	.rb_view .prevnext dd {padding-top:10px; padding-bottom:10px;}



	.rb_paper {padding-top:20px;}

	.rb_tab {height:41px; margin-bottom:20px; }
	.rb_tab .inner {padding:0 20px;}
	.rb_tab .inner ul {width:100%;}
	.rb_tab .inner .btn {height:40px; line-height:42px; padding:0px; min-width:100%;}
	.rb_tab .inner li {height:40px;}
	.rb_tab .inner .btn:before {height:40px;}
	.rb_tab .inner .btn:after {height:40px;}
	.rb_tab .inner .hit .btn:before {height:41px;}
	.rb_tab .inner .hit .btn:after {height:41px;}

	.rb_list .t_hit {width:60px;}
	.rb_list .t_date {width:80px;}
	.rb_list .t_number {width:45px;}
	.rb_list .t_writer {width:100px;}
	.rb_list .t_subject {width:80px;}

	.rb_photo .gallery_box .thumb_box .tag {width:70px; height:23px; line-height:23px; font-size:12px;}

	.rb_list .news_list.if_gallery ul:before {left:50%;}
	.rb_list .news_list.if_gallery ul:after {display:none;}
	.rb_list .news_list.if_gallery li {width:50%;}
	.rb_list .news_list.if_gallery .gallery_info {padding-top:10px;}


	.news_preview dd {position:static; width:100%; background:none;}
	.news_preview .posting_box {padding:20px 0 0;}
	.news_preview .posting_box .title {color:#000; height:auto; line-height:25px; max-height:50px;}
	.news_preview .posting_box .info {-webkit-line-clamp:3; height:auto; line-height:18px; max-height:54px;}
	.news_preview .posting_box .c_btn {background:#333 !important; color:#fff !important; border-color:#333 !important; position:static; float:none;}

    .rb_list .newsletter .box {height: 165px;}
    .rb_list .newsletter .box dd {padding: 30px 25px;}

}







/* **************************************** *
 ◆ 650px ~

@media screen and (max-width:650px) {
	.wrap:before {content:"650"; }

	.rb_photo .photo_list li {width:50%;}
	.rb_photo .photo_list li:nth-of-type(3n)+ li {clear:none;}
	.rb_photo .photo_list li:nth-of-type(2n)+ li {clear:both;}

	.rb_paper .photo_list li {width:50%;}
	.rb_paper .photo_list li:nth-of-type(3n)+ li {clear:none;}
	.rb_paper .photo_list li:nth-of-type(2n)+ li {clear:both;}

}
 * **************************************** */






/* **************************************** *
 ◆ 600px ~
 * **************************************** */
@media screen and (max-width:600px) {
	.wrap:before {content:"600"; }

	.c_board .c_page_tit {margin-bottom:20px;}
	.c_page_tit .title .tit {font-size:30px;}

	.rb_tab {margin:0 0 20px; height:auto;}
	.rb_tab:before {display:none;}
	.rb_tab .inner {padding:0; width:100%;}
	.rb_tab .inner ul {display:block; border-bottom:1px solid #ddd; overflow:hidden; background:#fff;}
	.rb_tab .inner li {display:block; float:left; width:33.3333333%; height:auto;}
	.rb_tab .inner li:before {width:300%;}
	.rb_tab .inner .btn {height:36px; line-height:36px; font-size:13px;}
	.rb_tab .inner .btn:before {height:200% !important;}

	.rb_tab .inner .hit:after {display:none;}
	.rb_tab .inner .hit .btn {background:#f5f5f5; font-weight:400;}

	.rb_top .search {padding-left:0;}
	.rb_top .search li {width: 65%;}
    .rb_top .search li.this_select {display: none;}
	.rb_top .search_form {padding:0; text-align:right;}
	.rb_top .search_form .btn_viewall {right: 45px;}
    .rb_top .search_form .input_search {border: 0; border-bottom: 1px solid #ddd; padding-left: 0;}
    .rb_top .search_form .btn_box {width: 40px;}
	.rb_top .if_open_search .search_form .input_search {display:block; margin:0px 0 10px;}
	.rb_top .if_open_search .search_form .btn_box {display:block; top:auto; bottom:10px;}

    .rb_board.if_report .rb_list .posting {height: 30px; line-height: 30px;}
    .rb_board.if_report .rb_list .tbody .t_number {width: 40px; top: 16px;}

	.rb_top.if_qna {margin-bottom:10px;}
	.rb_top.if_qna .search_form {padding-right:64px;}
	.rb_top.if_qna .search_form .search_btn {background-position:center center;}
	.rb_top.if_qna .search_form .btn_box {width:65px;}
	.rb_top.if_qna .search_form .btn_viewall {right:110px;}
	.rb_top.if_qna .if_open_search .search_form .btn_box {bottom:0;}
	.rb_top.if_qna .if_open_search .search_form .input_search {margin:5px 0 0;}
	.rb_top.if_qna .total {line-height:1; margin-top:17px;}

	.rb_top .search .this_write {position:absolute; right:0; top:0;}

    .rb_board .rb_form .td {margin-top: 15px;}
    .rb_board .rb_form .inner {display: block;}
    .rb_board .rb_form .inner dt, .rb_board .rb_form .inner dd {display: block; border: 0;}
    .rb_board .rb_form .inner dt {background: none; width: 100%; padding: 0;}
    .rb_board .rb_form .inner dd {padding: 0; margin-top: 10px;}
	.rb_board .rb_form input.design {line-height:34px;}
	.rb_board .agree_add_info .table {border-bottom:1px solid #ddd;}
	.rb_board .agree_add_info .thead {display:none;}
	.rb_board .agree_add_info .td {padding:0; vertical-align:top; display:block; border-bottom:0;}
	.rb_board .agree_add_info dl {display:table; width:100%; table-layout:fixed;}
	.rb_board .agree_add_info dt {display:table-cell; vertical-align:middle; width:110px; border:0;}
	.rb_board .agree_add_info dd {display:table-cell; vertical-align:middle; text-align:left; padding:10px;}
	.rb_board .duplicate.if_add {margin-bottom:3px; margin-top: 0;}
	.rb_board .rb_form .tip_txt+ .tip_txt {margin-top:3px;}
	.rb_board .rb_form .opt {word-break:keep-all; color: #333; font-weight: 500; padding-left: 0;}
	.rb_board .rb_form .opt em {display:none;}

	.rb_select select {padding-right:30px; padding-bottom:2px;}

	.rb_view .prevnext .date {display:none;}
	.rb_view .prevnext .title {line-height:20px;}
	.rb_view .prevnext .title a {line-height:20px;}
    .rb_view .file li {width: 100%;}
    .rb_view .file dt .tx {background-size: 15px 15px !important; padding-left: 20px;}
    .rb_view .file .btn {height: 45px; padding-left: 15px; padding-right: 40px; background-position: right 15px center !important; background-size: 13px 13px !important;}
	.rb_view .reply .list dt em {display:block; margin-left:0px; margin-top:5px;}
	.rb_view .reply .list dd {font-size:13px;}

	.rb_view .board_tit dt strong {margin:0; display:block; padding-bottom:2px;}
	.rb_view .board_tit dd {position:relative;}

	.rb_view .board_tit .info li {display:block; }
	.rb_view .board_tit .info .tx {padding-left:10px !important; line-height:1;}
	.rb_view .board_tit .info li+ li .tx {margin-left:0; margin-top:5px;}
	.rb_view .board_tit .info li+ li .tx:before {display:none;}
	.rb_view .board_tit .info li .tx:after {content:""; position:absolute; left:2px; top:5px; width:2px; height:2px; background:#aaa;}
	/* .rb_view .board_tit .tx.ic_hit {position:absolute; right:10px; top:10px; margin-top:0 !important;} */



    .rb_top .search_form {font-size: 16px;}

	.rb_list .tbody .t_subject {text-align:left;}
	.rb_list .tbody .t_writer {font-size:15px; display:inline-block; width:auto; padding-left: 10px; margin-right:15px;}
	.rb_list .tbody .t_writer:before {content:""; width:1px; height:11px; background:#ddd; position:absolute; left:0; top:50%; margin-top:-5px;}
	.rb_list .tbody .t_date {font-size:15px; float:left; width:auto; margin-right:10px;}
    .rb_list .tbody .t_hit {display: none;}
	.rb_list .thead {display:none !important;}
	.rb_list .list {display:block;}
	.rb_list .list ul {display:block; overflow:hidden; border-bottom:1px solid #e5e5e5; position:relative; padding:10px 5px;}
	.rb_list .list li {display:block; border:0; width:auto; overflow:hidden; padding:0px; line-height:20px; font-size:13px;}
	.rb_list .list .icons {display:block; }
	.rb_list .list .icons:before {color:#ddd;}
	.rb_list .posting {height:30px; line-height:30px; text-align:left; padding-right:0; position:static}
	.rb_list .posting .right {margin-top:8px;}
    .rb_list .posting .title {font-size: 17px;}
	.rb_list .tbody .t_number {position:absolute; left:0; top:13px; width:40px; height:20px; line-height:20px; display: none;}
    .rb_list .tbody .t_file {display:none;}
	.rb_list .icons {margin-left:3px;}
	.rb_list .if_notice .posting .title {font-weight:500;}
	.rb_list .tbody .t_state {position:absolute; right:0; top:50%; margin-top:-12px; width:65px !important;}
	.rb_list .tbody .t_state .c_tag.h25 {font-size:11px !important;}
	.rb_list .tbody .t_title strong {font-size:15px;}

    .if_report .rb_list .posting {padding-right: 50px;}
    .if_report .rb_list .tbody .t_file {display: block; position: absolute; right: 0; top: 0; height: 100%; z-index: 10;}
    .if_report .rb_list .t_file .file_down {height: 100%; padding: 10px 15px; box-sizing: border-box; display: flex; flex-direction: row; align-items: center; justify-content: center;}
    .if_report .rb_list .t_file .file_down img {height: 20px;}


	.rb_list.if_qna .tbody .t_number {height:30px; line-height:30px;}
	.rb_list.if_qna .tbody .t_state {top:12px; margin-top:0;}



	.c_popup {width:100%; left:0 !important; border:0; box-sizing:border-box;}
	.c_popup .img_box {border:1px solid #ddd; border-bottom:0; box-sizing:border-box;}
	.c_popup .img_box a {width:100%;}
	.c_popup .img_box img {width:100%; max-width:none;}
	.c_popup .editor_box {width:100% !important; border:1px solid #ddd; border-bottom:0; box-sizing:border-box;}
	.c_popup .close_box {border:1px solid #ddd; }
	.c_popup .close_box .btn_close .icons:before {font-size:13px;}

	.rb_list .news_list li {padding:10px 0;}
	.rb_list .news_list .gallery_info {padding-top:6px;}
	.rb_list .news_list .gallery_info .view .if_pc {display:none !important;}
	.rb_list .news_list .gallery_info .date {font-size:12px; padding-left:18px; background:transparent url('../images/rb_img/mo/board_date.png') left center no-repeat; background-size:auto 12px;}
	.rb_list .news_list .gallery_info .view {font-size:12px; padding-left:19px; background:transparent url('../images/rb_img/mo/board_view.png') left center no-repeat; background-size:auto 9px; margin-left:15px;}
	.rb_list .news_list .gallery_info .view:before {display:none;}

	.rb_list .news_box dt {width:120px; }
	.rb_list .news_box dd {padding-left:15px; }
	.rb_list .news_box .info.if_pc {display:none !important;}
	.rb_list .news_box .info.if_mo {display:block !important; margin-top:5px;}
	.rb_list .news_box .posting_box {margin-top:0px;}
	.rb_list .news_box .posting {height:20px; line-height:20px; padding-right:20px;}
	.rb_list .news_box .posting .title {font-size:13px;}
	.rb_list .news_box .posting .right {margin-top:3px;}
	.rb_list .news_box .info {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; height:30px; font-size:12px; line-height:15px; padding-top:3px;}
	.rb_list .news_box .sub_txt {font-size:12px;}

	.rb_photo {padding-top:10px;}
	/* .rb_photo .photo_list li {width:100%;} */



	.rb_board .rb_form+ .rb_group_tit {margin-top:20px;}
	.rb_agree {margin-top:20px;}

	.rb_board .rb_form .input_file_box .buttonImg {width:auto; padding:5px 10px;}
	.rb_board .duplicate.if_add .add_btn_box .c_btn {width:50px; padding:0;}

	.rb_list .news_list.if_gallery ul {margin:0 -15px;}
	.rb_list .news_list.if_gallery li {padding:15px;}
	.rb_list .if_gallery .news_box dd {padding:10px 0 0;}
	.rb_list .if_gallery .posting {padding-right:30px;}
	.rb_list .if_gallery .news_box .info {height:30px;}

	.rb_board .rb_form .input_box.if_sel .table {margin:0}
	.rb_board .rb_form .input_box.if_sel .table ul {display:block; overflow:hidden; margin-left:-5px; width:auto; border-spacing:0;}
	.rb_board .rb_form .input_box.if_sel .table li {width:50%; float:left;}
	.rb_board .rb_form .input_box.if_sel .table .rb_select ,.rb_board .rb_form .input_box.if_sel .table .r_design {margin-left:5px; width:auto;}
	.rb_board .rb_form .input_box.if_sel .table li+ li {}
    .rb_board .rb_form .tip_box {background: #f5f5f5; padding: 10px 15px; box-sizing: border-box; margin-top: 10px;}
    .rb_board .label_list ul {margin-top: -5px;}
    .rb_board .label_list li {margin-top: 5px;}
    .rb_board .if_radio label.r_design {border: 1px solid #ddd; border-radius: 50px; box-sizing: border-box; padding: 0 10px; height: 40px;}
    .rb_board .if_radio label.r_design .tx {height: 40px; line-height: 38px; padding-right: 0;}
    .rb_board label.r_design.if_radio .icon {background: #ccc;}
    .rb_board label.r_design.if_radio .icon:before {background: #fff;}
    .rb_board .if_radio label .icon {left: 10px;}

	.nletter_list {margin-top:20px;}
	.nletter_list li {width:33.3333333%;}

	.nletter_list.if_full {padding:0 35px;}
	.nletter_list .prevnext {margin-top:-45px;}
	.nletter_list .prevnext .ic img {height:24px;}

	.rb_pop .tit {padding:15px;}

    .rb_list .newsletter li {margin-top: 20px;}
    .rb_list .newsletter .box {height: 135px;}
    .rb_list .newsletter .box dd {padding: 25px 15px 25px 20px;}
    .rb_list .newsletter .box .thumb_box {padding: 0 30px;}
    .rb_list .newsletter .box .thumb_box .vol {font-size: 10px; height: 22px;}
    .rb_list .newsletter .box .thumb_box .tit_en {font-size: 18px; line-height: 20px; max-height: 39px;}
    .rb_list .newsletter .box .posting {padding-right: 15px;}
    .rb_list .newsletter .box .posting .title {font-size: 16px;}
    .rb_list .newsletter .box .info {line-height: 18px; max-height: 36px; padding-top: 10px;}
    .rb_list .newsletter .box .sub_txt {font-size: 12px;}
    .rb_list .newsletter .box .date {margin-top: 10px; font-size: 12px;}

    .rb_board.if_report .rb_list .tbody .t_date {font-size: 1.1em; text-align: left;}

    .rb_board.if_case_v .p_lawyer_li {padding: 25px 20px;}
    .rb_board.if_case_v .p_lawyer_li .name_box {margin-top: 5px;}
    .rb_board.if_case_v .p_lawyer_li .name strong {margin-right: 3px;}
    .rb_board.if_case_v .p_lawyer_li .li {padding: 0 5px;}
    .rb_board.if_case_v .board_tit dt .cate {height: 25px;}

    .rb_view .conts {font-size: 13px;}

    .if_history .tx_box {padding: 20px 15px;}
    .if_history .tx_box .tx {margin-top: 10px;}
    .if_history .btn_cate {display: flex;}
    .if_history .cate_tab ul {position: absolute; left: 0; top: 45px; width: 100%; z-index: 100; flex-direction: column; align-items: flex-start; display: none;}
    .if_history .cate_tab ul {box-sizing: border-box; background: #fff;}
    .if_history .cate_tab li {width: 100%; font-size: 0;}
    .if_history .cate_tab li+ li:before {top: 0; width: 100%; height: 1px; margin-top: 0;}
    .if_history .cate_tab .btn {background: #f5f5f5; width: 100%; padding: 0 15px; height: 45px; display: flex; justify-content: flex-start; align-items: center;}
    .if_history .cate_tab .hit .btn {color: #999; font-weight: 400;}
    .rb_board.if_history_v .board_tit dt .cate {height: 25px;}

    .if_history .cate_tab.if_open_history .btn_cate {background-image: url('../images/barungil_sub/tab_close.svg'); background-color: #333;}
    .if_history .cate_tab.if_open_history .btn_cate {color: #fff;}
    .if_history .cate_tab.if_open_history ul {display: flex; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); border: 1px solid #333; border-top: 0; box-sizing: border-box;}

}











/* **************************************** *
 ◆ 500px ~
 * **************************************** */
@media screen and (max-width:500px) {
	.wrap:before {content:"500"; }



	/* 문의폼 */
	.rb_board .rb_form input.design {padding:0 7px;}
	.rb_board .rb_form .rb_select select {padding-right:20px; padding-left:7px;}
	.rb_board .rb_form .rb_select .icons {width:25px;}
	.rb_board .rb_form .rb_select .icons:before {width:25px;}
	.rb_board .rb_form .tr.if_editor dd {background:#f5f5f5;}
	.rb_board label.r_design {margin-right:5px;}


	/* .rb_top.if_qna .total em {display:none;}
	.rb_top.if_qna .search {padding-left:70px;}
	.rb_top .search .this_write {width:80px;}
	.rb_top .search .this_write .c_btn {font-size:13px;}
	.rb_top .search_form .input_search {padding-left:5px;} */

	.rb_top.if_qna .total em {display:none;}

	/* .rb_photo .photo_box .tit .tx {padding-top:10px;} */

	.rb_paper .photo_box .tit .tx {padding-top:10px;}

	.rb_tab .inner .btn  {font-size:13px; letter-spacing:-0.5px;}

    .rb_list .newsletter .box .thumb_box {padding: 0 20px;}
    .rb_list .newsletter .box .thumb_box .tit_en {font-size: 17px; line-height: 18px; max-height: 35px;}
    .rb_list .newsletter .box .date {font-size: 11px;}

    .rb_list .case_li ul {margin-left: -10px;}
    .rb_list .case_li li {padding-left: 10px; margin-top: 10px;}
    .rb_list .case_li .box {padding: 20px 15px 50px 15px;}
    .rb_list .case_li .box .title {margin-top: 10px; line-height: 1.4;}
    .rb_list .case_li .box .sub_txt {margin-top: 10px; line-height: 1.4;}
    .rb_list .case_li .box .date {left: 15px;}

}






/* **************************************** *
 ◆ 450px ~
 * **************************************** */
@media screen and (max-width:450px) {
	.wrap:before {content:"450"; }

}





/* **************************************** *
 ◆ 400px ~
 * **************************************** */
@media screen and (max-width:400px) {
	.wrap:before {content:"400"; }

	.c_page_tit .title .tit {font-size:27px;}

	/* 문의폼 */
	.c_board .c_agree .form .textarea_design {padding:15px;}
	.c_agree .agree_add_info th {padding:8px 5px; line-height:1.3; }
	.c_agree .agree_add_info td {padding:8px 5px; line-height:1.3;}
	.c_agree .agree_check label {line-height:18px;}
	.c_agree .agree_check input {margin-top:0;}

	.rb_list .posting {padding-right:40px;}

	.rb_board .agree_add_info .table {border:1px solid #ddd;}
	.rb_board .agree_add_info .td {display:block; border:0;}
	.rb_board .agree_add_info .td+ .td {border-left:0; border-top:1px solid #ddd;}
	.rb_board .agree_add_info dl {display:table; width:100%; table-layout:fixed;}
	.rb_board .agree_add_info dt, .rb_board .agree_add_info dd {display:table-cell; vertical-align:middle;}
	.rb_board .agree_add_info dt {width:90px; text-align:center;}
	.rb_board .agree_add_info dd {border:0; text-align:left; }

	.rb_agree .agree_form .agree {padding:8px 10px 10px;}

	.rb_paginate .inner.if_mo .btn_first {display:none;}
	.rb_paginate .inner.if_mo .btn_last {display:none;}

	/* .rb_tab .inner ul {}
	.rb_tab .inner li:first-child {width:60px;}
	.rb_tab .inner .btn {font-size:12px; } */

	.rb_board .rb_form .ess .table .input_box, .rb_board .rb_form .ess .table .label_box {display:block;}
	.rb_board .rb_form .ess .table .label_box {padding-left:0}



	.nletter_list li {width:50%;}
	.nletter_list.if_full {padding:0 30px;}
	.nletter_list .prevnext {margin-top:-43px;}
	.nletter_list .prevnext a {padding:20px 5px;}
	.nletter_list .prevnext .ic img {height:20px;}


    .rb_list .newsletter li {margin-top: 15px;}
    .rb_list .newsletter .box {height: 120px;}
    .rb_list .newsletter .box dd {padding: 20px 10px 20px 15px;}
    .rb_list .newsletter .box .thumb_box {padding: 0 15px;}
    .rb_list .newsletter .box .thumb_box .vol {height: 20px; font-size: 0.8em;}
    .rb_list .newsletter .box .thumb_box .tit_en {font-size: 16px; line-height: 17px; max-height: 33px;}
    .rb_list .newsletter .box .posting .title {font-size: 15px;}
    .rb_list .newsletter .box .info {font-size: 13px; line-height: 16px; max-height: 32px;}

    .rb_view .board_tit dt {padding: 15px 10px !important;}

    .rb_board.if_case_v .p_lawyer_li {padding: 20px 15px;}
}







/* **************************************** *
 ◆ 350px ~
 * **************************************** */
@media screen and (max-width:360px) {
	.wrap:before {content:"360"; }

	.rb_board .rb_form .input_box.if_sel .table {margin:0}
	.rb_board .rb_form .input_box.if_sel .table li {width:100%;}
	.rb_board .rb_form .input_box.if_sel .table li+ li {margin-top:5px;}

	.rb_list .tbody .t_writer {margin-right:10px;}
	.rb_list .tbody .t_date {margin-right:10px;}

}