@charset "utf-8"; /** 가맹점 조회 **/ /* 지도 form스타일에서 기본은 가지고옴 */ .searh-store {} .searh-store .box_wrap { width: 19.2%; float: left; margin-right: 1%; } .searh-store .box_wrap:last-child { margin-right: 0; } .searh-store .box_wrap .half_box { margin-right: 1%; } .searh-store .box_wrap .half_box:last-child { margin-right: 0; } .searh-store .input_bg input { padding: 15.5px 8px; border: 1px solid #e2e2e2; border-radius: 10px; } .searh-store .basic_select select { padding: 15.5px 10px; border: 1px solid #e2e2e2; border-radius: 10px; color: #333; font-weight: 400; font-size: 15px; background-image: url(../../02images/common/ico-select2.png); background-position: center right 15px; } .searh-store .btn_big_purple { width: 100%; text-align: center; color: #fff; background-color: #4b50b6; padding: 15px 0; border-radius: 10px; } .youtube_frame { width: 790px; height: 530px; /* frameborder : 0px; */ } .youtube_frame2 { width: 100%; height: 450px; /* frameborder : 0px; */ margin: 0 auto; text-align: center; } .searh-store .btn_big_gray { width: 100%; text-align: center; color: #fff; background-color: #595f6b; padding: 15px 0; border-radius: 10px; } .searh-store a.btn_big_gray { font-size: 15px; padding: 13.5px 0; } .searh-store .btn_big_cyan { width: 100%; text-align: center; color: #fff; background-color: #09adb5; padding: 15px 0; border-radius: 10px; } .searh-store a.btn_big_cyan { font-size: 15px; padding: 13.5px 0; } @media all and (max-width:1200px) { .searh-store {} .searh-store .box_wrap {} .searh-store .box_wrap:last-child {} .searh-store .box_wrap .half_box {} .searh-store .box_wrap .half_box:last-child {} .searh-store .input_bg input {} .searh-store .basic_select select {} .searh-store .btn_big_purple {} .searh-store .btn_big_gray {} } @media all and (max-width:900px) { .searh-store {} .searh-store .box_wrap {} .searh-store .box_wrap:last-child {} .searh-store .box_wrap .half_box {} .searh-store .box_wrap .half_box:last-child {} .searh-store .input_bg input {} .searh-store .basic_select select {} .searh-store .btn_big_purple {} .searh-store .btn_big_gray {} } @media all and (max-width:600px) { .searh-store {} .searh-store .box_wrap {} .searh-store .box_wrap:last-child {} .searh-store .box_wrap .half_box {} .searh-store .box_wrap .half_box:last-child {} .searh-store .input_bg input { font-size: 13px; padding: 8px 8px; } .searh-store .basic_select select { font-size: 13px; padding: 8px 8px; background-position: center right 10px; background-size: 10px; } .searh-store .btn_big_purple { padding: 8px 0; font-size: 13px; } .searh-store .btn_big_gray { font-size: 13px; padding: 8px 8px; } .searh-store a.btn_big_gray { font-size: 13px; padding: 7px 8px; } .searh-store .btn_big_cyan { font-size: 13px; padding: 8px 8px; } .searh-store a.btn_big_cyan { font-size: 13px; padding: 7px 8px; } } /** board-tool **/ .board-tool1 {} .board-tool1.mb { margin-bottom: 20px; } .board-tool1 .searh-store {} .board-tool1 .left { float: left; } .board-tool1 .right { float: right; width: 100%; max-width: 144px; } .board-tool1 .box_wrap:nth-child(1) { width: 100%; } @media all and (max-width:1200px) {} @media all and (max-width:600px) {} /** board-tool2 **/ .board-tool2 {} .board-tool2.mb { margin-bottom: 20px; } .board-tool2 .searh-store {} .board-tool2 .left { float: left; } .board-tool2 .right { float: right; width: 100%; max-width: 600px; } .board-tool2 .box_wrap:nth-child(1) { width: 30%; } .board-tool2 .box_wrap:nth-child(2) { width: 48%; } .board-tool2 .box_wrap:nth-child(3) { width: 20%; } @media all and (max-width:1200px) { .board-tool2 {} .board-tool2.mb {} .board-tool2 .searh-store {} .board-tool2 .left {} .board-tool2 .right {} .board-tool2 .box_wrap:nth-child(1) {} .board-tool2 .box_wrap:nth-child(2) {} .board-tool2 .box_wrap:nth-child(3) {} } @media all and (max-width:900px) { .board-tool2 {} .board-tool2.mb {} .board-tool2 .searh-store {} .board-tool2 .left { margin-bottom: 2%; width: 100%; } .board-tool2 .right { float: left; } .board-tool2 .box_wrap:nth-child(1) {} .board-tool2 .box_wrap:nth-child(2) {} .board-tool2 .box_wrap:nth-child(3) {} } @media all and (max-width:600px) { .board-tool2 {} .board-tool2.mb {} .board-tool2 .searh-store {} .board-tool2 .left {} .board-tool2 .right {} .board-tool2 .box_wrap:nth-child(1) {} .board-tool2 .box_wrap:nth-child(2) {} .board-tool2 .box_wrap:nth-child(3) {} } /* 온누리 */ .searh-store.onnnuri {} .searh-store.onnnuri form {} .searh-store.onnnuri .form_group {} .searh-store.onnnuri .box_wrap { width: 12%; } .searh-store.onnnuri .input_txt { width: 30%; } @media all and (max-width:1200px) {} @media all and (max-width:600px) {} /* form-type5 */ .searh-store.form-type5 {} .searh-store.form-type5 form {} .searh-store.form-type5 .form_group { display: flex; flex-wrap: wrap; justify-content: flex-end; } .searh-store.form-type5 .box_wrap { width: 12%; float: none; } .searh-store.form-type5 .box_wrap:nth-child(1) { width: 25%; } .searh-store.form-type5 .box_wrap .half_box { margin-right: 4%; width: 48%; } .searh-store.form-type5 .box_wrap .half_box:last-child { margin-right: 0; } .searh-store.form-type5 .input_txt { width: 35%; } @media all and (max-width:1200px) { .searh-store.form-type5 {} .searh-store.form-type5 form {} .searh-store.form-type5 .form_group {} .searh-store.form-type5 .box_wrap {} .searh-store.form-type5 .input_txt {} } @media all and (max-width:900px) { .searh-store.form-type5 {} .searh-store.form-type5 form {} .searh-store.form-type5 .form_group {} .searh-store.form-type5 .box_wrap { width: 18%; margin-bottom: 1%; } .searh-store.form-type5 .box_wrap:nth-child(1) { width: 37%; } .searh-store.form-type5 .box_wrap .half_box {} .searh-store.form-type5 .input_txt { width: 42%; } } @media all and (max-width:600px) { .searh-store.form-type5 {} .searh-store.form-type5 form {} .searh-store.form-type5 .form_group {} .searh-store.form-type5 .box_wrap { width: 32%; margin-bottom: 2%; } .searh-store.form-type5 .input_txt { width: 98%; } .searh-store.form-type5 .box_wrap:nth-child(1) { width: 65%; } .searh-store.form-type5 .box_wrap .half_box { margin-right: 2%; width: 49%; } .searh-store.form-type5 .btns { width: 12%; min-width: 85px; } } /* form-type6 */ .searh-store.form-type6 {} .searh-store.form-type6 form {} .searh-store.form-type6 .form_group { display: flex; flex-wrap: wrap; justify-content: flex-end; } .searh-store.form-type6 .box_wrap { width: 12%; float: none; } .searh-store.form-type6 .box_wrap:nth-child(1) { width: 38%; } .searh-store.form-type6 .box_wrap .half_box { margin-right: 3%; width: 48.5%; } .searh-store.form-type6 .box_wrap .half_box:last-child { margin-right: 0; } .searh-store.form-type6 .input_txt { width: 35%; } @media all and (max-width:1200px) { .searh-store.form-type6 {} .searh-store.form-type6 form {} .searh-store.form-type6 .form_group {} .searh-store.form-type6 .box_wrap {} .searh-store.form-type6 .input_txt {} } @media all and (max-width:900px) { .searh-store.form-type6 {} .searh-store.form-type6 form {} .searh-store.form-type6 .form_group {} .searh-store.form-type6 .box_wrap { width: 18%; margin-bottom: 1%; } .searh-store.form-type6 .box_wrap:nth-child(1) { width: 37%; } .searh-store.form-type6 .box_wrap .half_box {} .searh-store.form-type6 .input_txt { width: 61%; } } @media all and (max-width:600px) { .searh-store.form-type6 {} .searh-store.form-type6 form {} .searh-store.form-type6 .form_group {} .searh-store.form-type6 .box_wrap { width: 32%; margin-bottom: 2%; } .searh-store.form-type6 .input_txt { width: 98%; } .searh-store.form-type6 .box_wrap:nth-child(1) { width: 98%; } .searh-store.form-type6 .box_wrap .half_box { margin-right: 2%; width: 49%; } .searh-store.form-type6 .btns { width: 12%; min-width: 85px; } } /* 리스트 게시판 table */ .scroll1cont {} .board {} .board.mt { margin-top: 3%; } .board .total { font-size: 15px; font-weight: 500; color: #333; display: inline-block; } .board .total.mb { margin-bottom: 20px; } .board-tool .total.mt { margin-top: 8px; } table.t1 { width: 100%; border: 0; border-collapse: collapse; border-top: 2px solid #595f6b; box-sizing: border-box; table-layout: fixed; /* table-layout: fixed; 테이블내에서 말줄임 속성을 사용하기위해 테이블에 필요한 속성*/ letter-spacing: -0.2px; background-color: #fff; } table.t1>*>tr>th, table.t1>*>tr>td { padding: 15px 10px; border-bottom: 1px solid #ddd; border-width: 0 0 1px 1px; text-align: center; font-size: 18px; vertical-align: middle; line-height: 150%; } table.t1>tbody>tr:last-child>th, table.t1>tbody>tr:last-child>td { border-bottom: 1px solid #595f6b; } table.t1>*>tr>th { font-weight: 500; font-size: 18px; } table.t1>thead>tr>th { background-color: #fff; border-bottom: 1px solid #595f6b; color: #333; } table.t1>tbody>tr>th { font-weight: normal; color: #666; } table.t1>tbody>tr>td .icon_link { color: #4b50b6; border: 1px solid #4b50b6; padding: 10px 20px; margin: -10px 0; } table.t1>tbody>tr>td {} table.t1>tbody .tal { text-align: left; } @media all and (max-width:1200px) { table.t1>tbody>tr>td .icon_link { padding: 8px 15px; margin: -4px 0; } } @media all and (max-width:900px) { .board.mt { margin-top: -5%; } } @media all and (max-width:600px) { /* 게시판 공용 */ .wrap.board_content, .wrap.board { padding-top: 0; /* margin-bottom: 20px; */ } .board.mt { margin-top: -6%; } .board .total.mb { margin-bottom: 10px; } /* //게시판 공용 */ .t-wrap { width: 100%; } table.t1>thead>tr>th { position: absolute; left: -9999px; width: 1px; height: 1px; font-size: 0; line-height: 0; overflow: hidden; opacity: 0; } table.t1 { display: block; } table.t1>tbody { display: block; } table.t1>tbody>tr { display: block; overflow: hidden; border-bottom: 1px solid #ddd; box-sizing: border-box; padding: 0px 0 10px 0; } table.t1>tbody>tr:last-child { border-color: #3c3f45; } table.t1>tbody>tr:last-child>th, table.t1>tbody>tr:last-child>td { border: 0; } table.t1>tbody>tr>th, table.t1>tbody>tr>td { display: block; float: left; border: 0; padding: 0; background-color: transparent; } /*table일경우display: inline-block;보다 공백 안생기고 깔끔하게 보임*/ table.t1>tbody>tr>th { position: absolute; left: -9999px; width: 1px; height: 1px; font-size: 0; line-height: 0; overflow: hidden; opacity: 0; } table.t1>tbody>tr>td.ellipsis { width: 100%; font-weight: 400; /* font-size: 15px; */ } table.t1>tbody>tr>td.ellipsis~td { /* margin-top: 4px; */ margin-right: 10px; padding: 0 10px 0 10px; border-right: 1px solid #ddd; box-sizing: border-box; line-height: 15px; font-size: 16px; } /* table.t1 > tbody > tr > td.ellipsis ~ td:last-child {*/ table.t1>tbody>tr>td.ellipsis { margin-top: 0; border-right: 0; } table.t1>tbody>tr>td:last-child { border-right: 0 !important; } table.t1>tbody>tr>td .icon_link { padding: 2px 4px; margin: -8px 0; font-size: 12px; } } /*** 리스트형 게시판(목록) ***/ /* board-search */ .board-search-wrap { margin-bottom: 50px; } .board-search-wrap .left { float: left; } .board-search-wrap .total { color: #333; font-size: 16px; line-height: 44px; } .board-search-wrap .right { float: right; } .board-select { float: left; margin-right: 10px; } .board-select select.selectbox { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .board-select select.selectbox::-ms-expand { display: none; } .board-select .selectbox { width: 186px; height: 50px; border: 1px solid #E2E2E2; box-sizing: border-box; border-radius: 10px; color: #333; font-size: 16px; font-weight: bold; padding-left: 15px; background-image: url(../../02images/common/ico-select2.png); background-repeat: no-repeat; background-position: right 15px center; } .board-select .selectbox option { font-size: 14px; } .board-search { float: left; } .board-search .form { overflow: hidden; } .board-search .form div { float: left; } .board-search .form div label {} .board-search .form div input { width: 320px; height: 50px; font-size: 16px; border: 0; /* line-height: 30px; ie때문에 주석처리 */ padding-left: 20px; background-color: #fff; border: 1px solid #E2E2E2; border-radius: 10px; box-sizing: border-box; } .board-search .form .btn-search { display: block; float: left; width: 120px; height: 50px; background-color: #4B50B6; border-radius: 10px; margin-left: 10px; } .board-search .form .btn-search:after { display: inline-block; content: ''; width: 20px; height: 20px; background-image: url(../../02images/common/i-search-board.svg); background-repeat: no-repeat; background-position: center center; vertical-align: middle; margin-left: 5px; margin-right: -5px; } .board-search .form .btn-search span { color: #fff; font-size: 18px; vertical-align: middle; } @media all and (max-width:1200px) { .board-search-wrap { margin-bottom: 30px; } } @media all and (max-width:900px) { .board-select .selectbox { width: 140px; padding-left: 10px; } .board-select { margin-right: 5px; } .board-search .form div input { width: 200px; padding-left: 10px; } .board-search .form .btn-search { width: 95px; height: 50px; margin-left: 5px; } .board-search .form .btn-search:after { margin-left: 2px; } } @media all and (max-width:600px) { .board-search-wrap { margin-bottom: 20px; } .board-search-wrap .left, .board-search-wrap .right { float: none; } .board-search-wrap .left { margin-bottom: 5px; } .board-search-wrap .total { line-height: inherit; font-size: 15px; font-weight: normal; letter-spacing: 0; } .board-select { width: 100%; margin-right: inherit; margin-bottom: 5px; } .board-select .selectbox { width: 100%; height: 34px; font-size: 15px; font-weight: normal; } .board-search { width: 100%; } .board-search .form div { width: calc(100% - 34px); } .board-search .form div input { width: 100%; height: 34px; font-size: 15px; padding-left: 15px; border-radius: 10px 0 0 10px; } .board-search .form .btn-search { width: 34px; height: 34px; background-image: url(../../02images/common/btn-search-m.svg); background-repeat: no-repeat; background-position: center center; margin-left: 0; border-radius: 0 10px 10px 0; } .board-search .form .btn-search:after, .board-search .form .btn-search span { display: none; } } /* //board-search */ /* paging */ .paging.mt { margin-top: 60px; } .pagenav { display: table; margin: 0 auto; } .control, .pages { float: left; } .control:first-child { margin-right: 20px; } .control:last-child { margin-left: 20px; } .paging a { display: block; width: 40px; height: 40px; line-height: 39px; /* border: 1px solid #E2E2E2; */ box-sizing: border-box; text-align: center; /* border-radius: 6px; */ font-size: 20px; } .paging a.on { border-color: #4b50b6; box-sizing: border-box; background-color: #4b50b6; color: #fff; } .paging .p { display: block; float: left; margin-right: 5px; background-color: #fff; } .paging .p:last-child { margin-right: 0; } .paging .first { background-image: url(../../02images/common/i-paging-first.svg); background-repeat: no-repeat; background-position: center center; background-size: 11px 11px; } .paging .last { background-image: url(../../02images/common/i-paging-last.svg); background-repeat: no-repeat; background-position: center center; background-size: 11px 11px; } .paging .prev { background-image: url(../../02images/common/i-paging-prev.svg); background-repeat: no-repeat; background-position: center center; background-size: 7px 11px; } .paging .next { background-image: url(../../02images/common/i-paging-next.svg); background-repeat: no-repeat; background-position: center center; background-size: 7px 11px; } @media all and (max-width:1200px) { .paging.mt { margin-top: 30px; } } @media all and (max-width:900px) { .scroll1cont { overflow-y: auto; } } @media all and (max-width:600px) { .control:first-child { margin-right: 10px; } .control:last-child { margin-left: 10px; } .paging.mt { margin-top: 20px; } .paging a { display: block; width: 30px; height: 30px; line-height: 25px; } .paging .p { margin-right: 3px; } .paging .last { margin-right: 0; } } /* //paging */ /* 권한별 버튼 */ .btns-wrap {} .btns .btn { display: block; min-width: 90px; height: 40px; line-height: 39px; border-radius: 3px; box-sizing: border-box; font-size: 16px; letter-spacing: -1px; padding: 0 10px; } .btns.mt { margin-top: 40px; } .btns.mt.page { margin-top: 0; } .btns.right { float: right; } .btn.left { float: left; } .btn.ml { margin-left: 10px; } .btns .btn.blue { background-color: #4b50b6; color: #fff; } .btns .btn.white { border: 1px solid #808080; box-sizing: border-box; color: #474747; background-color: #fff; } .btns .btn.grey { background-color: #474747; color: #fff; } @media all and (max-width:1300px) { .btns.mt.page, .btns.mt { margin-top: 20px; } } @media all and (max-width:900px) { .btns .btn { min-width: 74px; height: 36px; line-height: 35px; } } @media all and (max-width:600px) { /* btn */ .btns-wrap { display: flex; justify-content: center; } .btns.right { float: none; } .btns .btn { min-width: 60px; height: 30px; line-height: 29px; border-radius: 3px; box-sizing: border-box; font-size: 14px; letter-spacing: -1px; padding-bottom: 1px; } .btns.mt.page, .btns.mt { margin-top: 20px; } .btn.ml { margin-left: 5px; } /* //btn */ } /* //권한별 버튼 */ /*** //리스트형 게시판(목록) ***/ /*** 리스트형 게시판 상세 ***/ /* board_content */ .board_content { /* max-width: 1400px; */ /* margin: 0 auto; */ /* margin-top: 130px; */ /* padding-top: 50px; */ /* padding-bottom: 150px; */ } .board_content .side-info { margin-top: 20px; } .board_content .side-info ul {} .board_content .side-info.mb {} .board_content .side-info li { float: left; margin-right: 30px; font-size: 18px; font-weight: 500; color: #333; } .board_content .side-info li strong { margin-right: 20px; } .board_content .side-info li:after { display: inline-block; content: ''; border-right: 1px solid #999; height: 14px; padding-right: 30px; } .board_content .side-info li:last-child { margin-right: 0; } .board_content .side-info li:last-child:after { display: none; } .board_content .content { box-sizing: border-box; } .board_content .content.mt {} .board_content .content .con { padding: 70px 40px; font-size: 17px; font-weight: 400; color: #333; line-height: 25px; box-sizing: border-box; background-color: #fff; } .board_content .content .con-reply { padding: 0 40px; font-size: 17px; line-height: 25px; font-weight: 500; color: #333; box-sizing: border-box; background-color: #fff; } .board_content .content .con-reply .reply { color: #e24f74; font-weight: 700; } .board_content .content .con-reply:before { display: block; content: ''; border-bottom: 1px dashed #ddd; margin-bottom: 40px; } .board_content .content .con p, .board_content .content .con-reply p { line-height: 200%; } .board_content .content .con p:last-child {} .board_content .board-title-wrap { padding-bottom: 50px; display: flex; flex-direction: column; align-items: center; } .board_content .title { font-size: 30px; box-sizing: border-box; color: #18152a; font-weight: 700; letter-spacing: -2px; } .board_content .title .reply { color: #e24f74; margin-right: 10px; } .board_content .file_info { border: 1px solid #ccc; box-sizing: border-box; width: 100%; padding: 25px 30px; max-width: 1000px; margin: 0 auto; display: flex; justify-content: center; } .board_content .file_info .group_wrap { display: flex; flex-direction: column; align-items: flex-start; } .board_content .file_info .group { display: flex; justify-content: center; margin-bottom: 10px; align-items: center; } .board_content .file_info .group:last-child { margin-bottom: 0; } .board_content .file_info .tit { font-weight: 500; font-size: 18px; } .board_content .file_info .tit:before { display: inline-block; width: 12px; height: 19px; background-image: url(/images/board/i-board-view-file.png); margin-right: 10px; vertical-align: middle; } .board_content .file_info .tit span { color: #000; margin-right: 10px; font-weight: 600; } .board_content .file_info .list {} .board_content .file_info .list ul { display: flex; } .board_content .file_info .list li { color: #666; display: flex; } .board_content .file_info .list li:last-child { margin-bottom: 0; } .board_content .file_info .list li a { display: inline-block; font-weight: 500; display: flex; align-items: center; margin-right: 5px; } .board_content .file_info .list li a:last-child { margin-right: 0; } .board_content .file_info .list li a .file_name { display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 350px; } .board_content .file_info .list li:nth-child(1) { margin-right: 15px; font-size: 18px; } .board_content .file_info .list li:nth-child(2) {} .board_content .file_info .list li:nth-child(3) { margin-left: 2px; } .notify { padding: 2px 10px; background-color: #333333; color: #fff; border-radius: 15px; margin-right: 10px; } .file-view, .file-down { background-color: #333; padding: 4px 15px 5px 15px; font-size: 13px; display: inline-block; font-size: 16px; color: #fff; } .file-view:after { display: inline-block; content: ''; width: 14px; height: 14px; background-image: url(/images/bycenter/common/i-blank2.png); background-repeat: no-repeat; margin-bottom: -3px; margin-left: 7px; background-size: 11px; } .file-down:after { display: inline-block; content: ''; width: 14px; height: 14px; background-image: url(/images/board/i-board-view-down.png); background-repeat: no-repeat; margin-bottom: -2px; margin-left: 7px; background-size: 11px; background-position: center center; } @media all and (max-width: 1550px) { /* board_content */ .board_content {} .board_content .side-info { margin-top: 5px; } .board_content .side-info ul {} .board_content .side-info.mb {} .board_content .side-info li {} .board_content .side-info li:after {} .board_content .side-info li:last-child {} .board_content .side-info li:last-child:after {} .board_content .content {} .board_content .content.mt {} .board_content .content .con { padding: 30px 20px; } .board_content .content .con-reply {} .board_content .content .con-reply .reply {} .board_content .content .con-reply:before {} .board_content .content .con p, .board_content .content .con-reply p {} .board_content .content .con p:last-child {} .board_content .board-title-wrap { padding-bottom: 20px; } .board_content .title { font-size: 22px; } .board_content .title .reply {} .board_content .file_info { padding: 2% 20px; } .board_content .file_info .group {} .board_content .file_info .tit {} .board_content .file_info .tit:before {} .board_content .file_info .tit span { font-size: calc(12px + 0.4vw); } .board_content .file_info .list {} .board_content .file_info .list ul {} .board_content .file_info .list li {} .board_content .file_info .list li:last-child {} .board_content .file_info .list li a .file_name { max-width: 300px; } .board_content .file_info .list li:nth-child(1) { font-size: calc(12px + 0.4vw); } .board_content .file_info .list li:nth-child(2) {} .board_content .file_info .list li:nth-child(3) {} .notify {} .file-view, .file-down { font-size: calc(12px + 0.2vw); } .file-view:after {} .file-down:after {} } @media all and (max-width: 900px) { /* board_content */ .board_content {} .board_content .side-info {} .board_content .file_info .group { margin-bottom: 5px; } .board_content .side-info ul {} .board_content .side-info.mb {} .board_content .side-info li { font-size: 13px; margin-right: 10px; } .board_content .side-info li strong { margin-right: 10px; } .board_content .side-info li:after { height: 10px; padding-right: 10px; } .board_content .side-info li:last-child {} .board_content .side-info li:last-child:after {} .board_content .content {} .board_content .content.mt {} .board_content .content .con { font-size: 14px; } .board_content .content .con-reply {} .board_content .content .con-reply .reply {} .board_content .content .con-reply:before {} .board_content .content .con p, .board_content .content .con-reply p {} .board_content .content .con p:last-child {} .board_content .board-title-wrap { padding-bottom: 15px; } .board_content .title {} .board_content .title .reply {} .board_content .file_info { padding: 15px; } .board_content .file_info .tit {} .board_content .file_info .tit:before {} .board_content .file_info .tit span {} .board_content .file_info .list {} .board_content .file_info .list ul {} .board_content .file_info .list li {} .board_content .file_info .list li:last-child {} .board_content .file_info .list li a .file_name { max-width: 190px; } .board_content .file_info .list li:nth-child(1) {} .board_content .file_info .list li:nth-child(2) {} .board_content .file_info .list li:nth-child(3) {} .notify {} .file-view, .file-down {} .file-view:after {} .file-down:after {} } @media all and (max-width: 600px) { /* board_content */ .board_content {} .board_content .side-info { margin-top: 5px; } .board_content .side-info ul { display: flex; justify-content: flex-start; flex-direction: column; } .board_content .side-info.mb {} .board_content .side-info li {} .board_content .side-info li:after { content: none; } .board_content .side-info li:last-child {} .board_content .side-info li:last-child:after {} .board_content .content {} .board_content .content.mt {} .board_content .content .con {} .board_content .content .con-reply {} .board_content .content .con-reply .reply {} .board_content .content .con-reply:before {} .board_content .content .con p, .board_content .content .con-reply p {} .board_content .content .con p:last-child {} .board_content .board-title-wrap { align-items: flex-start; } .board_content .title {} .board_content .title .reply {} .board_content .file_info {} .board_content .file_info .group { flex-direction: column; align-items: flex-start; width: 100%; } .board_content .file_info .tit {} .board_content .file_info .tit:before {} .board_content .file_info .tit span {} .board_content .file_info .list { width: 100%; } .board_content .file_info .list ul { flex-direction: column; } .board_content .file_info .list li {} .board_content .file_info .list li:last-child {} .board_content .file_info .list li a { margin-right: 3px; } .board_content .file_info .list li a .file_name { max-width: 160px; } .board_content .file_info .list li:nth-child(1) { margin-right: 0; } .board_content .file_info .list li:nth-child(2) {} .board_content .file_info .list li:nth-child(3) {} .notify { padding: 2px 7px; margin-right: 5px; font-size: 14px; } .file-view, .file-down { padding: 3px 8px 4px 8px; font-size: 12px; } .file-view:after, .file-down:after { width: 10px; height: 10px; background-size: 10px; margin-bottom: 0; } } .board_content .page_topbottom { border-top: 1px solid #666; border-bottom: 1px solid #666; box-sizing: border-box; } .board_content .page_topbottom.mt {} .board_content .arrow_top { padding: 18px 0; border-bottom: 1px solid #dbdbdb; box-sizing: border-box; background-color: #fff; } .board_content .arrow_bottom { padding: 18px 0; background-color: #fff; } .board_content .arrow_top a, .board_content .arrow_bottom a { display: flex; align-items: center; } .board_content .icon_top, .board_content .icon_bottom { display: table-cell; width: 15%; float: left; padding-left: 20px; font-size: 16px; font-weight: 600; color: #000; } .board_content .icon_top:before { content: ''; display: inline-block; width: 15px; height: 8px; background-image: url(/images/board/i-arrow-top.png); background-repeat: no-repeat; background-position: center center; margin-right: 17px; /* padding-bottom: 13px; */ } .board_content .icon_bottom:before { content: ''; display: inline-block; width: 15px; height: 8px; background-image: url(/images/board/i-arrow-bottom.png); background-repeat: no-repeat; background-position: center center; margin-right: 17px; /* padding-bottom: 13px; */ } .board_content .txt_top, .board_content .txt_bottom { display: table-cell; display: block; padding-left: 20px; color: #000; font-weight: 500; font-size: 16px; padding-right: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } @media all and (max-width: 1550px) {} @media all and (max-width: 900px) { .board_content .side_info li { font-size: 15px; } .board_content .title { font-size: 18px; } .board_content .file_info { display: block; } .board_content .file_info .list a { font-size: 14px; } .board_content .icon_top, .board_content .icon_bottom { width: 20%; } .board_content .icon_top:before {} .board_content .arrow_top, .board_content .arrow_bottom { padding: 10px 0; } .board_content .icon_top, .board_content .icon_bottom, .board_content .txt_top, .board_content .txt_bottom { /* font-size: 14px; */ } table.t1>*>tr>th, table.t1>tbody>tr>td { /* font-size: 15px; */ padding: 10px 10px; } .icon_notice1 { font-size: 12px; padding: 0px 8px 0px 8px; margin-top: -3px; display: inline-block; } .icon_notice2 { font-size: 12px; padding: 0px 8px 0px 8px; margin-top: -3px; display: inline-block; } .icon_file { background-size: 16px; width: 18px; height: 18px; } } @media all and (max-width: 600px) { /* 게시판 공용 */ .wrap.board_content, .wrap.board { padding-top: 0; /* margin-bottom: 20px; */ } /* 답변추가 */ .reply-item li { padding: 10px; margin-bottom: 5px; } .reply-list-wrap .reply-item.mt { margin-top: 20px; } .reply-item .writer, .reply-item .datetime, .reply-item .text-area, .reply-area .writer, .content-reply, .reply-area .counter { font-size: 14px; } .reply-item .text-area.mt { margin-top: 0; } .content-reply.mt { margin-top: 0; } .reply-area .counter+.btn.blue { min-width: 60px; height: 30px; border-radius: 3px; box-sizing: border-box; font-size: 14px; letter-spacing: -1px; padding-bottom: 1px; } .reply-area { padding: 5px 10px; } .reply-area.mt { margin-top: 5px; } .reply-area.mb { margin-bottom: 20px; } /* //답변추가 */ /* 쎔네일 리스트 */ .results-wrap.webzine .con .logo { display: flex; max-height: 190px; justify-content: center; } .results-wrap.webzine .con .logo img { max-width: 100%; min-height: 190px; height: auto; } .write_box { text-align: center; } /* //쎔네일 리스트 */ /* board_content */ .board_content .side_info ul { float: none; display: table; margin: 0; } .board_content .side_info li { margin-right: 20px; font-size: 14px; } .board_content .side_info li .num { letter-spacing: 0; } .board_content .side_info.mb { margin-bottom: 10px; } .board_content .title { font-size: 15px; padding: 0px; } .board_content .content .con { padding: 20px 10px; font-size: 13px; line-height: 20px; } .board_content .page_topbottom.mt { margin-top: 0; } .board_content .arrow_top, .board_content .arrow_bottom { padding: 10px 0; } .board_content .icon_top, .board_content .icon_bottom { width: 23%; padding-left: 0; /* font-size: 14px; */ } .board_content .icon_top:before, .board_content .icon_bottom:before { margin-right: 8px; width: 10px; } .board_content .txt_top, .board_content .txt_bottom { width: 77%; padding: 0; /* font-size: 12px; */ } /* //board_content */ }