@media (max-width: 780px) {
.mainNowEl {
width:45vw;
}
.historyText {font-size:11px;}
}
@media (max-width: 640px) {
.mainHistory h2, .mainNow h2 {
font-size:18pt;
}
.mainHistory {
padding-bottom:10px;
}
.mainHistory ul {
margin-top: 50px;
}
.mainHistory li {
width:50%;
margin-bottom:20px;
}
.mainHistory li p {
font-size:20pt;
}
.mainNow h2 {
padding:60px 0 40px;
}
.mainNowElWrap {
float:none;
margin:0 auto;
}
.mainNowEl {
width:calc(100% - 40px);
margin:0 20px 20px;
}
.mainNowTitle {
font-size: 16pt;
}
.subWrap.mobileIntro {
padding: 0;
width: 100%;
}
.subWrap.mobileIntro img {
width: 100%; }
.subWrap {
padding:50px 20px 0 20px;
width: calc(100% - 40px);
}
.introDiagramWrap > div {
float:none;
}
.introDiagram2 {
display: none;
}
.introDiagram3 {
margin: 10px 0 0 0;
}
.introHistoryWrap dt {
float: none;
text-align: center;
width:100%;
}
.introHistoryWrap dd {
float: none;
text-align: center;
width:100%;
padding: 10px 0 20px 0;
}
.vlntrButton { clear: both;
}
.lineButton {
width: auto;
padding: 5px 10px;
font-size: 11pt;
}
.vlntrStat {
float: left;
clear: none;
padding: 0 0 0 0;
}
.vlntrStat > span {
font-size:13pt;
width: 97.5px;
height: 22.5px;
background-size: contain;
padding: 6px 0 0;
}
.vlntrTitle {
padding: 20px 15px 30px;
clear: both;
}
.vlntrTitle span {
font-size:18pt;
word-break: keep-all;
}
.vlntrPeriod {
padding: 20px 0 0;
}
.vlntrPeriod span {
font-size:13pt;
}
.schlNoticeDesc {
font-size: 14pt;
margin: 30px 0 0 0;
word-break: keep-all;
padding: 0 15px 0;
}
.schlNoticeDesc em {
font-size: 16pt;
font-style: normal;
}
.vlntrSub {
padding: 20px 0;
overflow: hidden;
position: relative;
}
.vlntrSubject {
font-size: 12pt;
line-height: 125%;
padding:0 0 0 0;
width: 20%;
}
.vlntrSubcont {
font-size: 12pt;
line-height: 125%;
padding: 0 0 0 20px;
width: calc(80% - 20px);
}
.vlntrSubFirst {
margin-top:20px;
}
.introText1 {
font-size:12pt;
margin: 40px 0 0 0;
clear:both;
}
.boardList {
margin:20px 0 0 0;
}
.boardList th {
font-size: 11pt;
padding: 5px 0;
}
.boardList td {
font-size: 11pt;
padding: 5px 0;
}
.smallGreyButton {
padding:5px;
font-size:11pt;
}
.boardPage {
padding:20px 0;
}
.boardPage a { padding:5px; }
.boardPage b { padding:5px; }
.tabButtonOn {
width:100px;
padding:5px 0;
font-size: 12pt;
}
.tabButtonOff {
width:100px;
padding:5px 0;
font-size: 12pt;
}
.newsViewWrap {
margin:30px 0 0 0;
}
.newsViewTitle {
font-size: 14pt;
padding: 10px;
}
.newsViewDate {
padding: 10px;
}
.boardList td.boardListTitle {
padding:10px 10px;
}
.historyPop {
max-width: 640px;
width: calc(100% - 40px);
max-height:calc(100vh - 80px); overflow-y:auto;
}
.historyPop.auction {margin-top:60px; padding:5% !important; }
.historyTitle {
font-size: 13pt;
}
.historyPop dl {
border-bottom: 1px solid #BCBCBC;
overflow: hidden;
}
.historyPop dt {
font-size: 11pt;
width: 37%;
padding: 10px 5px 0;
}
.historyPop #PnoForm dt:last-of-type,
.historyPop #PnoForm dd:last-of-type,
.historyPop #Pno2Form dt:last-of-type,
.historyPop #Pno2Form dd:last-of-type {padding-bottom:15px}
.historyPop.auction dl.bid-list dt {padding-left:5px; font-size:12px;}
.historyPop.auction dl.bid-list dt,
.historyPop.auction dl.bid-list dd {height:42px;}
.historyPop.auction dl.bid-list dd:first-of-type:before {content:"고"}
.historyPop.auction dl.bid-info dt {width:60px !important;}
.historyPop.auction dl.bid-info dd {width:calc(100% - 70px) !important;}
.historyPop.auction dl.bid-info dt,
.historyPop.auction dl.bid-info dd {height:32px}
.historyPop.auction #bid-price {padding-top:1px; padding-bottom: 1px;}
.historyPop .historyButton {padding-top:5%}
.lineButton.full-width {letter-spacing:-1px}
.historyPop dd {
font-size: 11pt;
width: 62%;
padding: 10px 0 0 0;
height: 38px;
}
.historyPop dd input[type="text"] {
padding: 0 5px;
width: 98%;
}
.historyPop dd input[type="password"] {
padding: 0 5px;
width: 98%;
}
.historyText {
font-size: 10pt; margin:10px 5px 8px; line-height:1.3em; letter-spacing: -1px;
}
.qnaViewWrap {
margin: 20px 0 0 0;
}
.qnaViewCont {
font-size: 14pt;
padding: 10px;
}
.qnaViewCont span {
font-size: 12pt;
}
.qnaViewDate {
padding: 10px;
}
.qnaViewAnswer {
padding: 10px;
}
.qnaViewButton {
padding: 30px 0;
}
.vlntrAppPhaseWrap {
margin-top:30px;
}
.vlntrSubtitle {
padding: 10px 0;
}
.vlntrSubtitle span {
font-size: 13pt;
}
.vlntrAppSubject {
font-size: 11pt;
padding: 10px 0 10px 10px;
width: 25%;
}
.vlntrAppCont {
font-size: 11pt;
padding: 10px;
min-width: 25%;
}
.vlntrAppSubjectAlt {
font-size: 11pt;
padding: 5px 0;
min-width: 25%;
}
.largeBlueButton { font-size: 11pt;
padding: 10px 0;
}
.vlntrAppPhoto {
height:200px !important;
width: 33%;
}
.vlntrAppPhoto img { width: 90%;
height: auto;
}
.mobileCenter {
float: none !important;
text-align: center !important;
}
.newsViewCont span, .newsViewCont p {
font-size:11pt !important;
}
.newsViewAttach, .newsViewDate {
font-size:11pt !important;
padding:10px;
}
.mainBanner {
height: 200px;
}
.mainBanner .mainBannerImg {
height: 200px;
}
.qnaViewAnswer {
font-size:11pt;
}
.qnaViewDate {
font-size:11pt;
}
.qnaViewCont {
font-size:11pt;
}
.qnaViewAnswer {
font-size:11pt;
}
.introTab {
margin-top: 40px;
text-align: center;
}
.introTab a {
width: 105px;
height: 22px;
text-align: center;
color: #FFF;
font-size: 14pt;
font-weight: 800;
padding-top: 3px;
background:url(//westart.or.kr/wp-content/plugins/weaja/images/images/intro_tab_off.png) no-repeat;
background-size: contain;
margin: 0 3px;
}
.introTab a.on {
background:url(//westart.or.kr/wp-content/plugins/weaja/images/images/intro_tab_on.png) no-repeat;
background-size: contain;
}
.introHistoryWrap {
padding: 40px 0;
display: none;
}
.vlntrTitleNew span {
font-size:1.25em;
}
.schlNoticeDescNew {
margin: 0 0 20px 0;
font-size:.75em;
}
.schlNoticeDescNew em {
font-size:1em;
}
.subWrapNew {
padding: 50px 0 0 0;
width:100%;
}
.subWrapNew .vlntrStatNew {
margin: 0 0 0 20px;
}
.subWrapNew .vlntrStatNew span {
font-size: 1em;
}
.subWrapNew .vlntrButton {
margin: 0 20px 0 0;
}
.noticeBackground1 {
background: url(//westart.or.kr/wp-content/plugins/weaja/images/images/app_bg_mobile.png) no-repeat;
background-size: cover;
padding-bottom: 0px;
}
.noticeBackground1 > .vlntrTitle {
padding: 18px 0 8px;
}
.noticeBackground1 > .vlntrTitle span {
font-size: 1.1em;
line-height: 1.1em;
width: 65%;
}
.noticeBackground1 > .vlntrPeriod {
padding: 0 0 8px;
}
.noticeBackground1 > .vlntrPeriod span {
font-size:1em;
}
.noticeBackground2 {
margin-left: 10px;
width: calc(100% - 60px);
padding: 20px 20px 0;
background: none;
}
.noticeBackground2 .vlntrSubject {
font-size: 1em;
width: 24%;
padding-top: 2px;
}
.noticeBackground2 .vlntrSubcont {
width: 75%;
font-size: 1em;
line-height: 1.5em;
color: #0c4da2;
padding: 0;
}
.noticeBackground2 .vlntrSub {
padding: 0 0 20px;
}
.vlntrSpeciale {
padding-bottom: 10px;
margin-bottom: 10px;
}
.vlntrSpeciale > span {
font-size: 1em;
padding: 15px 0 10px 10px;
}
.vlntrSpeciale .vlntrSubject {
width: 22%;
font-size: 1em;
}
.vlntrSpeciale .vlntrSubcont {
font-size: 1em;
width: 70%;
}
.vlntrSpeciale > .vlntrSub {
padding: 0 0 5px 0;
margin-left: 10px;
}
.noticeBackground {
padding-bottom: 20px;
}
.vlntrSubjectSpeciale {
width: calc(27% - 20px) !important;
padding-top: 10px !important;
}
.vlntrSubcontSpeciale {
width: calc(75% - 20px) !important;
background: #E2F5FC;
padding: 10px !important;
}
}