/*
Project :
Author  :
Date    :
*/

/* Common */
html, body {font-family: '돋움', Dotum, sans-serif;font-size:13px;-webkit-font-smoothing: antialiased;background: #fff;line-height:1;}
img{border:0;margin:0;padding:0;}
a{margin:0;padding:0;}
a[name]{height:0;}

.fleft{float:left;}
.fright{float:right;}
.alternative{z-index: -1;width: 0;height: 0;overflow: hidden;visibility: hidden;}
.txtleft{text-align:left !important;}
.txtcenter{text-align:center !important;}
.txtright{text-align:right !important;}
.txtbold{font-weight:bold !important;}
.prelative{position:relative;}
.pabsolute{position:absolute !important;}
.line_height{ line-height:0px;}
.verttop{ vertical-align:top;}
.vertbottom{ vertical-align:bottom;}
ul{list-style-type:none;}
ul, li{ margin:0;}
li img { vertical-align:middle; }
li::marker{display:none!important;}


/* Layout */
.container{position:relative;width:1170px;margin:0 auto; }
.container-fluid{position:relative;width:100%;margin:0 auto;}


/* Header */
.top{ background-color:#ad92dd ; height:66px; }
   .logo{ margin-left:30px; margin-top:25px;}
   /*
  .view_list{}
  .view_list .btn_view_list{ text-align:left; padding:10px; float:right; margin-right:30px; margin-top:13px; height:19px; width:255px;background:#fff;border-radius:20px;cursor:pointer;}
  .view_list .campaign_list{ display:none; position:absolute; top:40px; right:30px;width:255px; color:#3d3d3d; background:url('/event/images/campaign_06/view_list_022.png'); padding:10px; font-size:14px;  margin:0px 0 0 10px;  line-height:30px;z-index:99999;}
  .view_list .campaign_list a{color:#3d3d3d; text-decoration:none;}
  .view_list .campaign_list a:hover{text-decoration:underline;}
  */

.campaign{ font-size:14px; font-weight:bold; margin:5px 0 0 8px; display:inline-block; color:#3d3d3d;}
.arrow{ float:right; display:inline-block;  margin:6px 10px;;}

/*.himage{ background-color:#e5f0fc; height:935px;  overflow:hidden}*/
.himage{  background:url('/event/images/campaign_06/himage.png')  50% 0  ; height:935px;overflow:hidden; }

.hitext{ margin-top:72px;}

.kid{height:455px;}
	 .kid li{ float:left; }
	 .kid .texton1{ position:absolute; display:none; margin-top:-54px; margin-left:86px; }
	 .kid .texton2{ position:absolute; display:none; margin-top:-65px; margin-left:97px; }
	 .kid .texton3{ position:absolute; display:none; margin-top:-65px; margin-left:-43px; }
	 .kid .texton4{ position:absolute; display:none; margin-top:-50px; margin-left:110px; }
	 .kid .texton5{ position:absolute; display:none; margin-top:-60px; margin-left:123px; }
	 .kid .texton6{ position:absolute; display:none; margin-top:-50px; margin-left:-18px; }

	 .kid .kid1{ position:absolute; top:355px; left:0px;}
	 .kid .kid2{ position:absolute; top:313px; left:208px;}
	 .kid .kid3{ position:absolute; top:365px; left:396px;}
	 .kid .kid4{ position:absolute; top:324px; left:615px;}
	 .kid .kid5{ position:absolute; top:370px; left:763px;}
	 .kid .kid6{ position:absolute; top:353px; right:0px;}


.btn_kid{position:relative;left:50%;display:inline-block;*display:inline;*zoom:1;margin-left:-300px;}
      .btn_kid li{float:left;}

.way{ background-color:#8bd899 ; height:250px ; padding-top:40px;}


.area02{ background-color:#548ebe; padding:30px 0  70px 0;}
     .area02 .number{ font-family:Verdana, Geneva, sans-serif; font-size:80px; font-weight:bold; color:#292929; height:130px;}
	 .area02 .qbg{position:relative; height:434px; width:779px; display:inline-block;}
	 .area02 .qbg ul{position:absolute; top:67px; left:50px;}
	 .area02 .qbg ul li { margin-bottom:30px; float:left;}
	 .area02 .qbg ul li input[type='checkbox']{ width:25px; height:25px; position:relative; top:10px; margin-right:14px;}
	 .area02 .qbg ul li .promise{ width:660px; height:45px; padding:5px 0 5px 15px; font-size:25px; font-family: "나눔고딕"; color:#b0b0b0; }

	.area02 .area02_btn{ margin-top:50px;}

.comment{ margin-top:50px;}
   .comment p{ padding-bottom:10px; border-bottom:2px  solid #808080;}
   .comment .text li{ padding:15px 0 20px; 0; border-bottom:1px  solid #d9d9d9; overflow:hidden;}
   .comment .text li .name{ font-weight:bold; color:#292929; line-height:40px;}
   .comment .text li .writ{  color:#292929; font-size:16px;}
   .comment .text li .time{ margin-top:30px; margin-right:10px; font-size:12px; color:#808080; float:right; vertical-align:middle; }


   .comment .paging{text-align:center; margin:20px 0 70px;}
   .comment .paging ul{color:#34343e; display:inline-block;*display:inline;margin:0px auto 0px;}
   .comment .paging li{ font-family:Verdana, Geneva, sans-serif; color:#333; font-size:12px; text-align:center; margin-left:25px; float:left;}
   .comment .paging li:first-child{ margin-left:0px;}
   .comment .paging li a{ color:#333; text-decoration:none;}
   .comment .paging li a:hover{text-decoration:underline; color:#e4455b;}
   .comment .paging li.current{background:#fff;font-weight:bold;border-color:#fff;}
   .comment .paging li.current a{color:#e4455b;}


.area03{background:url('/event/images/campaign_06/area03_bg.png');}
    .area03 .revise{ position:absolute; bottom:110px; right:293px;}

.area04{ background-color:#ad92dd; padding:70px 0;}
    .area04 .content{ position:relative; margin-top:30px; background:url('/event/images/campaign_06/area04_bg.png'); height:390px;}
    .area04 .content .btn{ position:absolute; top:175px; left:95px;}
	.area04 .content .mov{ position:absolute; top:48px; right:93px;}

.area05{ background-color:#8bd899; padding:70px 0;}
    .area05 .content{ position:relative; margin-top:30px; background:url('/event/images/campaign_06/area05_bg.png'); height:390px;}
    .area05 .content .btn{ position:absolute; top:175px; left:95px;}
	.area05 .content .mov{ position:absolute; top:48px; right:93px;}

.footer{ background-color:#292929; height:63px; padding-top:30px;}

/* Slider */
.popup{position:relative; width:950px; height:578px; /*text-align:center;*/ margin:auto; background:url('/event/images/campaign_06/popup_book.png');}
.popup .pop_up_mov{position:absolute; top:40px; left:150px;}
.popup .pop_up_mov .pop_up_mov_c{position:absolute; top:15px; right:15px;}
.pop_close{ position:absolute; width:43px; height:43px;  right:-70px;}
.bx-wrapper .bx-controls-direction a {margin-top: -29px;width: 33px;height: 58px;}
.bx-wrapper .bx-next {right: -60px;background: url(/event/images/campaign_06/popup_right.png) no-repeat;}
.bx-wrapper .bx-next:hover {background-position: 0 0;}
.bx-wrapper .bx-prev{  left: -60px;  background: url(/event/images/campaign_06/popup_left.png) no-repeat;}
.bx-wrapper .bx-viewport {  -moz-box-shadow: none;  -webkit-box-shadow: none;  box-shadow: none;  border: none;  left: 0; background:none; }

.popup .popup1{ position:relative; }
.popup .popup1 .song_tit{ height:28px; position:absolute; top:273px; left:85px;  width:338px;}
.popup .popup1 .mov{ height:203px; width:338px; position:absolute; top:315px; left:85px;  }
.popup .popup1 .songarea{ width:338px; height:40px; position:absolute; top:315px; left:85px;  }
.popup .popup1 .songarea .songarea_bg{width:338px; height:40px; background-color:#f2f2f2; }
.popup .popup1 .songarea .songarea_bg{width:338px; height:40px; background-color:#f2f2f2; }
.popup .popup1 .songarea .songarea_bg .tit{ float:left; margin-top:15px; margin-left:15px; }
.popup .popup1 .songarea .songarea_bg .mov02{ position:absolute; float: right; margin-top:9px; left:0px; margin-left:260px; }


.popup .pop_up_mov{}