@import url("reset.css");
@import url("font_icon.css");


/*¸¶ÀÌÆäÀÌÁö*/
.mypage .mypage-wrap {width:100%; box-sizing:border-box; padding:50px; margin-bottom:100px;}
.mypage .mypage-wrap .main-title {width:100%; text-align:center; margin-bottom:30px;}
.mypage .mypage-wrap .main-title p {display:inline-block; font-size:30px; letter-spacing:-1px; line-height:1; padding-bottom:25px; position:relative;}
.mypage .mypage-wrap .main-title p:after {content:""; width:40px; height:2px; background:#db0102; position:absolute; left:50%; bottom:0; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}
.mypage .mypage-wrap .depth-bar {width:90%; max-width:900px; margin:0 auto; margin-bottom:30px;}
.mypage .mypage-wrap .depth-bar ul {font-size:0; text-align:center;}
.mypage .mypage-wrap .depth-bar ul li {display:inline-block; vertical-align:middle; width:25%; height:50px; box-sizing:border-box; border:solid #db0102; border-width:1px 1px 1px 0; text-align:center}
.mypage .mypage-wrap .depth-bar ul li:nth-child(1) {border-left:1px solid #db0102;}
.mypage .mypage-wrap .depth-bar ul li a {display:block; font-size:15px; letter-spacing:-1px; line-height:48px; color:#db0102;}
.mypage .mypage-wrap .depth-bar ul li.on {background:#db0102;}
.mypage .mypage-wrap .depth-bar ul li.on a {color:#fff;}
.mypage .mypage-wrap .depth-bar.business-depth-bar {max-width:1000px;}
.mypage .mypage-wrap .depth-bar.business-depth-bar ul li {width:14.28%;}
.mypage .mypage-wrap .keyword-box {width:100%; margin-bottom:20px;}
.mypage .mypage-wrap .keyword-box ul {font-size:0; text-align:center;}
.mypage .mypage-wrap .keyword-box ul li {display:inline-block; vertical-align:middle; margin-right:12px; font-size:16px; font-weight:300; letter-spacing:-1px; color:#333;}
.mypage .mypage-wrap .sub-txt-box {width:100%; margin-bottom:20px; text-align:center; font-size:16px; font-weight:300; letter-spacing:-1px; line-height:25px; color:#333;}
.mypage .thumnail-list ul.thumnail {margin-bottom:30px;}

.mypage .mypage-wrap .delete-box {}
.mypage .mypage-wrap .update-box {}
.mypage .mypage-wrap .site-box {padding-top:50px;}
.mypage .mypage-wrap .notice-txt {width:100%; text-align:right; font-size:13px; letter-spacing:-1px; line-height:1; color:#666; margin-bottom:15px;}
.mypage .mypage-wrap .notice-txt span {color:#db0102; vertical-align:middle;}
.mypage .mypage-wrap h2.sub-title {font-family: 'Noto Sans KR', sans-serif; font-size:20px; font-weight:500; letter-spacing:-1px; line-height:1; margin-bottom:15px;}

table.my-tb {width:100%;}
table.my-tb tr {border-bottom:1px solid #dadada;}
table.my-tb tr:nth-child(1) {border-top:2px solid #335173;}
table.my-tb tr th,
table.my-tb tr td {height:85px; box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif; font-size:16px; letter-spacing:-1px; padding:5px;}
table.my-tb tr th {width:185px; text-align:left; padding:0 40px; font-weight:500;}
table.my-tb tr th span {color:#db0102; vertical-align:middle;}
table.my-tb tr td input[type="text"],
table.my-tb tr td input[type="password"] {height:48px; box-sizing:border-box; border:1px solid #dadada; padding:0 10px;}
table.my-tb tr td input[type="file"] {width:0; height:0; opacity:0;}
table.my-tb tr td input::placeholder {color:#dadada}
table.my-tb tr td > * {display:inline-block; vertical-align:middle;}
table.my-tb tr td.phone > * {margin:0 10px;}
table.my-tb tr td.phone > *:first-child {margin-left:0;}
table.my-tb tr td.phone .select-box {margin-left:0;}
table.my-tb tr td .guide {color:#dadada;}
table.my-tb tr td ul {}
table.my-tb tr td ul li {display:inline-block; vertical-align:middle; margin-left:20px;}
table.my-tb tr td ul li:nth-child(1) {margin-left:0;}
table.my-tb tr td .select-box {height:48px; box-sizing:border-box; border:1px solid #dadada; background:#fff; position:relative; overflow:hidden; cursor:pointer;}
table.my-tb tr td .select-box:after {content:""; width:0; height:0; border-top:6px solid #a8a8a8; border-left:5px solid transparent; border-right:5px solid transparent; position:absolute; right:10px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
table.my-tb tr td .select-box select {width:100%; height:46px; box-sizing:border-box; padding:0 10px; border:none; background:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
table.my-tb tr td .select-box select::-ms-expand {display:none;}
table.my-tb tr td .addfile-txt {height:48px; box-sizing:border-box; border:1px solid #dadada; background:#fff; padding:0 10px; line-height:46px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
table.my-tb tr td .addfile-btn {width:106px; height:48px; box-sizing:border-box; background:#a6a6a6; text-align:center; margin-left:10px; font-family: 'Noto Sans KR', sans-serif; font-size:16px; letter-spacing:-1px; line-height:48px; color:#fff; cursor:pointer;}
table.my-tb tr td .box-s {width:150px;}
table.my-tb tr td .box-m {width:400px;}
table.my-tb tr td .box-w {width:100%;}
table.my-tb tr td .box-80 {width:80%;}
table.my-tb tr td .box-60 {width:60%;}
table.my-tb tr td a {font-family: 'Noto Sans KR', sans-serif; font-size:16px;}
table.my-tb tr td textarea {width:80%; height:200px; box-sizing:border-box; border:1px solid #dadada; padding:0 10px; font-family: 'Noto Sans KR', sans-serif; font-size:16px; font-weight:400; letter-spacing:-1px; resize:vertical;}
table.my-tb tr td .agency-btn {width:106px; height:48px; box-sizing:border-box; background:#333; text-align:center; margin-left:10px;}
table.my-tb tr td .agency-btn a {display:block; font-family: 'Noto Sans KR', sans-serif; font-size:16px; letter-spacing:-1px; line-height:48px; color:#fff; cursor:pointer;}
table.my-tb tr td .agency-delete-btn {width:106px; height:48px; box-sizing:border-box; background:#a6a6a6; text-align:center; margin-left:10px;}
table.my-tb tr td .agency-delete-btn a {display:block; font-family: 'Noto Sans KR', sans-serif; font-size:16px; letter-spacing:-1px; line-height:48px; color:#fff; cursor:pointer;}
table.my-tb tr td.addr-box {}
table.my-tb tr td.addr-box .zip-btn {width:150px; height:48px; box-sizing:border-box; background:#333; text-align:center; margin-left:5px;}
table.my-tb tr td.addr-box .zip-btn a {display:block; font-family: 'Noto Sans KR', sans-serif; font-size:16px; letter-spacing:-1px; line-height:48px; color:#fff; cursor:pointer;}
table.my-tb tr td.addr-box .addr1 {display:block; margin:5px 0;}
table.my-tb tr td.addr-box .position-btn {width:150px; height:48px; box-sizing:border-box; background:#a6a6a6; text-align:center; margin-left:5px;}
table.my-tb tr td.addr-box .position-btn a {display:block; font-family: 'Noto Sans KR', sans-serif; font-size:16px; letter-spacing:-1px; line-height:48px; color:#fff; cursor:pointer;}
table.my-tb tr td .add-file {font-size:0; width:100%;}
table.my-tb tr td .add-file > * {display:inline-block; vertical-align:middle;}
table.my-tb tr td .add-file .add-file-btn{width:115px; height:48px; background: #5e5e5e; box-sizing: border-box; text-align: center; line-height:48px; font-size: 14px; color: #fff; font-family: 'Noto Sans KR', sans-serif; letter-spacing: 0; cursor: pointer; float:left;}
table.my-tb tr td .add-file .add-file-txt{width:calc(100% - 250px); width:-webkit-calc(100% - 250px); width:-moz-calc(100% - 250px); height:48px; margin-right:5px; font-size:16px; line-height:46px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; border:1px solid #dadada; padding:0 10px;}
table.my-tb tr td .add-file .add-input-btn {width:115px; height:38px; background:#fff; border:1px solid #a6a6a6; box-sizing:border-box; text-align:center; margin-left:10px;}
table.my-tb tr td .add-file .add-input-btn a {display:block; line-height:36px; font-size:14px; color:#666; font-family: 'Noto Sans KR', sans-serif;}
table.my-tb tr td.txt-area {padding:10px 5px;}
table.my-tb tr td ul.category-list li {margin-right:20px !imortant;}
table.my-tb tr td ul.category-list li:last-child {margin-right:0 !important;}

table.charge-tb {table-layout:fixed;}
table.charge-tb tr {border-bottom:1px solid #dadada;}
table.charge-tb tr:nth-child(1) {border-top:2px solid #335173;}
table.charge-tb tr th, table.charge-tb tr td {text-align:center; height:60px; box-sizing:border-box; padding:10px; font-family: 'Noto Sans KR', sans-serif; font-size:16px; font-weight:400; letter-spacing:-1px;}
table.charge-tb tr th {font-weight:500;}


.mypage .mypage-wrap .site-box table.my-tb {table-layout:fixed;}
.mypage .mypage-wrap .site-box table.my-tb tr td {padding:5px 50px; font-weight:500;}
.mypage .mypage-wrap .site-box table.my-tb tr td.step {text-align:center;}
.mypage .mypage-wrap .site-box table.my-tb tr td.step span {color:#db0102;}

.mypage .mypage-button {margin-top:50px; font-size:0; text-align:center;}
.mypage .mypage-button .btn {display:inline-block; vertical-align:middle; margin-left:20px; width:190px; height:50px; box-sizing:border-box; text-align:center;}
.mypage .mypage-button .btn a {display:block; font-family: 'Noto Sans KR', sans-serif; font-size:16px; letter-spacing:-1px; line-height:50px; color:#fff;}
.mypage .mypage-button .btn:nth-child(1) {margin-left:0;}
.mypage .mypage-button .btn:nth-child(odd) {background:#a6a6a6;}
.mypage .mypage-button .btn:nth-child(even) {background:#c9161e;}

.thumnail-list ul.thumnail li .thumnail-box .check-box input[type="checkbox"] {display:none;}
.thumnail-list ul.thumnail li .thumnail-box .check-box input[type="checkbox"] + label p {width:13px; height:13px; box-sizing:border-box; border:1px solid #ccc; position:relative; margin:0 auto; margin-bottom:5px; cursor:pointer;}
.thumnail-list ul.thumnail li .thumnail-box .check-box input[type="checkbox"]:checked + label p {border:1px solid #000;}
.thumnail-list ul.thumnail li .thumnail-box .check-box input[type="checkbox"]:checked + label p:after {content:""; width:3px; height:7px; border:solid #000; border-width:0 2px 2px 0; position:absolute; left:3px; transform:rotate(45deg);}

.mypage .thumnail-list ul.thumnail {margin-bottom:0;}
.bookmark-list-button {margin-bottom:50px; font-size:0; text-align:right;}
.bookmark-list-button .btn {width:90px; height:40px; background:#333; text-align:center; margin-left:10px; display:inline-block; vertical-align:middle;}
.bookmark-list-button .btn:nth-child(1) {margin-left:0;}
.bookmark-list-button .btn a {display:block; font-family: 'Noto Sans KR', sans-serif; font-size:16px; letter-spacing:-1px; line-height:40px; color:#fff;}

.mypage .paging {margin-top:30px;}
.mypage .paging ul {font-size:0; text-align:center; line-height:1;}
.mypage .paging ul li {display:inline-block; width:auto; min-width:28px; height:28px; box-sizing:border-box; border:1px solid #cccdd1; padding:0 5px; margin:0 5px;}
.mypage .paging ul li a {line-height:26px; display:block; font-size:12px;}
.mypage .paging ul li.on {border-bottom:2px solid #ef5149;}
.mypage .paging ul li:first-child {margin-left:0;}
.mypage .paging ul li:last-child {margin-right:0;}
.mypage .paging ul li.pg-prev, .mypage .paging ul li.pg-next {width:90px;}
.mypage .paging ul li p {position:relative;}
.mypage .paging ul li.pg-prev {text-indent:10px;}
.mypage .paging ul li.pg-prev p:after {content:""; width:5px; height:5px; border-top:1px solid #000; border-right:1px solid #000; position:absolute; left:10px; top:50%; -webkit-transform:translateY(-50%) rotate(225deg); -moz-transform:translateY(-50%) rotate(225deg); transform:translateY(-50%) rotate(225deg);}
.mypage .paging ul li.pg-next {text-indent:-10px;}
.mypage .paging ul li.pg-next p:after {content:""; width:5px; height:5px; border-top:1px solid #000; border-right:1px solid #000; position:absolute; right:10px; top:50%; -webkit-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg);}

.mypage .mypage-mark-area {width:100%; font-size:0; margin-top:50px;}
.mypage .mypage-mark-area > * {display:inline-block; vertical-align:top;}
.mypage .mypage-mark-area .info-area {font-family: 'Noto Sans KR', sans-serif; width:calc(100% - 1000px); width:-webkit-calc(100% - 1000px); width:-moz-calc(100% - 1000px);}
.mypage .mypage-mark-area .info-area h1 {font-family: 'Noto Sans KR', sans-serif; font-size:22px; font-weight:700; letter-spacing:-1px; line-height:1; margin-bottom:30px;}
.mypage .mypage-mark-area .info-area ul li {font-size:18px; font-weight:300; letter-spacing:-1px; line-height:25px; margin-top:5px; padding-left:10px; text-indent:-10px; word-wrap:break-word; word-break:keep-all;}
.mypage .mypage-mark-area .info-area ul li:nth-child(1) {margin-top:0;}
.mypage .mypage-mark-area .info-area ul li:before {content:"- ";}
.mypage .mypage-mark-area .info-area .btn {width:125px; height:40px; background:#324554; text-align:center; margin-left:10px; margin-top:30px;}
.mypage .mypage-mark-area .info-area .btn a {display:block; font-size:13px; font-weight:300; letter-spacing:-1px; line-height:40px; color:#fff;}
.mypage .mypage-mark-area .info-area .txt-box {font-family: 'Noto Sans KR', sans-serif; font-size:18px; font-weight:300; letter-spacing:-1px; line-height:25px; margin-top:50px;}
.mypage .mypage-mark-area .img-box {width:1000px;}
.mypage .mypage-mark-area .img-box ul {font-size:0; text-align:right;}
.mypage .mypage-mark-area .img-box ul li {display:inline-block; vertical-align:top; margin-right:20px;}
.mypage .mypage-mark-area .img-box ul li:nth-child(1) {margin-right:50px;}
.mypage .mypage-mark-area .img-box ul li:last-child {margin-right:0;}
.mypage .mypage-mark-area .img-box ul li img {display:block;}

.mypage .mypage-agency-area {width:100%; font-size:0; margin-top:50px;}
.mypage .mypage-agency-area > * {display:inline-block; vertical-align:top;}
.mypage .mypage-agency-area .content-inner {font-family: 'Noto Sans KR', sans-serif; width:calc((100% - 120px) / 3); width:-webkit-calc((100% - 120px) / 3); width:-moz-calc((100% - 120px) / 3); margin-left:60px; margin-top:50px;}
.mypage .mypage-agency-area .content-inner:nth-child(3n+1) {margin-left:0;}
.mypage .mypage-agency-area .content-inner:nth-child(-n+3) {margin-top:0;}
.mypage .mypage-agency-area .content-inner h1 {font-family: 'Noto Sans KR', sans-serif; font-size:22px; font-weight:700; letter-spacing:-1px; line-height:1; margin-bottom:30px;}
.mypage .mypage-agency-area .content-inner ul {min-height:120px;}
.mypage .mypage-agency-area .content-inner ul li {font-size:18px; font-weight:300; letter-spacing:-1px; line-height:25px; margin-top:5px; padding-left:10px; text-indent:-10px; word-wrap:break-word; word-break:keep-all;}
.mypage .mypage-agency-area .content-inner ul li:nth-child(1) {margin-top:0;}
.mypage .mypage-agency-area .content-inner ul li:before {content:"- ";}
.mypage .mypage-agency-area .content-inner .img-box {margin-top:10px;}
.mypage .mypage-agency-area .content-inner .img-box img {max-width:100%; display:block;}
.mypage .mypage-agency-area .content-inner .btn {width:125px; height:40px; background:#324554; text-align:center; margin:0 auto; margin-top:30px;}
.mypage .mypage-agency-area .content-inner .btn a {display:block; font-size:13px; font-weight:300; letter-spacing:-1px; line-height:40px; color:#fff;}
.mypage .mypage-agency-txt  {text-align:center; margin-top:50px; font-family: 'Noto Sans KR', sans-serif; font-size:18px; font-weight:300; letter-spacing:-1px; line-height:25px;}


.mypage .category-bar {width:100%;}
.mypage .category-bar ul {font-size:0;}
.mypage .category-bar ul li {display:inline-block; vertical-align:middle; width:20%; height:50px; box-sizing:border-box; text-align:center; border:solid #d9d9d9; border-width:0 1px 1px 0;}
.mypage .category-bar ul li a {display:block; font-family: 'Noto Sans KR', sans-serif; font-size:18px; font-weight:400; letter-spacing:-1px; line-height:48px;}
.mypage .category-bar ul li a span {color:#e60012;}
.mypage .category-bar ul li:nth-child(5n+1) {border-left:1px solid #d9d9d9;}
.mypage .category-bar ul li:nth-child(-n+5) {border-top:1px solid #d9d9d9;}
.mypage .category-bar ul li.on {background:#ededed;}
.mypage .mypage-inner {}
.mypage .mypage-inner .mypage-content {margin-top:80px; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-1px;}
.mypage .mypage-inner .mypage-content:nth-child(1) {margin-top:60px;}
.mypage .mypage-inner .mypage-content h1 {font-family: 'Noto Sans KR', sans-serif; font-size:23px; font-weight:700; letter-spacing:-1px; margin-bottom:20px;}
.mypage .mypage-inner .mypage-content table {width:100%; table-layout:fixed; border:solid #d9d9d9; border-width:0 1px 1px 0;}
.mypage .mypage-inner .mypage-content table tr {border-top:1px solid #d9d9d9;}
.mypage .mypage-inner .mypage-content table tr th,
.mypage .mypage-inner .mypage-content table tr td {height:60px; padding:10px 20px; box-sizing:border-box; font-size:17px; font-weight:300; letter-spacing:-1px; border-left:1px solid #d9d9d9; word-wrap:break-word; word-break:keep-all;}
.mypage .mypage-inner .mypage-content table tr th {background:#fffef3; font-weight:500; text-align:left;}
.mypage .mypage-inner .mypage-content table tr td a {font-family: 'Noto Sans KR', sans-serif; font-size:17px; font-weight:300; letter-spacing:-1px;}

.mypage .mypage-inner .company-content {width:100%; font-size:0;}
.mypage .mypage-inner .company-content > * {display:inline-block; vertical-align:middle;}
.mypage .mypage-inner .company-content .company-box {width:30%; font-size:0;}
.mypage .mypage-inner .company-content .company-box > * {display:inline-block; vertical-align:middle;}
.mypage .mypage-inner .company-content .company-box h2 {font-family: 'Noto Sans KR', sans-serif; font-size:25px; font-weight:700; margin-right:10px;}
.mypage .mypage-inner .company-content .company-box ul {font-size:0;}
.mypage .mypage-inner .company-content .company-box ul li {display:inline-block; vertical-align:middle; padding:0 5px; position:relative;}
.mypage .mypage-inner .company-content .company-box ul li:before {content:""; width:1px; height:50%; border-left:1px solid rgba(0,53,103,0.9); position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.mypage .mypage-inner .company-content .company-box ul li a {font-family: 'Noto Sans KR', sans-serif; font-size:18px; font-weight:400; letter-spacing:-1px; color:rgba(0,53,103,0.9); display:block;}
.mypage .mypage-inner .company-content .company-box ul li:nth-child(1):before {display:none;}
.mypage .mypage-inner .company-content .total-box {width:70%; text-align:right; font-size:16px; font-weight:400; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all;}
.mypage .mypage-inner .company-content .total-box span.tlt {color:#e60012; font-weight:500;}
.mypage .mypage-inner .company-content .total-box span.point {color:#e60012;}
.mypage .mypage-inner .company-content .total-box span.unused {color:#00479d;}
.mypage .mypage-inner .company-content .total-box span.use {color:#009944;}
.mypage .mypage-inner .company-content .company-box.project-title {width:100%;}
.mypage .mypage-inner .info-content {width:100%; border:1px solid #cbd2d8; margin-top:60px;}
.mypage .mypage-inner .info-content .info-box {width:100%; border-top:1px solid #cbd2d8;}
.mypage .mypage-inner .info-content .info-box:nth-child(1) {border-top:0;}
.mypage .mypage-inner .info-content .info-box .subject-box {width:100%; box-sizing:border-box; padding:15px 40px; background:#edf4fa; font-size:18px; font-weight:500; position:relative; cursor:pointer;}
.mypage .mypage-inner .info-content .info-box .subject-box:before, .mypage .mypage-inner .info-content .info-box .subject-box:after {content:""; background:#cc070d; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.mypage .mypage-inner .info-content .info-box .subject-box:before {width:2px; height:12px; right:45px;}
.mypage .mypage-inner .info-content .info-box .subject-box:after {width:12px; height:2px; right:40px;}
.mypage .mypage-inner .info-content .info-box .subject-box p {position:relative; box-sizing:border-box;}
.mypage .mypage-inner .info-content .info-box .subject-box p:before {content:"* "; vertical-align:middle;}
.mypage .mypage-inner .info-content .info-box .cnt-box {width:100%; box-sizing:border-box; padding:30px 40px; font-size:18px; font-weight:400; border-top:1px solid #cbd2d8; display:none;}
.mypage .mypage-inner .judge-content table tr td.contents {font-weight:400;}
.mypage .mypage-inner .charge-content table tr th.step,
.mypage .mypage-inner .charge-content table tr td.step {text-align:center; padding:10px 0;}
.mypage .mypage-inner .charge-content table tr td.step {color:#009944; font-size:22px;}
.mypage .mypage-inner .charge-content table tr td span,
.mypage .mypage-inner .charge-content table tr td a {color:#e60012; font-weight:400;}
.mypage .mypage-inner .charge-content table tr td.period {letter-spacing:-0.3px;}
.mypage .mypage-inner .project-content {border:1px solid #d9d9d9; width:100%; box-sizing:border-box;}
.mypage .mypage-inner .project-content .title-box {width:100%; background:#fffef3; box-sizing:border-box; padding:20px; border-bottom:1px solid #d9d9d9; font-size:0; text-align:left;}
.mypage .mypage-inner .project-content .title-box > * {display:inline-block; vertical-align:middle;}
.mypage .mypage-inner .project-content .title-box p {font-family: 'Noto Sans KR', sans-serif; font-size:18px; font-weight:400; letter-spacing:-1px;}
.mypage .mypage-inner .project-content .project-box {width:100%; box-sizing:border-box; padding:30px 10px;}
.mypage .mypage-inner .project-content .project-box .thumnail-list ul.thumnail li {width:10%; margin-left:1.25%; margin-top:30px; margin-bottom:0;}
.mypage .mypage-inner .project-content .project-box .thumnail-list ul.thumnail li:nth-child(9n+1) {margin-left:0;}
.mypage .mypage-inner .project-content .project-box .thumnail-list ul.thumnail li:nth-child(-n+9) {margin-top:0;}
.mypage .mypage-inner .project-content .project-box .thumnail-list ul.thumnail li .thumnail-box .img-box .mark {position:absolute; left:5px; top:5px; width:30px; height:30px; z-index:1000;}
.mypage .mypage-inner .award-content table {}
.mypage .mypage-inner .award-content table tr th,
.mypage .mypage-inner .award-content table tr td {text-align:center; word-wrap:break-word; word-break:keep-all;}
.mypage .mypage-inner .award-content table tr td img {max-width:100%; margin:0 auto; display:block;}
.mypage .mypage-inner .award-content table tr .detail {width:180px;}
.mypage .mypage-inner .award-content table tr .detail img {border:1px solid #dedede;}
.mypage .mypage-inner .award-content table tr .category {width:150px; text-align:center;}
.mypage .mypage-inner .award-content table tr .contents {width:120px;}
.mypage .mypage-inner .award-content table tr .work {width:160px;}
.mypage .mypage-inner .award-content table tr .date {width:100px;}
.mypage .mypage-inner .award-content table tr .view {width:120px;}
.mypage .mypage-inner .award-content table tr td.url {text-align:left;}
.mypage .mypage-inner .award-content table tr td p.ellipsis {max-width:100%; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; padding-right:5px;}


.mypage .mypage-inner .project-inner {width:100%; padding:40px 0; border-top:1px solid #d9d9d9; font-family: 'Noto Sans KR', sans-serif;}
.mypage .mypage-inner .project-inner:nth-child(1) {border-top:none;}
.mypage .mypage-inner .project-inner h1 {font-family: 'Noto Sans KR', sans-serif; font-size:20px; font-weight:400; letter-spacing:-1px;}
.mypage .mypage-inner .project-inner h1 span {color:#e60012;}
.mypage .mypage-inner .project-inner .txt {font-size:17px; font-weight:400; letter-spacing:-1px; margin-top:15px; word-wrap:break-word; word-break:keep-all;}
.mypage .mypage-inner .project-inner .thumnail-list {margin-top:50px;}
.mypage .mypage-inner .project-inner .thumnail-list ul.thumnail li .thumnail-box .img-box .add-box {width:100%; height:100%; position:absolute; left:0; top:0; background:#eeeeee;}
.mypage .mypage-inner .project-inner .thumnail-list ul.thumnail li .thumnail-box .img-box .add-box .txt-box {width:100%; text-align:center; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.mypage .mypage-inner .project-inner .thumnail-list ul.thumnail li .thumnail-box .img-box .add-box .txt-box p {width:30px; height:30px; border-radius:50%; margin:0 auto; background:#cecece; margin-bottom:5px; font-family: 'Noto Sans KR', sans-serif; font-size:25px; font-weight:900; line-height:30px; color:#fff;}
.mypage .mypage-inner .project-inner .buy-box {margin-top:50px;}
.mypage .mypage-inner .project-inner .buy-box .type-box {width:100%; box-sizing:border-box; padding:30px; border:1px solid #d9d9d9; margin-top:30px;}
.mypage .mypage-inner .project-inner .buy-box .type-box ul {font-size:0;}
.mypage .mypage-inner .project-inner .buy-box .type-box ul li {display:inline-block; vertical-align:middle; margin-left:50px;}
.mypage .mypage-inner .project-inner .buy-box .type-box ul li:nth-child(1) {margin-left:0;}
.mypage .mypage-inner .project-inner .buy-box .type-box ul li input[type="radio"] {display:none;}
.mypage .mypage-inner .project-inner .buy-box .type-box ul li input[type="radio"] + label p.box {width:20px; height:20px; box-sizing:border-box; border-radius:50%; border:1px solid #9e9e9e; position:relative; margin-right:5px; display:inline-block; cursor:pointer;}
.mypage .mypage-inner .project-inner .buy-box .type-box ul li input[type="radio"]:checked + label p.box:after {content:""; width:9px; height:9px; border-radius:50%; background:#172d56; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.mypage .mypage-inner .project-inner .buy-box .type-box ul li input[type="radio"] + label p {display:inline-block; vertical-align:middle; font-size:18px; font-weight:400; letter-spacing:-1px; color:#666;}
.mypage .mypage-inner .project-inner .buy-box .submit-btn {width:150px; height:45px; box-sizing:border-box; border:1px solid #d9d9d9; background:#2d2d2d; margin-top:10px; text-align:center;}
.mypage .mypage-inner .project-inner .buy-box .submit-btn a {display:block; font-family: 'Noto Sans KR', sans-serif; font-size:17px; font-weight:400; letter-spacing:-1px; line-height:43px; color:#fff;}

.mypage .mypage-inner .project-inner .write-tb-box {width:100%; margin-top:50px;}
.mypage .mypage-inner .project-inner .write-tb-box table {width:100%; table-layout:fixed;}
.mypage .mypage-inner .project-inner .write-tb-box table tr {border-bottom:1px solid #d9d9d9;}
.mypage .mypage-inner .project-inner .write-tb-box table tr:nth-child(1) {border-top:2px solid #335173;}
.mypage .mypage-inner .project-inner .write-tb-box table tr th,
.mypage .mypage-inner .project-inner .write-tb-box table tr td {height:85px; box-sizing:border-box; padding:10px; font-family: 'Noto Sans KR', sans-serif; font-size:16px; font-weight:400; letter-spacing:-1px; text-align:left;}
.mypage .mypage-inner .project-inner .write-tb-box table tr th {width:230px; padding-left:50px; font-weight:500;}
.mypage .mypage-inner .project-inner .write-tb-box table tr th span {vertical-align:middle; color:#84b1e5; margin-left:5px;}
.mypage .mypage-inner .project-inner .write-tb-box table tr td input[type="text"] {height:50px; box-sizing:border-box; padding:0 10px; border:1px solid #d9d9d9; font-family: 'Noto Sans KR', sans-serif; font-size:16px; font-weight:400;}
.mypage .mypage-inner .project-inner .write-tb-box table tr td input[type="text"]::placeholder {color:#666;}
.mypage .mypage-inner .project-inner .write-tb-box table tr td input[type="text"].box-m {width:340px;}
.mypage .mypage-inner .project-inner .write-tb-box table tr td input[type="text"].box-l {width:80%;}
.mypage .mypage-inner .project-inner .write-tb-box table tr td.non-pd {padding:40px 0;}
.mypage .mypage-inner .project-inner .write-tb-box table tr td .search-option-box {width:100%; display:flex; flex-wrap:wrap; border:1px solid #e5e5e5;}
.mypage .mypage-inner .project-inner .write-tb-box table tr td .search-option-box .option-box {width:20%; box-sizing:border-box; border-left:1px solid #e5e5e5;}
.mypage .mypage-inner .project-inner .write-tb-box table tr td .search-option-box .option-box:nth-child(1) {border-left:none;}
.mypage .mypage-inner .project-inner .write-tb-box table tr td .search-option-box .option-box .title {width:100%; height:40px; text-align:center; line-height:40px;}
.mypage .mypage-inner .project-inner .write-tb-box table tr td .search-option-box .option-box .list-box {width:100%; box-sizing:border-box; padding:10px; border-top:1px solid #e5e5e5;}
.mypage .mypage-inner .project-inner .write-tb-box table tr td .search-option-box .option-box .list-box ul li {font-size:15px; margin-top:5px; letter-spacing:0;}
.mypage .mypage-inner .project-inner .write-tb-box table tr td .search-option-box .option-box .list-box ul li:nth-child(1) {margin-top:0;}
.mypage .mypage-inner .project-inner .write-tb-box table tr td .img-thumnail {width:100%; display:flex; flex-wrap:wrap; border:1px solid #e5e5e5; margin-top:30px;}
.mypage .mypage-inner .project-inner .write-tb-box table tr td .img-thumnail .thumnail-box {width:33.33%; box-sizing:border-box; border-left:1px solid #e5e5e5;}
.mypage .mypage-inner .project-inner .write-tb-box table tr td .img-thumnail .thumnail-box:nth-child(1) {border-left:none;}
.mypage .mypage-inner .project-inner .write-tb-box table tr td .img-thumnail .thumnail-box .title {width:100%; height:50px; text-align:center; font-size:18px; line-height:50px;}
.mypage .mypage-inner .project-inner .write-tb-box table tr td .img-thumnail .thumnail-box .img-box {width:100%; box-sizing:border-box; padding:10px; text-align:center; font-size:14px; border-top:1px solid #e5e5e5;}
.mypage .mypage-inner .project-inner .write-tb-box table tr td .add-file-box {width:100%; position:relative;}
.mypage .mypage-inner .project-inner .write-tb-box table tr td .add-file-box > * {display:inline-block; vertical-align:middle; margin-right:5px;}
.mypage .mypage-inner .project-inner .write-tb-box table tr td .add-file-box input[type="file"] {position:absolute; top:0; left:0; width:10px; height:10px; opacity:0; cursor:pointer;}
.mypage .mypage-inner .project-inner .write-tb-box table tr td .add-file-box .return-txt {width:340px; height:50px; box-sizing:border-box; padding:0 10px; border:1px solid #d9d9d9; font-family: 'Noto Sans KR', sans-serif; font-size:16px; font-weight:400; line-height:48px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mypage .mypage-inner .project-inner .write-tb-box table tr td .add-file-box .find-btn {width:130px; height:50px; box-sizing:border-box; text-align:center; background:#2d2d2d; border:1px solid #d9d9d9; font-size:16px; color:#fff; line-height:48px; cursor:pointer;}
.mypage .mypage-inner .project-inner .write-tb-box table tr td .add-file-box .notice {font-size:16px; color:rgba(0,0,0,0.75);}
.mypage .mypage-inner .project-inner .write-tb-box table tr td.point-box {text-align:center; font-size:20px; font-weight:500; color:#e60012;}
.mypage .mypage-inner .project-inner .write-tb-box table tr td .date-box {width:100%; position:relative;}
.mypage .mypage-inner .project-inner .write-tb-box table tr td .date-box > * {display:inline-block; vertical-align:middle; margin-right:5px;}
.mypage .mypage-inner .project-inner .write-tb-box table tr td .date-box img {display:block;}
.mypage .mypage-inner .project-inner .write-tb-box table tr td .date-box .notice {font-size:16px; color:rgba(0,0,0,0.75);}
.mypage .mypage-inner .project-inner .write-tb-box .btn-box {width:100%; text-align:center; margin-top:30px;}
.mypage .mypage-inner .project-inner .write-tb-box .btn-box .btn {width:150px; height:45px; margin-left:10px; background:#e60012; text-align:center; display:inline-block; vertical-align:middle;}
.mypage .mypage-inner .project-inner .write-tb-box .btn-box .btn:nth-child(1) {margin-left:0;}
.mypage .mypage-inner .project-inner .write-tb-box .btn-box .btn a {font-family: 'Noto Sans KR', sans-serif; font-size:16px; font-weight:400; letter-spacing:-1px; color:#fff; line-height:45px;}

.mypage .hashtag {margin-top:30px;}
.mypage .hashtag ul {font-size:0; text-align:center; width:80%; margin:0 auto; margin-bottom:30px;}
.mypage .hashtag ul li {display:inline-block; vertical-align:middle; margin-right:15px; margin-bottom:15px;}
.mypage .hashtag ul li:last-child {margin-right:0;}
.mypage .hashtag ul li a {font-family: 'Noto Sans KR', sans-serif; font-size:18px; font-weight:400; letter-spacing:-1px; border-bottom:1px solid #000;}
.mypage .hashtag ul li.on a {color:#df0000; border-bottom:1px solid #df0000;}

p.all-color {background:url("/img/sub/rainbow.png") center no-repeat; background-size:cover;}


.mypage .company-set-box {width:100%; font-size:0; font-family: 'Noto Sans KR', sans-serif !important; margin:20px 0;}
.mypage .company-set-box > * {display:inline-block; vertical-align:middle; box-sizing:border-box; width:50%;}
.mypage .company-set-box .box.lf-box {padding:10px 30px; max-width:600px;}
.mypage .company-set-box .box.lf-box > .box-inner {width:100%; height:200px; display:table;}
.mypage .company-set-box .box.lf-box > .box-inner > .wrap {width:100%; display:table-cell; vertical-align:middle; box-sizing:border-box;}
.mypage .company-set-box .box.lf-box .top {width:100%; height:calc(100% - 60px); box-sizing:border-box; font-size:0;}
.mypage .company-set-box .box.lf-box .top > * {display:inline-block; vertical-align:top;}
.mypage .company-set-box .box.lf-box .top .compnay-txt {width:100%; font-size:25px; font-weight:700; letter-spacing:-1.5px; line-height:1.3; color:#fff; word-wrap:break-word; word-break:keep-all;}
.mypage .company-set-box .box.lf-box .top .compnay-txt .compay-logo {width:200px; text-align:right; float:right; padding:0 0 0 10px;}
.mypage .company-set-box .box.lf-box .top .compnay-txt .compay-logo img {max-width:100%; max-height:100%; display:inline-block; vertical-align:top;}
.mypage .company-set-box .box.lf-box .company-menu {width:100%; display:table; height:40px;}
.mypage .company-set-box .box.lf-box .company-menu ul {width:100%; display:table-cell; vertical-align:middle; font-size:0;}
.mypage .company-set-box .box.lf-box .company-menu ul li {display:inline-block; vertical-align:middle; padding:0 10px !important; position:relative; font-family: 'Noto Sans KR', sans-serif; font-size:15px; font-weight:500; letter-spacing:-1px; color:#fff; line-height:1.2; margin:0 !important;}
.mypage .company-set-box .box.lf-box .company-menu ul li:nth-child(1) {padding-left:0;}
.mypage .company-set-box .box.lf-box .company-menu ul li:before {content:""; width:2px; height:60%; background:#fff; position:absolute; left:0; top:50%; -wekbit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.mypage .company-set-box .box.lf-box .company-menu ul li:nth-child(1):before {display:none;}
.mypage .company-set-box .box.rt-box {padding-left:30px;}
.mypage .company-set-box .box.rt-box > * {margin-top:20px;}
.mypage .company-set-box .box.rt-box > *:nth-child(1) {margin-top:0;}
.mypage .company-set-box .box.rt-box .select-area {}
.mypage .company-set-box .box.rt-box .select-area ul {font-size:0; width:100%;}
.mypage .company-set-box .box.rt-box .select-area ul li {display:inline-block; vertical-align:middle; margin-right:30px;}
.mypage .company-set-box .box.rt-box .select-area ul li:last-child {margin-right:0;}
.mypage .company-set-box .box.rt-box .select-area ul li .option {font-size:0;}
.mypage .company-set-box .box.rt-box .select-area ul li .option > * {display:inline-block; vertical-align:middle;}
.mypage .company-set-box .box.rt-box .select-area ul li .option input[type="radio"] {display:none;}
.mypage .company-set-box .box.rt-box .select-area ul li .option input[type="radio"] + label {width:18px; height:18px; border-radius:50%; box-sizing:border-box; border:1px solid #d9d9d9; position:relative; margin-right:5px; cursor:pointer;}
.mypage .company-set-box .box.rt-box .select-area ul li .option input[type="radio"]:checked + label:before {content:""; width:10px; height:10px; border-radius:50%; background:#db0102; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); cursor:pointer;}
.mypage .company-set-box .box.rt-box .select-area ul li .option p {font-size:16px;}
.mypage .company-set-box .box.rt-box .set-box {width:100%;}
.mypage .company-set-box .box.bottom-box {width:100%; margin-top:20px;}
.mypage .company-set-box .box .set-box dl {width:100%; font-size:0;}
.mypage .company-set-box .box .set-box dl > * {display:inline-block; vertical-align:middle; box-sizing:border-box; font-size:16px;}
.mypage .company-set-box .box .set-box dl dt {width:120px; font-weight:500;}
.mypage .company-set-box .box .set-box dl dd {width:calc(100% - 120px);}
.mypage .company-set-box .box .set-box dl dd .input-box {width:100%; max-width:340px; font-size:0; border:1px solid #d9d9d9; padding-right:10px;}
.mypage .company-set-box .box .set-box dl dd .input-box > * {display:inline-block; vertical-align:middle;}
.mypage .company-set-box .box .set-box dl dd .input-box input {width:calc(100% - 30px); border:none;}
.mypage .company-set-box .box .set-box dl dd .input-box .color-box {width:30px; height:30px;}
.mypage .company-set-box .box .set-box dl dd .addfile-input {width:100%; font-size:0; position:relative;} 
.mypage .company-set-box .box .set-box dl dd .addfile-input > * {display:inline-block; vertical-align:middle; position:relative; margin-right:10px; box-sizing:border-box;}
.mypage .company-set-box .box .set-box dl dd .addfile-input > *:last-child {margin-right:0;}
.mypage .company-set-box .box .set-box dl dd .addfile-input .return-txt {width:calc(100% - 140px); max-width:350px; height:50px; border:1px solid #d9d9d9; padding:0 10px;}
.mypage .company-set-box .box .set-box dl dd .addfile-input .return-txt p {max-width:100%; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; letter-spacing:-1px; line-height:48px;}
.mypage .company-set-box .box .set-box dl dd .addfile-input input[type="file"] {width:0; height:0; opacity:0; position:absolute; top:0; left:0;}
.mypage .company-set-box .box .set-box dl dd .addfile-input label {width:130px; height:50px; background:#2d2d2d; text-align:center; font-size:16px; font-weight:400; letter-spacing:-1px; color:#fff; line-height:50px; cursor:pointer;}
.mypage .company-set-box .box .set-box dl dd .txt {font-size:16px; font-weight:400; letter-spacing:-1px; margin-top:5px;}
.mypage .company-set-box .box .set-box dl dd .input-area {width:100%; padding-right:10px;}
.mypage .company-set-box .box .set-box dl dd .input-area > * {display:inline-block; vertical-align:middle; font-size:16px;}
.mypage .company-set-box .box .set-box dl dd .input-area input {width:70%; max-width:600px;}
.mypage .company-set-box .box.rt-box .set-box.select-option-box {display:none;}
.mypage .company-set-box .input-box .minicolors {width:100%; box-sizing:border-box;}
.mypage .company-set-box .input-box .minicolors input[type="text"] {width:calc(100% - 40px); margin-left:40px;}
.mypage .company-set-box .input-box .minicolors-theme-default .minicolors-swatch {width:30px !important; height:30px !important; left:5px !important; top:50% !important; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.mypage .main-txt-box {width:100%; font-size:0;}
.mypage .main-txt-box > * {display:inline-block; vertical-align:middle; margin-right:10px; width:calc(((100% - 10px) / 2) - 1px);}
.mypage .main-txt-box > *:last-child {margin-right:0;}
.mypage .main-txt-box .color-box {height:48px; box-sizing:border-box; border:1px solid #d9d9d9; max-width:300px;}
.mypage .main-txt-box .color-box > .inner {width:100%; position:relative;}
.mypage .main-txt-box .color-box input[type="text"] {width:calc(100% - 40px); margin-left:40px; border:none; height:46px;}
.mypage .main-txt-box .color-box .color-select {width:30px !important; height:30px !important; left:5px !important; top:50% !important; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute; box-sizing:border-box; border:1px solid #d9d9d9;}
.mypage .main-txt-box .color-box .minicolors-theme-default .minicolors-swatch {width:30px !important; height:30px !important; left:0 auto !important; top:50% !important; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.mypage .btn-mid-submit {display:block; width:200px; height:50px; background:#c9161e; text-align:center; margin:0 auto;}
.mypage .btn-mid-submit a {display:block; font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#fff; line-height:50px;}




@media screen and (max-width: 1680px){

	.mypage .mypage-wrap {padding:50px 40px;}

	.mypage .mypage-mark-area .info-area {width:calc(100% - 780px); width:-webkit-calc(100% - 780px); width:-moz-calc(100% - 780px);}
	.mypage .mypage-mark-area .img-box {width:780px;}
	.mypage .mypage-mark-area .img-box ul li {margin-right:15px;}
	.mypage .mypage-mark-area .img-box ul li:nth-child(1) {margin-right:30px;}
	.mypage .mypage-mark-area .img-box ul li img {display:block;}
	.mypage .mypage-mark-area .img-box ul li:nth-child(1) img {width:280px;}
	.mypage .mypage-mark-area .img-box ul li:nth-child(2) img {width:260px;}
	.mypage .mypage-mark-area .img-box ul li:nth-child(3) img {width:70px;}
	.mypage .mypage-mark-area .img-box ul li:nth-child(4) img {width:70px;}

}


@media screen and (max-width: 1600px){

	.mypage .mypage-inner .company-content .company-box {width:100%;}
	.mypage .mypage-inner .company-content .total-box {width:100%; text-align:left; margin-top:10px;}
}


@media screen and (max-width: 1500px){

	.mypage .mypage-mark-area .info-area h1 {font-size:20px; margin-bottom:20px;}
	.mypage .mypage-mark-area .info-area ul li {font-size:16px; line-height:23px; margin-top:3px; padding-left:8px; text-indent:-8px;}
	.mypage .mypage-mark-area .info-area {width:calc(100% - 630px); width:-webkit-calc(100% - 630px); width:-moz-calc(100% - 630px);}
	.mypage .mypage-mark-area .info-area .btn {margin-top:20px;}
	.mypage .mypage-mark-area .info-area .txt-box {font-size:16px; line-height:23px; margin-top:30px;}
	.mypage .mypage-mark-area .img-box {width:630px;}
	.mypage .mypage-mark-area .img-box ul li {margin-right:15px;}
	.mypage .mypage-mark-area .img-box ul li:nth-child(1) {margin-right:30px;}
	.mypage .mypage-mark-area .img-box ul li:nth-child(1) img {width:220px;}
	.mypage .mypage-mark-area .img-box ul li:nth-child(2) img {width:210px;}
	.mypage .mypage-mark-area .img-box ul li:nth-child(3) img {width:60px;}
	.mypage .mypage-mark-area .img-box ul li:nth-child(4) img {width:60px;}

	.mypage .mypage-agency-area .content-inner {width:calc((100% - 80px) / 3); width:-webkit-calc((100% - 80px) / 3); width:-moz-calc((100% - 80px) / 3); margin-left:40px;}
	.mypage .mypage-agency-area .content-inner ul {min-height:150px;}
	.mypage .mypage-agency-area .content-inner h1 {font-size:20px; margin-bottom:20px;}
	.mypage .mypage-agency-area .content-inner ul {min-height:120px;}
	.mypage .mypage-agency-area .content-inner ul li {font-size:16px; line-height:23px; margin-top:3px; padding-left:8px; text-indent:-8px;}
	.mypage .mypage-agency-area .content-inner .img-box {margin-top:0;}
	.mypage .mypage-agency-txt {font-size:16px; line-height:23px;}

}


@media screen and (max-width: 1400px){

	.mypage .mypage-inner .mypage-content {margin-top:60px;}
	.mypage .mypage-inner .mypage-content:nth-child(1) {margin-top:50px;}
	.mypage .mypage-inner .mypage-content h1 {font-size:21px;}
	.mypage .mypage-inner .mypage-content table tr th,
	.mypage .mypage-inner .mypage-content table tr td {height:60px; padding:10px 15px; font-size:16px;}
	.mypage .mypage-inner .mypage-content table tr td a {font-size:16px;}	
	.mypage .mypage-inner .company-content .company-box h2 {font-size:23px;}
	.mypage .mypage-inner .company-content .company-box ul li a {font-size:17px;}
	.mypage .mypage-inner .company-content .total-box {font-size:16px;}
	.mypage .mypage-inner .info-content .info-box .subject-box {padding:15px 30px; font-size:17px;}
	.mypage .mypage-inner .info-content .info-box .subject-box:before {right:35px;}
	.mypage .mypage-inner .info-content .info-box .subject-box:after {right:30px;}
	.mypage .mypage-inner .info-content .info-box .cnt-box {padding:30px 30px; font-size:17px; line-height:28px;}
	.mypage .mypage-inner .judge-content table colgroup {}
	.mypage .mypage-inner .judge-content table colgroup col:nth-child(1) {width:100px;}
	.mypage .mypage-inner .judge-content table colgroup col:nth-child(2) {width:220px;}
	.mypage .mypage-inner .judge-content table colgroup col:nth-child(4) {width:250px;}
	.mypage .mypage-inner .judge-content table colgroup col:nth-child(5) {width:100px;}
	.mypage .mypage-inner .charge-content table tr td.step {font-size:20px;}
	.mypage .mypage-inner .charge-content table colgroup {}
	.mypage .mypage-inner .charge-content table colgroup col:nth-child(1) {width:280px;}
	.mypage .mypage-inner .charge-content table colgroup col:nth-child(3) {width:190px;}
	.mypage .mypage-inner .charge-content table colgroup col:nth-child(4) {width:140px;}
	.mypage .mypage-inner .charge-content table colgroup col:nth-child(5) {width:50px;}
	.mypage .mypage-inner .award-content table tr .detail {width:150px;}
	.mypage .mypage-inner .award-content table tr .category {width:120px;}
	.mypage .mypage-inner .award-content table tr .contents {width:100px;}
	.mypage .mypage-inner .award-content table tr .work {width:130px;}
	.mypage .mypage-inner .award-content table tr .date {width:90px;}
	.mypage .mypage-inner .award-content table tr .view {width:70px;}
	.mypage .mypage-inner .award-content table tr .view img {height:32px;}

	.mypage .mypage-inner .project-content .title-box {padding:15px 20px;}
	.mypage .mypage-inner .project-content .title-box img {width:25px;}
	.mypage .mypage-inner .project-content .title-box p {font-size:16px;}
	.mypage .mypage-inner .project-content .project-box {padding:20px 10px;}
	.mypage .mypage-inner .project-content .project-box .thumnail-list ul.thumnail li {width:19%; margin-left:1.25%;}
	.mypage .mypage-inner .project-content .project-box .thumnail-list ul.thumnail li:nth-child(9n+1) {margin-left:1.25%;}
	.mypage .mypage-inner .project-content .project-box .thumnail-list ul.thumnail li:nth-child(-n+9) {margin-top:30px;}
	.mypage .mypage-inner .project-content .project-box .thumnail-list ul.thumnail li:nth-child(5n+1) {margin-left:0;}
	.mypage .mypage-inner .project-content .project-box .thumnail-list ul.thumnail li:nth-child(-n+5) {margin-top:0;}

	.mypage .company-set-box .box.lf-box {padding:10px 20px;}
	.mypage .company-set-box .box.lf-box > .box-inner {height:180px;}
	.mypage .company-set-box .box.lf-box .top {height:calc(100% - 60px);}
	.mypage .company-set-box .box.lf-box .top .compnay-txt {font-size:20px;}
	.mypage .company-set-box .box.lf-box .top .compnay-txt .compay-logo {width:180px;}
	.mypage .company-set-box .box.lf-box .company-menu { height:35px;}
	.mypage .company-set-box .box.lf-box .company-menu ul li {font-size:14px;}
	.mypage .company-set-box .box.rt-box {padding-left:20px;}
	.mypage .company-set-box .box.rt-box > * {margin-top:20px;}
	.mypage .company-set-box .box.rt-box .set-box dl dd .addfile-input > * {margin-right:5px;}
	.mypage .company-set-box .box.rt-box .set-box dl dd .addfile-input .return-txt {width:calc(100% - 110px);}
	.mypage .company-set-box .box.rt-box .set-box dl dd .addfile-input .return-txt p {font-size:15px;}
	.mypage .company-set-box .box.rt-box .set-box dl dd .addfile-input label {width:100px;font-size:16px;}

}



@media screen and (max-width: 1280px){

	table.charge-tb colgroup {}
	table.charge-tb colgroup col:nth-child(1) {}
	table.charge-tb colgroup col:nth-child(2) {}
	table.charge-tb colgroup col:nth-child(3) {width:150px;}
	table.charge-tb colgroup col:nth-child(4) {width:150px;}
	table.charge-tb colgroup col:nth-child(5) {width:100px;}
	table.charge-tb colgroup col:nth-child(6) {width:100px;}

	.mypage .mypage-mark-area .info-area h1 {font-size:20px; margin-bottom:20px;}
	.mypage .mypage-mark-area .info-area ul li {font-size:16px; line-height:23px; margin-top:3px; padding-left:8px; text-indent:-8px;}
	.mypage .mypage-mark-area .info-area {width:calc(100% - 560px); width:-webkit-calc(100% - 560px); width:-moz-calc(100% - 560px);}
	.mypage .mypage-mark-area .info-area .btn {margin-top:20px;}
	.mypage .mypage-mark-area .img-box {width:560px;}
	.mypage .mypage-mark-area .img-box ul li {margin-right:10px;}
	.mypage .mypage-mark-area .img-box ul li:nth-child(1) {margin-right:25px;}
	.mypage .mypage-mark-area .img-box ul li:nth-child(1) img {width:190px;}
	.mypage .mypage-mark-area .img-box ul li:nth-child(2) img {width:190px;}
	.mypage .mypage-mark-area .img-box ul li:nth-child(3) img {width:60px;}
	.mypage .mypage-mark-area .img-box ul li:nth-child(4) img {width:60px;}

	.mypage .mypage-agency-area .content-inner {width:calc((100% - 60px) / 3); width:-webkit-calc((100% - 60px) / 3); width:-moz-calc((100% - 60px) / 3); margin-left:30px;}
	.mypage .mypage-agency-area .content-inner ul {min-height:150px;}
	.mypage .mypage-agency-area .content-inner h1 {font-size:20px; margin-bottom:20px;}
	.mypage .mypage-agency-area .content-inner ul {min-height:120px;}
	.mypage .mypage-agency-area .content-inner ul li {font-size:16px; line-height:23px; margin-top:3px; padding-left:8px; text-indent:-8px;}
	.mypage .mypage-agency-area .content-inner .img-box {margin-top:0;}

	.mypage .mypage-inner .mypage-content {margin-top:50px;}
	.mypage .mypage-inner .mypage-content:nth-child(1) {margin-top:40px;}
	.mypage .mypage-inner .mypage-content h1 {font-size:21px;}
	.mypage .mypage-inner .mypage-content table tr th,
	.mypage .mypage-inner .mypage-content table tr td {height:55px; font-size:15px; padding:10px;}
	.mypage .mypage-inner .mypage-content table tr td a {font-size:15px;}
	.mypage .mypage-inner .company-content .company-box h2 {font-size:21px;}
	.mypage .mypage-inner .company-content .company-box ul li a {font-size:16px;}
	.mypage .mypage-inner .company-content .total-box {font-size:15px;}
	.mypage .mypage-inner .info-content .info-box .subject-box {padding:15px 20px; font-size:16px;}
	.mypage .mypage-inner .info-content .info-box .subject-box:before {right:25px;}
	.mypage .mypage-inner .info-content .info-box .subject-box:after {right:20px;}
	.mypage .mypage-inner .info-content .info-box .cnt-box {padding:20px 30px; font-size:16px; line-height:26px;}
	.mypage .mypage-inner .judge-content table colgroup col:nth-child(1) {width:90px;}
	.mypage .mypage-inner .judge-content table colgroup col:nth-child(2) {width:160px;}
	.mypage .mypage-inner .judge-content table colgroup col:nth-child(4) {width:200px;}
	.mypage .mypage-inner .judge-content table colgroup col:nth-child(5) {width:90px;}
	.mypage .mypage-inner .charge-content table tr td.step {font-size:18px;}
	.mypage .mypage-inner .charge-content table colgroup col:nth-child(1) {width:200px;}
	.mypage .mypage-inner .charge-content table colgroup col:nth-child(3) {width:110px;}
	.mypage .mypage-inner .charge-content table colgroup col:nth-child(4) {width:120px;}
	.mypage .mypage-inner .charge-content table colgroup col:nth-child(5) {width:45px;}
	.mypage .mypage-inner .project-content .title-box {padding:15px 20px;}
	.mypage .mypage-inner .project-content .title-box img {width:25px;}
	.mypage .mypage-inner .project-content .title-box p {font-size:16px;}
	.mypage .mypage-inner .project-content .project-box {padding:20px 10px;}
	.mypage .mypage-inner .project-content .project-box .thumnail-list ul.thumnail li {width:19%; margin-left:1.25%;}
	.mypage .mypage-inner .project-content .project-box .thumnail-list ul.thumnail li:nth-child(9n+1) {margin-left:1.25%;}
	.mypage .mypage-inner .project-content .project-box .thumnail-list ul.thumnail li:nth-child(-n+9) {margin-top:30px;}
	.mypage .mypage-inner .project-content .project-box .thumnail-list ul.thumnail li:nth-child(5n+1) {margin-left:0;}
	.mypage .mypage-inner .project-content .project-box .thumnail-list ul.thumnail li:nth-child(-n+5) {margin-top:0;}

	.mypage .company-set-box > * {display:block; width:100%;}
	.mypage .company-set-box .box.lf-box {padding:10px 20px; max-width:500px;}
	.mypage .company-set-box .box.lf-box > .box-inner {height:180px;}
	.mypage .company-set-box .box.lf-box .top {height:calc(100% - 60px);}
	.mypage .company-set-box .box.lf-box .top .compnay-txt {font-size:20px;}
	.mypage .company-set-box .box.lf-box .top .compnay-txt .compay-logo {width:180px;}
	.mypage .company-set-box .box.lf-box .company-menu { height:35px;}
	.mypage .company-set-box .box.lf-box .company-menu ul li {font-size:14px;}
	.mypage .company-set-box .box.rt-box {padding-left:0; margin-top:20px;}
	.mypage .company-set-box .box.rt-box > * {margin-top:20px;}
	.mypage .company-set-box .box.rt-box .select-area ul li {margin-right:30px;}
	.mypage .company-set-box .box.rt-box .select-area ul li:last-child {margin-right:0;}
	.mypage .company-set-box .box.rt-box .select-area ul li .option {font-size:0;}
	.mypage .company-set-box .box.rt-box .select-area ul li .option > * {display:inline-block; vertical-align:middle;}
	.mypage .company-set-box .box.rt-box .select-area ul li .option input[type="radio"] {display:none;}
	.mypage .company-set-box .box.rt-box .select-area ul li .option input[type="radio"] + label {width:18px; height:18px; border-radius:50%; box-sizing:border-box; border:1px solid #d9d9d9; position:relative; margin-right:5px; cursor:pointer;}
	.mypage .company-set-box .box.rt-box .select-area ul li .option input[type="radio"]:checked + label:before {content:""; width:10px; height:10px; border-radius:50%; background:#db0102; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); cursor:pointer;}
	.mypage .company-set-box .box.rt-box .select-area ul li .option p {font-size:16px;}
	.mypage .company-set-box .box.rt-box .set-box {width:100%;}
	.mypage .company-set-box .box.rt-box .set-box dl {width:100%; font-size:0;}
	.mypage .company-set-box .box.rt-box .set-box dl > * {display:inline-block; vertical-align:middle; box-sizing:border-box; font-size:16px;}
	.mypage .company-set-box .box.rt-box .set-box dl dt {width:120px; font-weight:500;}
	.mypage .company-set-box .box.rt-box .set-box dl dd {width:calc(100% - 120px);}
	.mypage .company-set-box .box.rt-box .set-box dl dd .input-box {width:100%; max-width:340px; font-size:0; border:1px solid #d9d9d9; padding-right:10px;}
	.mypage .company-set-box .box.rt-box .set-box dl dd .input-box > * {display:inline-block; vertical-align:middle;}
	.mypage .company-set-box .box.rt-box .set-box dl dd .input-box input {width:calc(100% - 30px); border:none;}
	.mypage .company-set-box .box.rt-box .set-box dl dd .input-box .color-box {width:30px; height:30px;}
	.mypage .company-set-box .box.rt-box .set-box dl dd .addfile-input > * {margin-right:5px;}
	.mypage .company-set-box .box.rt-box .set-box dl dd .addfile-input .return-txt {width:calc(100% - 105px);}
	.mypage .company-set-box .box.rt-box .set-box dl dd .addfile-input .return-txt p {font-size:15px;}
	.mypage .company-set-box .box.rt-box .set-box dl dd .addfile-input label {width:100px;font-size:16px;}
	
}


@media screen and (max-width: 1200px){

	.mypage .mypage-wrap .site-box table.my-tb colgroup col:nth-child(1) {width:200px;}
	.mypage .mypage-wrap .site-box table.my-tb colgroup col:nth-child(3) {width:150px;}
	.mypage .mypage-wrap .site-box table.my-tb tr td {padding:5px 30px;}

	table.my-tb tr td .agency-btn,
	table.my-tb tr td .agency-delete-btn {width:90px; margin-left:5px;}

	.mypage .mypage-mark-area .info-area h1 {font-size:19px; margin-bottom:20px;}
	.mypage .mypage-mark-area .info-area ul li {font-size:15px; line-height:22px; margin-top:2px; padding-left:8px; text-indent:-8px;}
	.mypage .mypage-mark-area .info-area {width:calc(100% - 500px); width:-webkit-calc(100% - 500px); width:-moz-calc(100% - 500px);}
	.mypage .mypage-mark-area .info-area .btn {margin-top:20px;}
	.mypage .mypage-mark-area .info-area .txt-box {font-size:15px; line-height:22px; margin-top:10px;}
	.mypage .mypage-mark-area .img-box {width:500px;}
	.mypage .mypage-mark-area .img-box ul li {margin-right:10px;}
	.mypage .mypage-mark-area .img-box ul li:nth-child(1) {margin-right:20px;}
	.mypage .mypage-mark-area .img-box ul li:nth-child(1) img {width:170px;}
	.mypage .mypage-mark-area .img-box ul li:nth-child(2) img {width:170px;}
	.mypage .mypage-mark-area .img-box ul li:nth-child(3) img {width:55px;}
	.mypage .mypage-mark-area .img-box ul li:nth-child(4) img {width:55px;}

	.mypage .mypage-agency-area .content-inner {width:calc((100% - 40px) / 3); width:-webkit-calc((100% - 40px) / 3); width:-moz-calc((100% - 40px) / 3); margin-left:20px;}
	.mypage .mypage-agency-area .content-inner ul {min-height:150px;}
	.mypage .mypage-agency-area .content-inner h1 {font-size:17px; margin-bottom:20px;}
	.mypage .mypage-agency-area .content-inner ul {min-height:100px;}
	.mypage .mypage-agency-area .content-inner ul li {font-size:15px; line-height:20px; margin-top:4px; padding-left:8px; text-indent:-8px;}
	.mypage .mypage-agency-area .content-inner .img-box {margin-top:5px;}
	.mypage .mypage-agency-txt {font-size:15px; line-height:20px; margin-top:30px;}

	.mypage .category-bar ul li a {font-size:16px;}
	.mypage .mypage-inner .project-inner .txt {font-size:16px;}

	.mypage .mypage-inner .project-inner .write-tb-box table tr th,
	.mypage .mypage-inner .project-inner .write-tb-box table tr td {font-size:15px;}
	.mypage .mypage-inner .project-inner .write-tb-box table tr th {width:200px; padding-left:30px;}
	.mypage .mypage-inner .project-inner .write-tb-box table tr td input[type="text"] {font-size:15px;}
	.mypage .mypage-inner .project-inner .write-tb-box table tr td .search-option-box .option-box .list-box ul li {font-size:13px;}
	.mypage .mypage-inner .project-inner .write-tb-box table tr td .img-thumnail .thumnail-box .title {font-size:16px;}
	.mypage .mypage-inner .project-inner .write-tb-box table tr td .img-thumnail .thumnail-box .img-box {font-size:13px; line-height:18px;}
	.mypage .mypage-inner .project-inner .write-tb-box table tr td .add-file-box .return-txt {font-size:15px;}
	.mypage .mypage-inner .project-inner .write-tb-box table tr td .add-file-box .find-btn {font-size:15px;}
	.mypage .mypage-inner .project-inner .write-tb-box table tr td .add-file-box .notice,
	.mypage .mypage-inner .project-inner .write-tb-box table tr td .date-box .notice {font-size:15px;}
	.mypage .mypage-inner .project-inner .write-tb-box table tr td.point-box {font-size:18px;}
	.mypage .mypage-inner .project-inner .write-tb-box .btn-box .btn a {font-size:15px;}
	.mypage .main-txt-box > input[type="text"] {width:calc(60% - 10px);}
	.mypage .main-txt-box .color-box {width:40% !important; max-width:300px;}


}


@media screen and (max-width: 1100px){

	table.my-tb tr td .agency-btn,
	table.my-tb tr td .agency-delete-btn {width:75px;}	

	.mypage .mypage-inner .award-content table tr .detail {width:100px;}
	.mypage .mypage-inner .award-content table tr .category {width:100px;}
	.mypage .mypage-inner .award-content table tr .contents {width:90px;}
	.mypage .mypage-inner .award-content table tr .work {width:90px;}
	.mypage .mypage-inner .award-content table tr .date {width:80px;}
	.mypage .mypage-inner .award-content table tr .view {width:60px;}
	.mypage .mypage-inner .award-content table tr .view img {height:30px;}

}



@media screen and (max-width: 1024px){

	.mypage .mypage-wrap {padding:25px;}

	.mypage .mypage-wrap .site-box table.my-tb colgroup col:nth-child(1) {width:190px;}
	.mypage .mypage-wrap .site-box table.my-tb colgroup col:nth-child(3) {width:130px;}
	.mypage .mypage-wrap .site-box table.my-tb tr td {padding:5px 20px;}

	table.charge-tb colgroup col:nth-child(1) {width:80px;}
	table.charge-tb colgroup col:nth-child(2) {}
	table.charge-tb colgroup col:nth-child(3) {width:120px;}
	table.charge-tb colgroup col:nth-child(4) {width:150px;}
	table.charge-tb colgroup col:nth-child(5) {width:90px;}
	table.charge-tb colgroup col:nth-child(6) {width:90px;}
	table.charge-tb tr th, table.charge-tb tr td {font-size:15px;}

}