@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

body {
  padding: 10px;
}

#date-select {
  color: inherit; 
  background-color: inherit;
  border: none;
  font-weight: 600;
  font-size: 20px;
}

#lang-select {
  color: inherit; 
  background-color: inherit;
  border: none;
  font-weight: 600;
  font-size: 20px;
}

#version-word {
  font-weight: 600;
  font-size: 20px;
}

select {
  /* styling */
  background-color: white;
  border: thin solid blue;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  padding: 0em 45px 0em 0em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 12px) calc(18px - 50%),
    calc(100% - 7px) calc(18px - 50%),
    calc(100% - 30px);
  background-size:
    5px 5px,
    5px 5px,
    1px;
  background-repeat: no-repeat;
}


@media screen and (max-width: 500px) {
  #date-select {
    color: inherit; 
    background-color: inherit;
    border: none;
    font-weight: 600;
    font-size: 16px;
  }
  
  #lang-select {
    color: inherit; 
    background-color: inherit;
    border: none;
    font-weight: 600;
    font-size: 16px;
  }
  
  #version-word {
    font-weight: 600;
    font-size: 16px;
  }
  
  option {
    font-size: 16px;
  }

  select {
    padding: 0em 25px 0em 0em;
    background-image:
      linear-gradient(45deg, transparent 50%, gray 50%),
      linear-gradient(135deg, gray 50%, transparent 50%);
    background-position:
      calc(100% - 12px) calc(14px - 50%),
      calc(100% - 7px) calc(14px - 50%);
    background-size:
      5px 5px,
      5px 5px;
    background-repeat: no-repeat;
  }
}

.header {
  display: flex;
  justify-content: space-between;
}


/* NHN Web Standardization Team (http://html.nhndesign.com/) HHJ 090226 */
/* COMMON */
.se2_outputarea, .se2_outputarea th, .se2_outputarea td{margin:0;padding:0;font-size:12px;font-family:'돋움',Dotum,'굴림',Gulim,Helvetica,Sans-serif;line-height:1.5}
.se2_outputarea p{margin:0;padding:0}
.se2_outputarea a:hover{text-decoration:underline}
.se2_outputarea a:link{color:#0000ff}
.se2_outputarea ul{margin:0 0 0 40px;padding:0}
.se2_outputarea ul li{margin:0;list-style-type:disc;padding:0}
.se2_outputarea ul ul li{list-style-type:circle}
.se2_outputarea ul ul ul li{list-style-type:square}
.se2_outputarea img, .se2_outputarea fieldset{border:0}