/*=========================================================== 0. Common Page Style ===========================================================*/
body .common-contents {padding: 200px 0; margin-bottom: 250px; width: 100%; height: auto; background: #fff; position: relative; z-index: 2;}
br.m {display: none;}
@media (max-width: 1023.98px){
    body .common-contents {padding: 150px 0;}
    br.m {display: inline;}
}
/*=========================================================== 1. main page style ===========================================================*/
/* main page layout */
/* .main-slider {width: 100%; height: 100vh;} */
.main-container::before {content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,.3), transparent); z-index: 1;}
.main-slider div img {width: 100%; height:100vh; object-fit: cover; margin: 0 auto;}
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 10ms;
}
/*=========================================================== 2. about page style ===========================================================*/
.about-contents {}
.about-contents .table-box {width:100%;}
.about-contents .table-box table {width:100%; border-top: 1px solid #111;}
.about-contents .table-box table tr td {height:36px;}
.about-contents .table-box table tr td:first-child {width:30%;}
.about-contents .table-box table tr td:nth-child(2) {width:17px; border-bottom: 0;}
.about-contents .table-box table tr td:last-child {width:calc(70% - 17px); border-bottom: 1px solid #111;}
.about-contents .table-box table tr:nth-child(4) {border-top: 1px solid #111;}
.about-contents .table-box table tr:nth-child(3) td:last-child {border:0;}
.about-contents .table-box table tr:nth-child(9) {border-top: 1px solid #111;}
.about-contents .table-box table tr:nth-child(8) td:last-child {border:0;}

.about-contents .about-cont {display: grid; grid-template-columns: 1fr; gap: 40px;}
.about-contents .about-cont * {line-height: 1;}
.about-contents .about-cont .cont {font-size: 14px; font-weight: 400;}
.about-contents .about-cont .cont h2 {font-size: 30px; font-weight: bold; margin: 0;}
.about-contents .about-cont .cont h3 {font-size: 18px; font-weight: bold; margin: 20px 0 0;}
.about-contents .about-cont .cont p {line-height: 1.5;}
.about-contents .about-cont .cont.info {display: grid; grid-template-columns: 10% 90%; gap: 20px;}
.about-contents .about-cont .cont.info span {display: block;}
.about-contents .about-cont .cont.info p {display: block; margin: 0; line-height: 1;}
@media (max-width: 575px){
    .about-contents .table-box table tr td:first-child {width:23%;}
    .about-contents .table-box table tr td:nth-child(2) {width:13px; border-bottom: 0;}
    .about-contents .table-box table tr td:last-child {width:calc(77% - 13px);}
}
@media (max-width: 1023.98px){
    .about-contents .table-box * {font-size: 12px;}

    .about-contents .about-cont .cont h2 {font-size: 28px;}
    .about-contents .about-cont .cont.info {grid-template-columns: 1fr; gap: 10px;}
    .about-contents .about-cont .cont.info span {margin: 20px 0 0;}
    .about-contents .about-cont .cont.info span:first-child {margin: 0;}
    .about-contents .about-cont .cont.info p {line-height: 1.5;}
}
/*=========================================================== 3. contact page style ===========================================================*/
.contact-contents {}
.page-subdesc {margin-bottom: 0px;}
.contact-section-3 .eng-title{font-weight: 900; margin-bottom: 0px; letter-spacing: -1px; font-size:32px;}
.contact-section-3 .ko-title{font-weight: 800; margin-bottom: 0px; letter-spacing: -1px; font-size:25px;}
.contact-section-stage {width:100%; margin: 0 auto !important;}
    @media (max-width: 768px) {.contact-line{grid-template-columns: 1fr !important;}}
    @media (max-width: 1400px) {.contact-section-stage{width: 100%;}}
    @media (max-width: 1023.98px) {
        .contact-section-3 .eng-title,
        .contact-section-3 .ko-title {font-weight: bold; font-size: 18px;}
    }
.contact-input {width: 100%;}
.contact-line {display: grid; grid-template-columns: 1fr 1fr; column-gap:40px;}
.contact-line-4,.contact-line-6 {grid-template-columns: 1fr;}

.contact-line .contact-box {padding-bottom: 100px;}
.contact-line div {margin: 0px; padding:0px;}
.contact-email-label {padding:0px!important;}
.contact-email-text-box {display: grid; grid-template-columns: 1fr 1fr; gap:25px;}
.email-address-input-box {position: relative;}
.email-address-input-box::before {content: '@'; position: absolute; right:-22px; font-size: 18px;}
.contact-contents input {border:none; border-bottom:1px solid #ddd; box-sizing: border-box; height: 100%; padding-bottom: 10px; transition: border 0.3s;}
.contact-contents input:focus {border:none; border-bottom:1px solid #111;}
.contact-line .contact-checkbox-stage {padding-bottom: 100px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; gap: 15px;}
    @media (max-width: 768px) {.contact-line .contact-checkbox-stage {grid-template-columns: 1fr 1fr;}}
    @media all and (min-width:769px) and (max-width: 992px) {.contact-line .contact-checkbox-stage {grid-template-columns: 1fr 1fr 1fr;}}
.contact-line .contact-checkbox-stage p {font-size: 16px; text-align: center; width: 100%; padding: 0px; margin: 0px; line-height: 0px;}
.contact-line .contact-checkbox-stage .contact-checkbox-box label {width:100% !important; height: 100% !important; background-color: transparent; border:1px solid #111; border-radius: 25px; padding: 17px 0px 10px; position: relative; overflow: hidden;}
/* .contact-line .contact-checkbox-stage .contact-checkbox-box label::before {content:''; position: absolute; width:100%; height:100%; background-color: #111; z-index: -1; left:0px; bottom:-100%; transition: all 0.4s;}
.contact-line .contact-checkbox-stage .contact-checkbox-box label:hover::before {bottom:0%;} */
/* .contact-line .contact-checkbox-stage .contact-checkbox-box label:hover p {color:#fff;} */
.contact-checkbox-box .contact-cat-checkbox {height:0px; margin:0px; padding:0px;}
.contact-checkbox-box label {transition: all 0.3s;}
.contact-checkbox-box p {transition: all 0.3s;}

.contact-checkbox-box label.active {background-color: #111 !important;}
.contact-checkbox-box p.active {color:#fff !important;}

.contact-line-5 select {width:100%; border:none; border-bottom:1px solid #ddd; position: relative; background:url('/page/img/contact/down-arrow.png') no-repeat 98% 30%; padding-bottom: 10px;}
.contact-message-box {height: 200px; padding:15px; border:1px solid #ddd; transition:border 0.3s;}
.contact-message-box:focus{border:1px solid #111;}
.col-xs-12.agree-text-box {height:160px; border:1px solid #111; overflow-y: scroll; padding:20px; margin-bottom: 25px;}
.contact-line-6 .padding-line {position: relative; width: 100%; height: 100%;}
.contact-line-6 .padding-line::before {content: ''; position: absolute; height:20px; width:calc(100% - 7px); background: #fff; left:0; top:0; z-index: 1; border: 1px solid #111; border-bottom: 0; border-right: 0;}
.contact-line-6 .padding-line::after {content: ''; position: absolute; height:20px; width:calc(100% - 7px); background: #fff; left:0; bottom:25px; z-index: 1; border: 1px solid #111; border-top: 0; border-right: 0;}
.agree-text-box::-webkit-scrollbar {width:6px;}
.agree-text-box::-webkit-scrollbar-thumb {background: #111;}
.contact-agree-checkbox {display: block; border:1px solid #111 !important; width:20px; height:20px !important; float: left;}
.contact-agree-checkbox:checked {background-color: #111;}
.contact-agree-box span.agree-btn-txt {line-height: 27px; font-weight: 900;}
.contact-line-6 p {line-height: 26px;}
.btn-submit-box {display: flex; justify-content: center; align-items: center;}
.btn-submit-box .btn {border-radius: 50%; padding:15px 15px; background-color: transparent; width: 120px; height:120px; position: relative; border: 1px solid #111; overflow: hidden;}
.btn-submit-box .btn::before {content: ''; position: absolute; bottom:-100%; width: 100%; height:100%; background-color: #111; left:0px; transition: bottom 0.4s; z-index: -1;}
.btn-submit-box .btn:hover::before {bottom:0%;}
.btn-submit-box .btn:hover span {color:#fff;}
.btn-submit-box .btn span {color:#111; width:100%; height:100%; transition: all 0.3s; font-weight: 900;}

/*=========================================================== 4. brand page gallery style ===========================================================*/
.brand-contents {}
.brand-contents .container .contents .brand-item {display: grid; grid-template-columns: 160px calc(100% - 200px); column-gap: 40px; height: 160px; margin-bottom: 40px; position: relative;}
.brand-contents .container .contents .brand-item:last-child {margin-bottom: 0px;}
.brand-contents .container .contents .brand-item .brand-img {background-color: #EFEFEF; position: relative;}
.brand-contents .container .contents .brand-item .brand-img img {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 60%;}
.brand-contents .container .contents .brand-item .brand-desc {padding-top: 10px;}
.brand-contents .container .contents .brand-item .brand-desc .brand-desc-title > p {font-size: 25px; font-weight: 900; line-height: 1;}
.brand-contents .container .contents .brand-item .brand-desc .brand-desc-desc > p {font-size: 15px; font-weight: 400; line-height: 1;}
.brand-contents .container .contents .brand-item .brand-desc .brand-desc-eng-title > p {font-size: 18px; vertical-align: top; font-weight: 600; margin-bottom: 15px; line-height: 1;}
.brand-contents .container .contents .brand-item .brand-desc .brand-desc-hash {display: flex; position: absolute; bottom: 3px;}
.brand-contents .container .contents .brand-item .brand-desc .brand-desc-hash p {font-size: 15px; padding: 3px 9px; margin: 0px; border: 1px solid #ddd; position: relative; transition: all 0.3s; font-weight: 900; line-height: 22px;}
.brand-contents .container .contents .brand-item .brand-desc .brand-desc-hash p:hover {background-color: #333; color:#fff;}
.brand-contents .container .contents .brand-item .brand-desc .brand-desc-hash p:hover span {color:#fff;}
.brand-contents .container .contents .brand-item .brand-desc .brand-desc-hash p span {font-size: 12px; vertical-align: bottom; color:#666; transition: all 0.3s; font-weight: 500;}
@media (max-width: 575px){
    .brand-contents .container .contents .brand-item {grid-template-columns: 120px calc(100% - 150px); column-gap: 30px; height: 120px; margin-bottom: 20px;}
    .brand-contents .container .contents .brand-item .brand-desc {padding-top: 0px;}
    .brand-contents .container .contents .brand-item .brand-desc .brand-desc-title > p {font-size: 18px;}
    .brand-contents .container .contents .brand-item .brand-desc .brand-desc-desc > p {font-size: 12px;}
    .brand-contents .container .contents .brand-item .brand-desc .brand-desc-eng-title > p {font-size: 14px;}
    .brand-contents .container .contents .brand-item .brand-desc .brand-desc-hash p {font-size: 12px;}
    .brand-contents .container .contents .brand-item .brand-desc .brand-desc-hash p span {font-size: 10px;}
}


/*=========================================================== 5. Board Page Style ===========================================================*/
.skin-wrap {min-height: 100vh;}
.div-tbl {border:0;}
.board-image .img {width:100%;}
.board-image {border:0;}
.wrap.ct-board.board-list.board_gallery {padding:0px;}
.wrap.ct-board.board-read {padding:0px;}
.board_gallery #form-category .div-cate {margin:0px 10px 20px 10px;}
.board-works.container {padding:150px 10px; min-height: 100vh; width: 1200px;}
.board-works .board-list .gal-list .gal-item .link:hover .thm img {transform:unset; filter:grayscale(1);}
.board-works .board-list .gal-list .gal-item .subject .title {color:#fff; text-shadow: 1px 1px 2px #333;}

@media (max-width: 1200px){
    .board-works.container {width: 100%; padding:150px 20px;}
}
@media (max-width: 767px){
    .board-works.container {width: 100%; padding:150px 10px;}
    .board-image .item {padding:0px 10px;}
    .board-read #form-category {padding-left:10px;}
}
@media (min-width: 767px) {
    .board_gallery #form-category .div-cate {margin:0px 0px 20px 0px;}
}
.div-cate button {border:0; padding-left:0; padding-right:0px; text-align: left; min-width:unset; width:auto; margin-right:15px; position: relative;}
.div-cate button::before {width:100%; height:1px; background-color: #111; position: absolute; top:50%; left:0; content:''; transform:scaleX(0); transition:transform 0.3s; transform-origin: left; }
.div-cate button:hover, .div-cate button:focus, .div-cate button:active {color:unset; background:unset; border:0;}
.div-cate button:hover::before, .div-cate button:focus::before,
.div-cate button:active::before, .div-cate button.on::before{transform:scaleX(1); transition:transform 0.3s;}
/* 갤러리 타이틀 스타일 수정 */
.wrap.ct-board.board-list.board_gallery .aui-tit-h3 {font-size: 50px; font-weight: 900;}
.wrap.ct-board.board-read .aui-tit-h3 {display: none;}
body {overflow-y: unset;}

.board-list .gal-list .gal-item .link:hover .thm img {filter: grayscale(1);}
.board-list .gal-list .gal-item .link .subject {display: block; background-color: transparent; padding: 0; color: #fff !important; font-size: 15px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 200; opacity: 0; transition: opacity .3s; line-height: 1;}
.board-list .gal-list .gal-item .link:hover .subject {opacity: 1;}
.board-list .gal-list .gal-item .subject .category {display: none;}
.board-list .gal-list .gal-item .subject .grid3 {overflow: hidden; color: #fff;}

.div-cate button {box-shadow: none !important;}

body .container-thumb {margin-top: -200px;}
body .container-thumb img {width: 100%; height: 100%; object-fit: cover;}

#content .wrap {width: 1400px;}
#content .board-btn {margin: 20px auto 0;}
#content .board-btn .left a:first-child {margin-left: 0;}
#content .board-btn .right a:last-child {margin-right: 0;}

#content .wrap.board-read .board-btn {margin: 50px auto 0;}

#content .wrap.board-read .div-tbl {margin: 70px 0 0; padding: 60px 0; border-top: 1px solid #787878; border-bottom: 1px solid #787878;}
#content .wrap .div-tbl {margin: 0;}
#content .wrap .div-tbl .th label {margin: 0;}

#content .wrap.board-read .div-tbl .ctf-wrap {margin: 0; border: 0; gap: 10px;}
#content .wrap.board-read .div-tbl .ctf-wrap .ctf-li {border: 0; min-height: auto; padding: 0;}
#content .wrap.board-read .div-tbl .ctf-wrap .ctf-li .ctf-flex .ctf-label {padding: 0; line-height: 1; color: #787878; font-size: 15px; font-weight: 600; width: auto;}
#content .wrap.board-read .div-tbl .ctf-wrap .ctf-li .ctf-flex .ctf-input {padding: 0; line-height: 1;}
#content .wrap.board-read .div-tbl .ctf-wrap .ctf-li .ctf-flex.name-en .ctf-label {display: none;}
#content .wrap.board-read .div-tbl .ctf-wrap .ctf-li .ctf-flex.name-en .ctf-input {font-size: 30px; font-weight: bold; flex: 1;}
#content .wrap.board-read .div-tbl .ctf-wrap .ctf-li .ctf-flex.name-ko .ctf-label {display: none;}
#content .wrap.board-read .div-tbl .ctf-wrap .ctf-li .ctf-flex.name-ko .ctf-input {font-size: 17px; font-weight: bold; flex: 1;}
#content .wrap.board-read .div-tbl .ctf-wrap .ctf-li .ctf-flex.addr {margin-bottom: 30px;}
#content .wrap.board-read .div-tbl .ctf-wrap .ctf-li .ctf-flex.addr .ctf-label {display: none;}
#content .wrap.board-read .div-tbl .ctf-wrap .ctf-li .ctf-flex.addr .ctf-input {font-size: 15px; font-weight: 400; flex: 1;}
#content .wrap.board-read .div-tbl .ctf-wrap .ctf-li .ctf-flex.project .ctf-input,
#content .wrap.board-read .div-tbl .ctf-wrap .ctf-li .ctf-flex.comp .ctf-input,
#content .wrap.board-read .div-tbl .ctf-wrap .ctf-li .ctf-flex.client .ctf-input,
#content .wrap.board-read .div-tbl .ctf-wrap .ctf-li .ctf-flex.design .ctf-input,
#content .wrap.board-read .div-tbl .ctf-wrap .ctf-li .ctf-flex.space .ctf-input {font-size: 15px; font-weight: 400; flex: 1;}
#content .wrap.board-read .div-tbl .ctf-wrap .ctf-li .ctf-flex.space {margin-bottom: 40px;}

#content .wrap.board-read .div-tbl .tr {min-height: auto; border: 0; padding: 0;}
#content .wrap.board-read .div-tbl .tr .td {padding: 0;}
#content .wrap.board-read .div-tbl .tr.content {margin-bottom: 60px;}
#content .wrap.board-read .div-tbl .board-content {font-size: 15px; font-weight: 400; min-height: auto; color: #000;}

#content .wrap.board-read .div-tbl .tr.video {margin-bottom: 60px;}
#content .wrap.board-read .div-tbl .board-video {min-height: auto;}
#content .wrap.board-read .div-tbl .board-video > p {margin: 0;}
#content .wrap.board-read .div-tbl .board-video .video-iframe,
#content .wrap.board-read .div-tbl .board-content .video-iframe {width: 100%;}

#content .wrap.board-read .div-tbl .board-image {margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 10px;}
#content .wrap.board-read .div-tbl .board-image .item {margin: 0; padding: 0;}

#content .board-list .gal-list .gal-item .subject .title {padding: 0 5px;}
#content .board-list .gal-list .gal-item .subject .title span {color: #fff; display: block; line-height: 1;}
#content .board-list .gal-list .gal-item .subject .title span:first-child {font-size: 18px; font-weight: bold; margin-bottom: 5px;}
#content .board-list .gal-list .gal-item .subject .title span:last-child {font-size: 14px;}

@media (max-width: 1399.98px){
    #content .wrap {width: 100%; padding: 0 20px;}
    #content .board-btn {padding: 0;}
}
@media (max-width: 1023.98px){
    #content .aui-tit-h3 {padding: 0; margin: 0; font-size: 28px;}
    #content .board_gallery #form-category .div-cate {margin: 0 0 20px !important;}
    #content .board_gallery #form-category .div-cate button {font-size: 12px;}
    #content .board-btn {padding: 0;}
    #content .board-btn .btn-board {font-size: 12px;}

    body .container-thumb {margin-top: -150px;}

    #content .wrap.board-read {padding: 0 20px !important;}

    #content .wrap.board-read .div-tbl {margin: 50px 0 0; padding: 40px 0;}
    #content .wrap.board-read .div-tbl .ctf-wrap {display: flex;}
    #content .wrap.board-read .div-tbl .ctf-wrap .ctf-li {margin: 0;}
    #content .wrap.board-read .div-tbl .ctf-wrap .ctf-li .ctf-flex .ctf-label {margin: 0 0 5px; font-size: 12px;}
    #content .wrap.board-read .div-tbl .ctf-wrap .ctf-li .ctf-flex .ctf-input {margin: 0;}

    #content .wrap.board-read .div-tbl .ctf-wrap .ctf-li .ctf-flex.name-en .ctf-input {font-size: 28px;}
    #content .wrap.board-read .div-tbl .ctf-wrap .ctf-li .ctf-flex.name-ko .ctf-input {font-size: 16px;}
    #content .wrap.board-read .div-tbl .ctf-wrap .ctf-li .ctf-flex.addr {margin-bottom: 20px;}
    #content .wrap.board-read .div-tbl .ctf-wrap .ctf-li .ctf-flex.addr .ctf-input {font-size: 12px;}
    #content .wrap.board-read .div-tbl .ctf-wrap .ctf-li .ctf-flex.project .ctf-input,
    #content .wrap.board-read .div-tbl .ctf-wrap .ctf-li .ctf-flex.comp .ctf-input,
    #content .wrap.board-read .div-tbl .ctf-wrap .ctf-li .ctf-flex.client .ctf-input,
    #content .wrap.board-read .div-tbl .ctf-wrap .ctf-li .ctf-flex.design .ctf-input,
    #content .wrap.board-read .div-tbl .ctf-wrap .ctf-li .ctf-flex.space .ctf-input {font-size: 12px;}
    #content .wrap.board-read .div-tbl .ctf-wrap .ctf-li .ctf-flex.space {margin-bottom: 30px;}
    #content .wrap.board-read .div-tbl .board-content {font-size: 12px;}
    #content .wrap.board-read .div-tbl .tr.content,
    #content .wrap.board-read .div-tbl .tr.video {margin-bottom: 40px;}

    #content .wrap.board-read .board-btn {margin: 40px auto 0; padding: 0;}
}
@media (max-width: 767.98px){
    #content .wrap {width: 100%; padding: 0 15px;}
    #content .aui-tit-h3 {padding: 0 5px; margin: 0;}
    #content .board_gallery #form-category .div-cate {margin: 0 5px 20px !important;}
    #content .board-btn {padding: 0 5px;}
}
@media (max-width: 575.98px){
    #content .wrap {width: 100%; padding: 0 10px;}
    #content .aui-tit-h3 {padding: 0 10px; margin: 0;}
    #content .board_gallery #form-category .div-cate {margin: 0 10px 20px !important;}
    #content .board-btn {padding: 0 10px;}
}
/*=========================================================== 6. brand sub page ===========================================================*/
.subpage-main-img {width: 100%;}
.brand-sub-page {padding:50px 0px 150px; background-color: #fff; margin-bottom: 250px;}
.brand-sub-page .brand-sub-desc {display: grid; grid-template-columns: 35% calc(100% - 35% - 30px); column-gap: 30px;}
.brand-sub-page .brand-sub-desc p {margin:0px;}
.brand-sub-page .brand-sub-desc .brand-sub-desc-title {font-size: 28px; color:#111; font-weight: 900;}
.brand-sub-page .brand-sub-desc .brand-sub-desc-subtitle {font-size: 16px; color:#666;}
.brand-sub-page .brand-sub-desc .brand-sub-desc-addr {font-size: 12px; color:#333; margin: 20px 0px;}
.brand-sub-page .brand-sub-desc .brand-sub-desc-point {font-size: 14px; color:#333;}
.brand-sub-page .brand-sub-desc div:last-child {grid-column: span 2; text-align: center;}
.brand-sub-page .brand-sub-desc div:last-child div {text-align: center;}
.brand-sub-page .brand-sub-desc div:last-child button {border: 1px solid #666; background-color: transparent; margin-top: 100px; position: relative; overflow: hidden; width: 150px; height: 50px;}
.brand-sub-page .brand-sub-desc div:last-child button::before {position: absolute; content: ''; width: 100%; height: 100%; background-color: #333; top:100%; left: 0; z-index: 0; transition: all 0.3s;}
.brand-sub-page .brand-sub-desc div:last-child button:hover::before {top:0%;}
.brand-sub-page .brand-sub-desc div:last-child button:hover p {color:#fff; position: absolute; z-index: 1; left: 50%; top:50%; transform: translate(-50%,-50%); width: 100%;}
.brand-sub-page .brand-sub-desc div:last-child button p {font-size: 14px; color:#333;}
@media (max-width: 1023.98px){
    .brand-sub-page .brand-sub-desc {grid-template-columns: 1fr; row-gap: 40px;}
    .brand-sub-page .brand-sub-desc div:last-child {grid-column: auto;}

    .brand-sub-page .brand-sub-desc .brand-sub-desc-point {font-size: 12px;}
    .brand-sub-page .brand-sub-desc p {font-size: 12px;}

    .brand-sub-page .brand-sub-desc div:last-child button {margin: 0px;}
}
/*=========================================================== 7. page common class responsiv style ===========================================================*/
.page-title-box {padding-bottom:30px;}
.page-title {text-transform: uppercase; font-size: 50px; font-weight: 900; line-height: 1; margin: 0;}
.page-main-img {margin-bottom: 60px;}
.page-main-img img {width:100%;}
@media (max-width: 1023.98px){
    .page-title {font-size: 28px;}
}

/* TMRW gallery read page table style */
.table-box {width:100%;}
.table-box table {width:100%;}
.table-box table tr td {height:36px;}
.table-box table tr td:first-child {width:25%;}
.table-box table tr td:nth-child(2) {width:25%; border-bottom: 1px solid #111;}
.table-box table tr td:last-child {width:50%; border-bottom: 1px solid #111;}