@charset "utf-8"; @media all and (max-width:1120px) { .swr-sub-visual .visual-text {text-align:center;left:20px;right:20px;} .swr-breadcrumbs > ul {justify-content:center;} .swr-sub-visual:before {position:absolute;z-index:1;left:50%;top:50%;transform: translate(-50%,-50%);content:"";display:block;width:100%;height:100%;background-color:#0e3576;opacity:0.5;} .swr-sub-visual .swr-inner {max-height:260px;} .swr-sub-wrapper.index .swr-sub-visual .swr-inner {max-height:calc(100vh - 250px);min-height:300px;} } @media all and (max-width:1200px) { .swr-sub-content .submenu .snb:first-child > ul {display:block;} .swr-sub-content .submenu .snb:last-child > .title {display:block;} .swr-sub-content {display:block;} .swr-sub-content .sub-aside {width:auto;padding-bottom:20px;margin:0 -20px;} .swr-sub-content .sub-main {padding-top:20px;} .swr-sub-content .submenu {z-index:999;width:auto;margin:0;background-color:#0653ac;display:flex;border-top:1px solid #122237;border-bottom:1px solid #122237;} .swr-sub-content .submenu .title {height:auto;background-color:transparent;font-size:1.2rem;font-weight:500;border-radius:0;display:block;padding:18px 25px;border-right:1px solid #223650;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select: none;-o-user-select:none;user-select: none;-ms-user-select: none;} .swr-sub-content .submenu .title:after {position:absolute;display:block;content:"";right:23px;top:22px;width:12px;height:12px;background-repeat:no-repeat;background-position:center center;background-size:100% auto;background-image:url(../images/icon-ui/chevron-right-w.png);transition:0.5s;} .swr-sub-content .submenu .snb:last-child .title:after {background-image:url(../images/icon-ui/chevron-down-w.png);} .swr-sub-content .submenu .snb:hover .title:after {transform: rotate(-90deg);} .swr-sub-content .submenu .snb:last-child:hover .title:after {transform: rotateX(180deg);} .swr-sub-content .submenu .snb {width:50%;max-width:330px;} .swr-sub-content .submenu .snb > ul {display:none !important;position:absolute;top:calc(100% + 1px);left:-1px;min-width:calc(100% + 1px);} .swr-sub-content .submenu .snb:hover > ul {display:block !important;} .swr-sub-content .submenu .snb > ul > li > a:before {content:none;width:12px;height:12px;background-image:url(../images/icon-ui/chevron-down-w.png);} } @media all and (max-width:410px) { .swr-sub-content .submenu .snb {width:100%;max-width:none;} .swr-sub-content .submenu .snb:first-child {display:none;} } @media all and (max-width:600px) { .swr-sub-tab {margin-bottom:10%;} .swr-sub-tab > ul {margin:0 -21px;} .swr-sub-tab > ul > li > a {padding:10px;align-items:center;text-align:center;} .swr-board-category-box {margin-bottom:10%;} .swr-board-category-box .swr-board-category > ul {margin:0 -21px;} .swr-board-category-box .swr-board-category > ul > li > a {padding:10px;align-items:center;text-align:center;} } @media all and (max-width:600px) { .swr-sub-content .sub-main .sub-title:before {margin-top:2px;} } /* 보드 */ @media all and (max-width:600px) { .swr-board-wrap .search fieldset .input-wrap > input[type="text"] {padding-left:15px;} } /* 보드 리스트 타입별 */ @media all and (max-width:700px) { .swr-board-wrap .board-list-normal .table > thead {display:none;} .swr-board-wrap .board-list-normal .table > tbody > tr {display:flex;flex-wrap:wrap;align-items:center;gap: 0 10px;padding: 5px 10px;} .swr-board-wrap .board-list-normal .table > tbody > tr > td {display:block;text-align:left;padding:5px 0;} .swr-board-wrap .board-list-normal .table .fix {background-color:#f4f7fd;} .swr-board-wrap .board-list-normal .table .fix > * {background-color:transparent;} } @media all and (max-width:780px) { .swr-board-wrap .board-list-thumb .list-wrap {gap:10px;} .swr-board-wrap .board-list-thumb .list-wrap .list {width:calc(33.33% - 7px);} } @media all and (max-width:580px) { .swr-board-wrap .board-list-thumb .list-wrap .list {width:calc(50% - 5px);} } @media all and (max-width:390px) { .swr-board-wrap .board-list-thumb .list-wrap {gap:20px;} .swr-board-wrap .board-list-thumb .list-wrap .list {width:100%;} } @media all and (max-width:700px) { .swr-board-wrap .board-list-webzine .list-wrap .list {padding:5% 0;} } @media all and (max-width:390px) { .swr-board-wrap .board-list-webzine .list-wrap .list {flex-wrap:wrap;} .swr-board-wrap .board-list-webzine .list-wrap .list .text {width:100%;} } /* 피드백 */ @media all and (max-width:980px) { .swr-feedback {margin-top:12%;} .swr-feedback .feedback-charge .wrap-info .inner > *:last-child {margin-left:0;width:auto;} .swr-feedback .feedback-input .wrap-input > *:last-child {width:180px;} } @media all and (max-width:540px) { .swr-feedback .feedback-charge {padding:19px 23px;} .swr-feedback .feedback-input {padding:19px 23px;} .swr-feedback .feedback-input .wrap-input {flex-wrap:wrap;} .swr-feedback .feedback-input .wrap-input .btn-wrap {flex-grow:1;} .swr-feedback .feedback-input .wrap-input .btn-wrap .btn {padding:20px;} }