@charset "UTF-8";
/* 
	device width distinction - 
	1024px ~ : Desktop layout
	768px ~ 1023px : tablet layout
	~ 767px, (min-aspect-ratio: 1/1) : mobile phone layout, widescreen aspect
	360px ~ 767px, (max-aspect-ratio: 1/1) : mobile phone layout, portrait aspect
	~ (320px) ~ 359px : legendary mobile phone layout

	bootstrap 4 width distinction -
	1200px ~ : ExtraLarge
	992px ~ 1199px : LarGe
	768px ~ 991px : MeDium
	576px ~ 767px : SMall
	~ 575px : ExtraSmall
*/
/* basic constants */
/* customising Bootrstrap theme */
.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
  padding: 0; }

.row {
  margin-left: 0;
  margin-right: 0; }

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  padding-left: 0;
  padding-right: 0; }

/* initialize settings */
/* scrollbar configuration - for webkit browsers */
::-webkit-scrollbar {
  width: 0; }

div::-webkit-scrollbar {
  width: 0; }

div::-webkit-scrollbar-thumb {
  background-color: rgba(193, 193, 193, 0.25);
  border-radius: 6px; }
  div::-webkit-scrollbar-thumb:hover {
    background-color: rgba(193, 193, 193, 0.5); }

/* scrollbar configuration - for Firefox */
* {
  scrollbar-width: none; }

div {
  scrollbar-color: rgba(193, 193, 193, 0.25) transparent;
  scrollbar-width: thin; }

