/* 새삼선유치원 검색 */ #search-box { text-align: right; margin-bottom: 50px; } #search-box * { font-family: 'APPLE_SANDG', sans-serif; font-weight: 400; } #search-box .wrap { position: relative; display: inline-block; max-width: 600px; width: 100%; } #search-box input[type="text"] { width: 100%; height: 50px; padding-left: 20px; padding-right: 50px; font-size: 16px; display: inline-block; border-radius: 50px; border-color: #e8e8e8; outline: none; } #search-box input[type="text"]::placeholder { color: #aaa; } #search-box button { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); border-style: none; background: transparent; } /* 새삼선유치원 갤러리 리스트 */ #gallery-section .list-box * { font-family: 'APPLE_SANDG', sans-serif; font-weight: 400; } #gallery-section .list-box { margin-bottom: 30px; } #gallery-section .list-box ul { flex-wrap: wrap; } #gallery-section .list-box ul li { width: 32%; margin-right: 2%; margin-bottom: 30px; border: 1px solid #dddddd; transition: all 0.3s; } #gallery-section .list-box ul li:nth-child(3n) { margin-right: 0; } #gallery-section .list-box ul li .thumb-box { overflow: hidden; transition: all 0.3s; } #gallery-section .list-box ul li .thumb-box img { max-height: 25vh; transition: all 0.8s; width: 100%; } #gallery-section .list-box .cont-box { padding: 20px; } #gallery-section .list-box ul li .g-tit { font-size: 18px; margin-bottom: 30px; line-height: 1.3; width: 100%; overflow: hidden; text-overflow: ; } #gallery-section .list-box ul li .g-txt { font-size: 16px; color: #999999; } /* hover */ #gallery-section .list-box ul li:hover { box-shadow: 0 0 20px rgba(0, 0, 0, .1); } #gallery-section .list-box ul li:hover .thumb-box img { transform: scale(1.1); } /* 탭 버튼 */ #tab-btnBox { margin-bottom: 60px; } #tab-btnBox ul li:not(:last-child) { margin-right: 20px; } #tab-btnBox ul li { max-width: 300px; width: 100%; } #tab-btnBox ul li a { display: inline-block; width: 100%; padding: 25px 0; text-align: center; border: 1px solid #ddd; font-size: 22px; color: #aaaaaa; font-weight: 500; border-radius: 10px; font-family: 'APPLE_SANDG', sans-serif; } #tab-btnBox ul li a.active { color: #fff; background-color: #008dd0; } /* 한진금속 제품 게시판 리스트 */ /* #prodList .tab-box { margin-bottom: 80px; } #prodList .tab-box > ul { border: 1px solid #ddd; } #prodList .tab-box > ul li { width: 16.66666666666667%; border-right: 1px solid #ddd; } #prodList .tab-box > ul li:last-child { border-right: none; } #prodList .tab-box > ul li a { display: block; padding: 25px 0; text-align: center; font-size: 18px; color: #777; transition: all 0.3s; } #prodList .tab-box > ul li a.active { background-color: #ff8942; color: #fff; } #prodList .tab-box > ul li a:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .2); } #prodList .subject-box { margin-bottom: 60px; } #prodList .subject-box span { font-size: 20px; font-weight: 500; } #prodList .tc-box ul { max-width: 900px; width: 100%; margin: 0 auto } #prodList .tc-box ul li { transition: all 0.5s; } #prodList .tc-box ul li:not(:last-child) { margin-bottom: 150px; } #prodList .tc-box ul li:hover { box-shadow: 0 0 50px rgba(0, 0, 0, .2); } #prodList .tc-box ul li a > div { width: 50%; } #prodList .tc-box ul li .img-box { overflow: hidden; } #prodList .tc-box ul li .img-box img { max-width: 450px; width: 100%; max-height: 320px; } #prodList .tc-box ul li .info-box { text-align: center; } #prodList .tc-box ul li .info-box .prod-wrap { display: inline-block; text-align: left; } #prodList .tc-box ul li .info-box .prod-name { margin-bottom: 30px; } #prodList .tc-box ul li .info-box .prod-name span { font-size: 16px; font-weight: 500; color: #003174; } #prodList .tc-box ul li .info-box .prod-info p { position: relative; font-size: 16px; padding-left: 15px; } #prodList .tc-box ul li .info-box .prod-info p:not(:last-child) { margin-bottom: 15px; } #prodList .tc-box ul li .info-box .prod-info p::after { content: 'ㆍ'; font-weight: 900; color: #ff8942; position: absolute; top: 0; left: 0; } #prodList .tc-box .tc-wrap:not(:last-child) { margin-bottom: 150px; } */ /* 고려대초신료양자인터넷센터 게시판 리스트 */ /* #noticeList table { margin-bottom: 100px; } #noticeList thead th { font-size: 22px; font-weight: 700; color: var(--white-color-1); padding: 15px 3px; background-color: var(--main-color-1); white-space: nowrap; } #noticeList tbody tr { border-bottom: 1px solid var(--gray-color-3); transition: all 0.2s; } #noticeList tbody tr:hover { background-color: var(--gray-color-1); } #noticeList tbody td { font-size: 18px; font-weight: 500; text-align: center; white-space: nowrap; } #noticeList tbody td.left { text-align: left; padding: 20px 3px; } #noticeList tbody td.left a { display: block; width: 42.8542vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; } #noticeList tbody td a i { font-weight: 700; } */ /* 새삼선 게시판 리스트 */ /* #serch-box { text-align: center; margin-bottom: 50px; } #serch-box .wrap { display: inline-block; position: relative; max-width: 600px; width: 100%; } #serch-box input[type="text"] { width: 100%; height: 45px; border: 2px solid var(--gray-color-16); border-radius: 45px; padding-left: 20px; } #serch-box input[type="text"]::placeholder { color: var(--gray-color-11); } #serch-box button { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); border-style: none; background: transparent; } */ #noticeList * { font-family: 'APPLE_SANDG', sans-serif; font-weight: 400; } #noticeList table { margin-bottom: 60px; } #noticeList thead th { font-size: 16px; font-weight: 500; color: #666; padding: 15px 3px; white-space: nowrap; } #noticeList thead tr { border-bottom: 2px solid #008dd0; } #noticeList tbody tr { border-bottom: 1px solid #e8e8e8; transition: all 0.2s; } #noticeList tbody tr:hover { background-color: #fbfbfb; } #noticeList tbody td { font-size: 16px; text-align: center; white-space: nowrap; } #noticeList tbody td.left { text-align: left; padding: 25px 40px; } #noticeList tbody td.left a { display: block; width: 43.8542vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; } #noticeList tbody td a i { font-weight: 700; } #write-btn { text-align: right; margin-bottom: 20px; } #write-btn a { display: inline-block; line-height: 40px; padding: 0 40px; font-size: 16px; color: #fff; background-color: #008dd0; border-radius: 5px; } /* 고려대초신뢰양자인터넷센터 페이지네이션 */ /* #pagination { display: flex; align-items: center; justify-content: center; } #pagination > div:first-child { margin-right: 45px; } #pagination > div:last-child { margin-left: 45px; } #pagination .num { display: flex; } #pagination .num > div { margin: 0 2.5px; } #pagination .num > div .page-link { display: inline-block; width: 40px; line-height: 40px; text-align: center; font-size: 20px; } #pagination .num > div:hover .page-link { background-color: var(--main-color-1); color: var(--white-color-1); } #pagination .num > div.on .page-link { background-color: var(--main-color-1); color: var(--white-color-1); } */ /* 새삼선 페이지네이션 */ #pagination { display: flex; align-items: center; justify-content: center; } #pagination > div:first-child { margin-right: 35px; } #pagination > div:first-child a:first-child { margin-right: 30px; } #pagination > div:last-child { margin-left: 35px; } #pagination > div:last-child a:first-child { margin-right: 30px; } #pagination .num { display: flex; } #pagination .num > div { margin: 0 1px; } #pagination .num > div .page-link { display: inline-block; width: 40px; line-height: 40px; text-align: center; font-size: 16px; border-radius: 50%; color: #999; } #pagination .num > div:hover .page-link { background-color: #008dd0; color: #fff; } #pagination .num > div.on .page-link { background-color: #008dd0; color: #fff; } /* 뷰페이지 */ #board_viewBox .view_title { padding: 25px 0 20px; border-top: 2px solid var( --gray-color-11); border-bottom: 1px solid var(--gray-color-2); padding-left: 20px; } #board_viewBox .view_title .title { font-size: 24px; padding-bottom: 20px; font-weight: 700; line-height: 1.2; } #board_viewBox .view_title span { font-size: 16px; color: var( --black-color-7); } #board_viewBox .view_title .writer { padding-right: 20px; } #board_viewBox .view_title .date { padding-right: 20px; } #board_viewBox .view_contents { background-color: var(--gray-color-9); padding: 20px; margin: 50px 0; } #board_viewBox .view_contents p { font-size: 16px; line-height: 1.6; } #board_viewBox .list { border-top: 2px solid var(--gray-color-11); border-bottom: 2px solid var(--gray-color-11); margin-bottom: 60px; } #board_viewBox .list dl { padding: 15px 20px; display: flex; align-items: center; } #board_viewBox .list dl:not(:last-child) { border-bottom: 1px solid var(--gray-color-3); } #board_viewBox .list dl dt { width: 100px; font-size: 16px; font-weight: 700; } #board_viewBox .list dl dd { width: calc(100% - 100px); } #board_viewBox .list dl dd a { display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; line-height: 1.2; } #board_viewBox .list dl dd a:hover { text-decoration-line: underline; } #board_viewBox .toList_box { text-align: center; } #board_viewBox .toList_box a { display: inline-block; border: 1px solid transparent; padding: 20px 50px; font-weight: 500; color: #fff; font-size: 24px; border-radius: 5px; background-color: #008dd0; transition: all 0.1s; } #board_viewBox .toList_box a:hover { background-color: #fff; color: #008dd0; border-color: #008dd0; } /* 호안건설 갤러리 리스트 */ /* #gallery-section .list-box ul { flex-wrap: wrap; margin-bottom: 20px; } #gallery-section .list-box ul li { width: 29.6%; margin-right: 5.6%; margin-bottom: 60px; } #gallery-section .list-box ul li:nth-child(3n) { margin-right: 0; } #gallery-section .list-box ul li .thumb-box { overflow: hidden; transition: all 0.8s; } #gallery-section .list-box ul li .thumb-box img { max-height: 32vh; transition: all 0.8s; width: 100%; } #gallery-section .list-box .cont-box { padding-top: 20px; } #gallery-section .list-box ul li .g-tit { font-size: 16px; font-weight: 500; color: var(--black-color-9); margin-bottom: 10px; display: inline-block; } #gallery-section .list-box ul li .g-txt { font-size: 22px; line-height: 1.3; width: 100%; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } */ /* hover */ /* #gallery-section .list-box ul li:hover .thumb-box { box-shadow: 0 0 20px rgba(0, 0, 0, .3); } #gallery-section .list-box ul li:hover .thumb-box img { transform: scale(1.1); } */ /* 호안건설 글쓰기 페이지 */ /* #write-box .write-top .w-input { padding-bottom: 25px; display: block; } #write-box .write-top .w-input input { width: 800px; font-size: 18px; padding: 10px 20px; border: none; background: var(--gray-color-4); border-radius: 10px; } #write-box .write-contents { padding: 50px 0; margin-bottom: 65px; border-top: 1px solid var(--black-color-9); border-bottom: 1px solid var(--black-color-9); } #write-box .file-box { margin-bottom: 30px; border-bottom: 2px solid var(--black-color-0); } #write-box .file-box .f-tit { margin-bottom: 25px; font-size: 18px; color: var(--black-color-0); } #write-box .file-box ul li { margin-bottom: 20px; } #write-box .file-box ul li > * { display: inline-block; vertical-align: middle; } #write-box .file-box ul li .file-txt { width: 100px; } #write-box .file-box ul li .file-txt p { font-size: 16px; } #write-box .file-box ul li .file-input { width: calc(100% - 105px); } #write-box .file-input .fileAttach { display: inline-block; position: relative; } #write-box .file-input .fileAttach input[disabled] { border: none; outline: none; width: 300px; height: 40px; font-size: 16px; padding-left: 20px; font-weight: 500; color: var(--black-color-3); border-radius: 50px; background: var(--gray-color-4); vertical-align: middle; } #write-box .file-input .fileAttach label { background: url(/img/sub/board/file-icon.png)no-repeat center; width: 21px; height: 17px; background-size: 21px 17px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); } #write-box .file-input .fileAttach input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } #write-box .btn-box .btn { display: block; line-height: 50px; padding: 0 80px; margin-right: 20px; border: none; background: var(--main-color-3); color: #fff; font-size: 16px; } #write-box .btn-box .confirm-btn { background: var(--main-color-1); margin-right: 0 !important; } */ @media screen and (max-width: 1023px) { /* 호안건설 글쓰기 페이지 */ #write-box .write-top .w-input input { width: 100%; } } @media screen and (max-width: 768px) { /* 새삼선유치원 검색 */ #search-box { margin-bottom: 60px; } #search-box .wrap { max-width: 100%; } #search-box input[type="text"] { width: 100%; height: 60px; font-size: 2.6042vw; } /* 새삼선유치원 갤러리 리스트 */ #gallery-section .list-box { margin-bottom: 30px; } #gallery-section .list-box ul li { width: 100%; margin-right: 0; margin-bottom: 40px; } #gallery-section .list-box .cont-box { padding: 30px; } #gallery-section .list-box ul li .thumb-box img { max-height: 45vh; } #gallery-section .list-box ul li .g-tit { font-size: 2.8646vw; margin-bottom: 40px; } #gallery-section .list-box ul li .g-txt { font-size: 2.6042vw; } /* 탭 버튼 */ #tab-btnBox ul li { width: 48%; max-width: 50%; } #tab-btnBox ul li:not(:last-child) { margin-right: 4%; } #tab-btnBox ul li a { padding: 30px 0; font-size: 3.3854vw; } /* pagination */ #pagination .num > div .page-link { width: 7.1615vw; line-height: 7.1615vw; font-size: 2.8646vw; } /* 고려대초신뢰양자인터넷센터 공지사항 리스트 */ /* #noticeList thead th { font-size: 2.6042vw; } #noticeList tbody td { font-size: 2.3438vw; } */ /* 새삼선 게시판 리스트 */ /* #serch-box { margin-bottom: 80px; } #serch-box input[type="text"] { height: 70px; font-size: 2.6042vw; } */ #noticeList colgroup { display: none; } #noticeList thead th { display: none; } #noticeList tbody td { font-size: 2.8646vw; } #noticeList tbody td:first-child { padding: 0 0.3em; } #noticeList tbody td:nth-child(3), #noticeList tbody td:nth-child(4) { display: none; } #noticeList tbody td.left { padding: 30px 20px; } #noticeList tbody td.left a { width: 80vw; padding-bottom: 1em; } #noticeList tbody td.left p { width: auto; font-size: 2.6042vw; color: #666; } /* #write-btn { margin-bottom: 60px; } #write-btn a { font-size: 2.8646vw; line-height: 60px; padding: 0 45px; } */ /* 뷰페이지 */ #board_viewBox .view_title span { font-size: 2.0833vw; } #board_viewBox .view_title .title { font-size: 3.1250vw; } #board_viewBox .view_contents p { font-size: 2.0833vw; } #board_viewBox .list dl dt { font-size: 1.8229vw; } #board_viewBox .list dl dd a { font-size: 1.8229vw; } #board_viewBox .toList_box a { font-size: 3.1250vw; } /* 호안건설 갤러리 페이지 */ /* #gallery-section .list-box ul li { width: 48%; margin-right: 4%; margin-bottom: 70px; } #gallery-section .list-box ul li:nth-child(3n) { margin-right: 4%; } #gallery-section .list-box ul li:nth-of-type(even) { margin-right: 0; } #gallery-section .list-box ul li .cont-box .g-tit { font-size: 2.8646vw; } #gallery-section .list-box ul li .cont-box .g-txt { font-size: 3.3854vw; } */ /* 호안건설 글쓰기 페이지 */ /* #write-box .write-top .w-input { padding-bottom: 15px; } #write-box .write-contents { padding: 25px 0; margin-bottom: 20px; } */ /* 한진금속 제품 게시판 리스트 */ /* #prodList .tab-box { margin-bottom: 100px; } #prodList .tab-box > ul { flex-wrap: wrap; border-right: 0; border-bottom: 0; } #prodList .tab-box > ul li { width: 33.3333333%; border-bottom: 1px solid #ddd; } #prodList .tab-box > ul li:last-child { border-right: 1px solid #ddd; } #prodList .tab-box > ul li a { padding: 30px 0; font-size: 2.8646vw; } #prodList .subject-box span { font-size: 3.1250vw; } #prodList .tc-box ul li:hover { box-shadow: none; } #prodList .tc-box ul li:not(:last-child) { margin-bottom: 140px; } #prodList .tc-box ul li a { flex-direction: column; } #prodList .tc-box ul li a > div { width: 62%; } #prodList .tc-box ul li .img-box { margin-bottom: 40px; } #prodList .tc-box ul li .info-box { text-align: left; padding-left: 20px; } #prodList .tc-box ul li .info-box .prod-name { margin-bottom: 40px; } #prodList .tc-box ul li .info-box .prod-name span { font-size: 2.6042vw; } #prodList .tc-box ul li .info-box .prod-info p { font-size: 2.6042vw; } #prodList .subject-box { margin-bottom: 40px; } #prodList .tc-box .tc-wrap:not(:last-child) { margin-bottom: 140px; } */ } @media screen and (max-width: 500px) { /* 새삼선유치원 검색 */ #search-box { margin-bottom: 30px; } #search-box input[type="text"] { height: 40px; font-size: 14px; } /* 새삼선유치원 갤러리 리스트 */ #gallery-section .list-box { margin-bottom: 15px; } #gallery-section .list-box ul li { margin-bottom: 20px; } #gallery-section .list-box .cont-box { padding: 15px; } #gallery-section .list-box ul li .thumb-box img { max-height: 28.5vh; } #gallery-section .list-box ul li .g-tit { font-size: 14px; margin-bottom: 20px; } #gallery-section .list-box ul li .g-txt { font-size: 12px; } /* 고려대초신뢰양자인터넷센터 공지사항 리스트 */ /* #noticeList table { margin-bottom: 40px; } #noticeList thead th { padding: 10px 1.5px; } #noticeList tbody td { padding: 15px 1.5px; } */ /* 새삼선 게시판 리스트 */ /* #serch-box { margin-bottom: 40px; } #serch-box .wrap { width: 80%; } #serch-box input[type="text"] { height: 40px; font-size: 14px; } */ #noticeList table { margin-bottom: 30px; } #noticeList tbody td { font-size: 14px; } #noticeList tbody td.left { padding: 20px 10px 15px; } #noticeList tbody td.left p { font-size: 12px; } /* #write-btn { margin-bottom: 30px; } #write-btn a { padding: 0 30px; line-height: 40px; font-size: 14px; } */ /* 탭 버튼 */ #tab-btnBox { margin-bottom: 30px; } #tab-btnBox ul li a { padding: 15px 0; font-size: 18px; } /* pagination */ #pagination > div:first-child { margin-right: 20px; } #pagination > div:first-child a:first-child { margin-right: 15px; } #pagination > div:last-child { margin-left: 20px; } #pagination > div:last-child a:first-child { margin-right: 15px; } #pagination .num > div .page-link { width: 30px; line-height: 30px; font-size: 14px; } /* 뷰페이지 */ #write-box .write-top .w-input input { font-size: 14px; padding: 0 15px; line-height: 40px; } #board_viewBox .view_title { padding: 20px 0 10px; padding-left: 10px; } #board_viewBox .view_title span { font-size: 12px; line-height: 1.4; } #board_viewBox .view_title .title { font-size: 18px; padding-bottom: 10px; } #board_viewBox .view_contents { padding: 10px; margin: 25px 0; } #board_viewBox .view_contents p { font-size: 14px; } #board_viewBox .list { margin-bottom: 30px; } #board_viewBox .list dl { padding: 10px; } #board_viewBox .list dl dt { font-size: 13px; width: 60px; } #board_viewBox .list dl dd { width: calc(100% - 60px); } #board_viewBox .list dl dd a { font-size: 13px; } #board_viewBox .toList_box a { font-size: 18px; padding: 15px 30px; } /* 호안건설 갤러리 페이지 */ /* #gallery-section .list-box ul li { margin-bottom: 35px; } #gallery-section .list-box ul li .cont-box { padding-top: 10px; } #gallery-section .list-box ul li .cont-box .g-tit { font-size: 12px; margin-bottom: 5px; } #gallery-section .list-box ul li .cont-box .g-txt { font-size: 16px; } */ /* 호안건설 글쓰기 페이지 */ /* #write-box .file-box { margin-bottom: 20px; } #write-box .file-box .f-tit { margin-bottom: 20px; font-size: 16px; } #write-box .file-box ul li { margin-bottom: 10px; } #write-box .file-box ul li .file-txt { width: 80px; } #write-box .file-box ul li .file-txt p { font-size: 14px; } #write-box .file-box ul li .file-input { width: calc(100% - 85px); } #write-box .file-input .fileAttach { width: 90%; } #write-box .file-input .fileAttach input[disabled] { width: 100%; font-size: 12px; } #write-box .btn-box .btn { line-height: 40px; padding: 0; width: 40%; margin-right: 10px; text-align: center; } */ /* 한진금속 제품 게시판 리스트 */ /* #prodList .tab-box { margin-bottom: 50px; } #prodList .tab-box > ul li a { padding: 15px 0; font-size: 15px; } #prodList .subject-box span { font-size: 17px; } #prodList .tc-box ul li:not(:last-child) { margin-bottom: 70px; } #prodList .tc-box ul li a > div { width: 100%; } #prodList .tc-box ul li .img-box { margin-bottom: 20px; } #prodList .tc-box ul li .info-box { text-align: left; padding-left: 10px; } #prodList .tc-box ul li .info-box .prod-name { margin-bottom: 20px; } #prodList .tc-box ul li .info-box .prod-name span { font-size: 14px; } #prodList .tc-box ul li .info-box .prod-info p { font-size: 14px; } #prodList .tc-box ul li .info-box .prod-info p:not(:last-child) { margin-bottom: 10px; } #prodList .subject-box { margin-bottom: 20px; } #prodList .tc-box .tc-wrap:not(:last-child) { margin-bottom: 70px; } */ } /* comment */ #comment-wrap{margin-bottom: 30px;} #comment-wrap > form{ background-color: #f2f2f2; padding: 70px 20px; } .cot-tit{ font-size: 18px; font-weight: 400; color: #000; padding-bottom: 30px; border-bottom: 1px solid #999999; } .cot-list{ padding: 30px 0; border-bottom: 1px solid #cccccc; } .c-writerBox .c-writer{ font-size: 14px; color: #666666; font-weight: 800; padding-bottom: 30px; } .c-commentBox{ padding-bottom: 30px; } .c-commentBox .c-comment{ font-size: 14px; line-height: 1.8; } .c-dateBox > span{ display: inline-block; vertical-align: middle; font-size: 14px; color: #999999; padding-right: 10px; } .cot-textAreaBox{ padding-top: 50px; padding-bottom: 30px; } .cot-textAreaBox .cta-tit{ font-size: 16px; color: #666666; font-weight: 600; padding-bottom: 20px; padding-left: 30px; } .cot-textAreaBox .cot-textArea{ width: 100%; height: 200px; background-color: #fff; padding: 30px; border: 1px solid #dddddd; border-radius: 50px; font-size: 14px; } .cot-textAreaBox .cot-textArea::placeholder{ color: #999999; } .cot-submit{ display: inline-block; font-size: 16px; color: #fff; font-weight: 700; padding: 20px 70px; background-color: #747474; border: none; border-radius: 50px; } @media screen and (max-width: 500px) { /* comment */ #comment-wrap > form{ padding: 35px 0; } .cot-tit{ padding-bottom: 15px; } .cot-list{ padding: 15px 0; } .c-writerBox .c-writer{ padding-bottom: 15px; } .c-commentBox{ padding-bottom: 15px; } .c-commentBox .c-comment{ line-height: 1.6; } .cot-textAreaBox{ padding-top: 25px; padding-bottom: 15px; } .cot-textAreaBox .cta-tit{ padding-bottom: 10px; padding-left: 15px; } .cot-textAreaBox .cot-textArea{ padding: 20px; } .cot-submit{ padding: 15px 50px; } }