/* 서브 css Site : "농식품신유통연구원" Author : "김주연" Version : "2018.09" */ /* 서브레이아웃 */ .contentBody { width: 100%; min-height: 700px; } /* 서브 헤더 */ .ct_header { width: 100%; height: 160px; background: url("../images/content/bg_ct_header.jpg") 0 0 no-repeat; } .depth01_tit { float: left; width: 20%; height: 80px; margin-top: 80px; line-height: 80px; text-align:center; color: #fff; font-weight: 600; font-size:27px; background: #549026; } /* 본문 왼쪽 서브 네비 */ .navArea { float:left; width:20%; box-sizing:border-box; border:1px solid #c0c0c0; border-bottom:0; } .navList { width:100%; } .navList li { width:100%; } .navList > li > a { display:block; width:100%; height:60px; box-sizing:border-box; border-bottom:1px solid #c0c0c0; text-indent:8%; line-height:60px; font-weight:600; font-size:15px; color:#000;} .navList > li > a.on, .navList > li:hover > a, .navList > li:focus > a, .navList > li:active > a { color:#549026; } .navList .depth03 { display:none; box-sizing:border-box; border-bottom:1px solid #c0c0c0; padding:15px;background-color: #f0f0f0; } .navList .depth03.on { display:block; } .navList .depth03 li {} .navList .depth03 li a { display:block; width:100%; height:28px; padding-left:9px; line-height:28px; font-size:14px; color:#545454; background:url("../images/btn/bg_navDepth03_off.png") 0 0 no-repeat; } .navList .depth03 li a.row2 { height: 56px; } .navList .depth03 li a:hover, .navList .depth03 li a:focus, .navList .depth03 li a:active, .navList .depth03 li a.on { color:#23356d; font-weight:600; background:url("../images/btn/bg_navDepth03_on.png") 0 0 no-repeat; } .navList .depth03 .wz_navTit a { font-weight:600; color:#23356d; font-size:15px; } /* 서브 컨텐츠 본문 */ .ctArea { float: left; width: 75%; min-height: 470px; padding-left: 5%; padding-bottom: 80px; } /* 서브 컨텐츠 타이틀 */ .depth02_titWrap { overflow:hidden; width: 100%; padding-top: 40px; border-bottom: 2px solid #000; } .depth02_tit { float: left; color: #000; font-size: 26px; font-weight: 600; } .titList { float: right; } .titList li { float: left; padding-right: 20px; margin-right: 9px; line-height: 60px; color: #000; font-size: 14px; background: url("../images/btn/bg_titList.png") 100% 50% no-repeat; } .titList li.on { color:#23356d; font-weight:bold; } .titList li:last-child { padding-right:0; margin-right:0; background:none; } /* 2019-04-19 수정 */ /* .ct_tit { width: 100%; margin: 40px 0 5px; font-size: 24px; font-weight: 600; color: #23356d; } */ .ct_tit { width: 100%; margin: 5px 0 5px; font-size: 24px; font-weight: 600; color: #23356d;} .ct_tit_new { width: 100%; margin: 5px 0 5px; font-size: 24px; font-weight: 600; color: #23356d; margin-top:20px; margin-bottom:20px;} .ct_tit_new2 { width: 100%; margin: 5px 0 5px; font-size: 16px; font-weight: 530; color: #23356d; margin-top:20px; margin-bottom:20px;} .ct_txt { width: 100%; line-height: 24px; font-size: 16px; color:#545454; } .subTit { margin-bottom:8px; font-size:20px; color:#000; font-weight:600; } .subTxt { display:block; padding-bottom:5px; font-size:16px; color:#545454; } .subTxt span { font-size:16px; color:#545454;} .subTxt strong { font-size:16px; color:#545454;} /* 컨텐츠 상단 검색영역 */ .searchArea { display:table; width:100%; margin-top:50px; margin-bottom:27px; } .tablecell { position: relative; display:table-cell; width:100%; } .searchArea .select02 label { color:#545454; } /* 셀렉트 */ .selectWrap { float:left; position:relative; margin-right:10px; background-color:#fff; } .select01 { width:140px; height:36px; } .select01 label { position:absolute; top:0; left:0; width:140px; height:36px; box-sizing:border-box; border:1px solid #cecece; line-height:36px; color:#545454; text-indent:20px; text-align:left; background:url("../images/btn/bg_select01.png") 90% 50% no-repeat; } .select01 select { width:100%; height:100%; opacity:0; } /* 인풋모음 */ .searchInput { float:left; display:block; width:400px; height:36px; box-sizing:border-box; border-top:1px solid #cecece; border-left:1px solid #cecece; background-color:#f4f4f4; } .searchInput input { width:100%; height:100%; text-indent:10px; } .searchBtn { position: absolute; right: 0; top: 0; width: 45px; height: 36px;} /* 버튼모음 */ .btnWrap { width:100%; text-align:center; } /* 리스트 상세보기 쪽 버튼 */ .btn01 { width:130px; height:50px; box-sizing:border-box; border:2px solid #23356d; font-size:16px; color:#23356d; background-color:#fff; } .btn02 { width:160px; height:50px; box-sizing:border-box; border:2px solid #23356d; font-size:16px; color:#fff; background-color:#23356d; } .btn02_new { width:135px; height:50px; box-sizing:border-box; border:2px solid #23356d; font-size:16px; color:#fff; background-color:#23356d; } .btn03 { width:274px; height:50px; box-sizing:border-box; border:2px solid #23356d; font-size:16px; color:#fff; background-color:#23356d; } .btn04 { width:64px; height:50px; box-sizing:border-box; border:2px solid #23356d; font-size:16px; color:#fff; background-color:#23356d; } /* 테이블 */ .tableWrap { width:100%; overflow-x: auto; } /* 테이블 상단 */ .tb_numTxt { width:100%; margin-bottom:15px; } .numTxt { width:100%; text-align:right; color: #666; font-size:14px; } .numTxt span { font-size:14px; color:#549026; font-weight:bold; } /* 가로형 테이블 */ .tableX01 { width:100%; box-sizing:border-box; border-top:2px solid #23356d; } .tableX01 tbody { } .tableX01 tbody tr { border-bottom:1px solid #dbdbdb; } .tableX01 tbody tr th { padding:12px 0 13px; border-right:1px solid #dbdbdb; color:#23356d ; font-weight:bold; font-size:16px; background-color:#e6eff8; } .tableX01 tbody tr td { padding:12px 0 13px; border-right:1px solid #dbdbdb; text-indent:25px; font-size:16px; color:#545454; } .tableX01 tbody tr td:last-child { border-right:0 none; } /* 세로형 테이블 */ .table01 { width:100%; box-sizing:border-box; border-top:2px solid #23356d; } .table01 thead {} .table01 thead tr {border-bottom:1px solid #dbdbdb;} .table01 thead tr th{ padding:12px 0 13px; border-right:1px solid #dbdbdb; color:#23356d ; font-weight:bold; font-size:15px; background-color:#e6eff8;} .table01 tbody {} .table01 tbody tr {border-bottom:1px solid #dbdbdb;} .table01 tbody tr td {padding:12px 0 13px; border-right:1px solid #dbdbdb; text-align:center; font-size:15px; color:#545454; } .table01 tbody tr td:last-child { border-right:0 none; text-align:left; padding-left:20px; } /* 글목록 */ .table02 { width:100%; box-sizing:border-box; border-top:2px solid #23356d; } .table02 thead {} .table02 thead tr {border-bottom:1px solid #dbdbdb;} .table02 thead tr th{ padding:13px 0 14px; color:#000 ; font-weight:600; font-size:18px; background-color:#f4f4f4; } .table02 tbody {} .table02 tbody tr {height: 50px; border-bottom:1px solid #dbdbdb;} /*기존 :: height:60px;*/ .table02 tbody tr td {padding:12px 0 13px; text-align:center; font-size:16px; color:#545454; } .table02 tbody tr td .tit {display: block; width: 95%; color: #545454; text-align: left; overflow: hidden; text-overflow: ellipsis;} .table02.view.file { border-top: 0; } .table02.list { } .table02.list thead tr th { white-space: nowrap;} .table02.list tbody tr td { white-space: nowrap;} /* 리스트 상세보기 */ .table02.view { } .table02.view thead tr {border-bottom:1px solid #dbdbdb; background-color: #fff; } .table02.view thead tr th {/* padding-left: 10px; */ border-right:0; font-weight:600; font-size:15px; color:#000; text-align:left; background-color:#f4f4f4; } .table02.view thead tr th .thSub { padding-left:5px; font-size:15px; color:#545454; text-align:left; } .table02.view tbody tr td { border-right:0; color:#000; text-align:left; } .table02.view tbody tr td.fileDownTit { padding-left: 10px; font-weight:600; background-color: #f4f4f4; text-align: center;} .table02 .textArea { padding:30px 30px 60px 30px; color:#545454; text-align:left; line-height:45px; font-size:15px; color:#545454 !important; } .table02.view .fileDown { text-align: left; text-indent: 15px; } .table02.view .fileDown a { font-size:15px; color:#545454;} .btnWrap.view { margin:30px 0 170px; } /* 리스트 글쓰기 */ .table02.write { border-top:2px solid #04498a; } .table02.write thead tr {border-top:none; border-bottom:1px solid #dbdbdb; background-color:#fff; } .table02.write thead tr th { font-weight:600; color:#000; background-color:#f4f4f4;} .table02.write .select01 { height:38px; margin-left: 1.5%; } .table02.write .select01 label { height:38px; color:#545454; line-height:36px; } .table02 .textArea textarea { width: 100%; height: 350px; font-size:16px; } .table02.write .fileDown { text-align:left; } .table02.write .fileDown a { font-size:16px; } .table02.write .viewTit { width:97%; height:38px; box-sizing:border-box; border:1px solid #cecece; background-color:#fff; } .table02.write tbody tr td.fileDownTit { color:#000; font-weight:600; } .fileSelect { position:relative; float:left; width:49%; height:38px; margin-right:1%; } .fileSelect .fileSelectBtn {position:absolute; top:0; left:0; width:85px; height:38px; box-sizing:border-box; border:1px solid #aaaaaa; color:#000; font-size:15px; background: #f3f3f3; /* Old browsers */ background: -moz-linear-gradient(top, #f3f3f3 0%, #d5d5d5 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f3f3f3 0%,#d5d5d5 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f3f3f3 0%,#d5d5d5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */ } .fileSelect .fileSelectInput { width:100%; height:38px; box-sizing:border-box; border:1px solid #cecece; color:#000; font-size:15px; text-indent:90px; background-color:#fff; } /* 파란배경 박스 */ .boxBlue { width:100%; padding:30px; box-sizing:border-box; border-top:2px solid #23356d; border-bottom:1px solid #dbdbdb; background-color:#f6f7fb; } /* 리스트 */ .dotList01 { width:100%; } .dotList01 li { width:calc(100% - 20px); padding-bottom:8px; padding-left:20px; text-indent:0; font-size:16px; color:#545454; background:url("../images/btn/bg_dotList01Li.png") 0 6px no-repeat; } .dotList01 li:last-child { padding-bottom:0; } .dotList01 li .day {display:inline-block; text-indent:10px; font-size:16px; color:#23356d; } /* 이미지 박스 */ .imgBox { width:100%; overflow:hidden; } .imgBox.box2 { } .imgBox.box2 .img01 { float:left; width:50%; } .imgBox.box2 .img02 { float:left; width:50%; } /* 체크박스 */ .checkWrap { overflow:hidden; position:relative; margin-bottom:4px; text-align:left; } .checkWrap li { position:relative; display:inline-block; margin-right:10px; margin-left:10px; } .checkWrap li:last-child { margin-right:0; } .checkWrap li label { font-size:14px; } .checkWrap input[type="checkbox"] { opacity: 0; filter: alpha(opacity=0); position: absolute; top: 5px; right: 11px; cursor:pointer; } .checkWrap li label:after { content:" "; display:inline-block; width:14px; height:16px; vertical-align: middle; margin-left: 5px; background:url("../images/btn/checkbox.png") 0 0 no-repeat; background-size:28px; cursor:pointer;} .checkWrap li.checked label:after { background-position:-14px 0 ; } /* 페이징 */ .pagingArea { position:relative; width:100%; margin-top:30px; margin-bottom:50px; text-align:center; } .pagingArea > li { overflow:hidden; display:inline-block; width:auto; height:40px;} .pagingArea > li.li01 { /* float:left; position:absolute; left:0; top: 0; */ } .pagingArea > li.li02 { /* position: absolute; */width: auto; margin: 0 auto; } .pagingArea > li.li03 { /* float:right; position:absolute; right:0; top: 0; */ } .pagingList { overflow:hidden; margin:0 auto; text-align:center; } .pagingList li {display:inline-block; width:40px; height:40px;} .pagingList li a {display:block; width:100%; height:100%; box-sizing:border-box; border:1px solid #dbdbdb; line-height:40px; font-size:16px; } .pagingList li a:hover, .pagingList li a:focus, .pagingList li a:active, .pagingList li.on a { border-color:#23356d; color:#fff; background-color:#23356d; font-weight:bold; } .pagingBtn { /* float:left; */ width:40px; height:40px; } .pagingBtn.first { text-indent:-9999999px; background:url("../images/btn/btn_paging.png") 0 0 no-repeat; background-size:100% ; } .pagingBtn.prev { text-indent:-9999999px; background:url("../images/btn/btn_paging.png") 0 -55px no-repeat; background-size:100% ; } .pagingBtn.next { text-indent:-9999999px; background:url("../images/btn/btn_paging.png") 0 -110px no-repeat; background-size: 100%; } .pagingBtn.last { text-indent:-9999999px; background:url("../images/btn/btn_paging.png") 0 -165px no-repeat; background-size:100% ; } .pagingBtn.first:hover, .pagingBtn.first:active, .pagingBtn.first:focus { background:url("../images/btn/btn_paging_on.png") 0 0 no-repeat; background-size: 100%; } .pagingBtn.prev:hover, .pagingBtn.prev:focus, .pagingBtn.prev:active { background:url("../images/btn/btn_paging_on.png") 0 -55px no-repeat; background-size: 100%; } .pagingBtn.next:hover, .pagingBtn.next:focus, .pagingBtn.next:active { background:url("../images/btn/btn_paging_on.png") 0 -110px no-repeat; background-size: 100%; } .pagingBtn.last:hover, .pagingBtn.last:focus, .pagingBtn.last:active { background:url("../images/btn/btn_paging_on.png") 0 -165px no-repeat; background-size:100%; } /* 홈페이지 페이징 */ .pagingArea.home > li.li01 { float:unset;position: static; } .pagingArea.home > li.li02 { width: auto; } .pagingArea.home > li.li03 { float:unset;position: static; } .pagingArea.home > li { } .pagingArea.home .pagingList li { } .pagingArea.home .pagingList li a { } .pagingArea.home .pagingList li a:hover, .pagingArea.home .pagingList li a:focus, .pagingArea.home .pagingList li a:active, .pagingArea.home .pagingList li.on a {} .pagingArea.home .pagingBtn.first { margin-right:0; } .pagingArea.home .pagingBtn.next { margin-right:0; } /* 인사말 sub0101 */ .infoBox { overflow:hidden; width:100%; } .sub0101 {} .infoTit { width:100%; padding-top:100px; padding-bottom:80px; font-size:36px; font-weight:bold; color:#23356d; text-align:center; } .sub0101 .infoBox { overflow:hidden; width:100%; } .sub0101 .infoBox .img01 { float:left; width:290px; padding-right:25px; } .sub0101 .infoBox .txtArea { float:left; width:calc(100% - 315px); } .sub0101 .infoBox .txtArea .txt { padding-bottom:35px; line-height: 24px; font-size:16px; color:#545454; } /* 비전 sub0102 */ .infoTxt { width:100%; margin-bottom:55px; font-size:20px; font-weight:bold; color:#23356d; text-align:center; } .sub0102 .infoBox .txtArea { width:100%; } .sub0102 .infoBox .txtArea .tit { margin-bottom:15px; font-weight:600; font-size:26px; color:#23356d; } .sub0102 .infoBox .txtArea .txt { padding-bottom:35px; line-height: 24px; font-size:16px; color:#545454; } /* 사업소개 sub0103 */ .imgArea { width:100%; text-align:center; } .sub0103 .imgArea img { width:80%; max-width:575px; } /* 연혁 sub0104 */ .historyTit { width:100%; padding-top:60px; padding-bottom:40px; font-size:70px; font-weight:bold; color:#23356d; } .historyBox { width:100%; padding:30px 0 25px; box-sizing:border-box; border-bottom:1px solid #dbdbdb; } .historyTable { width:100%; } .historyTable tbody tr {} .historyTable tbody tr th { color:#44a734; line-height: 28px; vertical-align: top;} .historyTable tbody tr th.year { font-weight:bold; font-size:40px; } .historyTable tbody tr th.day { font-weight:600; font-size:16px; } .historyTable tbody tr td { font-size:16px; color:#545454; line-height: 28px; vertical-align: top;} /* 조직도 sub0105 */ .img_sub0105 { display:block; width:100%; margin:0 auto; margin-top:60px; padding-bottom:20px; } /* 찾아오시는길 sub0106 */ .mapBox { margin-top:40px; } .img_sub0106 { width:100%; } .mapBox .tit { margin-bottom:20px; line-height:44px; font-size:26px; color:#23356d; font-weight:600; text-indent:55px; } .mapBox .tit.address { background:url("../images/btn/icon_map01.jpg") 0 50% no-repeat; } .mapBox .tit.number { background:url("../images/btn/icon_map02.jpg") 0 50% no-repeat; } .mapBox .tit.traffic { background:url("../images/btn/icon_map03.jpg") 0 50% no-repeat; } .mapBox .subTit { margin-bottom:8px; font-size:20px; color:#000; font-weight:600; } .mapBox .txt { margin-bottom:8px; line-height:24px; font-size:16px; color:#545454; } /* 신유통 토론회, 신유통 심포지엄, 신유통 아침포럼 sub030101 */ .sub030101 .boxBlue { overflow:hidden; } .sub030101 .boxBlue .img_sub030101_01 { float:left; width:50%; } .sub030101 .boxBlue .dotList01 { float:left; width:calc(50% - 20px); padding-left:20px;} .sub030101 .boxBlue .dotList01 li { padding-bottom:0; line-height: 34px; background: url("../images/btn/bg_dotList01Li.png") 0 13px no-repeat; } /* 조사연구, 컨설팅, 교육훈련 sub0302 */ .sub0302 .tableX01 tbody tr td { padding-left:10px; } /* 홍보출판 sub0305 */ .sub0305 .ct_txt a:hover, .sub0305 .ct_txt a:focus, .sub0305 .ct_txt a:active { text-decoration:underline; } /* 기금관련 안내 sub0502 */ .iconList { width:100%; } .iconList li { float:left; position:relative; width:49%; margin-right:2%; margin-bottom:20px; } .iconList li:nth-child(1) {} .iconList li:nth-child(2) { margin-right:0; } .iconList li:nth-child(3) {} .iconList li:nth-child(4) { margin-right:0; } .iconList li:nth-child(5) {} .iconList li:nth-child(6) { margin-right:0; } .iconList .boxBlue { height:118px; padding:19px 0; } .iconList .icon_sub0502 { position:absolute; top:19px; } .iconList .subTit { margin-left:110px; } .iconList .subTxt { margin-left:110px; } .iconList .subTxt .br { display:block; padding-bottom: 5px; } .iconList li:nth-child(1) .icon_sub0502 { padding-left:12px; } .iconList li:nth-child(2) .icon_sub0502 { padding-left:14px; } .iconList li:nth-child(3) .icon_sub0502 { padding-left:15px; } .iconList li:nth-child(4) .icon_sub0502 { padding-left:13px; } .iconList li:nth-child(5) .icon_sub0502 { padding-left:14px; } .iconList li:nth-child(6) .icon_sub0502 { padding-left:20px; } /* 페이지 로그인 */ .login .ctArea { padding-left:0; } .loginWrap {width:400px; margin:0 auto; padding-top:50px; margin-bottom: 75px;} .loginList { width:100%; } .loginList li { width:100%; height:40px; margin-bottom:20px; text-align:center; } .loginList li a { color:#4c4c4c; font-size:17px; line-height:40px; } .loginList li.id_find a { color:#04498a; font-weight:bold; text-decoration:underline; } .loginList li.pass_find a { color:#000; } .loginList li:nth-child(5) { margin-bottom:10px; } .loginList .loginInput { display:block; width:100%; height:40px; box-sizing:border-box; border:1px solid #b6b6b6; color:#b6b6b6; font-size:17px; background-color:#f8f8f8; } .loginList .inputId { width:100%; background:url("../images/btn/icon_inputId.png") 0 50% no-repeat #f8f8f8; } .loginList .inputId input { width:100%; height:100%; text-indent:78px; color:#585858; font-size:17px; } .loginList .inputPass { width:100%; background:url("../images/btn/icon_inputPass.png") 0 50% no-repeat #f8f8f8; } .loginList .inputPass input { width:100%; height:100%; text-indent:78px; color:#585858; font-size:17px; } .loginList .checkBox01 { display:block; width:140px; margin:0 auto; font-size:16px;} .loginList .loginBtn { width:100%; height:40px; border-radius:3px; font-weight:bold; color:#fff; font-size:18px; background-color:#04498a; } .loginList .joinBtn { width:100%; height:40px; border-radius:3px; font-weight:bold; color:#fff; font-size:18px; background-color:#006b14; } .checkBox01 { overflow:hidden;height:20px; color:#585858; background:url("../images/btn/btn_checkbox.png") 0 0 no-repeat; } .checkBox01.checked { background-position:0 -40px; } .checkWrap input[type="checkbox"].check { position:static; width:20px; height:20px; margin-right:5px; opacity:0; filter: alpha(opacity=0); } /* 페이지 회원가입 */ .joinWrap { width:760px; margin:0 auto; padding-top:100px; margin-bottom: 75px; } .joinWrap .tit { width:100%; height:70px; box-sizing:border-box; border:1px solid #b6b6b6; border-radius:3px 3px 0 0; font-size:28px; font-weight:bold; text-indent:2.5%; line-height:70px; color:#000; } .joinTxt { margin:30px 0; text-indent:22px; color:#343434; font-size:16px; } .joinWrap .formWrap { width:100%; box-sizing:border-box; border:1px solid #b6b6b6; border-top:0 none; border-radius:0 0 3px 3px; } .joinWrap .formWrap .container { width:95%; } .joinList { width:100%; } .joinList > li { width:100%; height:32px; margin-bottom:20px; font-size:16px; } .joinList li .joinLabel { display:block; float:left; width:112px; height:32px; margin-right:20px; line-height: 30px; font-size:16px; text-align:right; } .joinList li input { display:block; float:left; } .joinList li .inputLabel { width:585px; height:32px; box-sizing:border-box; border:1px solid #b6b6b6; font-size:16px; } .joinList li .inputLabel.joinId { width:360px; margin-right:10px; } .joinList li .btn01.joinId { width:100px; height:32px; color: #fff; background-color: #23356d; } .joinList li .selectWrap01 { position:relative; display:block; float:left; width:100px; height:32px; } .joinList li .selectWrap01 .select01_lb {position:absolute; top:0; left:0; width:100px;height:32px; box-sizing:border-box; border:1px solid #ababab; line-height:32px; text-indent:11px; text-align:left;font-size:16px; background:url("../images/btn/bg_select01.png") 92% 50% no-repeat; cursor:pointer; } .joinList li .selectWrap02 { position:relative; display:block; float:left; width:500px; height:32px; } .joinList li .selectWrap02 .select02_lb {position:absolute; top:0; left:0; width:500px;height:32px; box-sizing:border-box; border:1px solid #ababab; border-right:0 none; line-height:32px; text-indent:11px; text-align:left;font-size:16px; background:url("../images/btn/bg_select01.png") 92% 50% no-repeat; cursor:pointer; } .joinList li .dash {display:block; float:left; width:30px; height:32px; line-height:32px; text-align:center; } .joinList li .inputNum { width:100px; height:32px; box-sizing:border-box; border:1px solid #b6b6b6; } .joinWrap .btnWrap { margin-bottom:60px; } .joinWrap .btnWrap .btn01 { width:150px; height:40px; } .joinWrap .btnWrap .btn02 { width:150px; height:40px; } .joinList .selectWrap01 .select01 { opacity:0; width:100%; } .joinList .selectWrap02 .select02 { opacity:0; width:100%; } /* 0121 추가 begin */ .addressFind { height:auto !important; } .addressList { overflow:hidden; width:100%;} .addressList li { float:left; } .addressList .labelP { display: block; float: left; width: 112px; height: 116px; margin-right: 20px; line-height: 30px; font-size: 16px; text-align: right; } .addressList .postcode { margin-bottom:10px; } .addressList .postcodeLabel { display: block; float: left; width: 65px; height: 32px; margin-right: 10px; line-height: 30px; font-size: 15px; text-align: center;} .addressList .postcode .inputNum { width: 65px; } .postcodeBtn { width:50px; height:32px; margin-left:10px; color:#fff; background-color:#23356d; } .addressList .addressLabel { width: 585px; height: 32px; box-sizing: border-box; border: 1px solid #b6b6b6; font-size: 16px;} .addressList .addressLi { margin-bottom:10px; } /* 0121 추가 end */ /* 리플달기 */ .replyArea { overflow:hidden; width:100%; padding:15px 0; border-top:2px solid #23356d; border-bottom:2px solid #23356d; } .replyList { width:100%; margin-bottom:10px; } .replyList li { overflow:hidden; width:100%; background-color:#f4f4f4; margin:8px 0; } .replyList .name {float:left; width:20%; padding:8px 0; font-weight:600; text-align:center; } .replyList .txt {float:left; width:80%; padding:8px 0; padding-left:8px; box-sizing:border-box; border-top:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; color:#545454 ; background-color:#fff; } .replyList .day { padding-left:20px; color:#868686; font-size:14px; } .replyList .reBtn { margin-left:10px; line-height: 37px;} .replyList .reBtn:hover, .replyList .reBtn:focus, .replyList .reBtn:active { font-weight:600; } .replyList .delBtn { margin-left:10px; line-height: 37px; } .replyList .delBtn:hover, .replyList .delBtn:focus, .replyList .delBtn:active { font-weight:600; } .commentArea { width:100%; background-color:#f4f4f4; padding:10px; } .commentArea .tit { padding:5px 0 10px; } .commentArea .textarea{ width:calc(100% - 80px); height:100px; margin-right:8px; background-color:#fff; } .replyBtn { width:50px; height:35px; margin-top:65px; color:#fff; font-weight:600; background-color: #23356d; } .rep_Label { font-size: 15px; } .rep_Label input { height: 25px; margin-left:10px; } .rep_Label.repId { padding-right:10px; } .rep_Label.repPass { } /* 0121 추가 begin */ .postcodePop { width:320px; } .postcodePop .joinWrap { width:100%; } .postcodePop .joinWrap .tit { height: 55px; line-height: 55px; font-size: 20px; } .postcodePop .joinTxt {margin: 10px 0; text-indent:0; font-size: 14px; } .postcodePop .joinList > li { height:auto; } .postcodePop .joinList li .joinLabel { width: 50px; margin-right:0; font-size: 14px; text-align:center; } .postcodePop .joinList li .inputLabel { width: calc(100% - 118px); margin-right: 8px; } .postcodePop .joinList li .btn01 { width: 50px; font-size: 14px; } .postC_table { width:100%; } .postC_table thead {} .postC_table thead tr { border-top:2px solid #23356d; border-bottom:2px solid #23356d; } .postC_table thead tr th {padding:5px 0; text-align:center; font-size: 14px; color:#23356d; font-weight:600;} .postC_table tbody {} .postC_table tbody tr {} .postC_table tbody tr td {padding:5px 0; text-align:center; font-size: 14px; } /* 0121 추가 end */ /* 0201 추가 begin */ .table02.wz_view .textArea { padding: 0px; } .webzinBox { width:100%; margin-top: 10px;} .wz_head01 { overflow:hidden; position:relative; width:100%; padding-bottom:20px; background-color:#eff6e8; } .wz_head01 > .wz_tit { padding:50px 20px 0px 20px ; font-size:20px; color:#000000; font-weight:600; } .wz_headList { overflow:hidden; position:absolute; right:20px; top:20px; padding-left:20px;} .wz_headList li { float:right; line-height:normal; } .wz_headList li:first-child { float:inherit; } .wz_headList .num { float:left; font-size:14px; } .wz_headList .day { float:right; font-size:14px; } .wz_headList .wz_tit { line-height:normal; } .wz_headList .wz_tit span { line-height:normal; font-weight:600; font-size:24px; color:#448612; } .wz_headList .wz_tit .tit1 { color:#549026; } .wz_content { padding-left:20px; padding-right:20px; padding-bottom:30px; } .wz_content .name { padding-top:20px; padding-bottom:20px; font-size:15px; line-height: normal; text-decoration: underline; } .wz_content .wz_tit { margin-bottom:10px; font-size:15px; font-weight:600; line-height: normal; } .wz_content .wz_txt { margin-bottom:20px; font-size:15px; line-height: 25px; } .wz_content .wz_txt2 { margin-bottom:20px; font-size:14px; line-height: 25px; } .wz_content .wz_txt3 {width:100%; text-align:center; color:#e4331a; font-weight:600; font-size:15px; line-height: 25px; } .wz_imgBox { width:100%; padding:10px 0; text-align:center; } .wz_imgBox img { max-width:100%; } .wz_imgBox2 { overflow:hidden; display:table; width:100%; padding:10px 0;} .wz_imgBox2 .wz_imgBox { display:table-cell; width:18%;} .wz_imgBox2 img { max-width:110px; margin-right:2%; } .wz_imgBox2 .wz_txtBox { display:table-cell; width:80%; vertical-align: middle;} .wz_imgBox2 .wz_txt {margin-bottom:0; padding-left:8px; } .btn_link { width:100%; text-align:left; } .wz_footer { overflow:hidden; padding:20px; text-align:center; background-color:#e6eff8; } .wz_footer li {display:inline-block; line-height:normal; margin-bottom:8px; } .wz_footer .wz_tit {font-size:14px; } .wz_footer .wz_logo { margin-right:5px; } /* 0201 추가 end */ /* 0212 추가 begin */ .delete .joinTxt { text-indent:0; } .delete .joinList li .joinLabel { width: 94px; } /* 0212 추가 end */ /* 2019.03.15 추가 */ .wz_imgBox3 { overflow:hidden; display:table; width:100%; padding:10px 0;} .wz_imgBox3 .wz_imgBox { display:table-cell; /*width:18%;*/} .wz_imgBox3 img { /* max-width:110px; */ max-width:500px; margin-right:2%; } .wz_imgBox3 .wz_txtBox { display:table-cell; /*width:80%;*/ vertical-align: middle;} .wz_imgBox3 .wz_txt {margin-bottom:0; padding-left:8px; } .txt_bold { font-weight: bold; } /* 2019.04.19 추가 */ .wz_imgBox4 { overflow:hidden; display:table; width:100%; padding:10px 0;} .wz_imgBox4 .wz_imgBox { display:table-cell; width:18%;} .wz_imgBox4 img { /* max-width:110px; */ max-width:500px; margin-right:2%; } .wz_imgBox4 .wz_txtBox { display:table-cell; width:80%; vertical-align: middle;} .wz_imgBox4 .wz_txt {margin-bottom:0; padding-left:8px; }