﻿@charset "utf-8";

 /* 느껴보기_메인 */
.today {border-top:5px solid #30333e;position:relative;}
.today>img {width:950px;height:410px}
.today .memo {width:160px;height:75px;background-color:#ff3849;position:absolute;left:0;top:25px;padding:15px 0 0 19px;color:#fff;font-family: "돋움",Dotum; display: none;}
.today .memo h3 {margin-bottom:5px}
.today .memo>p {font-family: "돋움",Dotum;letter-spacing:-1px;line-height:1.3;color:#ffaab1}
.today .memo>p>span {font-size:16px;display:block;font-family: "돋움",Dotum;font-weight:bold;color:#fff}
.today .btn_page a {width:20px;height:30px;}
.today .btn_page a.prev {position:absolute;left:25px;top:190px;}
.today .btn_page a.next {position:absolute;right:25px;top:190px;}

/* 오늘의 포토 슬라이더 */
#slider_today{}
#slider_today .bx-wrapper {position: relative; margin: 0; padding: 0; *zoom: 1; text-align: center; font-size:11px;}
#slider_today .bx-wrapper img {max-width: 100%; display: block;}
#slider_today .bx-wrapper .bx-viewport {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;border: 0px;left: 0px;background: none;}
#slider_today .bx-wrapper .bx-prev {bottom: 0px; left: 0px; background:url(../image/feel/arrowred_feelp.png) no-repeat center center;}
#slider_today .bx-wrapper .bx-next {bottom: 0px; right: 0px; background:url(../image/feel/arrowred_feeln.png) no-repeat center center;}
#slider_today .bx-wrapper .bx-prev:hover {background-position: center center;}
#slider_today .bx-wrapper .bx-next:hover {background-position: center center;}
#slider_today .bx-wrapper .bx-controls-direction a { width: 78px; height: 100px; top: 50%; margin-top: -50px;}
#slider_today strong{display:block;color:#eeeeee}
#slider_today p {color:#377abe}
#slider_today em {background-color:#313132;border:1px solid #272728;padding:1px 7px;border-radius:2px;color:#686868}
#slider_today a span {font-size:0;}
#slider_today a strong:hover {text-decoration:underline;}
#slider_today .bx-wrapper .bx-caption {position: absolute; left: 0; top:25px; background: #ff3849 url(../image/feel/text_today.jpg) no-repeat 19px 15px; width: 179px; height: 90px;}
#slider_today .bx-wrapper .bx-caption span {color: #fff; font-family: '돋움',dotum,sans-serif; display: block; font-size: 16px; font-weight: bold; padding: 10px; letter-spacing: -1px; text-align: left; padding:  40px 0 0px 19px; }
#slider_today .bx-wrapper .bx-caption span.author {font-size: 12px; color: #ffaab1; padding:  0px 0 0px 19px; margin-top: -2px; font-weight: 400; }

.more_view {margin-left:-10px;float:left;width:960px}
.more_view ul li {float:left;margin:10px 0 0 10px;width:470px;height:150px;overflow:hidden;position: relative;}
.more_view ul li a {position:relative; float: left;}
.more_view ul li a>span {position:absolute;top:0;left:0}
.more_view .dis_cover {position:absolute; clear:both;width:470px;height:150px;color:#fff;background-color:#ff3849;opacity: .8;filter: alpha(opacity = 80);font-family: "돋움",Dotum;top:0px;left:-470px}
.more_view .dis_cover strong {display:block;width:360px;margin:20px auto 10px auto;border-bottom:1px solid #fff;font-size:16px;letter-spacing:-0.5px;font-weight:bold;padding:3px 5px}
.more_view .dis_cover strong em{font-family:"Tahoma";font-size:9px;letter-spacing:1px;font-weight:normal;display:inline-block;padding-left:10px;color:#d2ff00}
.more_view .dis_cover b {font-size:11px;display:block;width:360px;margin:4px auto;font-weight:normal;padding:0 5px}
.more_view .dis_cover b i {font-weight:bold;display:inline-block;width:60px;font-style:normal}
.more_view .plus_cover {position:absolute; left:0; top:124px;background:url(../image/feel/feel_ribbon.jpg) no-repeat;width:26px;height:26px}
.more_view ul li:hover .plus_cover {background-position:-26px 0}
.best_area {border-top:10px solid #ebecee;overflow:hidden;margin:20px 0 30px;padding-top:59px;float:left}
.best_area h4 {border-bottom:2px solid #30333e}
.best_area .bind {margin:25px 0 0 -10px;overflow:hidden;background:url(../image/feel/icon_ranking.png) no-repeat 10px 145px;}
.best_area .bind ul li {float:left;width:240px;text-align:right}
.best_area .bind li h5 {color:#30333e;text-align:left;padding:0 10px;font-size:12px}
.best_area .bind a >img {border:1px solid #d7d7d7;width:228px;height:118px;height:118px}
.best_area .bind ul li ol li {border-bottom:1px solid #ebecee;line-height:3.4}
.best_area .bind ul li ol li:first-child {border-bottom:1px solid #30333e;font-size:15px;color:#30333e;line-height:2.6;font-weight:bold}
.best_area .bind p{position:relative;}
.best_area .bind a span.shdw {background:url(../image/feel/icon_make.gif) repeat;position:absolute;opacity: .6;filter: alpha(opacity = 60);width:228px;height:35px;left:11px;bottom:0;cursor:hand}
.best_area .bind a strong {position:absolute;left:20px;bottom:7px;color:#dcdcdc;display:block;}
.best_area .bind a em {position:absolute;color:#fff;right:10px;bottom:11px;width:28px;display:block;}

 /* 느껴보기_메뉴 */
.s_item {margin:30px 0 7px 0;overflow:hidden;border-bottom:5px solid #30333e;padding-bottom:4px}
.s_item h3 {float:left;font-size:24px}
.s_item h3 span {font-family:"Tahoma";font-size:11px; color:#3b4352;font-weight:normal;letter-spacing:2px;display:inline-block;*display:inline;zoom:1;margin:-5px 5px}
.s_item .type_text {float:right;font-size:18px;margin-right:-10px;}
.s_item .type_text ul li{float:left;padding-top:7px}
.s_item .type_text ul li:first-child {padding-left:0;}
.s_item .type_text li a {display:block;padding:0 10px;background:url(../image/feel/bg_feel.gif) no-repeat 100% 8px;color:#bbbcbf}
.s_item .type_text li a.on, .s_item .type_text li a:hover {color:#30333e;}
.lst_area {*zoom:1;}
.lst_area:after {content:"";clear:both;display:block;}

 /* 느껴보기_공통리스트 */
.lst_area ul.thumb1, .lst_area ul.thumb2, .lst_area ul.thumb3, .lst_area ul.thumb4 {width:968px;margin-bottom:20px;*zoom:1}
.lst_area ul:after {content:"";clear:both;display:block;}
.lst_area ul.thumb1 li, .lst_area ul.thumb2 li, .lst_area ul.thumb3 li, .lst_area ul.thumb4 li  {float:left;margin:0 0 0 18px;list-style: none;}
.lst_area ul.thumb1 li a, .lst_area ul.thumb2 li a, .lst_area ul.thumb3 li a, .lst_area ul.thumb4 li a {position:relative;padding:7px 9px 40px 0;display:block;border:1px solid #c3c3c6;background:url(../image/feel/bg_listback.gif) repeat;margin-bottom:1px}

.lst_area li img.photo {border-top:1px solid #a2a1a1;border-right:1px solid #a2a1a1;border-bottom:1px solid #a2a1a1;}
.lst_area li a+img{border:1px solid #63666b;width:198px;height:117px;}
.lst_area li span.lit {display:block;font-size:11px;font-family: "돋움",Dotum;border-top:1px solid #e9ebee;line-height:2.0;margin:0 15px 0}
.lst_area li span.lit strong {color:#30333e;padding:0 8px 0 0}
.lst_area li span.play_go {position:absolute;top:55px;left:90px;text-align:center;color:#fff;border:none;font-weight:bold}
.lst_area li h4 {/*height:22px;*/display:block;margin:37px 0 17px 15px;font-size:16px;color:#30333e;font-weight:normal}
.lst_area li span.hogam {position:absolute;left:180px;bottom:81px;border:none}
.lst_area li span.chogam {position:absolute;left:10px;bottom:-40px;border:none;z-index:999}
.lst_area li span.mark {position:absolute;left:15px;bottom:12px;border:none}
.lst_area li span.donation {position:absolute;left:15px;bottom:33px;border:none}

.lst_area li span+em {display:block;font-family:Tahoma;font-size:10px;border-top:1px solid #e9ebee;color:#c0c1c5;text-align:right;margin:0 14px}
.lst_area ul.thumb1 li.on a, .lst_area ul.thumb1 li:hover a {border-top:1px solid #8c4ce0;border-left:1px solid #8c4ce0;border-right:1px solid #8c4ce0;border-bottom:2px solid #8c4ce0;margin-bottom:0}
.lst_area ul.thumb2 li.on a, .lst_area ul.thumb2 li:hover a {border-top:1px solid #fa0a96;border-left:1px solid #fa0a96;border-right:1px solid #fa0a96;border-bottom:2px solid #fa0a96;margin-bottom:0}
.lst_area ul.thumb3 li.on a, .lst_area ul.thumb3 li:hover a {border-top:1px solid #4ae0d0;border-left:1px solid #4ae0d0;border-right:1px solid #4ae0d0;border-bottom:2px solid #4ae0d0;margin-bottom:0}
.lst_area ul.thumb4 li.on a, .lst_area ul.thumb4 li:hover a {border-top:1px solid #7ee00a;border-left:1px solid #7ee00a;border-right:1px solid #7ee00a;border-bottom:2px solid #7ee00a;margin-bottom:0}
.lst_area .basic {/*margin-left:-18px*/;*zoom:1;}
.lst_area .basic:after {content:"";clear:both;display:block;} 

.basic .list{*zoom:1; overflow: hidden;}
.basic .list:after {content: ''; display: none; clear: both; float: none;}
.basic .list > li{width: 224px; float: left; margin:0 0 0 18px;}
.basic .list > li > a{border: 1px solid #c3c3c6; display: block; padding: 0 0 40px 0; position: relative; background: url(../image/feel/bg_listback.gif) repeat;}
.basic .list > li.lastchild{margin-right: 0px;}

.basic.type1 > ul > li > a.on{border: 1px solid #8c4ce0; border-bottom: 2px solid #8c4ce0;}
.basic.type2 > ul > li > a.on{border: 1px solid #fa0a96; border-bottom: 2px solid #fa0a96;}
.basic.type3 > ul > li > a.on{border: 1px solid #8c4ce0; border-bottom: 2px solid #8c4ce0;}
.basic.type4 > ul > li > a.on{border: 1px solid #7ee00a; border-bottom: 2px solid #7ee00a;}

.view_cm {position:relative;width:950px;height:119px;overflow:hidden}
.view_cm .cm_mark {position:absolute;left:140px;bottom:6px;}
.view_cm .cm_donation {position:absolute;left:30px;top:27px}
.view_cm .cm_area {position:absolute;left:30px;bottom:6px;border-right:1px solid #eaeaea;width:100px;color:#d7d8dc;}
/*.view_cm .toggle {position:absolute;right:10px;top:0;z-index:2; cursor: pointer;}*/

/**:focus{outline:none;}
.content {height:510px;float: left;width:100%;left:0;margin-bottom: 30px;}
.thumb1 {cursor:pointer;}*/

/* 느껴보기_포토드라마 */
.video {position: absolute; width:100%; height:500px; left:0; display: none; margin-top: 20px;}
.video .player{margin:0 auto;width:950px;text-align:center}

/* 느껴보기_포토에세이 */
.essay {background:#60595d url(../image/feel/cartoons2_view.png) no-repeat top center;height:510px;position: absolute; width: 100%; left:0; display: none; margin-top: 20px; overflow: hidden;}
.essay:after {content:"";clear:both;display:block;}
.essay_area {width:1126px;height:510px;margin:0 auto;position:relative;overflow:hidden}
.essay_area .wrap_caption {width:950px;background:url(../image/feel/mask_feel.png) repeat;position:absolute;left:90px;bottom:0;display:block; z-index: 500;}
.essay_area .wrap_caption .toggle {position:absolute;right:10px;top:0;z-index:2; cursor: pointer;}
/*.essay_area .describe {width:950px;background:url(../image/mask_feel.png) repeat; position:absolute;left:0px;top:0;display:none; z-index: 500;}*/
.describe{height:410px}
.describe.bg{background:url(../image/feel/bg_feel_gra.png) 0 bottom repeat-x}
.describe .group1 {width:400px;float:left;margin:33px 0 0 43px;border-right:1px solid #4ae0d0;height:65px}
.describe .group1 p {}
.describe .group1 span {font-size:18px;background-color:#5f5f5f;display:inline-block;*display:inline;zoom:1;padding:1px 2px;color:#fff}
.describe .group1 p strong {display:inline-block;*display:inline;zoom:1;background:url(../image/feel/feel_bar3.png) no-repeat;padding:3px 6px;font-size:11px;letter-spacing:-1px}
.describe .group2 {float:left;font-weight:bold;color:#5f5f5f;font-family: "돋움",Dotum;width:705px;position:relative}
.describe .group2 p {padding:42px 0 0 48px;width:600px;}
.describe .group2 span {position:absolute;top:0;right:10px}
.t_group {padding:30px 30px 0;color:#d7d8dc;overflow:hidden}
.t_group  table th{width:260px;font-size:18px;font-weight:normal;text-align:left;height:60px;vertical-align:middle;border-right:1px solid #5c5b5b}
.t_group  table td{vertical-align:middle;width:630px;font-family: "돋움",Dotum;font-size:14px;padding:0 10px 0 30px;border-left:1px solid #999898}

/* 포토에세이 이미지 슬라이드 */
.slider_essay{position: relative; height: 510px;}
.slider_essay .bx-wrapper {position: relative;margin: 0 auto;padding: 0;*zoom: 1; height: 510px !important;}
.slider_essay .bx-wrapper img {max-width: 100% !important;display: block;}
.slider_essay .bx-wrapper .bx-viewport {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;border: solid #fff 0px;left: 0px;background: #fff; height: 510px !important;}
.slider_essay .bx-wrapper .bx-viewport .bxslider li {width: 100% !important;}
.slider_essay .bx-wrapper .bx-prev {left: 0px;background: url(../image/feel/arrow_photon.png) no-repeat 0 0px;}
.slider_essay .bx-wrapper .bx-next {right: 0px;background: url(../image/feel/arrow_photon.png) no-repeat -41px 0px;}
.slider_essay .bx-wrapper .bx-prev:hover {background-position: 0 0;}
.slider_essay .bx-wrapper .bx-next:hover {background-position: -41px 0;}
.slider_essay .bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -20px;outline: 0;width: 41px !important;height: 41px !important;text-indent: -9999px;z-index: 9995; border: 0; padding: 0;}

/* 동화 이미지 슬라이드 */
.slider_cartoons{position: relative; width: 429px; height: 253px;}
.slider_cartoons .bx-wrapper {position: relative;margin: 0 auto;padding: 0;*zoom: 1; height: 253px !important;}
.slider_cartoons .bx-wrapper img {max-width: 100% !important;display: block;}
.slider_cartoons .bx-wrapper .bx-viewport {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;border: solid #fff 0px;left: 0px;background: #fff; height: 253px !important;}
.slider_cartoons .bx-wrapper .bx-viewport .bxslider li {width: 100% !important;}
.slider_cartoons .bx-wrapper .bx-controls{display: none;}
.slider_cartoons .bx-wrapper .bx-prev {left: 0px;background: url(../image/feel/arrow_photon.png) no-repeat 0 0px;}
.slider_cartoons .bx-wrapper .bx-next {right: 0px;background: url(../image/feel/arrow_photon.png) no-repeat -41px 0px;}
.slider_cartoons .bx-wrapper .bx-prev:hover {background-position: 0 0;}
.slider_cartoons .bx-wrapper .bx-next:hover {background-position: -41px 0;}
.slider_cartoons .bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -20px;outline: 0;width: 41px !important;height: 41px !important;text-indent: -9999px;z-index: 9995; border: 0; padding: 0;}
.slider_cartoons .bx-pager {float: right; padding: 8px 0; border-bottom: 1px solid #ccc;}
.slider_cartoons .bx-pager a {display: inline-block; width: 61px; height: 41px; float: left; margin-left: 5px; border: 2px solid #fff;}
.slider_cartoons .bx-pager a.active {border: 2px solid #8c4ce0;}
.slider_cartoons .bx-pager a img{display: block; width: 61px; height: 41px;}

/* 미션패밀리 이미지 슬라이드 */
.slider_mission{position: relative; width: 805px; height: 510px;}
.slider_mission .bx-wrapper {position: relative;margin: 0 auto;padding: 0;*zoom: 1; height: 510px !important;}
.slider_mission .bx-wrapper img {width: 805px !important; height: 510px; display: block;}
.slider_mission .bx-wrapper .bx-viewport {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;border: solid #fff 0px;left: 0px;background: #fff; height: 510px !important;}
.slider_mission .bx-wrapper .bx-viewport .bxslider li {width: 100% !important;}
/*.slider_mission .bx-wrapper .bx-controls{display: none;}*/
.slider_mission .bx-wrapper .bx-prev {left: 0px;background: url(../image/feel/arrow_feelp.png) no-repeat 20px 5px;}
.slider_mission .bx-wrapper .bx-next {right: 0px;background: url(../image/feel/arrow_feeln.png) no-repeat 0px 5px;}
.slider_mission .bx-wrapper .bx-prev:hover {background-position: 20px 5px;}
.slider_mission .bx-wrapper .bx-next:hover {background-position: 0px 5px;}
.slider_mission .bx-wrapper .bx-controls-direction a {position: absolute; top: 96px; outline: 0; width: 41px !important;height: 41px !important;text-indent: -9999px;z-index: 9995; border: 0; padding: 0;}
.slider_mission .bx-pager {position: absolute; bottom: 0; left: 0; z-index: 60; width: 100%; background: url(../image/feel/mask_feel.png);}
.slider_mission .bx-pager a {display: inline-block; width: 68px; height: 43px; float: left; position: relative;}
.slider_mission .bx-pager a img{display: block; width: 68px; height: 43px;}

.slider_mission .bx-pager a b{position: absolute;top: 0px;left: 0px;width: 68px;height: 43px;}
.slider_mission .bx-pager a.active b {position:absolute;top:0;left:0;background:url(../image/feel/mission_line.png) no-repeat; display: block;}




 /* 느껴보기_동화 */
.cartoons {background:#e1dfe2 url(../image/feel/cartoons1_view.png) no-repeat top center;height:510px;position: absolute; width:100%; left:0; display:none; margin-top: 20px; overflow: hidden;}
.cartoons .book_area {height:510px;margin:0 auto;position:relative;width:950px;}
.book_area .book {float:left;padding:38px 20px 0 25px;width:431px;height:452px;position:relative}
.book .marker_lst {padding-left:5px}
.book .explain {}
.book .explain h4 {font-size:34px;font-weight:normal;letter-spacing:-5px;line-height:1.2;font-family: "돋움",Dotum;margin:0;margin-bottom:3px}
.book .explain h4+p {border:1px solid #a2a1a1;margin-bottom:8px;}
.book .explain h4+p img {width:429px;height:253px}
.book .explain span {font-family: "돋움",Dotum;font-size:11px;padding-right:15px; margin-top: 8px; float: left;}
.book .explain span strong {padding-right:6px;display:inline-block}
.book .explain .ex_area {width:100px;background:url(../image/feel/bg_feel.gif) no-repeat 100% 3px;font-family: "돋움",Dotum;font-size:11px; position: absolute; bottom: 3px;}
.book .explain .ex_area img{margin-top:-3px}
.book .explain .ex_arealogo {position:absolute;bottom:0;right:20px}
.book .explain .ex_mark {position:absolute;bottom:0;left:135px}
.explain .relate {float:right;border-bottom:1px solid #ccc;padding-bottom:8px}
.explain .relate ul li {float:left;margin-left:5px}
.book_area .more {float:left;width:405px;height:442px;padding:60px 0 0 40px;overflow:hidden}
.more .info {line-height:1.6;height:375px;text-align:justify;overflow:hidden}
.more .info p {margin-bottom:12px}
.page_number {text-align:right;margin:32px 0 0}
.page_number a {background:url(../image/feel/cartoons_num.jpg) no-repeat;width:17px;height:19px;color:#b3b5bb;display:inline-block;margin-left:2px;text-align:center;line-height:1.8}
.page_number a:first-child {margin-left:0;}
.page_number a.on, .page_number a:active {background:url(../image/feel/cartoons_numov.jpg) no-repeat;color:#fff}

.cartoons .ex_side {position:absolute;top:10px;right:15px;z-index:999}
.cartoons .ex_close {position:absolute;bottom:13px;right:-41px;}
.cartoons .travel_staff .ex_close {position:absolute;bottom:13px;right:0px;}
.ex_side {position:absolute;top:10px;right:90px;z-index:1000}
.close_staff {position:absolute;bottom:13px;right:0px;}
.ex_close {position:absolute;bottom:13px;right:0;z-index:999}
.travel_staff {position:absolute;top:-308px;left:88px;z-index:999;width:860px;background:#fff url(../image/feel/bg_people.gif) repeat-x;padding:64px 45px;border-left:1px solid #a6a6a6;border-right:1px solid #a6a6a6;border-bottom:1px solid #a6a6a6}
    .cartoons .travel_staff {left:3px;}
.travel_staff .staff_left {float:left;margin-right:30px}
.travel_staff .staff_right {float:left;margin-top:10px;width:665px;}
.travel_staff .staff_right ul {border-top:2px solid #000;border-bottom:1px solid #000;float:left;padding:40px 0 20px}
.travel_staff .staff_right ul li {float:left;position:relative;margin:0 19px;width:57px}
.travel_staff .staff_right li a span.staff_pic img{width:57px;height:57px}
.travel_staff .staff_right li a span.st_name {display:block;text-align:center;font-size:11px;margin:5px 0}
.travel_staff .staff_right li a span.frame_mask {position: absolute;top: 0;left: 0;border: 1px solid #000;_border: 0;filter: alpha(opacity=20);opacity: 0.2;-moz-opacity: 0.2;cursor: pointer;width:55px;height:56px}

.mission {background:#60595d url(../image/feel/cartoons2_view.png) no-repeat top center;height:510px;position:absolute;width:100%;left:0;display: none; margin-top: 20px; overflow: hidden;}
.mission .mission_area {width:1126px;height:510px;margin:0 auto;position:relative;}
.mission_area .prologue {float:left;width:281px;position:relative;margin-left:40px}
.mission_area .prologue p {position:absolute;top:13px;left:13px}
.mission_area .prologue p>span {display:inline-block;*display:inline;zoom:1;background-color:#8c4ce0;color:#d7d8dc;padding:1px 6px}
.mission_area .mcview {float:left;width:805px;position:relative;height:510px}
.mission_area .mission_view {position:absolute;/*font-family: "돋움",Dotum;*/top:57px;left:0;width:805px; z-index: 100;}
.mission_view .more_pic {width:805px;height:43px;background: url(../image/feel/mask_feel.png) repeat}
.mission_view .more_pic ul{position:relative;left:0;}
.mission_view .more_pic li {float:left;position:relative}
.mission_view .more_pic li a {display:block;width:68px;height:43px;overflow:hidden;cursor:pointer;}
.mission_view .more_pic li a b{position: absolute;top: 0px;left: 0px;width: 68px;height: 43px;}
.mission_view .more_pic li:hover a b {position:absolute;top:0;left:0;background:url(../image/feel/mission_line.png) no-repeat;}
.mission_view .more_pic li img {width:68px;height:43px}

.prologue  p {position:absolute;top:14px;left:30px;font-family: "돋움",Dotum;color:#d7d8dc;}
.prologue  p strong {display:inline-block;*display:inline;zoom:1;background:url(../image/feel/feel_bar2.png) no-repeat;padding:3px 6px;font-size:11px;letter-spacing:-1px}
.prologue h4 {margin:5px 0 50px;color:#fff;font-size:23px;text-align:left;font-weight:normal} 
.prologue h5 {margin:0 0 5px 15px;color:#fff;font-size:15px;width:243px}
.prologue h5 +ul li {margin:0 0 0 15px;color:#aeafaf;line-height:2.1;padding-right:8px; cursor: pointer;}
.prologue h5 +ul li.on {color:#fff;}
.prologue h5 +ul {padding-bottom:60px;border-bottom:1px solid #4f5051;width:245px}
.prologue .cm_mark {position:absolute;left:86px;top:73px}
.prologue .cm_donation {margin:70px 0 0}
.prologue .share {border-top:1px solid #4f5051;margin:68px 26px 0 26px}
.prologue .share ul li {float:right;margin:5px 0 0 5px}
.mission_view .question {background:url(../image/feel/mask_feel.png) repeat;height:90px;position:relative;width:100%; display: table;}
.mission_view .question p {color:#fff;font-weight:normal;font-size:14px;width:500px;padding:0px 0 0;/*font-family:"돋움",Dotum;*/margin:0 auto; display: table-cell; vertical-align: middle; text-align: center;background:url('/image/width_fix.png') repeat;}
.mission_view .question p span{display: inline-block; width: 650px; text-align: left;}
.question a {width:20px;height:30px}
.question a.prev {position:absolute;left:20px;top:35%;}
.question a.next {position:absolute;right:20px;top:35%;}
.mission_view .answer {position:relative;height:300px}
.mission_view .answer .qna1{position:absolute;left:25px;top:60px}
.mission_view .answer .qna2{position:absolute;right:25px;bottom:40px}
.mission_view .box_top {background:url(../image/feel/textbox_top.png) repeat;width:365px;height:16px}
.mission_view .box_middle {background:url(../image/feel/textbox_bg.png) repeat;width:365px;}
.mission_view .box_middle p {padding:0 30px;/*font-family: "돋움",Dotum;*/color:#060606}
.mission_view .box_bottom {background:url(../image/feel/textbox_bott.png) repeat;width:365px;height:16px}
.mcview .prologue_cu {width:649px;color:#d1d1d1;margin:0 auto;margin:74px 67px 0;float:left}
.mcview .prologue_cu>span {display:block;margin-bottom:4px}
.mcview .prologue_cu .pro_text {float:left;width:327px;margin-right:58px}
.mcview .prologue_cu .pro_text>strong {font-size:32px; color:#ffffff; letter-spacing:-1px;font-weight:normal;margin-bottom:21px;display:block}
.mcview .prologue_cu .pro_text>p {font-size: 14px;color: #ffffff;letter-spacing: 1px;line-height: 1.6;margin-bottom:10px;}
.mcview .prologue_cu .pro_img {float:left;width:264px}

.mission_view .question.q1{height:90px;}
.mission_view .question.q1 .t1,.mission_view .question.q1 .t2{display:block;width:100% !important}
.mission_view .question.q1 .t1{margin-top:5px;text-align:center;font-size:14px}
.mission_view .question.q1 .t2{text-align:center;font-size:24px;margin-top:20px;}
.mission_view .question.q2{height:117px;position:absolute;bottom:0}
.mission_view .question.q2 p{text-align:left;padding:10px 50px;width:100%;/* 2014-11-10 */}


.btn_next10 {text-align:center;float:left;width:950px;margin:30px 0;}
.btn_next10 strong {background-color:#a3a5af;display:block;color:#fff;margin-top:14px;line-height:2.2;font-family: "돋움",Dotum;cursor:pointer}
.btn_next10 a {padding:0 3px}
.story_search {text-align:right;padding:0 0 5px;width:950px}
.story_search span {display:inline-block;border:1px solid #c6c6c6;height:20px;margin-left: 10px;}
.story_search .input_area input {border:0}

/* 2014-07-29 : 풍선도움말 숨김 버튼 */
.mission_view .btn_visible{position:absolute;right:0;top:-45px;z-index:100}
.mission_view .btn_visible{background-color:#FF5500;border:none;outline:none;cursor:pointer}
.mission_view .btn_visible span{display:none;padding:1px 10px;color:#fff;font-size:11px;letter-spacing:-1px}
.mission_view .btn_visible span.on{display:inline-block;}

.info_wrap .info_side .sns {position:absolute;top:15px;right:100px;}

@media all and (max-width:1024px) {

#sidebar {display:none;}

.mission_area .prologue {margin:0;}
.prologue .list_title {/* 2014-11-17 padding-bottom:60px;*/padding:0 10px 60px;border-bottom:1px solid #4f5051;/* 2014-11-17 width:245px */}
/* 2014-11-17 */
.prologue .list_title > li {margin:0;padding:0;}

.lst_area li h4 {/*height:22px;*/display:block;/* 2014-11-17 margin:37px 0 17px 15px; */margin:37px 0 17px 10px;font-size:16px;color:#30333e;font-weight:normal}
.slider_mission{position: relative; /* 2014-11-17 width: 805px; */width:100%; height: 510px;}
.mission .mission_area {/* 2014-11-17 width:1126px; */width:980px;height:510px;margin:0 auto;position:relative;}
.mission_area .prologue {float:left;/* 2014-11-17 width:281px; */width:190px;position:relative;/* 2014-11-17 margin-left:40px */letter-spacing:-1px;}
.mission_area .mcview {float:left;/* 2014-11-17 width:805px; */width:790px;position:relative;height:510px}
.mission_area .mission_view {position:absolute;/*font-family: "돋움",Dotum;*/top:57px;left:0;/* 2014-11-17 width:805px; */width:100%; z-index: 100;}
.mission_view .question {background:url(../image/feel/mask_feel.png) repeat;height:90px;position:relative;/* 2014-11-17 width:100%; *//* width:690px; */display: table; /* 2014-11-17 */ /* padding:0 50px; */}

}