html {
  /* 1rem = this size. */
  font-size: 16px;
  line-height: 1.65;
  font-style: normal;
  font-weight: 400;
  font-family: sans-serif;
  color: #ffffff;
  background: linear-gradient(to right, #1c1e1e 0%, #1c1e1e 20%, #2e2e2e 80%, #2e2e2e 100%);
  word-break: keep-all;
  position: relative; }
  @media (min-width: 576px) {
    html {
      font-size: 16px; } }
  @media (min-width: 768px) {
    html {
      font-size: 18px; } }
  @media (min-width: 992px) {
    html {
      font-size: 21px; } }
  @media (min-width: 1200px) {
    html {
      font-size: 21px; } }

body {
  font-family: BlinkMacSystemFont, "Apple SD Gothic Neo", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Noto Sans KR", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  color: #ffffff;
  background: linear-gradient(to right, #1c1e1e 0%, #1c1e1e 20%, #2e2e2e 80%, #2e2e2e 100%); }

p {
  margin: 0 0 0 0;
  padding: 0 0 0 0; }

div, input {
  box-sizing: border-box;
  background-color: transparent; }

*:last-child {
  margin-bottom: 0 !important; }

/* main layout - settings */
body.container-fluid {
  padding: 0px; }

html, div.layoutBox-border {
  border: 0px solid #ffffff; }

html {
  border-width: 0 1px 0 1px; }

/* main layout - elements */
div#posterBackdrop {
  width: 100%;
  height: calc( 100vh - 100px - 2px);
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center; }
  @media (min-width: 768px) {
    div#posterBackdrop {
      height: calc( 100vh - 75px - 75px - 2px); } }
  @media (min-width: 992px) {
    div#posterBackdrop {
      height: calc( 100vh - 150px - 2px); } }
  div#posterBackdrop.hidden {
    display: none; }
  div#posterBackdrop img.backdrop-image, div#posterBackdrop div.backdrop-text {
    display: block; }
    div#posterBackdrop img.backdrop-image.hidden, div#posterBackdrop div.backdrop-text.hidden {
      display: none; }
  div#posterBackdrop img.backdrop-image.sizeType-B2 {
    width: 66.66667%; }
  div#posterBackdrop img.backdrop-image.sizeType-A2 {
    width: calc( 66.66667% * 0.82353); }
  div#posterBackdrop img.backdrop-image.sizeType-A2Land {
    width: calc( 66.66667% * 1.16471); }
  div#posterBackdrop img.backdrop-image.sizeType-B3 {
    width: calc( 66.66667% * 0.71176); }
  @media (min-width: 576px) {
    div#posterBackdrop img.backdrop-image.sizeType-B2 {
      width: 66.66667%; }
    div#posterBackdrop img.backdrop-image.sizeType-A2 {
      width: calc( 66.66667% * 0.82353); }
    div#posterBackdrop img.backdrop-image.sizeType-A2Land {
      width: calc( 66.66667% * 1.16471); }
    div#posterBackdrop img.backdrop-image.sizeType-B3 {
      width: calc( 66.66667% * 0.71176); } }
  @media (min-width: 576px) and (min-aspect-ratio: 1 / 1) {
    div#posterBackdrop img.backdrop-image.sizeType-B2 {
      width: 41.66667%; }
    div#posterBackdrop img.backdrop-image.sizeType-A2 {
      width: calc( 41.66667% * 0.82353); }
    div#posterBackdrop img.backdrop-image.sizeType-A2Land {
      width: calc( 41.66667% * 1.16471); }
    div#posterBackdrop img.backdrop-image.sizeType-B3 {
      width: calc( 41.66667% * 0.71176); } }
  @media (min-width: 768px) {
    div#posterBackdrop img.backdrop-image.sizeType-B2 {
      width: 41.66667%; }
    div#posterBackdrop img.backdrop-image.sizeType-A2 {
      width: calc( 41.66667% * 0.82353); }
    div#posterBackdrop img.backdrop-image.sizeType-A2Land {
      width: calc( 41.66667% * 1.16471); }
    div#posterBackdrop img.backdrop-image.sizeType-B3 {
      width: calc( 41.66667% * 0.71176); } }
  @media (min-width: 992px) {
    div#posterBackdrop img.backdrop-image.sizeType-B2 {
      width: 420px; }
    div#posterBackdrop img.backdrop-image.sizeType-A2 {
      width: calc( 420px * 0.82353); }
    div#posterBackdrop img.backdrop-image.sizeType-A2Land {
      width: calc( 420px * 1.16471); }
    div#posterBackdrop img.backdrop-image.sizeType-B3 {
      width: calc( 420px * 0.71176); } }
  @media (min-width: 1200px) {
    div#posterBackdrop img.backdrop-image.sizeType-B2 {
      width: 480px; }
    div#posterBackdrop img.backdrop-image.sizeType-A2 {
      width: calc( 480px * 0.82353); }
    div#posterBackdrop img.backdrop-image.sizeType-A2Land {
      width: calc( 480px * 1.16471); }
    div#posterBackdrop img.backdrop-image.sizeType-B3 {
      width: calc( 480px * 0.71176); } }
  div#posterBackdrop div.backdrop-text {
    color: #727177;
    font-size: 42px; }
    @media (min-width: 576px) {
      div#posterBackdrop div.backdrop-text {
        font-size: 60px; } }
    @media (min-width: 768px) {
      div#posterBackdrop div.backdrop-text {
        font-size: 72px; } }
    @media (min-width: 992px) {
      div#posterBackdrop div.backdrop-text {
        font-size: 100px; } }
    @media (min-width: 1200px) {
      div#posterBackdrop div.backdrop-text {
        font-size: 100px; } }

