@charset "utf-8";
@import "/common/css/font.css";
/* CSS Document */
body{
	background:#f6f6f6;
	font-family:NanumGothic, '나눔고딕';
	margin:0;
	padding:0;
	width:100%;
	}

img{
	border:none;
	max-width:90%;
	}

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	}

h3{
   font-size:18px;
   font-weight:normal;
   }

a{
	color:#0975a2;
	text-decoration:none;
	}

ul{ 
    list-style:none;
	margin:0;
	padding:0;
	}

a:hover{
	color:#004c6b;
	text-decoration:none;
	}
	
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }

.wraper{
  width:640px;
  max-width:100%;
  margin:0 auto;
  padding:0;
}

.header{
    width:100%;
	text-align:left;
    display:block;
	}
/*** mindex **/
.event1{
  padding-top:30px;
  margin-left:30px;
}

.font-char1{
	color:#333;
	font-size:20px;
    font-weight:bold;
}

.font-char2{
	color:#333;
	font-size:20px;
    font-weight:normal !important;
}
.event2{
    color:#333;
	font-size:20px;
	margin:0 0 40px 30px;
}

.event2 span{
    font-weight:bold;
}

.event3{ 
    width:100%;
	text-align:center; 
	}

.event3 img{ width:80%; height:auto; border:0 }
.event4 { margin-top: 20px;  margin-left:15px; }
.event4-1 { 
    display:inline-table;
     width:75px;
	 float:left;
     color:#fff;
	 background:#757575;
	 padding:3px 0 3px 0 ;
	 margin-right:5px;
     text-align:center;

	 -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
	 -o-border-radius: 10px;
       border-radius: 10px;
   }

   .event4-2 { 
    display:inline-table;
    float:left;
     width:70%;
  }

  .event5 { 
    font-size:13px;
	color:#77ba7b;
    width:90%;
	margin-top:10px;
	margin-left:20px;
	}

 .btn {
   margin:0 auto;
   width:90%;
   }
/*
.menu{
	margin:20px 10px;
	padding:0;
	}
.menu a{
	font-size:12px;
	font-weight:normal;
	text-align:center;
	display:block;
	background:#eeeeee url(../images/menu-shade.png) repeat-x;
	border:1px solid #dddddd;
	color:#aaaaaa;
	padding:10px;
	margin:10px 0;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-box-shadow:0 2px 4px #aaaaaa;
	-webkit-box-shadow:0 2px 4px #aaaaaa;
	box-shadow:0 2px 4px #aaaaaa;
	}
.menu a:hover{
	color:#bbbbbb;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	}
*/
/* content */
.content{
    width:600px;
    max-width:100%;
	font-size:14px;
	color:#4d4d4d;
	line-height:2em;
	margin:5px;
	padding:0;
	}

.content h2{
	margin:0 0 0 5px;
	padding:0;
	}

.content p{
	text-align:left;
	margin:0 5px 5px 5px;
	line-height:2em;
	padding:0;
	}

/** mindex2 **/
.mindex2{
  width:100%;
  height:100%;
 }

.pol-content1 { 
	background:#c3e822;
	width:245px;
	text-align:left;
	margin:30px 0 5px 30px;
}

.pol-content2 {
    color:#333;
	font-size:18px;
	margin:0 0 10px 30px;
}

.pol-content3 {
    color:#333;
	font-size:14px;
	margin:0 0 40px 30px;
}


.pol-content4 {
     background:url(../images/line.png) repeat-x left center;
	 font-size:13px;
     font-style:italic;
	 text-indent:50px;
	 }

.pol-content4 span {
    padding: 0 10px 0 10px;
    background:#f6f6f6;
	}

.pol-content5 {
   margin:80px 30px 30px 30px;
   font-size:20px !important;
   font-weight:bold;   
   letter-spacing: -2px;
   }

.pol-content5 span {
   color:#31a237;
   background:none !important;
}
  
.pol-content6 {
   margin:30px;
   font-size:18px !important;
}

.pol-content6 ul li{ 
      list-style:decimal;
	  margin-left:30px;
      padding: 10px 0 10px 0px;
}	  

.pol-content6 span {
   font-weight:bold;
}

 .pol-content7 {
	text-align:center;
    font-size:12px;
	word-spacing: -2px;
}

.pol-content8 {
     margin:0px 20px 0px 30px;
}




/******************* two ********************/
.pol2-content1 { 
	text-align:left;
	margin:30px 0 5px 20px;
	font-size:18px;
	max-width:90%;
}

