html {
height:100%;
font-family: 'Noto Sans KR', sans-serif;
}

body {
margin:0;
padding:0;
background:#f37321;
line-height: 0.9cm;
color: #444;
}

a {
text-decoration: none;
}


li {
list-style:none;
}

input, option, select {

text-align: center;
}

/* À̹ÌÁö ÇÏ´Ü ¿©¹é Á¦°Å */ 
img {
display: block;
}

.text-small {
font-size:0.6cm;
line-height:0.5cm;
}

.text_button {
cursor: pointer;
}

.main-layout {
width:600px;margin:0 auto;
}

.main-layout2 {
width:1000px;margin:0 auto;
}

.top-layout {
width:600px;margin:0 auto;
}

.card-layout {
width: calc(100%-20px);
margin: 20px 10px;
}

.shadow {
box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);
}

.shadow5 {
          box-shadow:inset 0px 2px 2px 0 rgba(255,255,255,.5);
}

.shadow2 {
          box-shadow:inset 1px 1px 30px 0 rgba(0,0,255,.3);
}

.shadow3 {
		  box-shadow:inset 0px 5px 5px 0 rgba(0,0,100,.2);
}

.shadow4 {
		  box-shadow:inset 1px 1px 20px 0 rgba(0,0,0,.1);
}

.radius {
border-radius: 5px;
}

.radius-left {
border-radius: 5px 0px 0px 5px;
}

.radius-right {
border-radius: 0px 5px 5px 0px;
}


.border {
border: 1px solid #777;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.border-right {
border-right: 1px solid #777;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.border-top {
padding: 10px 0;
border-top: 1px dashed #777;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.width-100 {
width:100%;float:left;
}

.width-80 {
width: 80%;float:left;
}

.width-75 {
width:75%;float:left;
}

.width-70 {
width:70%;float:left;
}

.width-30 {
width:30%;float:left;
}

.width-50 {
width:50%;float:left;
}

.width-60 {
width:60%;float:left;
}

.width-40 {
width:40%;float:left;
}

.width-25 {
width:25%;float:left;
}

.width-20 {
width:20%;float:left;
}

.width-10 {
width:10%;float:left;
}

.width-33 {
width:33.33%;float:left;
}

.float-right {
float: right;
}

.float-left {
float: left;
}

.margin-auto {
margin: 0 auto;
}

.text-center {
text-align: center;
}

.text-left {
text-align: left;
}

.padding-1 {
width: 98%;
padding: 1%;
}


.padding-2 {
width: 96%;
padding: 2%;
}

.padding-4 {
width: 92%;
padding: 4%;
}

.card-upper {
border-radius:5px 5px 0px 0px;
}

.card-lower {
border-radius:0px 0px 5px 5px;
}

.min-height-200 {
min-height: 200px;
}

.back-color-main {
background: #2196F3;  
}

.back-color-sub-1 {
background: #3F51B5;  
}

.back-color-sub-2 {
background: #673AB7;
}

.back-color-sub-3 {
background: #9C27B0;
}

.back-color-sub-4 {
background: #E91E63;
}

.back-color-white {
background: white;
}

.back-color-grey-1 {
background: #777;  
}

.back-color-grey-2 {
background: #555;  
}

.back-color-yellow {
background: yellow;
}

.back-gradient-1 {
background: #3a7bd5; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #3a7bd5 , #3a6073); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #3a7bd5 , #3a6073); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.back-gradient-2 {
background: #00d2ff; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #00d2ff , #928DAB); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #00d2ff , #928DAB); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.back-gradient-3 {
background: #EECDA3; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #EECDA3 , #EF629F); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #EECDA3 , #EF629F); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}  

.back-gradient-4 {
background: #2980b9; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #2980b9 , #2c3e50); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #2980b9 , #2c3e50); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}     

.back-gradient-5 {
background: #4DA0B0; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #4DA0B0 , #D39D38); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #4DA0B0 , #D39D38); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}        


.text-white {
color:white;
}

.text-size-50 {
font-size: 14px;
}

.line-height-13 {
line-height: 1.3em;
}

/* ºó divÀÇ ÇÏ´ÜÀ» ÄÁÅÙÃ÷¿µ¿ª¿¡ ¸ÂÃã */

.main-layout:after, .card-layout:after, .card-lower:after, .padding-2:after {
content: "";
display:block;
clear:both;
}






/* Large desktop */
@media (min-width: 1200px) {  }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { }
 

  
   
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
}
 
/* Landscape phones and down */
@media (max-width: 600px) {

.main-layout, .main-layout2, .top-layout {
width: 100%;
}

#eval_title {
	display:none;
}


}