div#header {
  border-width: 1px;
  margin: 0;
  width: 100%;
  background: linear-gradient(to right, #1c1e1e 0%, #1c1e1e 20%, #2e2e2e 80%, #2e2e2e 100%);
  text-align: center; }
  div#header div {
    align-items: center;
    justify-content: center; }
    div#header div a, div#header div a:hover {
      color: #ffffff; }
  div#header div#homeButton {
    height: 100px;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    font-size: 0.8rem; }
    @media (min-width: 768px) {
      div#header div#homeButton {
        height: 75px; } }
    @media (min-width: 992px) {
      div#header div#homeButton {
        height: 150px; } }
    @media (min-width: 768px) {
      div#header div#homeButton {
        padding: 0; } }
    @media (min-width: 768px) {
      div#header div#homeButton {
        justify-content: center; } }
    @media (min-width: 360px) {
      div#header div#homeButton {
        font-size: 1.0rem; } }
    @media (min-width: 400px) {
      div#header div#homeButton {
        font-size: 1.2rem; } }
    @media (min-width: 768px) {
      div#header div#homeButton {
        font-size: 1.5rem; } }
    div#header div#homeButton > * {
      display: block; }
    div#header div#homeButton > a > div {
      text-align: left;
      display: block; }
      @media (min-width: 768px) {
        div#header div#homeButton > a > div {
          text-align: center; } }
      @media (min-width: 768px) and (max-width: 991px) {
        div#header div#homeButton > a > div {
          display: inline; } }
    div#header div#homeButton button#menuTrigger {
      padding: 0;
      border: 0;
      color: #ffffff; }
  div#header div#menu-static {
    height: 75px; }
    @media (min-width: 992px) {
      div#header div#menu-static {
        height: 150px; } }
    div#header div#menu-static div.button-menu-static {
      display: flex;
      height: 100%; }
      @media (min-width: 992px) {
        div#header div#menu-static div.button-menu-static {
          height: 50%; } }
  div#header div#menu-collapse {
    width: 100%; }
    div#header div#menu-collapse div.pseudo-height {
      height: 50px; }
    div#header div#menu-collapse.show {
      display: flex;
      justify-content: space-between; }
  div#header input#searchInput {
    height: 50px;
    border: 0px solid #ffffff;
    border-top-width: 1px;
    text-align: center;
    color: #ffffff;
    display: none; }
    @media (min-width: 768px) {
      div#header input#searchInput {
        height: 50px; } }
    @media (min-width: 992px) {
      div#header input#searchInput {
        height: 50px; } }
    div#header input#searchInput::-webkit-input-placeholder, div#header input#searchInput:-moz-placeholder, div#header input#searchInput::-moz-placeholder, div#header input#searchInput:-ms-input-placeholder, div#header input#searchInput::placeholder {
      color: #727177; }
      div#header input#searchInput::-webkit-input-placeholder:after, div#header input#searchInput:-moz-placeholder:after, div#header input#searchInput::-moz-placeholder:after, div#header input#searchInput:-ms-input-placeholder:after, div#header input#searchInput::placeholder:after {
        content: "\e003  ";
        font-family: 'Glyphicons Halflings'; }

/* header underline */
body.about div#header div#menu-static div.aboutFestival a, body.about div#header div#menu-collapse div.aboutFestival a {
  text-decoration: underline; }

body.programme div#header div#menu-static div.festivalProgramme a, body.programme div#header div#menu-collapse div.festivalProgramme a {
  text-decoration: underline; }

body.proposals-list div#header div#menu-static div.archievedGihoeks a, body.proposals-list div#header div#menu-collapse div.archievedGihoeks a, body.proposal-info div#header div#menu-static div.archievedGihoeks a, body.proposal-info div#header div#menu-collapse div.archievedGihoeks a {
  text-decoration: underline; }

div#pseudo-margin-menu-collapse {
  width: 100%; }
  div#pseudo-margin-menu-collapse div.pseudo-height {
    height: calc( 50px * 2); }
  @media (min-width: 576px) {
    div#pseudo-margin-menu-collapse div.pseudo-height {
      height: 50px; } }
  @media (min-width: 768px) {
    div#pseudo-margin-menu-collapse {
      display: none; } }

