/*===========================================================================
    사용자 페이지
============================================================================*/

* {box-sizing:border-box; margin:0; padding:0;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, i, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, menu, nav, section, video, a {border:0; outline:0; font-size:100%; color:#222; line-height:1;}
body {line-height:1; font-family: 'Poppins', 'Noto Sans KR', sans-serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ul, ol, li {list-style:none;}
strong {display: inline-block;}
a {margin:0; padding:0; font-size:100%; }
table {border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
p {line-height:1.5;}
.translation img {width: 100%}
input {outline:none;}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
button {cursor:pointer;}
a {text-decoration: none;}
textarea {resize: none;}
.col-group {display:flex;}
.container { width: 1260px; margin: 0 auto; padding: unset;}
.mb{display: none;}
@media ( max-width: 1024px ) {
	.container{max-width: 100%; padding: 0 10px;}
}
@media ( max-width: 768px ) {
	.pc{display: none;}
	.mb{display: block;}
	.mb-ct{padding: 0 10px;}
}
/* 버튼 */
.blue-btn{width: 150px; height: 50px; display: flex; border-radius: 5px; border: unset; background-color: #283f75; color: #fff; justify-content: center; align-items: center; font-size: 15px;}
.gray-btn{width: 150px; height: 50px; display: flex; border-radius: 5px; border: unset; background-color: #636363; color: #fff; justify-content: center; align-items: center; font-size: 15px; border: unset;}
a.blue-btn,a.gray-btn{color: #fff;}

.btn-group{display: flex; justify-content: center; gap: 10px;}
/* 팝업 */
.pop-up > div{z-index: 999; position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100vw; height: 100vh; display: none; backdrop-filter: blur(30px); background-color:rgba(0,0,0,.6);}
.pop-up > div.open{display: block;}
.pop-up .pop-box{display: flex; flex-direction: column; width: 608px; background-color: #fff; box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.31); border-radius: 20px; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%);}
.pop-up .pop-box .close{position: absolute; right: 30px; top: 30px; background-color: unset; border: unset;}
.pop-up .pop-box .close i{font-size: 40px; color: #707070;}
.pop-up .pop-box p{ word-break: keep-all;}
@media ( max-width: 768px ) {
	.pop-up .pop-box{width: 320px; border-radius: 5px;}
	.pop-up .pop-box .blue-btn{height: 40px; font-size: 13px;}
	.pop-up .pop-box .gray-btn{height: 40px; font-size: 13px;}
	.pop-up .pop-box {word-break: keep-all;}
	.pop-up .pop-box .close i{font-size: 25px;}
	.pop-up .pop-box .close{top: 15px; right: 15px;}
}

/* 공통 */
.translation {background-color: #eff2f7;}
.translation .top-banner{width: 100%; height: 350px; background-image: url(../images/translate/top-bg.png); background-size: cover; justify-content: space-between; flex-direction: column;}
.translation .top-banner div:first-child{text-align: center; height: calc(100% - 70px); gap: 20px; flex-direction: column; justify-content: center;}
.translation .top-banner div:first-child strong{font-size: 35px; letter-spacing: -0.88px;}
.translation .top-banner div:first-child strong span{color: #283f75; font-weight: bold;}
.translation .top-banner div:first-child p{font-size: 18px; letter-spacing: -0.45px;}
.translation .top-banner .top-menu{background-color: rgba(0, 0, 0, 0.6);}
.translation .top-banner .top-menu ul{ display: flex; height: 70px; gap: 3px;}
.translation .top-banner .top-menu ul li{width: calc((100% - 9px) / 4); background-color: rgba(0, 0, 0, 0.3);}
.translation .top-banner .top-menu ul li.now{background-color: #283f75;}
.translation .top-banner .top-menu ul li a{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;  color: #fff; font-size: 21px; font-weight: bold;}
.translation .top-banner .top-menu ul li.now a{color: #eff2f7;}
.translation .box1{background-color: #fff; padding: 30px; border-top: solid 3px #283f75; box-shadow: 10px 10px 10px 0 #d9dfe8;}
.translation .right{text-align: unset;}
.translation .left{text-align: unset;}
.translation .center{text-align: unset;}
.translation img{margin: unset;}
h2,h3,h4,h5{font-weight: bold;}
th{text-align: center;}

/* 메인 */
.translation.main h2{position: relative; font-size: 30px; color: #1f1f1f; letter-spacing: -0.75px; text-align: center;}
.translation.main h2::after{content: ''; position: absolute; width: 20px; height: 20px; background-color: #283f75; border-radius: 100%; left: 50%; top: -40px; transform: translateX(-50%);}
.translation.main .section1{padding: 140px 0 100px;}
.translation.main .section1 h2{margin-bottom: 30px; display: block;}
.translation.main .section1 ul{display: flex; gap: 20px; flex-wrap: wrap;}
.translation.main .section1 ul li{position: relative; width: calc((100% - 20px) / 2); height: 200px; border-radius: 20px; background-color: #fff; box-shadow: 10px 10px 10px 0 #d4dce9; display: flex; align-items: center;}
.translation.main .section1 ul li::before{content: ''; position: absolute; left: 182px; width: 2px; height: 125px; background-color: #283f75;}
.translation.main .section1 ul li img{width: 182px;}
.translation.main .section1 ul li div{padding: 0 30px;}
.translation.main .section1 ul li div h3{margin-bottom: 17.5px; font-size: 19px; color: #283f75;}
.translation.main .section1 ul li div p{font-size: 15px; color: #464646;}

.translation.main .section2{padding: 167px 0 210px; background-image: url(../images/translate/bg1.png); background-size: cover; overflow: hidden; position: relative;}
.translation.main .section2 .container{ display: flex; gap: 73px; position: relative;}
.translation.main .section2 .left {width: 180px; height: 450px;}
.translation.main .section2 .left h2{text-align: left; color: #fff; line-height: 1.5; margin-bottom: 30px;}
.translation.main .section2 .left h2::after{left: -28px; top: -20px; background-color: #ffc400;}
.translation.main .section2 .left p{font-size: 17px; color: #fff; letter-spacing: -0.5px; margin-bottom: 50px;}
.translation.main .section2 .left .control{width: 105px; height: 35px; display: flex; gap: 2px;}
.translation.main .section2 .left .control > div{width: calc(100% - 2px / 3); height: 100%; background-color: #283f75; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.translation.main .section2 .left .control > div i{color: #fff;}
.translation.main .section2 .left .free-btn{position: absolute; bottom: 0; width: 137px;height: 50px; display: flex; color: #fff; font-size: 17px; background-image: url(../images/translate/free.svg); background-size: cover;}

.translation.main .section2 .registration{position: absolute; bottom: -110px; left: 50%; transform: translateX(-50%); width: 230px; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #ffd500; color: #283f75; font-weight: bold; font-size: 17px; border-radius: 30px; box-shadow: 10px 10px 10px 0 #203360;}

.translation.main .section2 .right {position: absolute; left: calc(180px + 73px); width: calc((100% - 180px - 73px) + (100vw - 100%) / 2);}
.translation.main .section2 .right .mySwiper{padding-bottom: 10px; padding-right: 30px; position: relative;}
.translation.main .section2 .right .mySwiper .bg{position: absolute; right: 0; height: 500px; top: 0; width: 256px; background-image: linear-gradient(92deg, transparent 10%, #fff 99%); z-index: 2; transition: all 0.3s;}
.translation.main .section2 .right .swiper-slide{width: 500px; height: 450px; background-color: #fff; border-radius: 20px; box-shadow: 10px 10px 10px 0 #203360; padding: 30px;}
.translation.main .section2 .right .swiper-slide .hd{height: 100%;}
.translation.main .section2 .right .top{display: flex; align-items: center; padding-bottom: 15px; border-bottom: solid 1px #cecece; margin-bottom: 20px;}
.translation.main .section2 .right .top img{width: 50px; height: 50px; margin-right: 17px; border-radius: 100%;}
.translation.main .section2 .right .top .name {color: #464646; font-size: 17px; margin-right: 9px; letter-spacing: -0.43px; font-weight: bold;}
.translation.main .section2 .right .top p{font-size: 15px; letter-spacing: -0.75px;}
.translation.main .section2 .right .top .star i {color: #ffc400;}
.translation.main .section2 .right .top .star{margin-right: 5px; letter-spacing: -2.5px;}
.translation.main .section2 .right .center{padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #cecece;}
.translation.main .section2 .right .center ul li{font-size: 15px; margin-bottom: 20px;}
.translation.main .section2 .right .center ul li:last-child{margin-bottom: unset}
.translation.main .section2 .right .bottom{font-size: 15px;}
.translation.main .section2 .right .access{position: absolute; right: 20px; bottom: 30px;}

.translation.main .section3{padding: 140px 0 50px;}
.translation.main .section3 h2{margin-bottom: 47px; display: block;}
.translation.main .section3 .mySwiper2{padding: 0 27px; width: 100vw; max-width: 1920px;}
.translation.main .section3 .mySwiper2 .swiper-pagination{margin: 0 auto; position: relative; margin-top: 50px;}
.translation.main .section3 .mySwiper2 .swiper-pagination .swiper-pagination-bullet{width: 15px; height: 15px; margin-right: 15px;}
.translation.main .section3 .mySwiper2 .swiper-pagination .swiper-pagination-bullet:last-child{margin: 0;}
.translation.main .section3 .mySwiper2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #283f75;}
.translation.main .section3 .postscript {padding-bottom: 18px;}
.translation.main .section3 .postscript > div{width: 286px; height: 435px; padding: 40px 20px 50px; position: relative;}
.translation.main .section3 .postscript > div:nth-child(2n){margin-top: 116px;}
.translation.main .section3 .postscript > div p {position: relative; font-size: 15px; line-height: 1.6; height: 213px; margin-bottom: 40px; 
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  white-space: normal;
  height: 14.4em;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;}
.translation.main .section3 .postscript > div .bg{position: absolute; left: 0; top: 0; width: 108%; height: 108%; max-width: unset; z-index: -1;}
.translation.main .section3 .postscript > div .user{display: flex; position: relative; gap: 27.5px;}
.translation.main .section3 .postscript > div .user::before{content: ''; position: absolute; top: -20px; width: 100%; height: 1px; background-color: #cecece;}
.translation.main .section3 .postscript > div .user-img{width: 70px; border-radius: 100%;}
.translation.main .section3 .postscript > div .user .right{display: flex; flex-direction: column; justify-content: center; gap: 7px;}
.translation.main .section3 .postscript > div .user .name{font-size: 17px; font-weight: bold;}
.translation.main .section3 .postscript > div .user .star{letter-spacing: -2.5px; margin-right: 8px;}
.translation.main .section3 .postscript > div .user .star i{color: #ffc400;}


.translation.main .section4{padding: 140px 0 100px; background-color: #fff;}
.translation.main .section4 h2{margin-bottom: 43px; display: block;}
.translation.main .section4 ul li{overflow: hidden; border-radius: 10px; box-shadow: 5px 5px 6px 0 rgba(116, 116, 116, 0.14); border: solid 1px #d9d9d9; margin-bottom: 20px;}
.translation.main .section4 ul li:last-child{margin-bottom: unset;}
.translation.main .section4 ul li.open{border: 2px solid #0064a2;}
.translation.main .section4 .question{position: relative; height: 66px; display: flex; align-items: center; padding-left:32px; cursor: pointer;}
.translation.main .section4 .question h3 {font-size: 19px; font-weight: unset;}
.translation.main .section4 .question span{margin-right: 13px; color: #0064a2; font-weight: bold;}
.translation.main .section4 .question i{position: absolute; font-size: 42px; color: #d1d1d1; right: 20px;}
.translation.main .section4 ul li.open .question i{transform: rotate(0.5turn);}
.translation.main .section4 .answer{background-color: #eff2f7; padding: 30px 33px 48px; display: none;}
.translation.main .section4 .answer span{line-height: 1.5; color: #ffb56a; font-size: 18px; font-weight: bold; margin-right: 13px;}
.translation.main .section4 .answer p{font-size: 19px; letter-spacing: -0.5px;}

/* 의뢰요청 */
.request .section1{padding: 50px 0;}
.request .section1 .tab1{height: 50px; display: flex; border-top: 2px solid #283f75;}
.request .section1 .tab1 li{width: calc(100% / 9); display: flex; align-items: center; justify-content: center; background-color: #f7f7f7; font-size: 15px; cursor: pointer;}
.request .section1 .tab1 li.choice{background-color: #fff; color: #283f75; font-weight: bold;}
.request .section1 .content1{background-color: #fff; padding: 20px;}
.request .section1 .content1 > ul{display: none; flex-wrap: wrap; gap: 20px 0;}
.request .section1 .content1 > ul.choice{display: flex;}
.request .section1 .content1 > ul li{width: calc(100% / 5);}
.request .section1 .content1 > ul li input[type=checkbox]{width: 15px; height: 15px; margin-right: 10px;}
.request .section1 .content1 > ul li label{font-size: 15px;}
.request .section2{padding-bottom: 100px;}
.request .section2 .tab2{height: 60px; display: flex; margin-bottom: 50px;}
.request .section2 .tab2 li{width: calc(100% / 4); display: flex; align-items: center; justify-content: center; font-size: 17px; color: #979797; background-color: #dbdbdb; cursor: pointer; border-right: 1px solid #c8c8c8; border-bottom: 2px solid #283f75;}
.request .section2 .tab2 li:last-child{border-right: unset;}
.request .section2 .tab2 li.choice{background-color: transparent; border: 2px solid #283f75; border-bottom: unset; color: #283f75; font-weight: bold;}
.request .section2 .content2 > div{display: none;}
.request .section2 .content2 > div.choice{display: block;}
.request .section2 .content2 table{width: 100%;}
.request .section2 .content2 thead{border-top: solid 3px #283f75; height: 50px; background-color: #f7f7f7; font-size: 15px;}
.request .section2 .content2 thead tr th{font-weight: unset;}
.request .section2 .content2 tbody {text-align: center; background-color: #fff;}
.request .section2 .content2 tbody tr{height: 70px; border-bottom: solid 1px #e8e8e8;}
.request .section2 .content2 tbody tr td{font-size: 15px;}
.request .section2 .content2 tbody tr td:nth-child(2){text-align: left; padding-left: 15px;}
.request .section2 .content2 tbody tr td:nth-child(2) a{display: inline-block; margin-bottom: 6px; width: 450px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.request .section2 .content2 tbody tr td:nth-child(2) p span{color: #b8b8b8;}
.request .section2 .content2 tbody tr td:nth-child(2) p i{color: #b8b8b8; margin-left: 8px;}
.request .section2 .content2 tbody tr td:nth-child(4).red{color: #cf3333;}
.request .section2 .content2 tbody tr td .date{display: inline-block; margin-bottom: 8px;}
.request .section2 .content2 tbody tr td:nth-child(7) span{display: inline-block; width: 37px; height: 35px; line-height: 35px; background-color: #b4b4b4; border-radius: 5px; color: #fff; font-weight: bold;}
.request .section2 .content2 tbody tr td:nth-child(8) span{display: inline-block; width: 77px; height: 35px; line-height: 35px; background-color: #cf3333; border-radius: 5px; color: #fff;}
.request .section2 .content2 tbody tr td:nth-child(8) span.gray{background-color: #636363;}
.request .section2 .content2 tbody tr td:nth-child(8) span.blue{background-color: #283f75;}
.request .section2 .content2 .page{height: 83px; background-color: #fff; display: flex; align-items: center; justify-content: center;}
.request .section2 .content2 .page ul{display: flex; gap: 12px;}
.request .section2 .content2 .page li a{width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; font-size: 15px; border: solid 1px #333; opacity: 0.3;}
.request .section2 .content2 .page li a.now{background-color: #333333; color: #fff; opacity: unset;}
.request .section2 .content2 .page li i{font-size: 28px;}

/* 의뢰인 화면 */
.request-page h2{font-size: 17px; color: #283f75; margin: 50px 0 20px;}
.request-page section .box1{background-color: #fff; padding: 30px; border-top: solid 3px #283f75; box-shadow: 10px 10px 10px 0 #d9dfe8;}
.request-page .section1{margin-bottom: 50px;}
.request-page .section1 h3{font-size: 25px; display: flex; align-items: center; margin-bottom: 10px;}
.request-page .section1 h3 span{font-size: 15px; text-align: center; display: inline-block; width: 77px; height: 35px; line-height: 35px; background-color: #cf3333; border-radius: 5px; color: #fff; margin-left: 15px;}
.request-page .section1 .route{margin-bottom: 30px;}
.request-page .section1 .route span{color: #8e8e8e;}
.request-page .section1 .route i{color: #8e8e8e; margin-left: 8px;}
.request-page .section1 .information{padding-top: 30px; border-top: 1px solid #bababa; margin-bottom: 30px;}
.request-page .section1 .information ul{display: flex; flex-wrap: wrap; border: solid 1px #c9c9c9; border-bottom: unset;}
.request-page .section1 .information ul li{width: calc(100% / 2); height: 43px; display: flex; align-items: center; border-bottom: solid 1px #c9c9c9; border-right: solid 1px #c9c9c9;}
.request-page .section1 .information ul li:nth-child(2n){border-right: unset;}
.request-page .section1 .information ul li > span{display: flex; align-items: center; justify-content: center; background-color: #f9f9f9; height: 100%; width: 126px; font-size: 15px; font-weight: bold;}
.request-page .section1 .information ul li > p{font-size: 15px; padding-left: 20px; color: #636363; width: calc(100% - 126px);}
.request-page .section1 .information ul li > p.red{color: #cf3333; font-weight: bold;}
.request-page .section1 .explanation{padding-top: 30px; border-top: 1px solid #bababa; margin-bottom: 30px;}
.request-page .section1 .explanation > div{padding: 30px; border: solid 1px #c9c9c9;}
.request-page .section1 .explanation h4{margin-bottom: 20px; font-size: 21px;}
.request-page .section1 .explanation p{letter-spacing: -0.75px; color: #636363; font-size: 15px;}
.request-page .section1 .file{background-color: #f6f6f6; padding: 30px; border: solid 1px #c9c9c9; margin-bottom: 50px;}
.request-page .section1 .file h4{font-size: 18px; margin-bottom: 20px;}
.request-page .section1 .file ul{display: flex; flex-direction: column; gap: 10px;}
.request-page .section1 .file ul li{height: 35px; background-color: #fff; display: flex; align-items: center; padding-left: 10px;}
.request-page .section1 .file ul li i{margin-right: 5px; font-size: 20px;}
.request-page .section1 .file ul li a{font-size: 15px;}
.request-page .section1 .btn-group{display: flex; justify-content: center; margin-bottom: 20px;}
.request-page .section1 .btn-group .blue-btn{width: 150px; height: 50px;}

.request-page .section2 {padding-bottom: 100px;}
.request-page .section2 .box1{padding: 0 30px;}
.request-page .section2 .top{position: relative; height: 100px; display: flex; align-items: center;}
.request-page .section2 .top h3{color: #283f75; font-size: 25px;}
.request-page .section2 .top .tg-btn{border: unset; background-color: unset; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.request-page .section2 .top .tg-btn i{font-size: 50px; color: #283f75;}
.request-page .section2 .top .tg-btn i.close{transform: rotate(0.5turn);}
.request-page .section2 .bottom {padding-bottom: 30px;}
.request-page .section2 .care{background-color: #eff3f8; padding: 30px; margin-bottom: 30px;}
.request-page .section2 .care strong{margin-bottom: 22px; font-size: 18px;}
.request-page .section2 .care ul{display: flex; flex-direction: column; gap: 10px;}
.request-page .section2 .care ul li{font-size: 15px; letter-spacing: -0.75px; color: #333; padding-left: 14px; position: relative;}
.request-page .section2 .care ul li::before{content: "·"; margin-right: 10px; position: absolute; left: 0;}
.request-page .section2 .breakdown{margin-bottom: 30px;}
.request-page .section2 .order{display: flex; gap: 20px; margin-bottom: 20px;}
.request-page .section2 .order button{color: #c8c8c8; font-size: 15px; font-weight: bold; background-color: #fff; border: unset;}
.request-page .section2 .order button i{color: #c8c8c8; font-size: 15px; margin-left: 5px;}
.request-page .section2 .order button.check{color: #283f75;}
.request-page .section2 .order button.check i{color: #283f75;}

.request-page .section2 .breakdown ul{display: flex; flex-direction: column; gap: 20px;}
.request-page .section2 .breakdown ul li{padding: 20px 20px 40px; border-radius: 10px; border: solid 1px #e2e2e2; position: relative;}
.request-page .section2 .breakdown ul li .user {margin-bottom: 10px; display: flex; align-items: center; gap: 20px;}
.request-page .section2 .breakdown ul li .user .name{ font-weight: bold; font-size: 18px; position: relative;}
.request-page .section2 .breakdown ul li .user .name::after{content: ''; width: 2px; height: 20px; background-color: #a8a8a8; position: absolute; right: -10px; top: 50%; transform: translateY(-50%);}
.request-page .section2 .breakdown ul li .user .day{font-size: 15px; color: #afafaf;}
.request-page .section2 .breakdown ul li .introduction{padding-top: 20px; border-top: solid 1px #e2e2e2; font-size: 15px; color: #636363; letter-spacing: -0.75px;}
.request-page .section2 .breakdown ul li .bid-price{position: absolute; right: 17px; top: 10px; display: flex; align-items: center;}
.request-page .section2 .breakdown ul li .bid-price strong{font-size: 15px; margin-right: 10px;}
.request-page .section2 .breakdown ul li .bid-price .price{display: inline-block; width: 120px; height: 30px; padding-right: 10px; margin-right: 10px; text-align: right; line-height: 30px; background-color: #f9f9f9; color: #283f75; font-size: 15px;}
.request-page .section2 .breakdown ul li .bid-price p{display: flex; align-items: center; font-size: 13px; margin-right: 20px;}
.request-page .section2 .breakdown ul li .bid-btn{width: 103px; height: 33px; font-weight: bold; display: flex; align-items: center; justify-content: center; font-size: 15px; background-color: #ffd500; color: #283f75; border-radius: 17px;}
.request-page .section2 .page button{width: 100%; height: 50px; color: #283f75; font-size: 15px; font-weight: bold; background-color: #fff; border: solid 2px #283f75; border-radius: 5px;}
.request-page .section2 .page button i{color: #283f75;}

.request-page .pop-up .pop-cancel .pop-box{padding: 50px 30px;}
.request-page .pop-up .pop-cancel h4{font-size: 30px; color: #283f75; letter-spacing: -1.5px; margin-bottom: 50px;}
.request-page .pop-up .pop-cancel p{font-size: 17px; padding: 50px 0; border-top: solid 1px #cecece; border-bottom: solid 1px #cecece; margin-bottom: 46px;}
.request-page .pop-up .pop-bid .pop-box{padding: 50px;}
.request-page .pop-up .pop-bid p:nth-child(1){padding: 27px 0 30px; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; font-weight: bold; font-size: 17px; margin-bottom: 30px; letter-spacing: -0.43px;}
.request-page .pop-up .pop-bid p:nth-child(1) span{color: #283f75;}
.request-page .pop-up .pop-bid p:nth-child(2){font-size: 15px; border-radius: 10px; background-color: #f5f5f5; padding: 21px 0; margin-bottom: 20px; letter-spacing: -0.38px;}
.request-page .pop-up .pop-bid p:nth-child(2) span{color: #283f75; font-weight: bold;}
.request-page .pop-up .pop-bid p:nth-child(3){color: #a8a8a8; font-size: 15px; letter-spacing: -0.38px; margin-bottom: 50px;}
.request-page .pop-up .pop-bid .gray-btn{width: 100px; height: 50px;}

@media ( max-width: 768px ) {
  
}
/* 프리랜서 VEIW */
.request-page.freelancer-veiw .file{margin: unset;}

.freelancer-veiw .section2 .breakdown > .make{margin-bottom: 30px;}
.freelancer-veiw .section2 .breakdown .make{padding: 30px 20px 20px; border-radius: 10px; border: solid 1px #283f75; position: relative;}
.freelancer-veiw .section2 .breakdown .make .user {margin-bottom: 10px; display: flex;}
.freelancer-veiw .section2 .breakdown .make .user .name{margin-right: 20px; font-weight: bold; font-size: 18px; position: relative;}
.freelancer-veiw .section2 .breakdown .make .user .name::after{content: ''; width: 2px; height: 20px; background-color: #a8a8a8; position: absolute; right: -10px; top: 50%; transform: translateY(-50%);}
.freelancer-veiw .section2 .breakdown .make .user .day{font-size: 15px; color: #afafaf;}
.freelancer-veiw .section2 .breakdown .make textarea{width: 100%; height: 140px; outline: unset; border: unset; background-color: #f9f9f9; padding: 10px; font-size: 15px; margin-bottom: 18px;}
.freelancer-veiw .section2 .breakdown .make textarea::placeholder{color: #e5e5e5; font-family: 'Poppins', 'Noto Sans KR', sans-serif;}
.freelancer-veiw .section2 .breakdown .make .blue-btn{border-radius: 18px; width: 137px; height: 35px; color: #fff;}
.freelancer-veiw .section2 .breakdown .make .bid-price{position: absolute; right: 17px; top: 20px; display: flex; align-items: center;}
.freelancer-veiw .section2 .breakdown .make .bid-price strong{font-size: 15px; margin-right: 10px;}
.freelancer-veiw .section2 .breakdown .make .bid-price p{display: flex; align-items: center; font-size: 13px; margin-right: 20px;}
.freelancer-veiw .section2 .breakdown .make .bid-price input[type="number"]{display: inline-block; width: 120px; height: 30px; padding-right: 10px; margin-right: 10px; text-align: right; line-height: 30px; background-color: #e0f0fa; color: #283f75; font-size: 15px; border: unset;}
.freelancer-veiw .section2 .breakdown .make .bid-price input[type="number"]::placeholder{color: #c7c7c7;}
.freelancer-veiw .section2 .breakdown ul li .user .correction{color: #afafaf; font-size: 15px; position: relative; margin-left: 20px;}
.freelancer-veiw .section2 .breakdown ul li .user .correction::before{content: ''; position: absolute; left: -10px; height: 20px; width: 2px; background-color: #a8a8a8; top: 50%; transform: translateY(-50%);}
.freelancer-veiw .section2 .breakdown ul li .user .btn i{font-size: 20px; color: #d1d1d1;}
.freelancer-veiw .section2 .breakdown ul li .user .btn{display: flex; gap: 10px;}

/* 의뢰번역창 생성 */
.request-page.process .file{margin: unset;}
.request-page.process .box1{margin-bottom: 50px;}
.request-page.process .box1.talk{margin-bottom: unset;}
.request-page.process .talk .breakdown .make{padding: 30px 20px 20px; border: 1px solid #283f75; border-radius: 10px; margin-bottom: 20px;}
.request-page.process .talk .breakdown .make .user {margin-bottom: 8px;}
.request-page.process .talk .breakdown .make .user .name{margin-right: 20px; font-weight: bold; font-size: 18px; position: relative;}
.request-page.process .talk .breakdown .make .user .name::after{content: ''; width: 2px; height: 20px; background-color: #a8a8a8; position: absolute; right: -10px; top: 50%; transform: translateY(-50%);}
.request-page.process .talk .breakdown .make .user .day{font-size: 15px; color: #afafaf;}
.request-page.process .talk .breakdown .make textarea{width: 100%; height: 140px; outline: unset; border: unset; background-color: #f9f9f9; padding: 10px; font-size: 15px; margin-bottom: 18px;}
.request-page.process .talk .breakdown .make textarea::placeholder{color: #e5e5e5;}
.request-page.process .talk .breakdown .make .upload-wrap{display: flex; justify-content: space-between; gap: 20px;}
.request-page.process .talk .breakdown .make .upload-wrap > .blue-btn{width: 137px; height: 57px; border: solid 2px #283f75; background-color: #fff; color: #283f75;}
.request-page.process .talk .breakdown .make .upload-wrap .upload{width: calc(100% - 20px - 137px); display: flex; border: solid 1px #e4e4e4; align-items: center; padding: 10px; gap: 10px;}
.request-page.process .talk .breakdown .make .upload-wrap .upload input{display: none;}
.request-page.process .talk .breakdown .make .upload-wrap .upload label{width: 123px; height: 36px; cursor: pointer;}
.request-page.process .talk .breakdown .make .upload-wrap .upload .file{position: relative; width: calc(100% - 123px - 10px); background-color: #f5f5f5; display: flex; height: 36px; align-items: center; justify-content: space-between; padding-left: 10px; padding-right: 40px;}
.request-page.process .talk .breakdown .make .upload-wrap .upload .file button{position: absolute; right: 9px; background-color: transparent; border: unset;}
.request-page.process .talk .breakdown .make .upload-wrap .upload .file button i{font-size: 27px; opacity: 0.6;}
.request-page.process .talk .breakdown .make .upload-wrap .upload .file span{opacity: 0.6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.request-page.process .talk .breakdown .make .upload-wrap .upload .file p{opacity: 0.6;}
.request-page.process .talk .breakdown ul{gap: 40px;}
.request-page.process .talk .breakdown ul li{padding: 20px;}
.request-page.process .talk .breakdown ul li.my{border-color: #283f75; position: relative;}
.request-page.process .talk .breakdown ul li.my::before{content: ''; position: absolute; right: 50px; bottom: -28px; background-image: url(../images/translate/pin-2.png); background-size: contain; background-repeat: no-repeat; width: 50px; height: 28px;}
.request-page.process .talk .breakdown ul li.you::after{content: ''; position: absolute; left: 50px; bottom: -28px; background-image: url(../images/translate/pin-1.png); background-size: contain; background-repeat: no-repeat; width: 50px; height: 28px;}
.request-page.process .talk .breakdown ul li .download{height: 45px; display: flex; justify-content: space-between; align-items: center; background-color: #f9f9f9; padding-left: 20px; padding-right: 6px;}
.request-page.process .talk .breakdown ul li .download span{font-size: 15px; color: #505050; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: calc(100% - 103px);}
.request-page.process .talk .breakdown ul li .download .gray-btn{width: 103px; height: 33px; color: #fff;}
.request-page.process .talk .breakdown ul li .introduction{margin-bottom: 20px;}
.request-page.process .talk .bottom > .btn-group{gap: 15px; position: relative;}
.request-page.process .talk .bottom > .btn-group a{width: 173px; height: 45px; font-size: 18px; border-radius: 23px; color: #fff;}
.request-page.process .talk .bottom > .btn-group .gray-btn{position: relative;}
.request-page.process .talk .bottom > .btn-group .gray-btn:hover ~ .warning{display: flex;}
.request-page.process .talk .bottom > .btn-group .warning{color: #fff; position: absolute; width: 264px; height: 60px; background-image: url(../images/translate/balloon1.svg); background-repeat: no-repeat; position: absolute; padding-left: 24px; font-size: 15px; display: none; align-items: center; left: 140px; top: 50%; transform: translateY(-50%);}
.request-page.process .pop-box{padding: 60px 20px 30px;}
.request-page.process .pop-box i.xi-check-circle{font-size: 40px; color: #283f75; margin-bottom: 20px;}
.request-page.process .pop-box h4{font-size: 25px; color: #283f75; margin-bottom: 20px;}
.request-page.process .pop-box p{font-size: 15px; color: #b1b1b1; margin-bottom: 50px;}
.request-page.process .pop-box p span{font-weight: bold; color: #b1b1b1;}
.request-page.process .pop-correction .btn-group a{width: 120px;}
.request-page.process .pop-completion .pop-box{width: 685px;}
.request-page.process .pop-completion .appraisal{padding: 20px; border-radius: 10px; border: solid 2px #283f75;}
.request-page.process .pop-completion .appraisal h5{font-size: 20px; margin-bottom: 20px;}
.request-page.process .pop-completion .appraisal .user{display: flex; align-items: center; gap: 20px; margin-bottom: 10px; padding-top: 45px; border-top: 1px solid #dedede;}
.request-page.process .pop-completion .appraisal .user p{margin: unset; display: flex; gap: 16px; align-items: center; position: relative;}
.request-page.process .pop-completion .appraisal .user p::before{content: ''; position: absolute; left: -10px; width: 2px; height: 100%; background-color: #a8a8a8;}
.request-page.process .pop-completion .appraisal .user p::after{content: ''; position: absolute; right: -10px; width: 2px; height: 100%; background-color: #a8a8a8;}
.request-page.process .pop-completion .appraisal .user .name{font-size: 18px; font-weight: bold; color: #333; letter-spacing: -0.9px;}
.request-page.process .pop-completion .appraisal .user .star i{color: #ffc400; font-size: 20px; letter-spacing: -4px;}
.request-page.process .pop-completion .appraisal .user .day{color: #afafaf; font-size: 15px; letter-spacing: -0.75px;}
.request-page.process .pop-completion .appraisal textarea{width: 100%; height: 140px; margin-bottom: 20px; border: unset; outline: unset; padding: 8px 12px; background-color: #f8f8f8;}
.request-page.process .pop-completion .appraisal textarea::placeholder{color: #e5e5e5;}

/* 프리랜서 현황 */
.free-present h2{margin-top: 50px; font-size: 17px; color: #283f75;}
.free-present .free-list > ul{display: flex; gap: 30px; flex-wrap: wrap; margin-bottom: 50px;}
.free-present .free-list > ul > li{cursor: pointer; width: calc((100% - 60px) / 3); height: 458px; padding: 30px 20px 40px; border-radius: 20px; box-shadow: 10px 10px 10px 0 #d4dce6; background-color: #fff;}
.free-present .user{display: flex; align-items: center; padding-bottom: 15px; border-bottom: solid 1px #cecece; margin-bottom: 20px;}
.free-present .user img{width: 50px; height: 50px; margin-right: 17px; border-radius: 100%;}
.free-present .user .name {color: #464646; font-size: 17px; font-weight: bold; margin-right: 9px; letter-spacing: -0.43px;}
.free-present .user p{font-size: 15px; letter-spacing: -0.75px;}
.free-present .user p i {color: #ffc400;}
.free-present .user .star{margin-right: 5px; letter-spacing: -2.5px;}
.free-present .free-list > ul > li .hd{height: 100%;}
.free-present .free-list > ul > li .top{padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #cecece;}
.free-present .free-list > ul > li .top ul li{font-size: 15px; margin-bottom: 10px;}
.free-present .free-list > ul > li .top ul li:last-child{margin-bottom: unset}
.free-present .free-list > ul > li .center{font-size: 15px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #cecece;}
.free-present .free-list > ul > li .bottom{font-size: 14px;}
.free-present .free-list .page{display: flex; align-items: center; justify-content: center;}
.free-present .free-list .page ul{display: flex; gap: 12px;}
.free-present .free-list .page li a{width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; font-size: 15px; border: solid 1px #333; opacity: 0.3;}
.free-present .free-list .page li a.now{background-color: #333333; color: #fff; opacity: unset;}
.free-present .free-list .page li i{font-size: 28px;}

.free-present .pop-free .pop-box {width: 768px; max-height: calc(100vh - 100px); padding: unset; text-align: unset;}
.free-present .pop-free h4{color: #283f75; margin-bottom: 10px; font-size: 15px;}
.free-present .pop-free .pop-box > div{max-height: calc(100vh - 170px); overflow: auto; padding: 35px 25px;}
.free-present .pop-free .pop-box > div > ul > li{padding-bottom: 15px; border-bottom: solid 1px #cecece; margin-bottom: 20px;}
.free-present .pop-free .pop-box > div > ul > li:nth-child(4) span{margin-right: 30px;}
.free-present .pop-free .postscript li{padding: 20px; border-radius: 10px; background-color: #f6f6f6; margin-bottom: 10px;}
.free-present .pop-free .postscript li > p{font-size: 14px;}
.free-present .pop-free .postscript .user{margin-bottom: 15px; padding: 0; border: unset;}
.free-present .pop-free .postscript .user > p span:nth-child(3){margin-left: 14px; color: #aaaaaa;}
.free-present .pop-free .pop-box > div::-webkit-scrollbar{display: none;}

/* 의뢰등록 */
.registration h2{margin: 50px 0 20px; color: #283f75; font-size: 17px;}
.registration .section1{padding-bottom: 100px;}
.registration .section1 .box1{padding: 70px 65px; position: relative; margin-bottom: 50px;}
.registration .section1 h3{color: #283f75; font-size: 30px; text-align: center; margin-bottom: 50px; display: block;}
.registration .section1 .compulsory{position: absolute; right: 65px; top: 90px; color: #979797;}
.registration .section1 .red{color: #cf3333;}
.registration .section1 .written{display: flex; gap: 20px; flex-wrap: wrap;}
.registration .section1 .written > li{display: flex; width: 100%;}
.registration .section1 .written > li .left{width: 150px; height: 60px; padding-left: 20px; border-top: 2px solid #333;}
.registration .section1 .written > li .left label{line-height: 60px; font-size: 15px; font-weight: bold; color: #333;}
.registration .section1 .written > li .right{width: calc(100% - 150px); display: flex; align-items: center; padding: 0 10px; border-top: 2px solid #d5d5d5;}
.registration .section1 .written > li .right p{font-size: 15px;}
.registration .section1 .written > li .right input[type="radio"]{display: none;}
.registration .section1 .written > li .right label{font-size: 15px; color: #c9c9c9; display: flex; align-items: center;}
.registration .section1 .written > li .right label i{font-size: 20px; color: #c9c9c9; margin-right: 12px;}
.registration .section1 .written > li .right label.ck{color: #000;}
.registration .section1 .written > li .right label.ck i{color: #000;}
.registration .section1 .written > li select{width: 100%; height: 40px; background-color: #f9f9f9; border: unset; outline: unset; padding: 0 10px; color: #c8c8c8;}
.registration .section1 .written > li input[type="text"]{width: 100%; height: 40px; border: unset; background-color: #f9f9f9; padding: 0 10px; font-size: 15px;}
.registration .section1 .written > li input::placeholder{color: #c9c9c9;}
.registration .section1 .written > li:nth-child(1) .right{padding-left: 20px;}
.registration .section1 .written > li:nth-child(3) .right{gap: 52px;}
.registration .section1 .written > li:nth-child(4) .right{flex-direction: column; align-items:unset; padding: unset;}
.registration .section1 .tab1{height: 50px; display: flex;}
.registration .section1 .tab1 li{width: calc(100% / 9); display: flex; align-items: center; justify-content: center; background-color: #f7f7f7; font-size: 15px; cursor: pointer;}
.registration .section1 .tab1 li.choice{background-color: #fff; color: #283f75; font-weight: bold; font-size: 14px;}
.registration .section1 .content1{background-color: #fff; padding: 20px;}
.registration .section1 .content1 > ul{display: none; flex-wrap: wrap; gap: 20px 0;}
.registration .section1 .content1 > ul.choice{display: flex;}
.registration .section1 .content1 > ul li{width: calc(100% / 5);}
.registration .section1 .content1 > ul li input[type=checkbox]{width: 15px; height: 15px; margin-right: 10px;}
.registration .section1 .written .content1 > ul li label{font-size: 13px;}
.registration .section1 .written > li:nth-child(5),.registration .section1 .written > li:nth-child(6),.registration .section1 .written > li:nth-child(7),
.registration .section1 .written > li:nth-child(8),.registration .section1 .written > li:nth-child(9),.registration .section1 .written > li:nth-child(10){width: calc((100% - 20px) / 2);}
.registration .section1 .written > li:nth-child(5) .right input{width: 203px; margin-right: 10px;}
.registration .section1 .written > li:nth-child(5) .right span{font-size: 15px; color: #c8c8c8; margin-right: 35px;}
.registration .section1 .written > li:nth-child(5) .right p.number{color: #004cff; font-size: 13px; text-decoration: underline; cursor: pointer;}
.registration .section1 .written > li .right input[type="date"]{width: 242px; height: 40px; margin-right: 10px; background-color: #fff;}
.registration .section1 .written > li .right input[type="time"]{width: calc(100% - 242px - 10px); height: 40px; background-color: #fff;}
.registration .section1 .written > li:nth-child(7) input,.registration .section1 .written > li:nth-child(8) input{border: solid 1px #e2e2e2; color: #cbcbcb; padding: 0 10px;}
.registration .section1 .written > li:nth-child(9) .right{gap: 30px;}
.registration .section1 .written > li:nth-child(11) .right{padding: 10px;}
.registration .section1 .written > li:nth-child(11) textarea{width: 100%; height: 174px; padding: 10px; background-color: #f9f9f9; outline: unset; border: unset;}
.registration .section1 .written > li textarea::placeholder{color: #c9c9c9;}
.registration .section1 .written > li:nth-child(12) .right{padding: 10px; flex-direction: column;}
.registration .section1 .written > li:nth-child(12) .file{width: 100%; height: 88px; position: relative; background-color: #f9f9f9; margin-bottom: 10px;}
.registration .section1 .written > li:nth-child(12) .file p{display: flex; position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%); color: #505050;}
.registration .section1 .written > li:nth-child(12) .file p input{display: none;}
.registration .section1 .written > li:nth-child(12) .file p label{color: #0044ff; text-decoration: underline; cursor: pointer; font-weight: bold; margin-left: 5px; line-height: 20px;}
.registration .section1 .written > li:nth-child(12) .file .eliminate{position: absolute; right: 0; top: 0; width: 40px; height: 40px; background-color: #8b8b8b; border: unset;}
.registration .section1 .written > li:nth-child(12) .file .eliminate img{width: 20px;}
.registration .section1 .written > li:nth-child(12) .file-plus{width: 100%; height: 40px; border: unset; background-color: #8b8b8b;}
.registration .section1 .written > li:nth-child(12) .file-plus i{font-size: 20px; color: #fff;}
.registration .section1 .btn-group a{width: 120px; color: #fff;}
.registration .pop-number .pop-box {padding: 45px 25px 25px; width: 768px; text-align: left;}
.registration .pop-number .pop-box h4{padding-left: 47px; font-size: 21px; color: #464646; position: relative; margin-bottom: 22px;}
.registration .pop-number .pop-box h4::before{content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 35px; height: 35px; background-image: url(../images/translate/t.png);}
.registration .pop-number .pop-box h5{color: #283f75; font-size: 15px; margin-bottom: 10px; padding-left: 10px;}
.registration .pop-number .pop-box ul{border-radius: 10px; background-color: #f5f5f5; padding: 20px;}
.registration .pop-number .pop-box ul li{font-size: 14px; line-height: 2.14; letter-spacing: -0.35px;}
.registration .pop-number .pop-box > div{padding: 20px 0;}
.registration .pop-number .pop-box .hwp{border-top: solid 1px #cecece; border-bottom: solid 1px #cecece;}
.registration .pop-number .pop-box .ms{border-bottom: solid 1px #cecece;}
.registration .pop-completion .pop-box{padding: 60px 20px 30px;}
.registration .pop-completion .pop-box i.xi-check-circle{font-size: 40px; color: #283f75; margin-bottom: 20px;}
.registration .pop-completion .pop-box h4{font-size: 25px; color: #283f75; margin-bottom: 20px;}
.registration .pop-completion .pop-box p{font-size: 15px; color: #b1b1b1; margin-bottom: 50px;}
.registration .pop-completion .pop-box p span{font-weight: bold; color: #b1b1b1;}
.registration .pop-completion .pop-box a{width: 120px; color: #fff;}


/* 모바일 */
@media ( max-width: 768px ) {
  .translation .top-banner{background-image: url(../images/translate/mb-top-bg.webp); background-size: cover; height: unset;}
  .translation .top-banner div:first-child{order: 2; height: 120px;}
  .translation .top-banner div:first-child strong{font-size: 21px; letter-spacing: -0.88px; line-height: 1.39;}
  .translation .top-banner div:first-child p{display: none;}
  .translation .top-banner .top-menu ul{height: 44px; padding: 0; gap: unset;}
  .translation .top-banner .top-menu ul li{width: calc(100% / 4); background-color: #fff;}
  .translation .top-banner .top-menu ul li a{color: #303030; font-weight: unset; font-size: 14px;}
  .translation .top-banner .top-menu ul li.now{background-color: #fff; border-bottom: 2px solid #283f75;}
  .translation .top-banner .top-menu ul li.now a{color: #283f75; font-weight: bold;}

  /* 메인 */
  .translation.main .container{padding: 0 20px;}
  .translation.main h2{font-size: 17px;}
  .translation.main h2::after{top: -30px; width: 15px; height: 15px;}
  .translation.main .section1{padding: 55px 0 50px;}
  .translation.main .section1 h2{margin-bottom: 20px;}
  .translation.main .section1 ul li{width: 100%; height: 130px;}
  .translation.main .section1 ul li::before{left: 85px; height: 85px;}
  .translation.main .section1 ul li img{width: 85px;}
  .translation.main .section1 ul li div{padding: 0 20px;}
  .translation.main .section1 ul li div h3{margin-bottom: 10px; font-size: 15px;}
  .translation.main .section1 ul li div p{font-size: 13px; letter-spacing: -0.25px;}

  .translation.main .section2{padding: 75px 0;}
  .translation.main .section2 .container{flex-direction: column; gap: unset;}
  .translation.main .section2 .left{height: auto; width: 100%; position: relative;}
  .translation.main .section2 .left h2{margin-bottom: 10px;}
  .translation.main .section2 .left h2::after{left: 0; top: -25px; transform: unset;}
  .translation.main .section2 .left p{margin-bottom: 20px; font-size: 15px;}
  .translation.main .section2 .left .control{position: absolute; right: 0; top: 435px; width: 75px; height: 25px;}
  .translation.main .section2 .left .registration{display: none;}
  .translation.main .section2 .left .free-btn{width: 96px; height: 35px; font-size: 13px; bottom: -390px;}
  .translation.main .section2 .right{position: unset; width: 100%;}
  .translation.main .section2 .right .mySwiper{padding-right: unset;}
  .translation.main .section2 .right .swiper-slide{width: 100%; max-width: 500px; padding: 20px; height:335px; max-height: 500px; box-shadow: unset;}
  .translation.main .section2 .right .swiper-slide > div{width: 100%; height: 100%; overflow: hidden;}
  .translation.main .section2 .right .top{padding-bottom: 10px; margin-bottom: 10px;}
  .translation.main .section2 .right .top img{width: 40px; height: 40px;}
  .translation.main .section2 .right .top .name{font-size: 15px;}
  .translation.main .section2 .right .top .star i{font-size: 13px;}
  .translation.main .section2 .right .top p{font-size: 13px;}
  .translation.main .section2 .right .center{margin-bottom: 10px; padding-bottom: 10px;}
  .translation.main .section2 .right .center ul li{font-size: 13px; margin-bottom: 10px;}
  .translation.main .section2 .right .bottom{font-size: 13px; line-height: 1.5; }
  .translation.main .section2 .right .access{left: 0; top: 0; width: 100%; height: 100%;}
  .translation.main .section2 .registration{display: none;}

  .translation.main .section3 .postscript > div p{font-size: 13px; height: 11.2em; -webkit-line-clamp: 7;}
  .translation.main .section3{padding: 75px 0 40px;}
  .translation.main .section3 h2{margin-bottom: 30px;}
  .translation.main .section3 .postscript > div{width: 200px; height: 325px; padding: 40px 20px 50px;}
  .translation.main .section3 .postscript > div:nth-child(2n){margin-top: 66px;}
  .translation.main .section3 .swiper-pagination{height: 3px; background-color: #c8c8c8;}
  .translation.main .section3 .swiper-pagination-progressbar-fill{background-color: #283f75; }
  .translation.main .section3 .postscript > div .user{gap: 10px;}
  .translation.main .section3 .postscript > div .user-img{width: 50px; height: 50px;}
  .translation.main .section3 .postscript > div .user .name{font-size: 15px;}
  .translation.main .section3 .postscript > div .user{font-size: 13px;}
  .translation.main .section3 .mySwiper2 .swiper-pagination{margin-top: 20px;}

  .translation.main .section4{padding: 53px 0 50px;}
  .translation.main .section4 h2{margin-bottom: 35px;}
  .translation.main .section4 .question{height: 50px; padding-left: 20px;}
  .translation.main .section4 .question h3{font-size: 15px;}
  .translation.main .section4 .question span{font-size: 15px;}
  .translation.main .section4 .question i{right: 10px; font-size: 30px;}
  .translation.main .section4 .answer{padding: 20px;}
  .translation.main .section4 .answer span{font-size: 15px;}
  .translation.main .section4 .answer p{font-size: 15px;}
  .translation.main .section4 ul li{margin-bottom: 10px;}

  /* 의뢰요청 */
  .request .section1{padding: 20px 0 0;}
  .request .section2{padding-top: 20px; padding-bottom: 50px;}
  .request .section2 .tab2{height: 40px; margin-bottom: 20px;}
  .request .section2 .tab2 li{font-size: 15px;}
  .request .section2 .content2 tbody tr{height: 75px;}
  .request .section2 .content2 thead tr th{display: none;}
  .request .section2 .content2 thead tr th:nth-child(2){display: table-cell; width: calc(100% - 80px);}
  .request .section2 .content2 thead tr th:nth-child(8){display: table-cell; width: 80px;}
  .request .section2 .content2 tbody tr td{display: none;}
  .request .section2 .content2 tbody tr td:nth-child(2){display: table-cell; width: calc(100% - 80px);}
  .request .section2 .content2 tbody tr td:nth-child(8){display: table-cell; width: 80px;}
  .request .section2 .content2 tbody tr td:nth-child(2) a{width: calc(100vw / 1.5);}
  .request .section2 .content2 tbody tr td:nth-child(2) p{font-size: 13px;}
  .request .section2 .content2 tbody tr td:nth-child(8) span{width: 63px; height: 31px; line-height: 31px; font-size: 13px;}
  .request .section2 .content2 .page{background-color: unset; height: auto; margin-top: 50px;}


  .request-page h2{margin: 20px 0;}
  .request-page section .box1{padding: 20px 10px; position: relative;}
  .request-page .section1{margin-bottom: 20px;}
  .request-page .section1 h3{font-size: 15px; width: calc(100vw / 1.6); line-height: 1.5;}
  .request-page .section1 h3 span{width: 63px; height: 31px; line-height: 31px; font-size: 13px; position: absolute; right: 20px; top: 20px;}
  .request-page .section1 .route{font-size: 13px; margin-bottom: 20px;}
  .request-page .section1 .information{padding-top: 20px; margin-bottom: 20px;}
  .request-page .section1 .information ul li{width: 100%; border-right: unset;}
  .request-page .section1 .information ul li > span{font-size: 13px; justify-content: flex-start; padding-left: 20px;}
  .request-page .section1 .information ul li > p{font-size: 13px;}
  .request-page .section1 .explanation{padding-top: 20px; margin-bottom: 20px;}
  .request-page .section1 .explanation > div{padding: 20px;}
  .request-page .section1 .explanation h4{font-size: 15px; margin-bottom: 10px;}
  .request-page .section1 .explanation p{font-size: 13px;}
  .request-page .section1 .file{padding: 20px; margin-bottom: 20px;}
  .request-page .section1 .file h4{font-size: 15px; margin-bottom: 10px;}
  .request-page .section1 .file ul li i{font-size: 13px;}
  .request-page .section1 .file ul li a{font-size: 13px; width: calc(100% - 18px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
  .request-page .section1 .btn-group{margin-bottom: unset;}
  .request-page .section1 .btn-group .blue-btn{width: 90px; height: 40px; font-size: 13px;}
  .request-page .section2 .box1{padding: 0 10px;}
  .request-page .section2 .top{height: 65px;}
  .request-page .section2 .top h3{font-size: 18px}
  .request-page .section2 .top .tg-btn i{font-size: 23px;}
  .request-page .section2 .care{padding: 20px 10px;}
  .request-page .section2 .care strong{font-size: 15px; margin-bottom: 10px;}
  .request-page .section2 .care ul li{font-size: 13px; padding-left: 13px; line-height: 1.6;}
  .request-page .section2 .breakdown{margin-bottom: 20px;}
  .request-page .section2 .breakdown ul li{padding: 20px;}
  .request-page .section2 .breakdown ul li .user{align-items: flex-start; flex-direction: column; gap: 8px;}
  .request-page .section2 .breakdown ul li .user .name{font-size: 15px; margin: unset;}
  .request-page .section2 .breakdown ul li .user .name::after{display: none;}
  .request-page .section2 .breakdown .order{margin-bottom: 10px; gap: 10px;}
  .request-page .section2 .breakdown .order button{font-size: 13px;}
  .request-page .section2 .breakdown .order button i{font-size: 13px;}
  .request-page .section2 .breakdown ul li .introduction{font-size: 13px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #e2e2e2;}
  .request-page .section2 .breakdown ul li .bid-price{position: relative; right: unset; top: unset; justify-content: space-between; flex-wrap: wrap;}
  .request-page .section2 .breakdown ul li .bid-price strong{font-size: 13px;}
  .request-page .section2 .breakdown ul li .bid-price p{margin: unset;}
  .request-page .section2 .breakdown ul li .bid-price .price{width: 150px; height: 30px; font-size: 13px;}
  .request-page .section2 .breakdown ul li .bid-price .bid-btn{width: 100%; margin-top: 30px; position: relative; height: 35px; font-size: 13px;}
  .request-page .section2 .breakdown ul li .bid-price .bid-btn::before{content: ''; position: absolute; top: -20px; width: 100%; height: 1px; background-color: #e2e2e2;}
  

  .request-page .section2 .breakdown ul li .user .day{font-size: 13px;}

  .freelancer-veiw .section2 .breakdown ul li .user .day{font-size: 13px;}
  .freelancer-veiw .section2 .breakdown ul li .user .correction{font-size: 13px;}
  .freelancer-veiw .section2 .breakdown ul li .user .correction::before{height: 13px;}
  .freelancer-veiw .section2 .breakdown ul li .user .btn{position: absolute; right: 20px;}
  .freelancer-veiw .section2 .breakdown .make .bid-price{position: relative; right: unset; top: unset;}
  .freelancer-veiw .section2 .breakdown .make .user .name::after{display: none;}
  .freelancer-veiw .section2 .breakdown .make .bid-price{justify-content: space-between; padding-top: 10px; margin-bottom: 20px; padding-bottom: 10px; border-top: solid 1px #e2e2e2; border-bottom: solid 1px #e2e2e2;}
  .freelancer-veiw .section2 .breakdown .make .bid-price p{margin: 0;}
  .freelancer-veiw .section2 .breakdown .make .blue-btn{width: 100%; height: 35px; font-size: 13px;}
  .freelancer-veiw .section2 .breakdown .make textarea{margin-bottom: 10px; height: 150px;}
  .freelancer-veiw .section2 .breakdown .make .bid-price input[type="number"]{width: 150px;}
  
  .request-page.process .box1{margin-bottom: 20px;}
  .request-page.process .talk .breakdown .make .user{display: flex; flex-direction: column; gap: 8px;}
  .request-page.process .talk .breakdown .make .user .name::after{display: none;}
  .request-page.process .talk .breakdown .make .user .name{font-size: 15px;}
  .request-page.process .talk .breakdown .make{padding: 20px;}
  .request-page.process .talk .breakdown .make .upload-wrap{flex-direction: column; gap: 10px;}
  .request-page.process .talk .breakdown .make .upload-wrap .upload{width: 100%; padding: 5px; flex-direction: column; gap: 5px;}
  .request-page.process .talk .breakdown .make .upload-wrap .upload label{width: 100%; order: 2; height: 30px; font-size: 13px;}
  .request-page.process .talk .breakdown .make .upload-wrap .upload .file{width: 100%; font-size: 13px; padding-right: 30px; height: 30px;}
  .request-page.process .talk .breakdown .make .upload-wrap .upload .file button i{font-size: 25px;}
  .request-page.process .talk .breakdown .make .upload-wrap .upload .file button{right: 4px;}
  .request-page.process .talk .breakdown .make .upload-wrap > .blue-btn{width: 100%; height: 35px; font-size: 13px;}
  .request-page.process .talk .breakdown ul li .introduction{margin-bottom: 10px;}
  .request-page.process .talk .breakdown ul li .download{padding-left: 6px;}
  .request-page.process .talk .breakdown ul li .download span{font-size: 13px;}
  .request-page.process .talk .breakdown ul li .download .gray-btn{height: 30px; font-size: 13px; width: 90px;}
  .request-page.process .talk .breakdown ul li.you::after{width: 40px; }
  .request-page.process .talk .breakdown ul li.my::before{width: 40px;}
  .request-page.process .talk .breakdown ul{gap: 35px;}
  .request-page.process .talk .bottom > .btn-group{margin-top: 40px; gap: 10px;}
  .request-page.process .talk .bottom > .btn-group a{width: 120px; height: 35px; font-size: 13px;}
  .request-page.process .talk .bottom > .btn-group .gray-btn:hover ~ .warning{display: none;}
  
	.pop-up .pop-box .blue-btn{height: 40px; font-size: 13px;}
  .request-page .pop-up .pop-cancel .pop-box{padding: 40px 30px;}
  .request-page .pop-up .pop-cancel h4{font-size: 18px; margin-bottom: 20px;}
  .request-page .pop-up .pop-cancel p{padding: 20px; font-size: 15px; margin-bottom: 20px;}
  .request-page .pop-up .pop-bid .pop-box{padding: 40px 30px;}
  .request-page .pop-up .pop-bid p:nth-child(1){padding: 20px 0; font-size: 15px; margin-bottom: 20px;}
  .request-page .pop-up .pop-bid p:nth-child(2){padding: 20px 0; border-radius: 5px;}
  .request-page .pop-up .pop-bid p:nth-child(3){font-size: 13px; letter-spacing: -0.5px; margin-bottom: 20px;}
  .request-page .pop-up .pop-bid .gray-btn{height: 40px;}
  .request-page.process .pop-box{padding-top: 40px;}
  .request-page.process .pop-box h4{font-size: 18px;}
  .request-page.process .pop-completion .pop-box{width: 320px;}
  .request-page.process .pop-box p{font-size: 13px; margin-bottom: 10px;}

  .free-present h2{margin-top: 30px;}
  .free-present .free-list > ul > li{width: 100%; padding: 20px; height: 350px;}
  .free-present .free-list > ul > li .col-group{flex-direction: column;}
  .free-present .user img{margin-right: 10px;}
  .free-present .user .name{margin-bottom: 7px; font-size: 15px;}
  .free-present .user p{font-size: 13px;}
  .free-present .user{padding-bottom: 10px; margin-bottom: 10px;}
  .free-present .free-list > ul > li .top{margin-bottom: 10px; padding-bottom: 10px;}
  .free-present .free-list > ul > li .center{margin-bottom: 10px; padding-bottom: 10px; font-size: 13px;}
  .free-present .free-list > ul > li .top ul li{font-size: 13px;}
  .free-present .free-list > ul > li .bottom{font-size: 13px;}
  .free-present .pop-free .pop-box{width: calc(100vw - 20px);}
  .free-present .user .col-group{flex-direction: column;}
  .free-present .pop-free .pop-box > div{padding: 30px 20px 20px;}
  .free-present .pop-free .pop-box > div > ul > li{padding-bottom: 10px; margin-bottom: 10px; font-size: 13px; letter-spacing: -0.33px;}
  .free-present .pop-free .pop-box > div > ul > li:nth-child(4) span{margin: unset;}
  .free-present .pop-free .postscript .user{margin-bottom: 10px;}
  .free-present .pop-free .postscript li{padding: 10px;}
  .request-page.process .pop-completion .appraisal h5{font-size: 15px; margin-bottom: 10px;}
  .request-page.process .pop-completion .appraisal{padding: 10px;}
  .request-page.process .pop-completion .appraisal .user{padding-top: 10px; flex-wrap: wrap; gap: 5px;}
  .request-page.process .pop-completion .appraisal .user .name{font-size: 13px; width: 100%; text-align: left;}
  .request-page.process .pop-completion .appraisal .user p{font-size: 13px;}
  .request-page.process .pop-completion .appraisal .user .star i{font-size: 13px;}
  .request-page.process .pop-completion .appraisal .user .day{font-size: 13px;}
  .request-page.process .pop-completion .appraisal textarea{margin-bottom: 10px;}
  .request-page.process .pop-completion .appraisal .user p::after{display: none;}
  .request-page.process .pop-completion .appraisal .user p::before{display: none;}

  /* .registration .section1 .box1{padding: 30px 0 50px;}
  .registration .section1 .container.mb{text-align: center;}
  .registration .section1 .container.mb i{font-size: 30px; margin-bottom: 20px; color: #cf3333;}
  .registration .section1 .container.mb strong{font-size: 15px; margin-bottom: 10px;}
  .registration .section1 .container.mb p{font-size: 10px; color: #8e8e8e;}
  .registration .section1 .container.mb .box1{display: flex; flex-direction: column;} */

  .translation .dropdown-wrap{display: flex;}
  .translation .dropdown{width: 50%; border-top: solid 3px #283f75; position: relative;}
  .translation .dropdown button{width: 100%; height: 35px; padding-left: 10px; display: flex; align-items: center; gap: 10px; position: relative; background-color: #fff; border: unset;}
  .translation .dropdown button:first-child{border-right: solid 1px #d5d5d5;}
  .translation .dropdown button i{position: absolute; right: 10px;}
  .translation .dropdown button span{font-size: 13px;}
  .translation .dropdown ul{display: none; position: absolute; top: 100%; left: 0; z-index: 1000; width: 100%; background-color: #fff; padding: 5px 0; border: 1px solid rgba(0, 0, 0, .15);}
  .translation .dropdown ul li a{font-size: 13px; height: 25px; display: flex; padding-left: 20px; align-items: center; font-weight: 300;}
  .translation .dropdown .dropdown-backdrop2{display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999;}
  .translation .dropdown.open ul{display: block;}
  .translation .dropdown.open .dropdown-backdrop2{display: block;}


  .registration h2{margin: 30px 0;}
  .registration .section1 .box1{padding: 30px 10px;}
  .registration .section1 .written > li .right{width: calc(100% - 80px);flex-wrap: wrap}
  .registration .section1 .written > li:nth-child(5), .registration .section1 .written > li:nth-child(6), .registration .section1 .written > li:nth-child(7), .registration .section1 .written > li:nth-child(8), .registration .section1 .written > li:nth-child(9), .registration .section1 .written > li:nth-child(10) {width: 100%;}
  .registration .section1 .written > li .left label{font-size: 13px; line-height: 50px;}
  .registration .section1 .written > li .left{width: 80px; height: 50px; padding-left: 10px;}
  .registration .section1 h3{font-size: 18px; margin-bottom: 20px; text-align: unset;}
  .registration .section1 .compulsory{font-size: 12px; top: 35px; right: 20px;}
  .registration .section1 .written > li .right p{font-size: 13px;}
  .registration .section1 .written{gap: 10px;}
  .registration .section1 .written > li:nth-child(3) .right{gap: 10px;}
  .registration .section1 .written > li input[type="text"]{height: 35px; font-size: 13px;}
  .registration .section1 .written > li select{font-size: 13px; padding-right: 0; height: 35px;}
  .registration .section1 .written > li:nth-child(4) .right{padding: 0 10px; height: 100px; align-items: center; flex-direction: unset;}
  .registration .section1 .written > li:nth-child(5) .right{flex-wrap:unset}
  .registration .section1 .written > li:nth-child(5) .right span{margin: unset;}
  .registration .section1 .written > li:nth-child(5) .right input{width: auto;}
  .registration .section1 .written > li .right input[type="date"]{height: 35px; margin: unset; width: 100%;}
  .registration .section1 .written > li:nth-child(7) ,.registration .section1 .written > li:nth-child(8){height: 100px;}
  .registration .section1 .written > li .right input[type="time"]{width: 100%;}
  .registration .section1 .written > li:nth-child(11) {flex-direction: column;} 
  .registration .section1 .written > li:nth-child(11) .left{width: 100%;}
  .registration .section1 .written > li:nth-child(11) .right{width: 100%;}
  .registration .section1 .written > li:nth-child(11) textarea{height: 160px;}
  .registration .section1 .written > li:nth-child(12) {flex-direction: column;} 
  .registration .section1 .written > li:nth-child(12) .left{width: 100%; display: flex; justify-content: space-between; align-items: center;}
  .registration .section1 .written > li:nth-child(12) .left input{display: none;}
  .registration .section1 .written > li:nth-child(12) .left .up{width: 165px; height: 35px; display: flex; align-items: center; justify-content: center; background-color: #8b8b8b; color: #fff;}
  .registration .section1 .written > li:nth-child(12) .right{width: 100%;}
  .registration .section1 .written > li:nth-child(12) .right .mfile{width: 100%;}
  .registration .section1 .written > li:nth-child(12) .right .mfile ul{display: flex; flex-direction: column; gap: 5px;}
  .registration .section1 .written > li:nth-child(12) .right .mfile ul li{height: 35px; width: 100%; background-color: #f5f5f5; padding-right: 35px; padding-left: 10px;display: flex; align-items: center; justify-content: space-between; position: relative;}
  .registration .section1 .written > li:nth-child(12) .right .mfile ul li span{font-size: 13px; opacity: 0.6;}
  .registration .section1 .written > li:nth-child(12) .right .mfile ul li i{font-size: 13px; opacity: 0.6; position: absolute; right: 10px;}
  .registration .section1{padding-bottom: 50px;}
  .registration .pop-completion .pop-box h4{font-size: 18px;}
  .registration .pop-completion .pop-box p{font-size: 15px;}
}

/* 커뮤니티 */
.community {background-color: #fff;}
.community section h2{font-size: 20px; display: block; position: relative;}
.community section h2::before{content: ''; position: absolute; bottom: -30px; left: 0; width: 100%; height: 3px; background-color: #283f75;}

.community .community-fixed {padding-top: 40px; margin-bottom: 50px;}
.community .community-top{display: flex; justify-content: space-between; margin-bottom: 35px;}
.community .category{display: flex; gap: 20px;}
.community .category li a{width: 120px; height: 50px; font-size: 20px; font-weight: bold; background-color: #283f75; color: #fff; display: flex; justify-content: center; align-items: center; border-radius: 25px; box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.16);}
.community .category li a.now{background-color: #fff; color: #283f75; border: solid 3px #283f75;}
.community .search-community{display: flex; width: 310px; height: 50px; border-radius: 25px; box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.16); border: solid 3px #283f75; position: relative;}
.community .search-community input{width: calc(100% - 50px); border: unset; background-color: transparent; padding-left: 30px; font-size: 15px;}
.community .search-community .search-btn{width: 50px; height: 50px; background-color: #283f75; border-radius: 25px; box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.16); border: unset; position: absolute; right: -3px; top: 50%; transform: translateY(-50%);}
.community .search-community .search-btn i{color: #fff; font-size: 25px;}
.community .community-bottom{display: flex; gap: 20px;}
.community .login-wrap{display: flex; flex-direction: column; width: 300px; height: 300px; border-radius: 10px; box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.16); border: solid 2px #283f75; padding: 45px 0 30px; justify-content: space-between; align-items: center;}
.community .login-wrap .user-img{width: 90px; height: 90px; padding: 10px; border: solid 1px #283f75; border-radius: 100%;}
.community .login-wrap .user-img img{width: 100%; height: 100%; border-radius: 100%;}
.community .login-wrap .user-name{font-weight: bold; font-size: 18px;}
.community .login-wrap .writing{width: 240px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 10px; border: solid 1px #283f75; color: #283f75; font-size: 15px; font-weight: bold;}
.community .community-banner{width: calc(100% - 300px - 20px); border-radius: 10px; box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.16);}
.community .login-wrap.out .user-img{border-color: #9e9e9e;}
.community .login-wrap.out .user-name{color: #9e9e9e;}

/* 커뮤니티 메인*/
.community.main section h2::before{bottom: -20px; left: 0; width: 100%; height: 1px; background-color: #aeaeae; z-index: 1;}
.community.main section h2::after{content: ''; position: absolute; bottom: -20px; left: 0; width: 138px; height: 2px; background-color: #283f75; z-index: 2;}
.community.main .section1 {margin-bottom: 40px;}
.community.main .section1 h2{margin-bottom: 40px; position: relative;}
.community.main .section1 h2 .see-more{position: absolute; right: 0; font-size: 17px; font-weight: normal; display: flex; top: 0; color: #a5a5a5;}
.community.main .section1 h2 .see-more i{font-size: 20px; margin-left: 5px; color: #a5a5a5;}
.community.main .section1 .mySwiper{padding-bottom: 10px;}
.community.main .section1 .swiper-slide{position: relative; width: 300px; height: 244px; border-radius: 10px; box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 3%); border: solid 1px #ececec; padding: 20px;}
.community.main .section1 .swiper-slide > a{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.community.main .section1 .swiper-slide h3{width: 70px; height: 45px; background-image:  url(/application/resources/images/translate/pass.png); background-repeat: no-repeat; padding-top: 8px; text-align: center; font-size: 15px; color: #283f75; font-weight: unset; margin-bottom: 20px;}
.community.main .section1 .swiper-slide p{font-size: 17px; height: 88px; margin-bottom: 30px;}
.community.main .section1 .swiper-slide .icon-wrap{display: flex; gap: 20px;}
.community.main .section1 .swiper-slide .icon-wrap span{font-size: 17px; color: #b1b1b1;}
.community.main .section1 .swiper-slide .icon-wrap i{font-size: 20px; color: #b1b1b1; margin-right: 3px;}
.community.main .section1 .mySwiper .swiper-button-next::after{display: none;}
.community.main .section1 .mySwiper .swiper-button-prev::after{display: none;}
.community.main .section1 .control{position: relative;}
.community.main .section1 .control .swiper-button-next i{font-size: 50px;}
.community.main .section1 .control .swiper-button-prev i{font-size: 50px;}
.community.main .section1 .control .swiper-button-next{top: -160px; transform: translateY(50%); right: -50px;}
.community.main .section1 .control .swiper-button-prev{top: -160px; transform: translateY(50%); left: -50px;}

.community.main .section2{padding-bottom: 110px;}
.community.main .section2 h2{margin-bottom: 40px;}
.community.main .section2 .theme-concise{display: flex; flex-wrap: wrap; gap: 20px;}
.community.main .section2 .theme-concise > div{position: relative; width: calc((100% - 20px) / 2); height: 405px; border-radius: 10px; box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.16); border: solid 1px #ececec; padding: 30px;}
.community.main .section2 .theme-concise > div h3{font-size: 20px; margin-bottom: 30px; color: #283f75;}
.community.main .section2 .theme-concise > div ul{display: flex; flex-direction: column; gap: 25px;}
.community.main .section2 .theme-concise > div ul li{display: flex; justify-content: space-between; position: relative;}
.community.main .section2 .theme-concise > div ul li::after{width: 100%; border: dashed 1px #d4d4d4; position: absolute; content: ''; bottom: -15px;}
.community.main .section2 .theme-concise > div ul li:last-child::after{display: none;}
.community.main .section2 .theme-concise > div ul li a{font-size: 17px; line-height: 1.5; width: calc(100% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right: 10px;}
.community.main .section2 .theme-concise > div ul li span{font-size: 17px; color: #b1b1b1;}
.community.main .section2 .theme-concise > div ul li span i{font-size: 20px; color: #b1b1b1; margin-right: 3px;}
.community.main .section2 .theme-concise > div .see-more{display: flex; position: absolute; top: 30px; right: 30px; color: #a5a5a5; font-size: 17px;}
.community.main .section2 .theme-concise > div .see-more i{font-size: 20px; margin-left: 5px; color: #a5a5a5;}

/* 커뮤니티 게시판 */
.community.bulletin .section1{padding-bottom: 100px;}
.community.bulletin .section1 .container{position: relative;}
.community.bulletin .section1 h2{margin-bottom: 30px;}
.community.bulletin .section1 h2 span{font-size: 15px; color: #b1b1b1; margin-left: 10px; font-weight: normal;}
.community.bulletin .section1 .order{display: flex; gap: 20px; position: absolute; right: 0; top: 8px;}
.community.bulletin .section1 .order button{color: #c8c8c8; font-size: 15px; font-weight: bold; background-color: unset; border: unset;}
.community.bulletin .section1 .order button i{margin-left: 5px; color: #c8c8c8; font-size: 15px;}
.community.bulletin .section1 button.now{color: #283f75;}
.community.bulletin .section1 button.now i{color: #283f75;}
.community.bulletin .section1 .bulletin-board{margin-bottom: 60px;}
.community.bulletin .section1 .bulletin-board li{padding: 20px; display: flex; flex-direction: column; gap: 20px; position: relative; border-bottom: solid 1px #c1c1c1;}
.community.bulletin .section1 .bulletin-board li h3{font-size: 18px;}
.community.bulletin .section1 .bulletin-board li h3 .name{margin-left: 10px; color: #a1a1a1; font-size: 13px; font-weight: normal;}
.community.bulletin .section1 .bulletin-board li .letter{width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 15px; color: #aeaeae;}
.community.bulletin .section1 .bulletin-board li .hashtag{display: flex; gap: 5px;}
.community.bulletin .section1 .bulletin-board li .hashtag a{font-size: 13px; display: flex; height: 30px; justify-content: center; align-items: center; padding: 0 15px; background-color: #eff2f7; border-radius: 18px; color: #888888; background-color: #eff2f7;}
.community.bulletin .section1 .bulletin-board li .more{position: absolute; display: flex; bottom: 20px; right: 20px; gap: 20px;}
.community.bulletin .section1 .bulletin-board li .more div {color: #a1a1a1; font-size: 13px;}
.community.bulletin .section1 .bulletin-board li .more div i{margin-right: 5px; color: #a1a1a1;}
.community.bulletin .section1 .bulletin-board li .more div span{margin-left: 3px; color: #a1a1a1;}
.community.bulletin .section1 .page{display: flex; gap: 12px; justify-content: center;}
.community.bulletin .section1 .page li {opacity: 0.3; width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; border: solid 1px #333;}
.community.bulletin .section1 .page li.now{opacity: 1; background-color: #333;}
.community.bulletin .section1 .page li.now a{color: #fff;}

/* 상세페이지 */
.community.detail .section1{padding-bottom: 50px;}
.community.detail .section1 .title-wrap{position: relative; padding: 20px 10px; border-top: solid 3px #283f75; border-bottom: solid 2px #cfcfcf;}
.community.detail .section1 .title-wrap .title{font-size: 20px; margin-bottom: 10px; line-height: 1.5;}
.community.detail .section1 .title-wrap .user-name{font-size: 15px; line-height: 1.5;}
.community.detail .section1 .title-wrap .more-wrap{position: absolute; top: 20px; right: 10px;}
.community.detail .section1 .title-wrap .more-wrap .more-btn{background-color: unset; border: unset; width: 24px; height: 24px;}
.community.detail .section1 .title-wrap .more-wrap .more-btn i{font-size: 20px; color: #707070;}
.community.detail .section1 .title-wrap .more-wrap .more-group{position: absolute; display: none; gap: 4px; top: 0; right: 30px;}
.community.detail .section1 .title-wrap .more-wrap .more-group.on{display: flex;}
.community.detail .section1 .title-wrap .more-wrap .more-group button{width: 24px; height: 24px; background-color: unset; border: unset;}
.community.detail .section1 .title-wrap .more-wrap .more-group i{color: #d1d1d1; font-size: 24px;}
.community.detail .section1 .title-wrap .more-view{position: absolute; gap: 20px; bottom: 20px; right: 10px; display: flex;}
.community.detail .section1 .title-wrap .more-view i{margin-right: 5px; font-size: 15px; color: #a1a1a1;}
.community.detail .section1 .title-wrap .more-view div{font-size: 13px; color: #a1a1a1;}
.community.detail .section1 .title-wrap .more-view div span{color: #a1a1a1;}
.community.detail .section1 .title-wrap .more-view .time{font-size: 15px;}
.community.detail .section1 .letter-warp{padding: 50px 45px 0 10px; margin-bottom: 50px;}
.community.detail .section1 .hashtag{display: flex; gap: 5px;}
.community.detail .section1 .hashtag a{font-size: 13px; display: flex; height: 30px; justify-content: center; align-items: center; padding: 0 15px; background-color: #eff2f7; border-radius: 18px; color: #888888; background-color: #eff2f7;}
.community.detail .section1 .container{position: relative;}
.community.detail .section1 .like-wrap{position: absolute; right: 20px; bottom: -20px; display: flex; flex-direction: column; align-items: center; gap: 10px;}
.community.detail .section1 .like-wrap span{font-size: 15px; color: #283f75; color: #283f75; font-weight: bold;}
.community.detail .section1 .like-wrap button{width: 50px; height: 50px; background-color: unset; border-radius: 100%; box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.16); border: solid 2px #283f75;}
.community.detail .section1 .like-wrap button i{font-size: 30px; color: #283f75;}
.community.detail .section1 .like-wrap button.on{background-color: #283f75;}
.community.detail .section1 .like-wrap button.on i{color: #fff;}
.community.detail .section2{background-color: #eff2f7; padding-top: 50px; padding-bottom: 30px;}
.community.detail .section2 .comment-make{position: relative; background-color: #fff; padding: 35px 20px 20px; margin-bottom: 20px; border-radius: 10px; border: solid 1px #283f75;}
.community.detail .section2 .comment-make h3{font-size: 18px; margin-bottom: 20px; line-height: 1.7;}
.community.detail .section2 .comment-make textarea{font-size: 15px; height: 125px; padding: 10px; border-radius: 5px; border: solid 1px #e3e3e3; background-color: #f9f9f9;}
.community.detail .section2 .comment-make .register{position: absolute; top: 20px; right: 20px; display: flex; justify-content: center; align-items: center; font-size: 15px; color: #fff; border-radius: 6px; width: 120px; height: 40px; background-color: #283f75;}
.community.detail .section2 .comment-wrap{display: flex; gap: 20px; flex-direction: column; margin-bottom: 50px;}
.community.detail .section2 .comment-wrap li{position: relative; border-radius: 10px; background-color: #fff; padding: 20px;}
.community.detail .section2 .comment-wrap li .user-wrap{position: relative; display: flex; align-items: center; gap: 20px; margin-bottom: 40px;}
.community.detail .section2 .comment-wrap li .user-wrap::after{content: ''; position: absolute; bottom: -20px; width: 100%; height: 1px; background-color: #e2e2e2;}
.community.detail .section2 .comment-wrap li .user-wrap h3{font-size: 18px;}
.community.detail .section2 .comment-wrap li .user-wrap p span{font-size: 15px; color: #afafaf;}
.community.detail .section2 .comment-wrap li .user-wrap p{position: relative;}
.community.detail .section2 .comment-wrap li .user-wrap p::before{content: ''; position: absolute; left: -10px; border: solid 1px #a8a8a8; height: 21px; top: 50%; transform: translateY(-50%);}
.community.detail .section2 .comment-wrap li .more-wrap{position: absolute; top: 25px; right: 20px;}
.community.detail .section2 .comment-wrap li .more-wrap .more-btn{background-color: unset; border: unset; width: 24px; height: 24px;}
.community.detail .section2 .comment-wrap li .more-wrap .more-btn i{font-size: 20px; color: #707070;}
.community.detail .section2 .comment-wrap li .more-wrap .more-group{position: absolute; display: none; gap: 4px; top: 0; right: 30px;}
.community.detail .section2 .comment-wrap li .more-wrap .more-group.on{display: flex;}
.community.detail .section2 .comment-wrap li .more-wrap .more-group button{width: 24px; height: 24px; background-color: unset; border: unset;}
.community.detail .section2 .comment-wrap li .more-wrap .more-group i{color: #d1d1d1; font-size: 24px;}
.community.detail .section2 .page{display: flex; gap: 12px; justify-content: center;}
.community.detail .section2 .page li {opacity: 0.3; width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; border: solid 1px #333;}
.community.detail .section2 .page li.now{opacity: 1; background-color: #333;}
.community.detail .section2 .page li.now a{color: #fff;}
.community.detail .section3{padding: 72px 0 100px;}
.community.detail .section3 .list-wrap{display: flex; justify-content: space-between;}
.community.detail .section3 .list-wrap .move{display: flex; gap: 30px;}
.community.detail .section3 .list-wrap .move a{border: solid 1px #d5d5d5; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center;}
.community.detail .section3 .list-wrap .move a i{color: #d5d5d5; font-size: 20px;}
.community.detail .section3 .list-wrap .move div span{font-weight: bold; display: inline-block; margin-bottom: 5px; font-size: 15px;}
.community.detail .section3 .list-wrap .move .active{text-align: right;}
.community.detail .section3 .list-wrap .move div p{width: 300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 15px;}
.community.detail .section3 .list-wrap .list-btn{width: 96px; height: 40px; display: flex; justify-content: center; align-items: center; border: solid 1px #d5d5d5; font-size: 15px; color: #222;}

/* 커뮤니티 글쓰기 */
.community.write .community-fixed{margin-bottom: 36px;}
.community.write .community-top{align-items: center;}
.community.write .community-top h2{color: #283f75;}
.community.write .community-top h2::before{display: none;}
.community.write .section1{padding-bottom: 50px;}
.community.write .section1 .title-write{padding: 20px 16px; font-size: 18px; border: unset; border-top: solid 3px #283f75; border-bottom: solid 2px #cfcfcf; margin-bottom: 20px;}
.community.write .section1 .title-write::placeholder{font-size: 18px; color: #b2b2b2;}
.community.write .section1 .category{margin-bottom: 5px; padding: 20px; gap: 90px; background-color: #eff2f7; align-items: center;}
.community.write .section1 .category h3{font-size: 15px;}
.community.write .section1 .category input{display: none;}
.community.write .section1 .category .category-w{display: flex; gap: 55px;}
.community.write .section1 .category .category-w label{color: #c9c9c9;}
.community.write .section1 .category .category-w label i{margin-right: 10px; font-size: 20px; color: #c9c9c9;}
.community.write .section1 .category .category-w label.choice{font-weight: bold; color: #333;}
.community.write .section1 .category .category-w label.choice i{color: #333;}
.community.write .section1 .letter-write{width: 100%; height: 640px; background-color: #eff2f7; margin-bottom: 20px;}

.community.write .section1 .hashtags-wrap{display: flex; gap: 55px; background-color: #f5f5f5; padding: 10px 10px 10px 20px; margin-bottom: 50px;}
.community.write .section1 .hashtags-wrap h3{font-size: 15px; padding-top: 10px; width: 90px;}
.community.write .section1 .hashtags-wrap > div{width: calc(100% - 145px);}
.community.write .section1 .hashtags-wrap .ht-write{background-color: #fff; display: flex; padding: 10px; align-items: center; margin-bottom: 10px;}
.community.write .section1 .hashtags-wrap .ht-write input{font-size: 15px; border: unset; width: calc(100% - 72px);}
.community.write .section1 .hashtags-wrap .ht-write .ht-btn{display: flex; justify-content: center; align-items: center; border-radius: 5px; width: 72px; height: 35px; color: #464646; background-color: #e2e2e2;}
.community.write .section1 .hashtags-wrap .ht{display: flex; gap: 10px;}
.community.write .section1 .hashtags-wrap .ht li > a{display: inline-block; border-radius: 18px; background-color: #283f75; font-size: 15px; color: #fff; padding: 10px 10px 10px 15px;}
.community.write .section1 .hashtags-wrap .ht li > a i{margin-left: 5px; color: #fff; font-size: 13px;}

.community.write .section1 .bt-group {display: flex; gap: 10px; justify-content: center;}