body {
  -webkit-text-size-adjust: 100%;
  overflow-x: scroll;
}

.wrapper {
  color: #333;
  background:#fff;
  clear:both;
}

.clear{clear:both;}
.sky {color:#0098f0;}
.orange {color:#ff4e00;}

strong {}
.menu {
  padding: 0px;
}
.container {
  position: relative;
  padding: 0;
  background:#fff;
  width: 100%;
  overflow: hidden;
  *zoom: 1;
}
.event_description_sp {
  float:left;
  padding:10px;
  color:#fff; 
  width:100%;
  text-align:center; 
  font-size:70%;
  background:#001173 url(/images/5thanniv/bg_line_sp.jpg) no-repeat bottom center;
	
}
.event_description_sp p {
  margin-bottom:10px;
	
}

.menu__title {
  text-align: center;
  width: 89.83333%;
  margin: 10px auto 10px;
  color: #3d3d3d;
  font-size:120%;
}
.menu__title small {
  padding-top: 0px;
  font-weight:normal;
  font-size: 16px;
  display: block;
  color:#F30;
}
.menu__title small strong {
  font-weight:bold;
}
.menu__title small span.time_box {
  display:inline-block;
  border:1px solid #f30;
  padding:1px 10px;
  margin-right:10px;
  text-align: center;
}

.menu__list {
    overflow: hidden;
    *zoom: 1;
	text-align:center;
	padding:0;
  }
  
    
  .menu__item_left {
    display: block;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
    float: left;
    width: 100%;
	background:#e4ebff url(/images/5thanniv/arrow_down1.png) no-repeat right center;
	color:#222;
  }
  .menu__item_right {
    display: block;
    float: left;
    width: 100%;
	border-bottom:1px solid #ccc;
	background:#f1f1f1 url(/images/5thanniv/arrow_down2.png) no-repeat right center;
	color:#222;
  }
  .menu__item_right img.sp, .menu__item_left img.sp {
    float:left; margin:24px 0 0 5px;
  }
  a:hover.menu__item_left, a:hover.menu__item_right {
	text-decoration:none;
  }
  .menu__item__image {
    background:url(/images/5thanniv/menu1_bg.png) no-repeat top center;
	height: 100px;
	color:#fff;
	padding-top:15px;
	margin-top:-1px;
	font-weight:bold;
  }
  .menu__item__image2 {
    background:url(/images/5thanniv/menu2_bg.png) no-repeat top center;
	height: 100px;
	color:#fff;
	padding-top:15px;
	margin-top:-1px;
	font-weight:bold;
	
  }
  .menu__item__title {
    font-size: 100%;
    padding:20px 10px;
	color:#222;
	text-align:left;
  }
  .menu__item__summary {
    font-size: 130%;
    padding: 0 20px 15px 20px;
	line-height:100%;
	color:#222;
  }

  .container_event {
  position: relative;
  padding-top:10px;
  width: 100%;
  overflow: hidden;
  *zoom: 1;
}
.event1 {
  background:url(/images/5thanniv/bg_stripe_blue.gif);
  padding: 10px;
  margin:0 auto;
}
  .event1__title {
  width: 89.83333%;
  margin: 0 auto;
  color: #3d3d3d;
  font-size:120%;
  text-align:center;
}
.event1__title small {
  padding-top: 0px;
  font-weight:normal;
  font-size: 16px;
  display: block;
  color:#F30;
}
.event1__item__summary p {
  margin-bottom:10px;
}
.event1__item__summary p span.time_box {
  display:inline-block;
  border:1px solid #333;
  padding:1px 10px;
  margin-right:10px;
}


.event1__list {
    overflow: hidden;
    *zoom: 1;
	margin-bottom:0;
	padding:0;
  }
  .event1__item {
    display: block;
    float: left;
    width: 100%;
	border:1px solid #cbe2ff;
	background:#fff;
    margin-bottom: 10px;
	color:#222
  }
  .event1__item div.gift {
    text-align:center;
	margin:30px auto 0;
	padding:0;
  }
  .event1__item__image {
	position:absolute;
	margin-left:37%;
	margin-top:-7px;
	z-index:999998;
  }
  .event1__item__title {
    font-size: 110%;
    padding: 7px 20px 0 20px;
    margin-bottom: 14px;
  }
  .event1__item__title small span.big {
    font-size: 150%;
  }
  .event1__item__summary {
    font-size: 100%;
    padding: 0 10px 10px 20px;
	clear:both;
  }
  .event1_btn {
    font-size: 107%;
    text-align:center;
	color:#F60;
  }
  
  .event2 {
  background:url(/images/5thanniv/bg_stripe_gray.gif);
  padding: 10px;
  margin:0 auto;
  text-align:center;
  }
  

   .campaine {
  background:#ecf1ff;
  padding: 10px;
  margin:0 auto;
  text-align:center;
  }
  .container_campaine {
  position: relative;
  background:#fff;
  border:1px solid #ccc;
  width: 100%;
  overflow: hidden;
  *zoom: 1;
  }

.event2__title {
  width: 89.83333%;
  margin: 0 auto 10px;
  color: #3d3d3d;
  font-size:120%;
  font-align:left;
}
.event2__title small {
  padding-top: 0px;
  font-weight:normal;
  font-size: 100%;
  display: block;
  color:#F30;
  text-align:left;
}
.event2__title small span.time_box {
  display:inline-block;
  border:1px solid #f30;
  padding:1px 10px;
  margin-right:10px;
  text-align: center;
}

.event2__list {
    overflow: hidden;
    *zoom: 1;
	margin-bottom:10px;
	padding:10px;
  }
  .event2__item {
    display: block;
    float: left;
    width: 98%;
  }
  .event2__item__summary {
    font-size: 100%;
    padding: 0;
  }
  
  
  .method {
  margin-bottom:10px;
  text-align:left;
  background:#fff;
  padding:10px;
  border:1px solid #CCC;
}
.method-item-title {
  position: relative;
  margin-top: -1px;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  background:#f7f7f7;
  font-size: 100%;
  font-weight: normal;
  text-align:left;
}
.method-item-title .accordion-icon {
  position: absolute;
  top: 50%;
  width: 25px;
  margin-top: -13px;
  right: 20px;
}
.method-item-title .name {
  font-size: 107%;
}
.method-item-title .accordion-icon {
  position: absolute;
  top: 50%;
  width: 25px;
  margin-top: -13px;
  right: 20px;
}
.method-item-content {
padding:0 10px 10px 10px;
display: none;
  
}
.method-item-twitter {
padding:0 0 10px -10px;
  
}
.method-item-twitter ol.twitter {
margin-bottom:50px;
  
}
.method-icon {
  display: inline-block;
  padding: 5px;
  width: 24px;
}
.method-icon img {
  vertical-align: bottom;
}
.method-step {
  position: relative;
  padding-bottom: 10px;
}
.method-step li {
  position: relative;
  margin-bottom: 10px;
  margin-top:7px;
}
.method-step-number {
  top: 0;
    left: 0;
    width: 45px;
}
.method-step-description {
  padding: 0 0 0 40px;
  text-align:left;
}
.method-step-description p {
  margin-bottom: 15px;
}

.method__header {
  margin-bottom: 40px;
}
.method__title {
  width: 93.75%;
  margin: 0 auto 20px;
  text-align: center;
}
.method__sub-title {
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 15px;
}
.method__description {
  text-align: left;
  width: 93.75%;
  margin: 0 auto 20px;
}
.method__description p {
  margin-bottom:20px;
}
.twitter_form {
	text-align:left; 
	border:2px dotted #999; 
	background:#eaf6ff; 
	margin-bottom:20px; 
	padding:10px;
	overflow: hidden;
  }
  .twitter_form form {
	margin-left:20px;
  }
  .twitter_form p {
	font-size:100%;
	margin-bottom:20px;
	margin-left:20px;
  }
  .twitter_form p.question {
    font-size: 107%;
    text-align:left;
    font-weight: bold;
  }
.container_campaine {
  position: relative;
  margin:0 auto;
  padding-top:20px;
  width: 100%;
  overflow: hidden;
  *zoom: 1;
}
.guideline {
  padding: 50px 0px 30px;
  background-size: 100% auto;
}
.guideline-content {
  width: 93.75%;
  margin: 0 auto;
}
.guideline-title {
  text-align: center;
  font-size: 120%;
  margin-bottom: 25px;
  font-weight: bold;
}
.guideline-list {
  margin-bottom: 30px;
  text-align:left;
}
.guideline-list dd strong {
    font-weight:bold;
  }
  .guideline-list dd div.sub {
    margin-left:10px;
  }
  .guideline-list dd div.sub2 {
    margin-left:15px;
	margin-top:-25px;
	
  }
.guideline-list dt {
  font-weight: bold;
  margin-bottom: 10px;
  background:#666;
  color:#fff;
  text-align:center;
  padding:2px 0;
  
}
.guideline-list dd {
  padding-left: 16px;
  border-bottom:2px dotted #ccc;
  padding-bottom:20px;
  text-align:left;
}

#footerArea {
  margin-top: 0;
}


.main-image {
  background:url(/images/5thanniv/main_banner_5th_bg.jpg) repeat-x top center;
}

.main-image img {
  margin: 0 auto;
}

.main-image-form {
  background:url(/images/5thanniv/form_banner_5th_bg.jpg) repeat-x top center;
}

.main-image-form img {
  margin: 0 auto;
}



@media print, screen and (min-width: 768px) {
  .wrapper {
    min-width: 1280px;
    margin: 0 auto 0px;
  }

  .container {
    width: 1200px;
    margin: 0 auto;
  }
  .container_event {
    width: 1200px;
    margin: 0 auto;
  }

  .fifth {
    background: #0050b3;
	margin:0 auto;
  }
  .width_wrapper {
  width:1280px; 
  margin:0 auto;
}
 .event_description {
  position:absolute;
  float:left; 
  width:675px; 
  margin-left:295px;
  margin-top:-220px;
  z-index:99999; 
  color:#fff; 
  text-align:center; 
  font-size:120%; 
  line-height:170%;	
	
}
.event_description_kr {
  position:absolute;
  float:left; 
  width:755px; 
  margin-left:295px;
  margin-top:-230px;
  z-index:99999; 
  color:#fff; 
  text-align:center; 
  font-size:115%; 
  line-height:160%;	
	
}
.event_description p {
  margin-bottom:20px;
	
}
.event_description_kr p {
  margin-bottom:20px;
	
}
  
.menu {
  background:#ecf1ff;
  padding: 0px 0 25px;
}
.container {
  position: relative;
  margin-bottom:30px;
  padding: 0;
  box-shadow:4px 4px 4px rgba(0,0,0,0.1),-3px 3px 3px rgba(0,0,0,0.1);
  background:#fff;
  width: 1200px;
  overflow: hidden;
  *zoom: 1;
}
.menu__title {
  text-align: center;
  width: 89.83333%;
  margin: 5px auto 10px;
  color: #3d3d3d;
  font-size:350%;
}
.menu__title small {
  padding-top: 0px;
  font-size: 45%;
  display: block;
}  
.menu__title small strong {
  font-weight:bold;
}
.menu__title small span.time_box {
  display:inline-block;
  padding:1px 10px;
  border:1px solid #F30;
  margin-bottom:5px;
  text-align: center;
}
.menu__list {
    overflow: hidden;
    *zoom: 1;
	margin-bottom:39px;
	text-align:center;
	padding-left:90px;
  }
  .menu__item_left {
    display: block;
    float: left;
    margin-right: 50px;
    width: 470px;
	border:1px solid #e5e5e5;
	background:#e7f4ff;
    min-height: 300px;
    margin-bottom: 30px;
	color:#222;
  }
  .menu__item_right {
    display: block;
    float: left;
    margin-right: 50px;
    width: 470px;
	border:1px solid #e5e5e5;
	background:#f4f4f4;
    min-height: 300px;
    margin-bottom: 30px;
	color:#222;
  }
  a:hover.menu__item_left, a:hover.menu__item_right {
	text-decoration:none;
  }
  .menu__item__image {
    background:url(/images/5thanniv/menu1_bg.png) no-repeat top center;
	height: 100px;
	color:#fff;
	padding-top:15px;
	margin-top:-7px;
	font-weight:bold;
  }
  .menu__item__image2 {
    background:url(/images/5thanniv/menu2_bg.png) no-repeat top center;
	height: 100px;
	color:#fff;
	padding-top:15px;
	margin-top:-7px;
	
  }
  .menu__item__title {
    font-size: 210%;
    margin-left:10px;
	text-align:left;
	border:0;
	padding-bottom:0;
  }
  
  .menu__item__summary {
    font-size: 230%;
    padding: 0 20px 7px 20px;
	line-height:100%;
  }
  .menu__item__summary p {
    height:100px;
  }
  .menu__item__summary p.sns {
    background:url(/images/5thanniv/sns.png) no-repeat bottom center;
  }
  .menu__item__summary small {
    font-size:70%;
  }
  .menu__item__image_shadow {
    background:url(/images/5thanniv/shadow.png) no-repeat bottom center;
	margin-top:7px;
  }
  .event1 {
  background:url(/images/5thanniv/bg_stripe_blue.jpg);
  padding: 0px 0 25px;
  margin:0;
  }
  .container_event {
  position: relative;
  margin-bottom:10px;
  padding-top: 70px;
  width: 1280px;
  overflow: hidden;
  *zoom: 1;
  }
  .event1__title {
  width: 89.83333%;
  margin:20px auto 0;
  color: #3d3d3d;
  font-size:400%;
}
.event1__title small {
  padding-top: 0px;
  font-weight:normal;
  font-size: 45%;
  display: block;
}
.event1__item__summary {
  clear:both;
}
.event1__item__summary p span.time_box, .method__description p span.time_box {
  display:inline-block;
  border:1px solid #333;
  padding:1px 5px;
  margin-right:5px;
}
.event1__list {
    overflow: hidden;
    *zoom: 1;
	margin-bottom:10px;
  }
  .event1__item {
    display: block;
    float: left;
    margin:0 25px;
    width: 560px;
	border-left:1px solid #cbe2ff;
	border-right:1px solid #cbe2ff;
	border-bottom:1px solid #cbe2ff;
	border-top:3px solid #727272;
	background:#fff;
    min-height: 318px;
    margin-bottom: 15px;
	color:#222;
  }
  .method__description {
  text-align: left;
  width: 93.75%;
  margin: 40px auto 50px;
  margin-right:100px;
}
  .event1__item div.gift {
	float: left;
	margin:10px 0 5px 30px;
	text-align:left;
  }
  
  .event1__item__image {
	position:absolute;
	margin-left:363px;
	margin-top:-15px;
	z-index:99999;
  }
  .event1__item__title {
    font-size: 150%;
    padding:25px 15px 0 160px;
	margin-top:-155px;
	float:left; 
    text-align:left;
	font-weight:normal;
	width:100%;
  }
  
  .event1__item__title small span.big {
    font-size: 250%;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
  }
  .event1__item__summary p {
    font-size: 100%;
    padding: 5px 15px 0 15px;
	line-height:150%;
	clear:both;
  }
  .event1__item__summary p small {
    font-size: 80%;
	line-height:120%;
  }
  
  .event1_btn {
    font-size: 150%;
    text-align:center;
	color:#F60;
	font-weight:bold;
  }
  .event1_btn img {
    margin-top:10px;
  }

  .event2 {
  background:url(/images/5thanniv/bg_stripe_gray.gif);
  padding: 50px 0 50px 0;
  margin:0 auto;
  text-align:center;
  }
  .container_event2 {
  position: relative;
  margin-bottom:50px;
  padding-top: 50px;
  box-shadow:4px 4px 4px rgba(0,0,0,0.1), -4px 4px 4px rgba(0,0,0,0.1);
  background:#fff;
  width: 1200px;
  overflow: hidden;
  *zoom: 1;
  }
  .event2__title {
  width: 89.83333%;
  margin: 0 auto;
  color: #3d3d3d;
  font-size:400%;
}
.event2__title small {
  padding-top: 0px;
  font-weight:normal;
  font-size: 45%;
  display: block;
}
.event2__title small span.time_box {
  display:inline-block;
  padding:1px 10px;
  border:1px solid #F30;
  margin-bottom:5px;
  text-align: center;
}
.event2__list {
    overflow: hidden;
    *zoom: 1;
	margin-bottom:10px;
	padding-left:90px;
  }
  .event2__item {
    display: block;
    float: left;
	width:332px;
    min-height: 250px;
  }
  .event2__item__summary {
    display: block;
    float: left;
	width:500px;
	text-align:left;
	font-size:100%;
  }
  .event2__item__summary p {
    margin-bottom:10px;
	width:500px;
  }
  .event2__item__summary p span.time_box {
    display:inline-block;
	margin-right:10px;
  padding:1px 10px;
  border:1px solid #222;
  text-align: center;
  }
  .method {
  margin: 10px auto 50px;
  position: relative;
  padding-top: 50px;
  box-shadow:4px 4px 4px rgba(0,0,0,0.1),-4px -4px 3px rgba(0,0,0,0.1);
  background:#fff;
  width: 1200px;
  overflow: hidden;
  *zoom: 1;
  }
  .method img.card {
  float:left; 
  margin-left:95px; 
  margin-right:20px;
  margin-bottom:35px;
  }
  .method-title {
    position: relative;
    border: 1px solid #CCCCCC;
    font-size: 176%;
    margin-bottom: 30px;
  }
  .method-title .name {
    font-size: 120%;
  }
  .method-title .accoridion-icon {
    position: absolute;
    top: 50%;
    right: 30px;
    width: 50px;
    margin-top: -25px;
  }
  .method-icon {
    position: absolute;
    top: 50%;
    left: 10px;
    display: block;
    margin-top: -24px;
    line-height: 1;
    padding: 0px;
    width: 48px;
  }
  .method-item {
    width: 1000px;
    margin: 0 auto;
  }
  .method-item-title {
    position: relative;
	cursor: pointer;
    border: 1px solid #CCCCCC;
    font-size: 176%;
    vertical-align: middle;
    line-height: 78px;
    height: 78px;
    padding-left: 80px;
	text-align:left;
    margin-bottom: 40px;
  }
  .method-twitter-title {
    position: relative;
    font-size: 250%;
    vertical-align: middle;
    line-height: 60px;
    height: 60px;
    text-align:center;
	color:#0dadf7;
	margin-bottom:30px;
  }
  .method-item-title .accordion-icon {
    position: absolute;
    top: 50%;
    right: 30px;
    width: 50px;
    padding: 0;
    margin-top: -25px;
  }
  .method-item-title .name {
    font-size: 120%;
  }
  .method-item-title .accordion-icon {
    position: absolute;
    top: 50%;
    right: 30px;
    width: 50px;
    padding: 0;
    margin-top: -25px;
  }
  .method-step {
    overflow: hidden;
    *zoom: 1;
  }
  .method-item-twitter p.description {
    font-weight:bold;
	font-size:180%;
	line-height:180%;
	margin-bottom:30px;
  }
  .method-item-twitter p.description_kr {
    font-weight:bold;
	font-size:150%;
	line-height:150%;
	margin-bottom:30px;
  }
  .method-step ol {
    float: left;
    width: 500px;
	margin-left:17px;
    padding-left: 0px;
  }
  .method-step ol.twitter {
    width: 100%;
  }
  .method-step-description {
    padding-top:0;
    font-size: 117%;
    padding-left: 40px;
	text-align:left;
  }
  .method-step-number {
    top: 0;
    left: 0;
    width: 45px;
  }
  .method-step-image {
    display: block;
    float: right;
    width: 440px;
  }

  
  .twitter_form {
	text-align:left; 
	border:2px dotted #999; 
	background:#eaf6ff; 
	margin-bottom:20px; 
	padding:40px;
  }
  .twitter_form form {
	margin-left:50px;
  }
  .twitter_form p {
	font-size:117%;
	margin-bottom:20px;
	margin-left:50px;
  }
  .twitter_form p.question {
    font-size: 170%;
    text-align:left;
    font-weight: bold;
  }
   .campaine {
  background:#ecf1ff;
  padding: 50px 0;
  margin:0 auto;
  text-align:center;
  }
  .container_campaine {
  position: relative;
  margin-bottom:35px;
  padding-top: 70px;
  box-shadow:4px 4px 4px rgba(0,0,0,0.1), -4px -4px 3px rgba(0,0,0,0.1);
  background:#fff;
  width: 1200px;
  overflow: hidden;
  *zoom: 1;
  }
  
.guideline {
    width: 950px;
    margin: 0 auto;
    background-size: 100% auto;
    padding-top: 90px;
  }
  .guideline-content {
    width: 1000px;
	text-align:left;
  }
  .guideline-title {
  text-align: center;
  font-size: 180%;
  margin-bottom: 25px;
  font-weight: bold;
}
  .guideline-list {
    position: relative;
    margin-bottom: 10px;
    font-size: 106%;
  }
  .guideline-list dd strong {
    font-weight:bold;
  }
  .guideline-list dd div.sub {
    margin-left:30px;
  }
  .guideline-list dd div.sub2 {
    margin-left:15px;
	margin-top:-23px;
	
  }
  .guideline-list dt {
    top: 0;
    position: absolute;
    font-weight: bold;
    margin-bottom: 10px;
	background:#7c7c7c;
 	color:#fff;
  	width:170px;
	text-align:center;
	padding:2px 0;
  }
  .guideline-list dd {
    padding-left: 200px;
	padding-bottom:15px;
	border-bottom:2px dotted #bdbdbd;
  }
  a.btn1 {margin-left:200px;}
  

}
/*=================================
 * colorbox theme
 =================================*/


.circle1 {
width:28px;
height:28px;
border-radius:14px;
border:1px solid #009dd7;
box-shadow:0px 2px 3px 0px rgba(0,0,0,0.2),0px 0px 1px 0px rgba(0,0,0,0.2);
-moz-border-radius:14px;
-webkit-border-radius:14px;
-ms-border-radius:14px;
-khtml-border-radius:14px;
-o-border-radius:14px;
background:#00b3e6;
color:#fff;
text-align:center;
float:left;
margin-right:7px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
line-height:28px;
}

.circle2 {
width:28px;
height:28px;
border-radius:14px;
border:1px solid #003088;
box-shadow:0px 2px 3px 0px rgba(0,0,0,0.2),0px 0px 1px 0px rgba(0,0,0,0.2);
-moz-border-radius:14px;
-webkit-border-radius:14px;
-ms-border-radius:14px;
-khtml-border-radius:14px;
-o-border-radius:14px;
background:#33C;
color:#fff;
text-align:center;
float:left;
margin-right:7px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
line-height:28px;
}

button.btn1{background:#2f91ff;color:#fff;border-radius:8px;font-size:18px;padding:10px 20px 6px 20px;margin:0;display:block;text-align:center;text-decoration:none; float:left; margin-top:10px;}
a.btn1{background:#2f91ff;color:#fff;border-radius:8px;font-size:18px;padding:10px 20px 6px 20px;margin:0;display:block;text-align:center;text-decoration:none; float:left; margin-top:10px;}
.btn1:hover{background-color:#54a4fd}
a.btn2{background:#eee url(/images/help/title_bg.gif) repeat-x bottom; border:1px solid #b6b6b6; color:#444;border-radius:12px;font-size:14px;padding:5px 20px 3px 20px;margin:0;display:block;text-align:center;margin:0 auto 15px;top:-15px; text-decoration:none;  float:left;}
.btn2:hover{border:1px solid #3188e1;} 
.footer {background:#505050; font-size:100%; color:#fff; padding:7px 0; text-align:center;}


.twitterPostArea
{
    font-size: 14px;

    width: 90%;
    height: 93px;
    margin-bottom: 3px;
    padding: 13px 18px;

    color: #000;
    border: 1px solid #737373;
}

@media screen and (max-width: 768px)
{
    .twitterPostArea
    {
        font-size: 12px;
        padding: 6px 8px;
        border-color: #999;
    }
}

.countOver
{
    color: #e60011;
}