div#mainBody {
  width: 100%;
  min-height: calc( 100vh - 100px - 2px);
  margin: calc( 100px + 2px) 0 0 0;
  padding: 0; }
  @media (min-width: 768px) {
    div#mainBody {
      min-height: calc( 100vh - 75px - 75px - 2px);
      margin: calc( 75px + 75px + 2px) 0 0 0; } }
  @media (min-width: 992px) {
    div#mainBody {
      min-height: calc( 100vh - 150px - 2px);
      margin: calc( 150px + 2px) 0 0 0; } }
  div#mainBody div.side-half {
    padding: 0; }
    div#mainBody div.side-half#leftSide-half {
      border-width: 0 0 1px 0; }
      @media (min-width: 768px) {
        div#mainBody div.side-half#leftSide-half {
          border-width: 0 1px 1px 0; } }
    div#mainBody div.side-half#rightSide-half {
      border-width: 0 0 1px 0; }
    div#mainBody div.side-half.with-padding {
      padding: 20px; }
    div#mainBody div.side-half.separate-frame {
      overflow-y: scroll; }
      @media (min-width: 768px) {
        div#mainBody div.side-half.separate-frame {
          height: calc( 100vh - 75px - 75px - 2px); } }
      @media (min-width: 992px) {
        div#mainBody div.side-half.separate-frame {
          height: calc( 100vh - 150px - 2px); } }
    div#mainBody div.side-half ol, div#mainBody div.side-half ul {
      margin-bottom: 1.5em;
      padding-left: 20px; }
    div#mainBody div.side-half ul li span {
      position: relative;
      left: 0; }
    div#mainBody div.side-half ol li span {
      position: relative;
      left: 0.3em; }
      div#mainBody div.side-half ol li span > ul {
        padding-left: calc( 0.3em * 2);
        list-style-type: '-';
        left: 0; }
        div#mainBody div.side-half ol li span > ul li span {
          left: 0.5em; }

/* common elements */
div#popup-notice {
  width: 350px;
  position: fixed;
  top: calc( 50vh - 120px);
  left: calc( 50vw - 175px);
  z-index: 100; }
  div#popup-notice div.toast-header, div#popup-notice div.toast-body {
    color: #1c1e1e; }