.pol2-content2 {
    color:#333;
	font-size:18px;
	height:200px;
	text-align:center;
	width:600px;
	max-width:100%;
	padding-top:20px;
	padding-bottom:20px;
}

.pol2-content2 table {
	border:1px solid #ccc;
	width:250px;
	height:200px;
	text-align:center;
	background:#fff;
	}

.ipad{	background: url(../images/survey1_2.gif) no-repeat top center;  height:150px; width:250px; }
.m50000 {  background: url(../images/survey1_2_1.gif) no-repeat top center;  height:173px; width:250px; }
.gift { background: url(../images/survey1_2_2.gif) no-repeat top center;  height:173px; width:250px; }

.pol2-content2 td { height: 27px; text-align:center; }


.pol-content3 {
    color:#333;
	font-size:14px;
	margin:0 0 40px 30px;
}


.pol-content4 {
     background:url(../images/line.png) repeat-x left center;
	 font-size:13px;
     font-style:italic;
	 text-indent:50px;
	 }

.pol-content4 span {
    padding: 0 10px 0 10px;
    background:#f6f6f6;
	}

.pol-content5 {
   margin:30px;
   font-size:13px;
   line-height:20px;
   }

.pol-content5 span {
   background:yellow;
}
  
.pol-content6 {
   margin:30px;
   font-size:13px;
}
  
.pol-content6 span {
   font-weight:bold;
}

 .pol-content7 {
	text-align:center;
    font-size:12px;
	word-spacing: -2px;
}

.pol-content8 {
     margin-left:30px;
     padding:10px;
}

.Q { 
    color:#9bb919;
	font-weight:bold;
	}

.pol5-content1 { 
	width:95%;
	text-align:center;
	margin:30px 0 5px 30px;
}

.pol5-content1 img {
    width:50%;
	border:0;
}

.pol5-content2 {
    color:#333;
	font-size:18px;
	font-weight:bold;
	margin:40px 0 50px 0px;
	padding-left:10%;
	padding-right:10%;
}

.pol5-content3 {
    color:#333;
	font-size:14px;
	margin:0 0 40px 30px;
}


.pol5-content5 {
    color:#333;
	font-size:20px;
	margin:30px 0 5px 30px;
}
.pol5-content5 span {
   font-weight:bold;
   }

.pol5-content6 {
    color:#333;
	font-size:15px;
	margin: 0px 0 60px 30px;
}

.pol5-content7 {
    color:#333;
	font-size:14px;
	margin: 0px 20px 60px 30px;
}


.pol6-content5 {
    color:#333;
	font-size:18px;
	margin: 40px 30px 60px 30px;
}

.pol6-content6 {
    color:#333;
	font-size:13px;
	margin: 40px 30px 5px 30px;
}
.pol6-content7 {
   margin: 0px 30px 5px 30px;
}


/*************************/

.lifted {
-moz-border-radius: 4px;
border-radius: 4px;
font-weight:bold;
}

.drop-shadow {
position: relative;
float: left;
width: 85%;
padding: 1em;
margin: 2em 10px 0.2em;
background: white;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
user agent stylesheetdiv {
display: block;
}

.lifted::before, .lifted::after {
bottom: 25px;
left: 10px;
width: 85%;
height: auto;
-webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
transform: rotate(-3deg);
}

.drop-shadow::before, .drop-shadow::after {
content: "";
position: absolute;
z-index: -2;
clear:both;
}

.lifted::after {
right: 10px;
left: auto;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-ms-transform: rotate(3deg);
-o-transform: rotate(3deg);
transform: rotate(3deg);
}


/* footer */
.footer{
	border-top:2px solid #565656;
	background:#333;
	font-size:12px;
	margin:10px 0 0 0;
	padding:5px 0;
	width:100%;
	vertical-align: bottom; 
    bottom: 0;
    position: fixed; 
	}
.footer p{
	color:#aaaaaa;
	font-size:12px;
	text-align:right;
	margin:5px;
	}
.footer p a{
	color:#2d2d2d;
	padding:5px;
	}
.footer p a:hover{
	color:#2d2d2d;
	}
/* clear */
.clear{
	clear:both;
	}

.code{
	padding:0;
	border:1px dotted #bbbbbb;
	}

.numbering{
	background:#f2f2f2;
	color:#bbbbbb;
	padding:2px 5px;
	}

.tag{
	color:#0975a2;
	}

.program{
	color:#ff003c;
	}

.head{
	padding:5px;
	color:#FFFFFF;
	background:#2d2d2d;
	}