@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:#0055ff; border-color:#0055ff;}

/* ◆ 문의폼 */
.rb_board {position:relative;}
.rb_board * {font-size:17px;}
.rb_board .rb_form {border-top:1px solid #333; margin-top:-1px;}
.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 23px 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:8px; height:13px; position:absolute; right:0; top:3px; color:#e60012; white-space:nowrap;}
.rb_board .rb_form .opt:after {background:transparent url('../images/rb_img/form_ess_off.png') left center no-repeat; font-size:13px; padding-left:10px;}
.rb_board .rb_form .ess .opt:after {background:transparent url('../images/rb_img/form_ess.png') left center no-repeat; }

/* 이메일 */
.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:250px;}
.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:35px; 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;}
.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;}
.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_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 {height:35px;}
.rb_board .rb_form .rb_select select {height:35px; border-color:#ddd; line-height:31px;}
.rb_board .rb_form .rb_select .icons {width:35px;}
.rb_board .rb_form .rb_select .icons:before {width:35px; line-height:37px;}

/* 도움말 */
.rb_board .rb_form .tip_txt {color:#999; letter-spacing:0px; position:relative; clear:both; font-size:0.9em; padding-left:8px;}
.rb_board .rb_form .tip_txt+ .tip_txt {margin-top:6px;}
.rb_board .rb_form .tip_txt:before {content:""; position:absolute; left:0; top:10px; 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 .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%; color:#999; margin-top:3px; text-indent:10px; border:0; }
.rb_board .input_file_box .fileDiv {  width:100px; height:100%; }
.rb_board .input_file_box .buttonImg {background:#aaa; width:90px; height:30px; position: absolute; top:-1px; right:-1px; color:#fff; border:0; padding:5px 0 8px; font-size:0.9em; padding-top:6px\0; box-sizing:border-box;}
.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:30px; 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:65px; 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 .c_btn {width:60px; margin-left:0}

/* 등록된 파일 */
.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;}
.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.design {height:130px; padding:10px 20px; line-height:1.4; background:#fff; float:left; color:#999 !important; border:0 !important; font-size:0.9em;}

/* 개인정보 수집항목 */
.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:35px; padding:0 10px 0 25px; 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 {}
.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_no_posting {text-align:center; color:#a1a1ae; padding-top:70px; margin:50px 0 30px; position:relative;}
.rb_no_posting {background:transparent url('../images/rb_img/board_no.png') center top no-repeat; }
.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 {margin-bottom:15px; position:relative;}
.rb_top:after {content:""; display:table; width:100%;}
.rb_top li {list-style:none;}
.rb_top .total {float:left; color:#999; line-height:1; margin-top:15px; font-size:0.95em;}
.rb_top .total strong {font-weight:400; color:#333; font-size:0.95em;}
.rb_top .total em {margin-left:5px; font-size:0.95em;}

/* 게시판검색 */
.rb_top .search {float:right; overflow:hidden; box-sizing:border-box;}
.rb_top .search li {float:left; padding-left:10px;}
.rb_top .search .select {width:175px; height:35px;}
.rb_top .search .select select {}
.rb_top .search .select .icons {width:35px;}
.rb_top .search .select .icons:before {width:35px; height:35px; line-height:35px; color:#ccc;}
.rb_top .search .this_write {width:100px;}
.rb_top .search .this_write .c_btn {width:100%; padding:0px;}

.rb_top .search_form {position:relative; overflow:hidden; box-sizing:border-box;}
.rb_top .search_form form {display:block; width:100%; box-sizing:border-box;}
.rb_top .search_form .input_search {border:1px solid #ddd; height:35px; box-sizing:border-box; padding:0 40px 0 10px; width:250px; }
.rb_top .search_form .input_search:focus {border-color:#999;}
.rb_top .search_form .btn_box {position:absolute; right:0; top:0; width:40px; height:35px; color:#fff; text-align:center; line-height:35px; background:#999;}
.rb_top .search_form .btn_box .btn_search {color:#fff; height:35px; line-height:35px; width:100%; position:absolute; right:0; top:0; z-index:10;}
.rb_top .search_form .btn_box .btn_search {background:transparent url('../images/rb_img/icon_search.png') center center no-repeat; }

.rb_top .search_form .btn_box .icons {position:absolute; left:0; top:0; width:100%; height:100%;}
.rb_top .search_form .btn_box .icons:before {font-size:18px; color:#666; margin-left:0;}
.rb_top .search_form .btn_viewall {position:absolute; right:40px; top:1px; padding:10px ; z-index:2;}
.rb_top .search_form .btn_viewall img {width:17px; float:left;}
.rb_top .search_form .btn_viewall .icons:before {font-size:21px; color:#666; line-height:35px;}

/* ◆ 게시판 목록 (기본) */
.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 #ddd; 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; }
.rb_list .tbody li {padding:0 10px; }

.rb_list .t_number {width:80px;}
.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 .tbody .t_number {color:#999; letter-spacing:0px; font-size:0.95em;}
.rb_list .tbody .t_number .icon {display:none; background:transparent url('../images/rb_img/board_notice.png') center center no-repeat; height:30px;}
.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:#999; letter-spacing:0px; font-size:0.95em;}
.rb_list .tbody .t_writer {color:#999; font-size:0.95em;}
.rb_list .tbody .t_hit {color:#999; letter-spacing:0px; font-size:0.95em;}
.rb_list .tbody .t_state {font-size:0px;}
.rb_list .tbody .t_state .c_btn {float:none; padding:0px; width:100%;}

/* 게시물 하나 */
.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%; max-width:600px}
.rb_list .posting .title {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; letter-spacing:-0.5px;}
.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:25px;}
.rb_photo li {list-style:none; float:left; width:25%;}
.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(4n)+ 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/kovico/photo_none.png') center center no-repeat;}
.rb_photo .photo_box .thumb img {width:100%;}
.rb_photo .photo_box .thumb img {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.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;}
.rb_photo .photo_box .tit .tx {font-family:"Zilla"; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; padding-top:15px; line-height:1.2;}



/* 페이지네이트 */
.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}
.rb_paginate .prevnext a.ok {cursor:pointer !important}
.rb_paginate .prevnext a .icons {color:#ccc; height:38px; line-height:38px; font-size:13px;}

/* 페이징 넘버 */
.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:1px solid #333;}

/* 게시물 타이틀,정보 */
.rb_view .board_tit {border-bottom:1px solid #d1d1de;}
.rb_view .board_tit dl {}
.rb_view .board_tit dt {padding:20px 30px; background:#fafafa; font-size:1.21em; color:#000; line-height:1.3; text-align:center; word-wrap:break-word; word-break:keep-all;}
.rb_view .board_tit dt strong {font-weight:400; color:#999; display:inline; margin-right:5px;}
.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:#999;}
.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:10px; background:#ccc; position:absolute; left:0; top:50%; margin-top:-6px;}

/* 게시물 내용(에디터) */
.rb_view .conts {padding:30px 0; overflow:hidden; line-height:1.5; width:100%; box-sizing:border-box;}
.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; overflow:hidden; background:#fafafa; border:1px solid #ddd; border-right:0; border-left:0; position:relative;}
.rb_view .file dl {display:table; width:100%; box-sizing:border-box; }
.rb_view .file dt,
.rb_view .file dd {display:table-cell; vertical-align:middle; line-height:25px; box-sizing:border-box;}
.rb_view .file dt {width:140px;  border-right:1px solid #eee; }
.rb_view .file .tx {background:transparent url('../images/rb_img/board_file.png') left top no-repeat; padding-left:30px; display:block;color:#999; margin-left:30px; white-space:nowrap; font-size:0.9em;}
.rb_view .file dd {padding:10px 10px; }
.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 #666;}
.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; }
.rb_view .prevnext dt .tx {overflow:hidden; margin-left:30px; color:#999; position:relative; padding-left:30px; 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 {color:#aaa; }
.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; font-size:0.95em;}
.rb_view .prevnext .date {width:150px; text-align:right}
.rb_view .prevnext .date .tx {color:#aaa; font-size:0.95em;}






/* **************************************** *
 * LAYER POPUP (common)
 * **************************************** */
.rb_pop {width:100% !important; max-width:520px; padding:0 30px; box-sizing:border-box;	}
.rb_pop * {font-size:14px;}
.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}










/* ********************************************** *
 * ◆◆◆ 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:22px; 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:12px; color:#999;}







/* **************************************** *
 ◆ 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_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);}


}







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


}







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




}







/* **************************************** *
 ◆ 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;}

	

}








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

	.rb_list .posting {max-width:500px}
	
	
}









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


}








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

	.rb_list .posting {max-width:400px}
	.rb_list .t_number {width:50px; font-size:13px;}
	.rb_list .t_title {}
	.rb_list .t_file {width:80px;}
	.rb_list .t_date {width:100px; font-size:13px;}
	.rb_list .t_writer {width:110px; font-size:13px;}
	.rb_list .t_hit {width:75px; font-size:13px;}
	.rb_list .t_state {width:100px;}


}











/* **************************************** *
 ◆ 900px ~ (Mobile Start)
 * **************************************** */
@media screen and (max-width:900px) {
	.wrap:before {content:"900"; }
	
	.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 * {font-size:15px;}
	.rb_board .rb_form .tr {display:block;}
	.rb_board .rb_form .td {display:block; border:0 !important;}
	.rb_board .rb_form .opt {padding-right:18px;}
	.rb_board .rb_form .opt:after {background:transparent url('../images/rb_img/mo/form_ess_off.png') center center no-repeat; background-size:7px;}
	.rb_board .rb_form .ess .opt:after {background:transparent url('../images/rb_img/mo/form_ess.png') center center no-repeat; background-size:7px;}
	.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 dt {width:130px;}
	.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-bottom:3px; padding-right:25px; }
	
	.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 {background:#aaa; width:90px; height:33px; position: absolute; top:-1px; right:-1px; color:#fff; border:0; padding:5px 0 8px; border-radius:0px; appearance:none;}
	.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:8px;}
	
	.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:12px; background-size:auto 14px;}
	.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 .tbody .t_number .icon { background:transparent url('../images/rb_img/mo/board_notice.png') center center no-repeat; background-size:18px;}
	.rb_list .posting .btn_file .btn {background:transparent url('../images/rb_img/mo/board_file.png') center center no-repeat; background-size:16px;}
	.rb_no_posting {padding-top:50px; position:relative; margin:40px 0 20px; background:transparent url('../images/rb_img/mo/board_no.png') center top no-repeat; background-size:40px;}


	/* 게시판-보기 */
	.rb_view .board_tit dt {padding:15px 10px;}
	.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 dt {width:80px; text-align:center; padding:10px 0;}
	.rb_view .file .tx {padding-left:0px; margin-left:0px; background:transparent url('../images/rb_img/mo/board_file.png') center top no-repeat; background-size:18px; padding-top:30px; line-height:1;}
	.rb_view .file .btn {padding:3px 15px; margin:3px;}
	.rb_view .answer {padding:10px;}
	.rb_view .prevnext dt {width:80px; text-align:center;}
	.rb_view .prevnext dt .tx {margin-left:0px;}
	.rb_view .prevnext dt .icons {width:20px; text-align:left;}
	.rb_view .reply {margin-top:15px;}
	.rb_view .reply .list dl {padding:20px;}
	
	.rb_view .prevnext dt .tx {padding-left:15px}
	.rb_view .prevnext dt .icons {width:15px;}
	.rb_view .prevnext dt .icons:before {font-size:10px;}
	.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;}

	.c_popup {border:0; padding:10px; 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; }

}












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

	.rb_top.if_qna .search .this_select {display:none;}
	.rb_list .posting {max-width:300px}
}











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

	.rb_top {margin-bottom:10px;}
	.rb_top .total {position:absolute; left:0; bottom:0; line-height:35px; margin:0px;}
	.rb_top .search {float:none; width:100%; padding-left:150px;}
	.rb_top .search ul {display:table; width:100%; box-sizing:border-box; table-layout:fixed;}
	.rb_top .search li {display:table-cell; vertical-align:bottom; padding:0px; float:none}
	.rb_top .search .this_select {width:120px;}
	.rb_top .search .select {width:115px;}
	.rb_top .search_form {width:100%; }
	.rb_top .search_form .input_search {width:100%; }
	.rb_top .search_form .btn_box .btn_search {background:transparent url('../images/rb_img/mo/icon_search.png') center center no-repeat; background-size:17px !important;}
	.rb_top .search .this_write {padding-left:5px; width:65px;}

	.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; padding-top:5px; width:100%;}
	.rb_board .box_email .dash {width:20px;}
	
	.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_photo {padding-top:20px;}
}







/* **************************************** *
 ◆ 650px ~
 * **************************************** */
@media screen and (max-width:650px) {
	.wrap:before {content:"650"; }
	
	.rb_photo .photo_list li {width:50%;}

}





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

	.rb_top .search .this_select {display:none;}
	.rb_top .search {padding-left:130px;}
	
	.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;}
	.rb_board .rb_form .tip_txt+ .tip_txt {margin-top:3px;}

	.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 .btn {float:none; width:100%; margin:5px 0; display:block; font-size:0.9em;}
	.rb_view .file .btn {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; padding-right:30px;}
	.rb_view .file .btn .icons {position:absolute; right:10px; top:50%; margin-top:-13px;}
	.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 dd {position:relative;}
	.rb_view .board_tit .info li {display:block; }
	.rb_view .board_tit .info .tx {padding-left:10px !important;}
	.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 .tx.ic_hit {position:absolute; right:10px; top:10px; margin-top:0 !important;}
	
	
	.rb_list .tbody .t_writer {color:#bbb; float:left; width:auto; margin-right:15px; background:transparent url('../images/rb_img/mo/board_by.png') left center no-repeat; background-size:auto 12px; padding-left:15px;}
	.rb_list .tbody .t_date {color:#bbb; float:left; width:auto;  padding-left:18px; margin-right:15px; background:transparent url('../images/rb_img/mo/board_date.png') left center no-repeat; background-size:auto 12px;}
	.rb_list .tbody .t_hit {color:#bbb; float:left; width:auto; padding-left:19px; background:transparent url('../images/rb_img/mo/board_view.png') left center no-repeat; background-size:auto 9px;}
	.rb_list .thead {display:none !important;}
	.rb_list .list {display:block;}
	.rb_list .list ul {display:block; overflow:hidden; border-bottom:1px solid #ddd; position:relative; padding:8px 5px; padding-left:40px; }
	.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; max-width:100% !important; text-align:left; padding-right:10px; position:static}
	.rb_list .posting .title {color:#333; font-size:13px;}
	.rb_list .posting .right {margin-top:8px;}
	.rb_list .tbody .t_number {position:absolute; left:0; top:8px; width:40px; height:30px; line-height:30px;}
	.rb_list .tbody .t_file {display:none;}
	.rb_list .icons {margin-left:3px;}
	.rb_list .if_notice .posting .title {font-weight:500;}
	.rb_list .t_state {position:absolute; right:0; top:50%; margin-top:-15px; width:65px !important;}
	.rb_list .tbody .t_title strong {font-size:15px;}

	.c_popup {width:100%; left:0 !important; border:0; padding:10px; 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; }

}











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

	/* 문의폼 */	
	.rb_board .rb_form .inner dt {width:80px; padding:10px 6px;}
	.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 dt {display:none;}
	.rb_board .rb_form .tr.if_editor dd {background:#f5f5f5;}

	.rb_top.if_qna .total em {display:none;}
	.rb_top.if_qna .search {padding-left:75px;}

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

}	






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

}





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

	/* 문의폼 */
	.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_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;}
}







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



}