div.grid-cell {
  width: 100%;
  border-bottom: 1px solid #ffffff;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative; }
  div.grid-cell:last-child {
    border-bottom-width: 0; }
  div.grid-cell.contents-button-cell, div.grid-cell.contents-static-cell {
    padding: 20px; }
    div.grid-cell.contents-button-cell h3, div.grid-cell.contents-static-cell h3 {
      font-size: 1.4rem; }
      @media (min-width: 768px) {
        div.grid-cell.contents-button-cell h3, div.grid-cell.contents-static-cell h3 {
          font-size: 1.4rem; } }
      @media (min-width: 992px) {
        div.grid-cell.contents-button-cell h3, div.grid-cell.contents-static-cell h3 {
          font-size: 1.4rem; } }
    div.grid-cell.contents-button-cell div, div.grid-cell.contents-button-cell p, div.grid-cell.contents-button-cell h3, div.grid-cell.contents-static-cell div, div.grid-cell.contents-static-cell p, div.grid-cell.contents-static-cell h3 {
      margin-bottom: 0.4em; }
  div.grid-cell.contents-button-cell.const-height {
    height: auto; }
    @media (min-width: 768px) {
      div.grid-cell.contents-button-cell.const-height {
        height: 180px; } }
    @media (min-width: 992px) {
      div.grid-cell.contents-button-cell.const-height {
        height: 200px; } }
  div.grid-cell.contents-button-cell:hover {
    cursor: pointer; }
  div.grid-cell.grid-blank-cell {
    overflow: hidden; }
    div.grid-cell.grid-blank-cell.const-height {
      height: 80px; }
      @media (min-width: 768px) {
        div.grid-cell.grid-blank-cell.const-height {
          height: 90px; } }
      @media (min-width: 992px) {
        div.grid-cell.grid-blank-cell.const-height {
          height: 100px; } }
    div.grid-cell.grid-blank-cell.button-shuffle svg.diagonal-line {
      position: absolute;
      top: 0;
      left: 0;
      stroke: #ffffff; }
    @media (hover: hover) and (pointer: fine) {
      div.grid-cell.grid-blank-cell.button-shuffle:hover {
        background-color: #ffffff;
        color: #1c1e1e;
        cursor: pointer; }
        div.grid-cell.grid-blank-cell.button-shuffle:hover svg.diagonal-line {
          stroke: #1c1e1e; } }
    @media (hover: none) {
      div.grid-cell.grid-blank-cell.button-shuffle.touchHover {
        background-color: #ffffff;
        color: #1c1e1e;
        cursor: pointer; }
        div.grid-cell.grid-blank-cell.button-shuffle.touchHover svg.diagonal-line {
          stroke: #1c1e1e; } }
    div.grid-cell.grid-blank-cell.hidden {
      display: none !important; }

body.about div.grid-blank-cell, body.programme div.grid-blank-cell, body.proposal-info div.grid-blank-cell {
  width: 100%;
  height: auto;
  border-top: 1px solid #ffffff;
  position: absolute;
  left: 0;
  bottom: 0; }

div.side-half div.pseudo-grid-cell-border {
  width: 100%;
  height: 0;
  margin: 0 0 20px 0;
  padding: 0;
  border-bottom: 1px solid #ffffff; }

div.side-half.with-padding div.pseudo-grid-cell-border {
  width: calc( 100% + 2 * 20px);
  margin-left: -20px; }

img.large-singleImage {
  width: 100%;
  height: auto;
  margin: 0 0 auto; }

/* 01 - homepage */
body.homePage div.grid-blank-cell {
  font-size: 1.2rem; }

/* 02, 03 - About, Programme */
body.about div.side-half > h3, body.programme div.side-half > h3 {
  font-size: 1.8rem;
  margin-bottom: 0.5em;
  text-align: center; }

body.about div.side-half > h4, body.programme div.side-half > h4 {
  font-size: 1.25rem;
  margin-bottom: 0.25em;
  text-align: center; }

body.about div.side-half > p, body.programme div.side-half > p {
  margin-bottom: 1.5em;
  text-align: center; }

body.about div.side-half > img, body.programme div.side-half > img {
  margin-bottom: 1.5em; }

body.about div.side-half a, body.programme div.side-half a {
  color: #ffffff;
  text-decoration: underline; }

body.about div.side-half a:hover, body.programme div.side-half a:hover {
  text-decoration: underline; }

body.about div.side-half div#gallery-naverMap, body.programme div.side-half div#gallery-naverMap {
  margin-bottom: 1.5em;
  width: 100%;
  height: 400px;
  max-height: 66.6666666vh; }
  body.about div.side-half div#gallery-naverMap p, body.programme div.side-half div#gallery-naverMap p {
    font-size: 0.8em;
    padding: 0.8em; }

/* 04-1 - proposals list */
body.proposals-list {
  /* about searchInput text */
  /* title list on the left side */
  /* thumbnail list on the right side */ }
  body.proposals-list div#header input#searchInput {
    display: block; }
  body.proposals-list div#pseudo-margin-menu-collapse div.pseudo-height {
    height: calc( 50px * 2); }
    @media (min-width: 576px) {
      body.proposals-list div#pseudo-margin-menu-collapse div.pseudo-height {
        height: 50px; } }
  body.proposals-list div#mainBody {
    min-height: calc( 100vh - 100px - 50px - 2px);
    margin: calc( 100px + 50px + 2px) 0 0 0; }
    @media (min-width: 768px) {
      body.proposals-list div#mainBody {
        min-height: calc( 100vh - 75px - 75px - 50px - 2px);
        margin: calc( 75px + 75px + 50px + 2px) 0 0 0; } }
    @media (min-width: 992px) {
      body.proposals-list div#mainBody {
        min-height: calc( 100vh - 150px - 50px - 2px);
        margin: calc( 150px + 50px + 2px) 0 0 0; } }
    @media (min-width: 768px) {
      body.proposals-list div#mainBody div.side-half.separate-frame {
        height: calc( 100vh - 75px - 75px - 50px - 2px); } }
    @media (min-width: 992px) {
      body.proposals-list div#mainBody div.side-half.separate-frame {
        height: calc( 100vh - 150px - 50px - 2px); } }
  body.proposals-list div#proposal-listMenu, body.proposals-list div#proposal-list {
    width: 100%;
    text-align: center;
    position: relative;
    padding: 20px; }
    body.proposals-list div#proposal-listMenu div#sort-id, body.proposals-list div#proposal-listMenu div.id-data, body.proposals-list div#proposal-list div#sort-id, body.proposals-list div#proposal-list div.id-data {
      display: block;
      padding: 0 3px;
      text-align: left; }
    body.proposals-list div#proposal-listMenu div#sort-organiser, body.proposals-list div#proposal-listMenu div.organiser-data, body.proposals-list div#proposal-list div#sort-organiser, body.proposals-list div#proposal-list div.organiser-data {
      display: block;
      padding: 0 3px;
      text-align: right; }
    body.proposals-list div#proposal-listMenu div#sort-title, body.proposals-list div#proposal-listMenu div.title-data, body.proposals-list div#proposal-list div#sort-title, body.proposals-list div#proposal-list div.title-data {
      display: block;
      padding: 0 3px;
      text-align: left; }
    @media (min-width: 992px) {
      body.proposals-list div#proposal-listMenu div#sort-id, body.proposals-list div#proposal-listMenu div.id-data,
      body.proposals-list div#proposal-listMenu div#sort-organiser, body.proposals-list div#proposal-listMenu div.organiser-data,
      body.proposals-list div#proposal-listMenu div#sort-title, body.proposals-list div#proposal-listMenu div.title-data, body.proposals-list div#proposal-list div#sort-id, body.proposals-list div#proposal-list div.id-data,
      body.proposals-list div#proposal-list div#sort-organiser, body.proposals-list div#proposal-list div.organiser-data,
      body.proposals-list div#proposal-list div#sort-title, body.proposals-list div#proposal-list div.title-data {
        text-align: center; } }
  body.proposals-list div#proposal-listMenu {
    padding-bottom: 0;
    display: flex;
    flex-wrap: wrap; }
    body.proposals-list div#proposal-listMenu div {
      color: #ffffff;
      text-decoration: underline; }
    @media (hover: hover) and (pointer: fine) {
      body.proposals-list div#proposal-listMenu div:hover {
        color: #727177;
        text-decoration: underline;
        cursor: pointer; } }
    @media (hover: none) {
      body.proposals-list div#proposal-listMenu div.touchHover {
        color: #727177;
        text-decoration: underline;
        cursor: pointer; } }
    body.proposals-list div#proposal-listMenu div svg.arrow-decending, body.proposals-list div#proposal-listMenu div svg.arrow-ascending {
      display: none; }
    body.proposals-list div#proposal-listMenu div.ascending svg.arrow-ascending, body.proposals-list div#proposal-listMenu div.decending svg.arrow-decending {
      display: inline; }
  body.proposals-list div.proposal-list-row {
    margin-bottom: 1.5em;
    display: flex;
    position: relative; }
    @media (min-width: 992px) {
      body.proposals-list div.proposal-list-row {
        margin-bottom: 1em; } }
    body.proposals-list div.proposal-list-row.hidden {
      display: none; }
    body.proposals-list div.proposal-list-row a {
      color: #ffffff; }
    @media (hover: hover) and (pointer: fine) {
      body.proposals-list div.proposal-list-row:hover, body.proposals-list div.proposal-list-row:hover a, body.proposals-list div.proposal-list-row.hover-targeted, body.proposals-list div.proposal-list-row.hover-targeted a {
        color: #727177;
        text-decoration: underline; } }
    @media (hover: none) {
      body.proposals-list div.proposal-list-row.touchHover, body.proposals-list div.proposal-list-row.touchHover a, body.proposals-list div.proposal-list-row.hover-targeted, body.proposals-list div.proposal-list-row.hover-targeted a {
        color: #727177;
        text-decoration: underline; } }
    body.proposals-list div.proposal-list-row div.organiser-data {
      word-wrap: break-word; }
  body.proposals-list div#rightSide-half {
    display: none; }
    @media (min-width: 768px) {
      body.proposals-list div#rightSide-half {
        display: block; } }
  body.proposals-list div#proposal-thumbnail-flexbox {
    align-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative; }
    body.proposals-list div#proposal-thumbnail-flexbox div.proposal-thumbnail-div {
      position: relative;
      /* bootstrap link-stretch 사용을 위함 */
      margin: 10px;
      flex-shrink: 0; }
      body.proposals-list div#proposal-thumbnail-flexbox div.proposal-thumbnail-div.hidden {
        display: none; }
      body.proposals-list div#proposal-thumbnail-flexbox div.proposal-thumbnail-div.sizeType-B2 {
        width: 120px; }
      body.proposals-list div#proposal-thumbnail-flexbox div.proposal-thumbnail-div.sizeType-A2 {
        width: 98.82353px; }
      body.proposals-list div#proposal-thumbnail-flexbox div.proposal-thumbnail-div.sizeType-A2Land {
        width: 139.76471px; }
      body.proposals-list div#proposal-thumbnail-flexbox div.proposal-thumbnail-div.sizeType-B3 {
        width: 85.41176px; }
      body.proposals-list div#proposal-thumbnail-flexbox div.proposal-thumbnail-div img.proposal-thumbnail-img {
        width: 100%;
        height: auto; }
      @media (hover: hover) and (pointer: fine) {
        body.proposals-list div#proposal-thumbnail-flexbox div.proposal-thumbnail-div a:hover::after, body.proposals-list div#proposal-thumbnail-flexbox div.proposal-thumbnail-div.hover-targeted a::after {
          border: 5px solid #727177; } }
      @media (hover: none) {
        body.proposals-list div#proposal-thumbnail-flexbox div.proposal-thumbnail-div a.touchHover::after, body.proposals-list div#proposal-thumbnail-flexbox div.proposal-thumbnail-div.hover-targeted a::after {
          border: 5px solid #727177; } }

/* 04-2 - proposal information */
body.proposal-info #leftSide-half div, body.proposal-info #leftSide-half p, body.proposal-info #leftSide-half h3 {
  text-align: left; }

body.proposal-info #leftSide-half > div, body.proposal-info #leftSide-half div#info-flexRows > div {
  margin-bottom: 1.5em; }

