@charset "utf-8";

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

#wrap{font-family: 'Nanum Gothic', sans-serif;font-size:14px;line-height:150%;color:#333;min-width:983px;}

input[type="text"]{height:30px;line-height:30px;border:1px solid #ddd;width:30%;border-radius:5px;text-indent:5px;}
input[type="password"]{height:30px;line-height:30px;border:1px solid #ddd;width:70%;border-radius:5px;text-indent:5px;}
select{height:32px;line-height:32px;border:1px solid #ddd;border-radius:5px;}

#header{border-bottom:1px solid #ddd;padding:10px 20px;position:relative;background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fafafa), color-stop(1, #ffffff));}
#header .main_img{width:150px;}
#header .admin_info{position:absolute;right:20px;top:20px;font-size:14px;}
#header .admin_info a.logout{background:#666;color:#fff;border-radius:5px;padding:5px 10px;margin-left:10px;}

#snb{position:absolute;left:0;top:58px;width:240px;border-right:1px solid #ddd;bottom:0;overflow-y:auto;}
#snb > ul > li{border-bottom:1px solid #ddd;}
#snb > ul > li > a{display:block;font-size:14px;padding:10px 20px;}
#snb > ul > li > ul{padding:10px 20px;border-top:1px solid #ddd;}
#snb > ul > li > ul > li > a{display:block;font-size:14px;padding:10px;}

#container{margin-left:240px;}
#container .path{font-size:14px;padding-bottom:20px;border-bottom:1px solid #ddd;padding:10px 20px;}
#container .tit_h2{font-size:25px;color:#333;padding-bottom:20px;}
#container .tit_h3{font-size:20px;color:#333;padding-bottom:20px;}

.contents{padding:40px;max-width:1000px;}
.main_banner > ul{border-top:1px solid #ddd}
.main_banner > ul > li{padding:20px 10px 10px 10px;position:relative;min-height:120px;border-bottom:1px solid #ddd;}
.main_banner > ul > li > .img{position:absolute;left:10px;top:20px}
.main_banner > ul > li > .img img{position:absolute;left:0;top:0;width:100%;height:100%;}
.main_banner > ul > li > .img input[type="file"]{display:none;}
.main_banner > ul > li > .img input[type="file"] + label{border:1px dashed #ddd;display:block;font-size:30px;color:#ddd;padding:49px;position:absolute;left:0;top:0;z-index:10;}
.main_banner > ul > li > .txt{padding:0 0 0 150px;}
.main_banner > ul > li > .txt > ul > li{padding-bottom:10px;position:relative;}
.main_banner > ul > li > .txt > ul > li .tit{display:inline-block;width:100px;}
.main_banner > ul > li > .txt .btn{text-align:right;margin-right:7%;}
.main_banner > ul > li > .txt .btn a{background:#666;color:#fff;border-radius:5px;padding:10px 20px;display:inline-block;}

.table_list{border-top:2px solid #ff3248;padding-bottom:20px;}
.table_list table{width:100%;border-collapse:collapse;table-layout: fixed;}
.table_list table th{font-size:16px;color:#000;line-height:150%;padding:10px 0;border-bottom:1px solid #d5d5d5;}
.table_list table td{font-size:15px;color:#666;line-height:150%;padding:15px 0;text-align:center;border-bottom:1px solid #d2d2d2;}
.table_list table td.left{text-align:left;padding-left:10px;}
.table_list table td a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:570px;}
.table_list table td a.btn{background:#666;color:#fff;font-size:14px;padding:5px 15px;border-radius:5px;display:inline-block;}
.table_write{padding-bottom:30px;border-top:1px solid #d5d5d5;}
.table_write table{width:100%;border-collapse:collapse;}
.table_write table th{border-bottom:1px solid #d5d5d5;font-size:16px;padding:15px;text-align:left;font-weight:400;line-height:150%;}
.table_write table td{border-bottom:1px solid #d5d5d5;font-size:14px;padding:15px;text-align:left;color:#666;line-height:150%;}
.table_write table td .list ul{padding-bottom:10px;}
.table_write table td .list ul li{font-size:14px;color:#666;line-height:150%;text-indent:-17px;padding-left:17px;}
.table_write table td .textarea textarea{border:1px solid #d5d5d5;width:80%;line-height:150%;font-size:14px;font-family: 'Nanum Gothic';height:200px;}
.table_write table td .img_area img{width:100%;max-width:900px;}
.table_write table select{height:36px;line-height:36px;border:1px solid #d5d5d5}
.table_write table input[type="text"]{height:34px;line-height:34px;border:1px solid #d5d5d5;width:80%;text-indent:5px;}
.table_write table .btn{background:#ff3147;color:#fff;display:inline-block;padding:0 20px;height:36px;line-height:36px;vertical-align:top;}
.table_write table .style_select ul{overflow:hidden;}
.table_write table .style_select ul li{float:left;text-align:center;margin-right:20px;}
.table_write table .style_select ul li label{display:block;padding-bottom:10px;}
.table_write table .photo_add ul li{padding-bottom:10px;}
.table_write table .photo_add ul li input[type="file"]{vertical-align:middle;}
.table_write table .photo_add ul li a{display:inline-block;background:#ff3147;color:#fff;font-size:14p;padding:0 10px;vertical-align:top;height:22px;line-height:22px;}
.tag_list{padding-bottom:10px;}
.tag_list > ul{overflow:hidden;overflow:hidden;}
.tag_list > ul > li{float:left;width:18%;margin:0.5% 0 0.5% 2%;}
.tag_list > ul > li input[type="text"]{border:1px solid #ddd;font-size:14px;color:#666;width:95%;}
.paging{text-align:center;padding:30px 0}
.paging a{display:inline-block;width:28px;height:28px;line-height:28px;border:1px solid #999;font-size:14px;text-align:center;color:#999}
.paging a:hover{border:1px solid #ff3d52;background:#ff3d52;color:#fff;}
.paging a:focus{border:1px solid #ff3d52;background:#ff3d52;color:#fff;}
.paging a.on{border:1px solid #ff3d52;background:#ff3d52;color:#fff;}
.paging strong{display:inline-block;width:28px;height:28px;line-height:28px;border:1px solid #ff3d52;background:#ff3d52;font-size:14px;text-align:center;color:#fff;}
.paging a.btn{border:0;vertical-align:top}
.paging a.btn:hover{background:none;}
.btn_group{overflow:hidden;padding:0 0 10px 0;}
.btn_group .center{text-align:center;}
.btn_group .left{float:left;}
.btn_group .right{float:right;}
.btn_group a{margin:0 3px;background:#666;color:#fff;font-size:14px;padding:7px 20px;display:inline-block;border-radius:5px;}
.search_bar{text-align:center;max-width:850px;margin:0 auto;}
.search_bar #searchBoard_option{width:100px;}

.btn_group input[type="text"]{vertical-align:top;height:33px;line-height:33px;}
.btn_group input[type="password"]{vertical-align:top;height:33px;line-height:33px;}

/*ij*/
.total_wrap{text-align:left;}
.txt_red{color: #f83535;font-weight: bold;}
.cmt_cont{font-size: 8pt;}
.ui-datepicker-trigger{padding: 10px;}
.td_head{background: #fff9f9;}
.year_btn{margin: 0 5px;font-size: 20pt;}
.tr_count td{border-top: 1px solid #d2d2d2;background: #fafafa;}
.search_bar .sel_cate{width:150px;}
#calender td{height:150px;text-align: left;vertical-align: top;}
.table_list .sunday{color:#ff0000;}
#calender td .day{}
textarea#content {
    overflow-y: hidden;
    overflow-x: hidden;
}
#calender tr td div{word-break: break-all;}


.storylist_view .view_cont{overflow:hidden;}
.storylist_view .view_cont .storylist_map{position:relative;padding-bottom:40px;margin-top:40px;}
.storylist_view .view_cont .storylist_map h2{font-size:20px;color:#fff;background:url(../img/bg_storylist_map_tit.png) no-repeat left top;height:50px;line-height:50px;font-weight:400;padding-left:15px;letter-spacing:-1px;}
.storylist_view .view_cont .storylist_map .info{position:absolute;right:20px;top:25px;padding:0 0 0 15px;background:url(../img/ico_point.png) no-repeat left center;font-size:14px;color:#000;}
.storylist_view .view_cont .storylist_map .storylist_map_in{border-top:10px solid #434343;border-bottom:10px solid #434343;}
.storylist_view .view_cont .storylist_map .storylist_map_in #map{height:450px;width:100%;}
.storylist_view .view_cont .storylist_map .storylist_map_in #map img{width:100%;height:100%;}
.storylist_view .view_cont .livere{padding:30px 20px 90px 20px;}
.title_wrap{max-width:1020px;margin:0 auto;}
.title_wrap .title{position:relative;padding:25px 0;border-top:1px solid #d5d5d5}
.title_wrap .title .path{font-size:15px;color:#000;text-align:center;} 
.title_wrap .title h2{text-align:center;font-size:26px;color:#000;line-height:120%;letter-spacing:-2px;font-weight:400;padding:5px 120px;z-index:1006}
.title_wrap .title .prevnext a{display:block;position:absolute;right:20px;top:50%;width:27px;height:50px;line-height:50px;margin-top:-25px;background:url(../img/btn_next.png) no-repeat left top;padding:0 0 0 45px;font-size:15px;width:45px;}
.title_wrap .blank{content:'';display:block;clear:both;padding-bottom:1px;}
.title_wrap.left .title h2{display:inline-block;text-align:left;padding:5px 20px;}
.title_wrap.left .title .txt{display:inline-block;font-size:16px;color:#666;}
.title_wrap.left .title .txt strong{font-weight:400;color:#ff3248}
.title_wrap.left .title .btn_back{position:absolute;right:0;top:45px;font-size:16px;color:#000;}
.title_wrap .writer_info{border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;padding:15px 20px;overflow:hidden;}
.title_wrap .writer_info .name{float:left;font-size:15px;color:#999;line-height:26px;}
.title_wrap .writer_info .name .date{padding-left:15px;}
.title_wrap .writer_info .info{float:right;}
.title_wrap .writer_info .info .like{display:inline-block;background:url(../img/ico_like.png) no-repeat left center;font-size:15px;color:#ff3147;line-height:26px;padding-left:20px;padding-right:10px;}
.title_wrap .writer_info .info .hit{display:inline-block;background:url(../img/ico_hit.png) no-repeat left center;font-size:15px;color:#ff3147;line-height:26px;padding-left:20px;}
.title_wrap .writer_info .info .share{display:inline-block;vertical-align:top}
.title_wrap .writer_info .info .share ul{}
.title_wrap .writer_info .info .share ul li{float:left;padding-left:10px;}
.title_wrap .writer_info .info .share ul li a{display:block;line-height:26px;}
.title_wrap .writer_info .info .share ul li a.list{background:url(../img/btn_list.png) no-repeat left center;font-size:15px;padding-left:25px;}
.title_wrap .writer_info .info .share ul:after{content:'';display:block;clear:both;}
.title .prevnext a:first-child{background:url(../img/btn_prev.png) no-repeat right top;padding:0 45px 0 0;left:20px;right:auto;}
.photo_thumb{padding:30px 20px;}
.photo_thumb ul{overflow:hidden;}
.photo_thumb ul li{float:left;width:93px;}
.photo_thumb ul li a{display:block;height:0;padding-bottom:70%;overflow:hidden;}
.photo_thumb ul li a img{width:100%;}
.photo_thumb ul li.movie{position:relative;}
.photo_thumb ul li.movie .movie_ico{position:absolute;left:50%;top:50%;width:32px;height:31px;margin-left:-15px;margin-top:-15px;}
.photo_thumb .bx-wrapper{position:relative;}
.photo_thumb .bx-wrapper .bx-prev{position:absolute;left:-37px;top:50%;width:27px;height:50px;margin-top:-25px;background:url(../img/btn_prev.png) no-repeat left top;text-indent:-9999px;overflow:hidden;}
.photo_thumb .bx-wrapper .bx-next{position:absolute;right:-37px;top:50%;width:27px;height:50px;margin-top:-25px;background:url(../img/btn_next.png) no-repeat left top;text-indent:-9999px;overflow:hidden;}
.photo_cont{max-width:982px;margin:0 auto 30px auto;}
.photo_cont ul li{display:none;}
.photo_cont ul li img{max-width:982px;width:100%;}
.photo_cont ul li:first-child{display:block;}
.photo_cont ul li.movie .iframe{width:100%;overflow:hidden;height:500px;}
.photo_cont ul li.movie .iframe iframe{width:100%;height:100%;}
.txt_cont{max-width:982px;margin:30px auto;font-size:14px;color:#000;line-height:150%;}
.prevnext_bottom{padding:0 20px 40px 20px;}
.prevnext_bottom ul{overflow:hidden;}
.prevnext_bottom ul li{float:left;width:50%;position:relative}
.prevnext_bottom ul li dl dt{position:absolute;left:0;top:0;font-size:16px;color:#888;line-height:150%;}
.prevnext_bottom ul li dl dd{padding:0 0 5px 70px;}
.prevnext_bottom ul li dl dd a{display:block;font-size:16px;color:#000;line-height:150%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.story_write .story_attachFile{}
.story_write .story_attachFile > ul > li{padding-bottom:20px;}
.story_write .story_attachFile > ul > li > input[type="file"]{position:absolute;left:-9999px;overflow:hidden;}
.story_write .story_attachFile > ul > li > input[type="file"]:focus + label.open_file{border:1px solid #a6c7ff;}
.story_write .story_attachFile > ul > li > input[type="file"]+label.open_file{display:inline-block;border:1px solid #fff;background:url(/img/bg_header_btn02.png) no-repeat left top;padding-left:20px;border-radius:50px;overflow:hidden;margin-right:10px;}
.story_write .story_attachFile > ul > li > input[type="file"]+label.open_file span{font-size:14px;color:#fff;background:url(/img/bg_header_btn02.png) no-repeat right top;display:block;width:65px;text-align:center;padding-right:20px;height:30px;line-height:30px;}
.story_write .story_attachFile > ul > li .txt{display:inline-block;font-size:14px;color:#999;height:30px;line-height:30px;vertical-align:top;}
.story_write .story_attachFile .attach_photo > ul{overflow:hidden;}
.story_write .story_attachFile .attach_photo > ul > li{float:left;margin-right:10px;padding:10px 0;}
.story_write .story_attachFile .attach_photo > ul > li .img{height:100px;width:100px;position:relative;}
.story_write .story_attachFile .attach_photo > ul > li .img img{width:100%;height:100%;}
.story_write .story_attachFile .attach_photo > ul > li .delete{position:absolute;right:5px;top:5px;}
.story_write .story_attachFile .attach_photo > ul > li input[type="file"]{position:absolute;left:-9999px;overflow:hidden;}
.story_write .story_attachFile .attach_photo > ul > li input[type="file"]:hover + label.open_file{border:1px solid #a6c7ff;}
.story_write .story_attachFile .attach_photo > ul > li input[type="file"]:focus + label.open_file{border:1px solid #a6c7ff;}
.story_write .story_attachFile .attach_photo > ul > li input[type="file"] + label.open_file{display:block;border:1px dashed #e7e7e7;width:98px;height:98px;text-align:center;}
.story_write .story_attachFile .attach_photo > ul > li input[type="file"] + label.open_file img{margin-top:35px;position:relative;z-index:-1}
.story_write .story_attachFile > ul > li .open_pop_youtube{display:inline-block;background:url(/img/bg_header_btn02.png) no-repeat left top;padding-left:20px;border-radius:50px;overflow:hidden;margin-right:10px;vertical-align:top}
.story_write .story_attachFile > ul > li .open_pop_youtube span{font-size:14px;color:#fff;background:url(/img/bg_header_btn02.png) no-repeat right top;display:block;width:65px;text-align:center;padding-right:20px;height:30px;line-height:30px;}
.story_write .story_attachFile > ul > li .youtube_url{font-size:15px;color:#1c1c1c;padding:10px 0 0 0;}
.story_write .story_attachFile > ul > li .open_pop_address{display:inline-block;background:url(/img/bg_header_btn02.png) no-repeat left top;padding-left:20px;border-radius:50px;overflow:hidden;margin-right:10px;vertical-align:top}
.story_write .story_attachFile > ul > li .open_pop_address span{font-size:14px;color:#fff;background:url(/img/bg_header_btn02.png) no-repeat right top;display:block;width:65px;text-align:center;padding-right:20px;height:30px;line-height:30px;}
.story_write .story_attachFile > ul > li .place_point{font-size:15px;color:#1c1c1c;padding:10px 0 20px 0;}
.story_write .tag_list{position:relative;padding-bottom:6%;}
.story_write .tag_list > h3{font-size:16px;color:#0c0c0c;position:absolute;left:0;top:10px;}
.story_write .tag_list > ul{overflow:hidden;overflow:hidden;margin-left:120px;}
.story_write .tag_list > ul > li{float:left;width:18%;margin-left:2%;margin-bottom:2%;border-bottom:1px solid #e5e5e5;}
.story_write .tag_list > ul > li input[type="text"]{border:1px solid #fff;font-size:14px;color:#666;padding:10px 0;width:100%;}
.story_write .story_attachFile > ul > li .places {min-height:69px;padding-bottom:10px; }
.story_write .story_attachFile > ul > li .places li {margin:10px 1px 0 0; display:inline-block;overflow:hidden;width:146px;height:69px;background:url(/img/bg_place.png) no-repeat 0 0;vertical-align:top;}
.story_write .story_attachFile > ul > li .places li .place {position:relative;}
.story_write .story_attachFile > ul > li .places li .place button.remove {display: none;position:absolute;right:14px;top:25px;width:17px;height:17px;background:url(/img/btn_remove02.png) no-repeat 0 0;border:0;text-indent:-9999px;}
.story_write .story_attachFile > ul > li .places li .place a {display:block;padding:10px 30px 10px 10px;width:106px;height:49px;}
.story_write .story_attachFile > ul > li .places li .place a span {display:block;color:#787878;font-size:12px;line-height:18px;}
.story_write .story_attachFile > ul > li .places li.on {background-position:0 -69px;}
.story_write .story_attachFile > ul > li .places li.on .place button.remove {display:block;}

/* 쓰기페이지 위치지정 팝업 */
.pop_address{display:none;border:solid 1px #333333;position:fixed;left:50%;top:50%;width:998px;height:498px;margin:-250px 0 0 -500px;background:#fff;}
.pop_address .popup-head{overflow:hidden;height:33px;background:#333;}
.pop_address .popup-head .popup-close{padding:5px 5px 0 0;text-align:right;}
.pop_address .popup-head .popup-close .close_pop_address{width:20px;height:20px;background:url(/img/btn-close.png) no-repeat 0 0;text-indent:-9999px;border:0;}
.pop_address .popup-body{padding:25px 40px;}
.pop_address .popup-body .title{padding-bottom:8px;}
.pop_address .popup-body .title h1.addmap{height:16px;background:url(/img/h1-addmap.png) no-repeat 0 0;text-indent:-9999px;}
.pop_address .popup-body .map .map-search{float:left;display:block;padding:10px;width:230px;background:#F1F1F1;}
.pop_address .popup-body .map .map-search .search-in{overflow:hidden;height:30px;}
.pop_address .popup-body .map .map-search .search-in input{padding:4px;width:142px;height:14px;border:solid 1px #DADADA;font-size:12px;line-height:14px;vertical-align:top;}
.pop_address .popup-body .map .map-search .search-in button.mapsearch{width:56px;height:23px;background:url(/img/btn-mapsearch.png) no-repeat 0 0;vertical-align:top;text-indent:-9999px;border:0;}
.pop_address .popup-body .map .map-search .search-result{padding:10px 12px;height:330px;background:#FFFFFF;overflow-y:auto;}
.pop_address .popup-body .map .map-search .search-result ul li.spinner{padding:20px;text-align:center; }
.pop_address .popup-body .map .map-search .search-result ul li .cell{padding:4px 0;border-bottom:dotted 1px #646466;}
.pop_address .popup-body .map .map-search .search-result ul li .cell p{margin:0;padding:0;color:#646466;font-size:12px;line-height:18px;}
.pop_address .popup-body .map .map-search .search-result ul li .cell p.title{font-weight:bold;}
.pop_address .popup-body .map .map-view{margin-left:255px;}
.pop_address .popup-body .map .map-view .mapContainer{width:640px;height:400px;}
.search_result{padding:20px;}
.search_result .search_txt{padding:15px 0 50px 0;}
.search_result .search_txt form{display:inline-block;}
.search_result .search_txt #searchResultTxt{border:0;border-bottom:1px solid #000;font-size:26px;color:#000;line-height:150%;width:400px;text-indent:10px;letter-spacing:-2px;}
.search_result .search_txt input[type="image"]{margin-left:-34px;}
.search_result .search_txt p{display:inline-block;font-size:20px;line-height:40px;vertical-align:top;padding-left:20px;}
.search_result .search_txt p strong{color:#ff3248;letter-spacing:-1px;}
.search_result .search_tab{height:41px;border-bottom:1px solid #000;position:relative;z-index:9}
.search_result .search_tab ul{overflow:hidden;}
.search_result .search_tab ul li{float:left;margin-right:-1px;}
.search_result .search_tab ul li:first-child{margin-left:0;}
.search_result .search_tab ul li a{display:block;padding:0 15px;height:40px;line-height:40px;font-size:16px;color:#999;background:#f5f5f5;border:1px solid #acacac;border-bottom:1px solid #000;position:relative;z-index:10;letter-spacing:-1px;}
.search_result .search_tab ul li a.on{background:#fff;border:1px solid #000;z-index:11;border-bottom:1px solid #fff;}
.search_result .search_list ul li{padding:30px 0;border-bottom:1px solid #d5d5d5;}
.search_result .search_list ul li a{display:block;position:relative;min-height:140px;}
.search_result .search_list ul li a .img{position:absolute;left:0;top:0;}
.search_result .search_list ul li a .txt{padding:0 0 0 260px;}
.search_result .search_list ul li a .txt dl dt{font-size:24px;color:#000;line-height:120%;margin-bottom:15px;height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.search_result .search_list ul li a .txt dl dt strong{color:#ff3147;font-weight:400}
.search_result .search_list ul li a .txt dl dd{font-size:16px;color:#000;line-height:150%;max-height:96px;overflow:hidden;}
.login_wrap{background:url(/img/bg_login.jpg) repeat-x center center;height:880px;}
.login_wrap .login{position:absolute;left:50%;top:50%;background:#fff;border-radius:10px;overflow:hidden;width:320px;height:400px;margin:-240px 0 0 -200px;padding:40px;}
.login_wrap .login h2{font-size:36px;color:#000;line-height:150%;text-align:center;font-weight:400;padding-bottom:30px;}
.login_wrap .login p{font-size:14px;color:#666;line-height:150%;text-align:center;padding-bottom:25px;}
.login_wrap .login ul li{padding-bottom:10px;}
.login_wrap .login ul li a{display:block;height:38px;line-height:38px;padding-left:60px;color:#fff;font-size:14px;background:url(/img/bg_sns_login01.jpg) no-repeat left top;}
.login_wrap .login ul li a#sns_login01{background-image:url(/img/bg_sns_login01.jpg);}
.login_wrap .login ul li a#sns_login02{background-image:url(/img/bg_sns_login02.jpg);}
.login_wrap .login ul li a#sns_login03{background-image:url(/img/bg_sns_login03.jpg);}
.login_wrap .login ul li a#sns_login04{background-image:url(/img/bg_sns_login04.jpg);color:#313131;}
.login_wrap .login ul li a#sns_login05{background-image:url(/img/bg_sns_login05.jpg);}
.photo_thumb{padding:30px 20px;}
.photo_thumb ul{overflow:hidden;}
.photo_thumb ul li{float:left;width:93px;}
.photo_thumb ul li a{display:block;height:0;padding-bottom:70%;overflow:hidden;}
.photo_thumb ul li a img{width:100%;}
.photo_thumb ul li.movie{position:relative;}
.photo_thumb ul li.movie .movie_ico{position:absolute;left:50%;top:50%;width:32px;height:31px;margin-left:-15px;margin-top:-15px;}
.photo_thumb .bx-wrapper{position:relative;}
.photo_thumb .bx-wrapper .bx-prev{position:absolute;left:-37px;top:50%;width:27px;height:50px;margin-top:-25px;background:url(/img/btn_prev.png) no-repeat left top;text-indent:-9999px;overflow:hidden;}
.photo_thumb .bx-wrapper .bx-next{position:absolute;right:-37px;top:50%;width:27px;height:50px;margin-top:-25px;background:url(/img/btn_next.png) no-repeat left top;text-indent:-9999px;overflow:hidden;}
.photo_cont{max-width:982px;margin:0 auto 30px auto;}
.photo_cont ul li{display:none;}
.photo_cont ul li img{max-width:982px;width:100%;}
.photo_cont ul li:first-child{display:block;}
.photo_cont ul li.movie .iframe{width:100%;overflow:hidden;height:500px;}
.photo_cont ul li.movie .iframe iframe{width:100%;height:100%;}
.txt_cont{max-width:982px;margin:30px auto;font-size:18px;color:#000;line-height:150%;}
.prevnext_bottom{padding:0 20px 40px 20px;}
.prevnext_bottom ul{overflow:hidden;}
.prevnext_bottom ul li{float:left;width:50%;position:relative}
.prevnext_bottom ul li dl dt{position:absolute;left:0;top:0;font-size:16px;color:#888;line-height:150%;}
.prevnext_bottom ul li dl dd{padding:0 0 5px 70px;}
.prevnext_bottom ul li dl dd a{display:block;font-size:16px;color:#000;line-height:150%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.prevnext_bottom ul li dl dd a span{display:block;color:#666;text-overflow:clip;white-space:normal;word-break:break-all;}
.mobile_banner{display:none;position:fixed;left:0;top:0;right:0;bottom:0;z-index:100000}
.mobile_banner img{width:100%;height:100%;}
.network_tab{border-top:1px solid #d5d5d5;padding:40px 0;}
.network_tab > ul{overflow:hidden;text-align:center;}
.network_tab > ul > li{display:inline-block;margin:0 3px;}
.network_tab > ul > li > a{display:block;font-size:18px;color:#888;width:134px;height:36px;line-height:36px;text-align:center;background:url(/img/bg_network_tab.png) no-repeat right top;}
.network_tab > ul > li > a.on{background-position:left top;color:#fff;}
.network_list > ul{overflow:hidden;margin-left:-1.5%;}
.network_list > ul > li{float:left;width:31.83%;margin-left:1.5%;padding-bottom:20px;}
.network_list > ul > li > a{display:block;border:1px solid #ddd;position:relative;height:260px;overflow:hidden;color:#000}
.network_list > ul > li > a .img{}
.network_list > ul > li > a .img img{width:100%;}
.network_list > ul > li > a .img p{font-size:25px;color:#fff;position:absolute;left:0;right:0;top:50%;text-align:center;font-weight:300;line-height:110%;margin-top:-70px;-webkit-transition:all .5s;transition:all .5s;letter-spacing:-1px;}
.network_list > ul > li > a .txt{height:85px;position:absolute;left:0;bottom:0;right:0;background:#fff;padding:25px 30px 0 30px;text-align:center;font-size:14px;-webkit-transition:all .5s;transition:all .5s;}
.network_list > ul > li > a .txt .more{opacity:0;display:block;-webkit-transition-delay:1s;transition-delay:1s;-webkit-transition:all .5s;transition:all .5s;position:absolute;left:50%;margin-left:-10px;bottom:20px;}
.network_list > ul > li > a:hover .img p{margin-top:-80px;}
.network_list > ul > li > a:hover .txt{height:115px;}
.network_list > ul > li > a:hover .txt .more{opacity:1}
.terms{border-top:1px solid #d5d5d5;padding:40px 20px;font-size:14px;line-height:150%;color:#333;}
.introduce .introduce01{height:880px;background:url(/img/bg_introduce01.jpg) no-repeat center top;background-size:auto 100%;text-align:center;position:relative;}
.introduce .introduce01 .txt{margin:0 auto;max-width:920px;color:#fff;line-height:120%;padding-top:10%;}
.introduce .introduce01 .txt .txt01{font-size:24px;background:url(/img/bg_fullmenu_line.png) no-repeat center bottom;padding-bottom:30px;margin-bottom:20px;line-height:120%;}
.introduce .introduce01 .txt .tit{font-size:40px;line-height:110%;padding-bottom:15px;font-weight:300}
.introduce .introduce01 .txt .tit strong{font-size:55px;font-weight:400;line-height:110%;display:block;padding:20px 0 15px 0;letter-spacing:-2px;}
.introduce .introduce01 .txt .txt02{font-size:40px;padding-bottom:60px;line-height:120%;font-weight:300;}
.introduce .introduce01 .txt .txt03{font-size:18px;line-height:150%;}
.introduce .introduce02{height:880px;background:url(/img/bg_introduce02.png) no-repeat center top;background-size:auto 100%;text-align:center;}
.introduce .introduce02 h2{line-height:150%;font-size:60px;padding:90px 0 30px 0;font-weight:300;color:#fff;}
.introduce .introduce02 > ul{width:1000px;margin:0 auto;overflow:hidden;color:#fff;}
.introduce .introduce02 > ul > li{float:left;width:50%;}
.introduce .introduce02 > ul > li > strong{display:block;font-size:38px;font-weight:300;line-height:150%;padding-bottom:25px;padding-top:15px;}
.introduce .introduce02 > ul > li > p{font-size:18px;line-height:150%;}
.introduce .introduce03{height:880px;background:url(/img/bg_introduce03.jpg) no-repeat center top;background-size:auto 100%;text-align:center;}
.introduce .introduce03 > h2{line-height:150%;font-size:60px;padding:110px 0 30px 0;font-weight:300;color:#fff;}
.introduce .introduce03 > p{font-size:18px;color:#fff;line-height:150%;padding-bottom:120px;}
.introduce .introduce03 .list{margin:0 auto;max-width:1026px;}
.introduce .introduce03 .list ul{overflow:hidden;}
.introduce .introduce03 .list ul li{float:left;}
.introduce .introduce03 .list ul li a{display:block;position:relative;}
.introduce .introduce03 .list ul li a .hover{opacity:0;position:absolute;left:0;top:0;right:0;bottom:0;background:url(/img/bg_gray.png) repeat left top;-webkit-transition:all .5s;transition:all .5s;}
.introduce .introduce03 .list ul li a .hover	p{font-size:22px;color:#fff;padding-top:40%;line-height:130%;letter-spacing:-1px;}
.introduce .introduce03 .list ul li a:hover .hover{opacity:1;}
.introduce .introduce03 .list ul li a img{width:100%;}
.introduce .introduce03{overflow:hidden;}
.introduce .introduce03 .bx-wrapper{position:relative;}
.introduce .introduce03 .bx-prev{background:url(/img/btn_prev02.png) no-repeat left top;width:27px;height:52px;text-indent:-9999px;overflow:hidden;position:absolute;left:-50px;top:50%;margin-top:-26px;}
.introduce .introduce03 .bx-next{background:url(/img/btn_next02.png) no-repeat left top;width:27px;height:52px;text-indent:-9999px;overflow:hidden;position:absolute;right:-50px;top:50%;margin-top:-26px;}

.todayGarden > ul{overflow:hidden;margin-left:-1.5%;}
.todayGarden > ul > li{float:left;width:23.5%;margin-left:1.5%;margin-bottom:1.5%;}
.todayGarden > ul > li a{display:block;border:1px solid #ebebeb;}
.todayGarden > ul > li a .img{height:0;padding-bottom:75%;overflow:hidden;}
.todayGarden > ul > li a .img img{width:100%;}
.todayGarden > ul > li a .txt{padding:10px;}
.todayGarden > ul > li a .txt strong{display:block;font-size:18px;color:#000;line-height:150%;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px;}
.todayGarden > ul > li a .txt .date{font-size:14px;color:#3e3e3e;line-height:150%;}

.th_img{top:30px;position:relative;border-bottom:1px solid #ddd;}
.th_img > .img{position:absolute;left:10px;top:20px}
.th_img > .img img{position:absolute;left:0;top:0;width:100%;height:100%;}
.th_img > .img input[type="file"]{display:none;}
.th_img > .img input[type="file"] + label{border:1px dashed #ddd;display:block;font-size:30px;color:#ddd;padding:49px;position:absolute;left:0;top:0;z-index:10; width:20px; height:20px;}

.view_cont .img{text-align:center;padding-bottom:20px;}
.view_cont .img img{max-width:925px;}

.group_list > ul > li .img img {
	height:100%;
}
/* 댓글추가 170824 */
.replys {background: #F1F1EF;padding:20px;}
.replys .reply-write { padding: 0 0 0 0; position: relative; }
.replys .reply-write .in {margin-right: 120px;padding:10px;border: solid 1px #ddd; background:#fff;}
.replys .reply-write .in textarea {width:100%;height: 50px;font-size: 12px;border:0;line-height:150%;vertical-align:top;}
.replys .reply-write .button {position: absolute;right: 0;top: 0;}
.replys .reply-write .button a {overflow: hidden;display: block; width: 107px;height: 77px;background: url(/img/btn-write.png) no-repeat 0 0;text-align: center;}
.replys .reply-write .button a span.text {display: block; padding-top: 50px; color: #fff;font-size: 12px;line-height: 14px; }
.replys .reply-write .button a span.count { color: #fff;font-size: 12px;line-height: 14px; }
.replys .reply-list {}
.replys .reply-list ul {margin-top:20px;}
.replys .reply-list ul li {padding: 0; }
.replys .reply-list ul li.myreply { /* background: #F9EEE6; */ }
.replys .reply-list ul li .replycell {position: relative; padding: 12px 0; border-top: solid 1px #fff; }
.replys .reply-list ul li .replycell {padding-left: 20px; background: url(../img/icon-rewrite.png) no-repeat 5px 14px; }
.replys .reply-list ul li .replycell p {color: #9A9A9A; font-size: 12px;line-height: 18px; }
.replys .reply-list ul li .replycell p.comment {margin-top: 5px; color: #787878;  }
.replys .reply-list ul li .replycell p em.nickname {color: #343434;font-weight: bold;font-size: 12px;font-style: normal; line-height: 18px; }
.replys .reply-list ul li .replycell .buttons {position: absolute;right: 0;top: 8px; }
.replys .reply-list ul li .replycell .buttons a {color: #787878; font-size: 12px;line-height: 18px; }
.replys .reply-list ul li .replycell .buttons span.edit a {margin-right: 8px;padding-right: 8px; color: #9A9A9A; background: url(/img/bar.png) no-repeat right center; }
.replys .reply-list ul li .replycell .buttons span.delete a {margin-right: 8px;padding-right: 8px;color: #9A9A9A;background: url(/img/bar.png) no-repeat right center; }
.replys .reply-list ul li .replywrite {display: none; position: relative; padding: 12px 0; border-top: solid 1px #fff; background: url(../img/icon-rewrite.png) no-repeat 5px 14px }
.replys .reply-list ul li .replywrite .in {margin: 0 113px 0 20px; }
.replys .reply-list ul li .replywrite .in textarea {padding: 13px;width: 438px; height: 50px;font-size: 12px; border: solid 1px #483527; border-bottom-color: #483527;border-right-color: #988D85;line-height: 16px;}
.replys .reply-list ul li .replywrite .button {position: absolute;right: 0;top: 12px;}
.replys .reply-list ul li .replywrite .button a {overflow: hidden;display: block; width: 107px;height: 77px;background: url(/img/btn-write.png) no-repeat 0 0;text-align: center;}
.replys .reply-list ul li .replywrite .button a span.text {display: block; padding-top: 50px; color: #fff;font-size: 12px;line-height: 14px; }
.replys .reply-list ul li .replywrite .button a span.text span { color: #fff;font-size: 12px;line-height: 14px; }
.replys .reply-list ul li .replyedit { display: none; position: relative; margin-top:5px;}
.replys .reply-list ul li .replyedit .in {margin-right: 120px;padding:10px;border: solid 1px #ddd; background:#fff;}
.replys .reply-list ul li .replyedit .in textarea {width:100%;height: 50px;font-size: 12px;border:0;line-height:150%;vertical-align:top;}
.replys .reply-list ul li .replyedit .button {position: absolute;right: 0;top: 0;}
.replys .reply-list ul li .replyedit .button a {overflow: hidden;display: block; width: 107px;height: 77px;background: url(/img/btn-write.png) no-repeat 0 0;text-align: center;}
.replys .reply-list ul li .replyedit .button a span.text {display: block; padding-top: 50px; color: #fff;font-size: 12px;line-height: 14px; }
.replys .reply-list ul li .replyedit .button a span.text span { color: #fff;font-size: 12px;line-height: 14px; }
.replys .reply-list ul li .replyedit1 .in textarea { width: 658px; }

/* PAGER */
.pager {margin-top: 20px;height: 13px;line-height: 13px; text-align: center; vertical-align: middle;}
.pager span { display: inline-block; padding: 0 6px; font-size: 11px; vertical-align: middle; height: 13px;line-height: 13px;text-align: center; }
.pager span a {display: block; color: #999999; vertical-align: middle; height: 13px;line-height: 13px; text-align: center; }
.pager span img { vertical-align: middle; text-align: center; }
.pager span.first {}
.pager span.previous {padding-left: 0; }
.pager span.next {padding-right: 0; }
.pager span.last {}
.pager span.no { border-right: solid 1px #DADADA; }
.pager span.nofirst { border-left: solid 1px #DADADA; }
.pager span.on {color: #E08A00;font-weight: bold; }
.pager ul.bootpag {}
.pager ul.bootpag li { display: inline-block; padding: 0 6px; font-size: 11px; vertical-align: middle; height: 13px;line-height: 13px;text-align: center; }
.pager ul.bootpag li { *display: inline; *zoom: 1; } /* IE7 */
.pager ul.bootpag li.first {}
.pager ul.bootpag li.prev {padding-left: 0; }
.pager ul.bootpag li.next {padding-right: 0; }
.pager ul.bootpag li.last {}
.pager ul.bootpag li.disabled { color: #E08A00;font-weight: bold; }
.pager ul.bootpag li a {display: block; }

/* 20141211 이야기보기페이지 지도영역 */
.storylist_map_in{margin:0 0 30px 0;border-top:1px solid #dadada;font-family: 'Nanum Gothic', sans-serif;}
.storylist_map_in .note{font-weight:bold;padding:15px 0;line-height:180%}
.storylist_map_in .note img{width:10px;height:14px;vertical-align:middle;margin-right:5px}
.storylist_map_in .map_in{position:relative;}
.storylist_map_in .map_in > #marker{position:absolute;left:50%;top:220px}
.storylist_map_in .nmap_infowindow_content{width:287px;padding:15px 15px 40px 15px;background:url(../img/bg_tooltip.png) no-repeat left top;overflow:hidden}
.storylist_map_in .nmap_infowindow_content .img{float:left;width:88px;}
.storylist_map_in .nmap_infowindow_content .img img{width:88px;height:88px;display:block;background:#dadada}
.storylist_map_in .nmap_infowindow_content .info{float:left;margin-left:14px;position:relative;width:185px;overflow:hidden}
.storylist_map_in .nmap_infowindow_content .info strong{display:block;overflow:hidden;width:185px;padding-bottom:10px;border-bottom:2px solid #dadada;font-size:12px;font-weight:normal;margin-bottom:10px;}
.storylist_map_in .nmap_infowindow_content .info .tags{height:38px;overflow:hidden;background:url(../img/tag.png) no-repeat left top;padding-left:40px;padding-bottom:0;}
.storylist_map_in .nmap_infowindow_content .location{float:left;width:100%;margin-top:10px;margin-right:30px;padding-top:10px;border-top:1px solid #dadada;color:#cf6e15}
.storylist_map_in .nmap_infowindow_content .info .tags p a{font-size:11px;display:inline-block;}
.storylist_map_in .nmap_infowindow_content .navi{position:absolute;right:10px;bottom:38px}
.map-addplace { position: relative;top: 70px;left: 10px; overflow: hidden; width: 166px;height: 96px;background: url(/img/addplace-bg.png) no-repeat 0 0; }
.map-addplace p.text {overflow: hidden; padding: 18px 12px 0 12px; height: 36px; color: #646464; font-size: 12px; line-height: 18px; text-align: left; }
.map-addplace div.piclose {position: absolute;right: 4px;top: 4px; }
.map-addplace div.piclose button { width: 16px; height: 16px; background: url(/img/addplace-close.png) no-repeat 0 0; }
.map-addplace div.add {text-align: right;padding: 12px 8px 0 0; }
.map-addplace div.add button {width: 75px;height: 23px;background: url(/img/addplace-add.png) no-repeat 0 0; text-indent:-9999px;overflow:hidden;border:0;}


#container .tit_h2{font-size:25px;color:#333;padding-bottom:40px;}

/* login */
.login{width:460px;height:550px;position:absolute;left:50%;top:50%;margin:-275px 0 0 -230px}
.login h1{text-align:center;padding-bottom:40px;}
.login .in{background:#fff;padding:40px 40px 60px 40px;box-shadow:3px 3px 3px #ddd;}
.login .in p{padding-bottom:30px;}
.login .in p label{display:block;font-size:16px;color:#666;padding-bottom:5px;}
.login .in p input[type="text"]{border-radius:0;background:#f1f1f1;text-indent:10px;height:54px;line-height:54px;width:100%;border:0;font-size:14px;}
.login .in p input[type="password"]{border-radius:0;background:#f1f1f1;text-indent:10px;height:54px;line-height:54px;width:100%;border:0;font-size:14px;}
.login .in .btn{text-align:right}
.login .in .btn button{border:0;background:#00b501;padding:15px 20px;border-radius:5px;color:#fff;font-size:16px;}