body.proposal-info #leftSide-half > p, body.proposal-info #leftSide-half div#info-flexRows > p {
  margin-bottom: 1.5em; }

body.proposal-info #leftSide-half > img, body.proposal-info #leftSide-half div#info-flexRows > img {
  margin-bottom: 1.5em; }

body.proposal-info #leftSide-half div#info-proposal-info p {
  margin-bottom: 1em; }

@media (min-width: 768px) {
  body.proposal-info #leftSide-half span#info-proposal-id {
    display: block; } }

body.proposal-info #leftSide-half span#info-proposal-url {
  text-decoration: underline; }
  body.proposal-info #leftSide-half span#info-proposal-url:hover {
    cursor: pointer; }

body.proposal-info #leftSide-half a {
  color: #ffffff;
  text-decoration: underline; }

body.proposal-info #leftSide-half a:hover {
  text-decoration: underline; }

body.proposal-info #rightSide-half div, body.proposal-info #rightSide-half p, body.proposal-info #rightSide-half h3 {
  text-align: center; }

body.proposal-info #rightSide-half p {
  margin-bottom: 1.5em; }

body.proposal-info #rightSide-half a {
  color: #ffffff;
  text-decoration: underline; }

body.proposal-info #rightSide-half div.icon-close {
  text-align: right;
  border-right-width: 1px;
  flex-shrink: 0; }

body.proposal-info #rightSide-half #poster-container {
  padding: 0 8.33333% 8.33333% 8.33333%;
  height: auto;
  flex-shrink: 0; }
  body.proposal-info #rightSide-half #poster-container img.proposal-large-image {
    width: 100%; }