@charset "utf-8";
/* base */
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, span, a, table, thead, tfoot, tbody, th, td, form, legend, label, textarea, address, strong, em, pre, q, abbr, acronym, cite, blockquote, object, iframe {margin:0; padding:0; border: 0 none; -webkit-text-size-adjust:none; -webkit-appearance:none; }
body {font-family:Arial, AppleGothic, Helvetica, sans-serif; font-size:12px; color:#000; line-height:1.5; -webkit-text-size-adjust:none;-webkit-appearance:none;-webkit-font-smoothing:antialiased; }
body, a, a:focus { -webkit-tap-highlight:rgba(0,0,0,0) !important; -webkit-tap-highlight-color:rgba(0,0,0,0)  !important; }
img, fieldset, hr {border:0; margin:0; padding:0;}
img {vertical-align:middle; }
ul, ol {list-style-type:none;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
button,input,optgroup,select,textarea {color:inherit;font:inherit;margin:0;vertical-align:middle;color:#666;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
textarea { padding:5px; -webkit-box-shadow:0; -moz-box-shadow:0; box-shadow:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; }
button {padding:0;overflow:visible;appearance:none; moz-appearance:none;border:0;background:transparent;}
i, cite, em, var, address, dfn { font-style:normal !important; }
table {border-collapse:collapse;}
address {font-style:normal;}
hr {clear:both; display:none;}
legend, caption {width:0; height:0; font-size:0; line-height:0; visibility:hidden; overflow:hidden;}
body, a,input,select,button {font-size:12px;font-family:AppleSDGothicNeo-Regular, AppleGothic, Helvetica, Droid serif, Droid Sans, Droid Mono, sans-serif; color:#666;}
a:link, a:visited {color:#666; text-decoration:none;}
a:hover, a:active,a:focus {color:#666; text-decoration:none; }
.hidden { display:inline-block; width:0; height:0; padding:0; margin:0; overflow:hidden; white-space:nowrap; font-size:0; line-height:200px; text-indent:-999px; *text-indent:0; letter-spacing:-100px; vertical-align:middle; color:transparent; text-align:left; *z-index:1; }
.blind { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; }

body {background:url("../images/common/top_bg.jpg") no-repeat 50% 0 ; background-size:1024px 994px ;}
#wrapper {width:320px ; margin:0 auto ;}
header {overflow:hidden ;}
header h1 {float:left ;}
header h1 img {width:57px ;}
header .gnb {float:left ;}
header .gnb li {display: block; float:left ; position:relative ;}
header .gnb li .line {display:none ; width:100% ; height:3px ; background:url("../images/common/gnb_line.png") repeat-x ; background-size:100% 3px ; position:absolute ; left:0 ; bottom:0 ;}
/*header .gnb li:hover .line {display:block ;}*/
header .gnb li img {width:69px ;}
header .gnb li.g2 img, header .gnb li.g3 img {width:62px ;}

section {}
section article {}
.mov1 {width:100% ; height:478px ; background:url("../images/common/essay1.jpg") no-repeat ; background-size:cover ; box-sizing:border-box ; padding-top:189px ;}
.mov1 #essay {width:279px ; margin:0 auto ; position:relative ;}
.mov1 #essay .slide li {height:157px ; position:relative; overflow: hidden;}
.mov1 #essay .slide li > a > img {height: 157px; width: auto; margin-left: -2px;}
.mov1 #essay .slide li a {display:block ; height:157px ;}
.mov1 #essay .bx-controls {position:absolute ; left:0 ; bottom:0px ; width:100% ;}
.mov1 #essay .bx-controls .bx-pager {text-align:center ;}
.mov1 #essay .bx-controls .bx-pager .bx-pager-item {display:inline-block ; margin:0 3px ;}
.mov1 #essay .bx-controls .bx-pager .bx-pager-item a {display:block ; width:10px ; height:10px ; overflow:hidden ; text-indent:-999em ; background:url("../images/common/mov_thum.png") no-repeat -15px 0 ; background-size:24px 10px ;}
.mov1 #essay .bx-controls .bx-pager .bx-pager-item a.active {background-position:0 0 ;}
.mov1 .share {text-align:center ; margin-top:35px ;}
.mov1 .share li {display:inline-block ; width:31px ; height:30px ; margin:0 2px ;}
.mov1 .share li img {width:100% ;}
/* 탭 */
#essay .tabs {width:286px ; height:31px ; margin-left:6px ; position:relative ; z-index:9 ;}
#essay .tabs li {width:43px ; height:31px ; float:left ; margin-left:1px ;}
#essay .tabs li:first-child {margin-left:0 ;}
#essay .tabs li.active, #essay .tabs li.active a {width:63px ;}
#essay .tabs li a {display:block ; width:43px ; height:31px ; overflow:hidden ; text-indent:-999em ; background-size:cover !important;}
#essay .tabs li a.t1 {background:url("../images/common/tab1.png") no-repeat ;}
#essay .tabs li.active a.t1 {background:url("../images/common/tab1_on.png") no-repeat ;}
#essay .tabs li a.t2 {background:url("../images/common/tab2.png") no-repeat ;}
#essay .tabs li.active a.t2 {background:url("../images/common/tab2_on.png") no-repeat ;}
#essay .tabs li a.t3 {background:url("../images/common/tab3.png") no-repeat ;}
#essay .tabs li.active a.t3 {background:url("../images/common/tab3_on.png") no-repeat ;}
#essay .tabs li a.t4 {background:url("../images/common/tab4.png") no-repeat ;}
#essay .tabs li.active a.t4 {background:url("../images/common/tab4_on.png") no-repeat ;}
#essay .tabs li a.t5 {background:url("../images/common/tab5.png") no-repeat ;}
#essay .tabs li.active a.t5 {background:url("../images/common/tab5_on.png") no-repeat ;}
#essay .tabs li a.t6 {background:url("../images/common/tab6.png") no-repeat ; width:44px ;}
#essay .tabs li.active a.t6 {background:url("../images/common/tab6_on.png") no-repeat ; width:64px ;}
.sample_mov_area {width:296px ; height:163px ; background:url("../images/common/mov_frame.png") no-repeat ; background-size:cover ; margin-top:-2px ; position:relative ; z-index:10 ; padding:4px 0 0 5px ; box-sizing:border-box ;}
.sample_mov_area > div > img {width:286px ; height:155px ;}
.sample_mov_area .btn_play { display:block; width:52px ; height:52px ; position:absolute; top:50%; margin-top:-26px; left:50%; margin-left:-26px; }
.sample_mov_area .btn_play img {width:100% ;}

.mov2 {width:100% ; height:459px ; background:url("../images/common/essay2.png") no-repeat ; background-size:cover ; box-sizing:border-box ; padding-top:84px ; position:relative ;}
.mov2 p {text-align:center ;}
.mov2 .event_info img {width:106px ;}
.mov2 .mov_make {position:absolute ; width:100% ; bottom:0 ;}
.mov2 .mov_make img {width:164px ;}
.mov2 .sample_view {margin-top:88px ;}
.mov2 .sample_view img {width:76px ;}

.gallery {width:100% ; background:url("../images/common/gallery_bg.jpg") no-repeat 0 0 ; background-size:contain ; box-sizing:border-box ; padding:140px 12px 0 ;}
.gallery .search_wrap { position: relative; }
.gallery .search {width:79.39189189189189% ; height:30px ; border:1px solid #333 ; border-radius:3px ; position:relative ; margin-bottom:12px ;}
.gallery .view_all { position: absolute; right: 0; top: 0; }
.gallery .view_all img { zoom: 0.5; }
.gallery .search .search_input {border:0 ; height:30px ; line-height:30px ; width:100% ; padding:0 0 0 10px ;}
.gallery .search .search_btn {width:25px ; position:absolute ; right:2px ; top:0 ;}
.gallery .search_result {color:#333 ;}
.gallery .search_result em {color:#f68b1e ;}
.gallery_list {width:296px ; overflow:hidden ; margin-top:7px ; min-height:570px;}
.gallery_list ul {width:306px ; margin-left:-10px ;}
.gallery_list ul li { position: relative; width:143px ; height:180px ; float:left ; margin:0 0 10px 10px ;}
.gallery_list ul li a {display:block ; position:relative ; padding:9px 0 0 0 ;}
.gallery_list ul li a .pic {width:143px ; height:84px ;}
.gallery_list ul li a .pic img {width:100% ;}
.gallery_list ul li a:hover {text-decoration:none ;}
.gallery_list ul li a:hover .bg_line {display:block ; width:143px ; height:180px ; background:url("../images/common/gallery_over.png") no-repeat ; background-size:143px 180px ; position:absolute ; left:0 ; top:0 ;}
.gallery_list ul li a .text {display:block ; padding:8px 13px ; font-size:10px ;}
.gallery_list ul li a .text strong {display:block ; width:100% ; text-overflow:ellipsis ; white-space:nowrap ; overflow:hidden ; color:#000 ; font-size:11px ;}
.gallery_list ul li a:hover .text strong {text-decoration:none ;}
.gallery_list ul li a .text .name { display:inline-block; margin-top:5px ; background:url("../images/common/bar.gif") 100% 3px no-repeat ; padding-right:6px; margin-right:4px; background-size:1px 9px; }
.gallery_list ul li a .text .date { display:inline-block; margin-top:5px ;}
.gallery_list ul li a .text .pname {display:block ; }
.gallery_list ul li .info {display:block ; padding:0px 13px 0 ;}
.gallery_list ul li .info a { display: inline-block; padding-top: 0; font-style:normal ; color:#333 ; font-weight:bold ; padding-left:10px ;}
.gallery_list ul li .info a.icon_good {background:url("../images/common/icon_good.png") no-repeat 0 5px ; background-size:8px 9px ;}
.gallery_list ul li .info a.icon_reply {background:url("../images/common/icon_reply.png") no-repeat 0 5px ; background-size:8px 9px ; margin-left:5px ;}
.gallery_list ul li .arrow {display:block ; width:20px ; height:6px ; background:url("../images/common/icon_arrow.png") no-repeat ; background-size:20px 5px ; position:absolute ; right:16px ; bottom:12px ;}
.gallery_list ul li.none_list {width:100% ; float:none ; text-align:center ; background:url("../images/common/none_list.png") no-repeat 50% 30% ; background-size:75px 15px ; padding-top:110px ;}
.gallery .paging {text-align:center ; margin:10px 0 23px ;}
.gallery .paging span {display:inline-block ; padding:0 10px ;}
.gallery .paging a img {width:28px ;}
/* 썸네일 액자 */
.gallery_list ul li .pic {display:block ; width:143px ; height:84px ; position:relative ;}
.gallery_list ul li .frame {display:block ; width:143px ; height:84px ; position:absolute ; left:0 ; top:10px ; z-index:1 ; background-size:143px 84px !important;}
.gallery_list ul li.episode1 .frame {background:url("../images/common/episode1.png") no-repeat ;}
.gallery_list ul li.episode1.in_progress .frame {background:url("../images/common/inprogress_bg.png") 0 0 no-repeat, url("../images/common/episode1.png") 0 0 no-repeat ;}
.gallery_list ul li.episode1 .pic img {display:block ; width:40px ; height:40px ; position:absolute ;}
.gallery_list ul li.episode1 .pic .thumb1 {left:18px ; top:15px ;}
.gallery_list ul li.episode1 .pic .thumb2 {left:65px ; top:12px ;}
.gallery_list ul li.episode2 .frame {background:url("../images/common/episode2.png") no-repeat ;}
.gallery_list ul li.episode2.in_progress .frame {background:url("../images/common/inprogress_bg.png") 0 0 no-repeat, url("../images/common/episode2.png") 0 0 no-repeat ;}
.gallery_list ul li.episode2 .pic img {display:block ; width:50px ; height:50px ; position:absolute ;}
.gallery_list ul li.episode2 .pic .thumb1 {left:65px ; top:10px ;}
.gallery_list ul li.episode3 .frame {background:url("../images/common/episode3.png") no-repeat ;}
.gallery_list ul li.episode3.in_progress .frame {background:url("../images/common/inprogress_bg.png") 0 0 no-repeat, url("../images/common/episode3.png") 0 0 no-repeat ;}
.gallery_list ul li.episode3 .pic img {display:block ; width:40px ; height:40px ; position:absolute ;}
.gallery_list ul li.episode3 .pic .thumb1 {left:13px ; top:35px ;}
.gallery_list ul li.episode3 .pic .thumb2 {left:70px ; top:8px ;}
.gallery_list ul li.episode4 .frame {background:url("../images/common/episode4.png") no-repeat ;}
.gallery_list ul li.episode4.in_progress .frame {background:url("../images/common/inprogress_bg.png") 0 0 no-repeat, url("../images/common/episode4.png") 0 0 no-repeat ;}
.gallery_list ul li.episode4 .pic img {display:block ; width:45px ; height:45px ; position:absolute ;}
.gallery_list ul li.episode4 .pic .thumb1 {left:28px ; top:22px ;}
.gallery_list ul li.episode4 .pic .thumb2 {left:85px ; top:25px ;}
.gallery_list ul li.episode5 .frame {background:url("../images/common/episode5.png") no-repeat ;}
.gallery_list ul li.episode5.in_progress .frame {background:url("../images/common/inprogress_bg.png") 0 0 no-repeat, url("../images/common/episode5.png") 0 0 no-repeat ;}
.gallery_list ul li.episode5 .pic img {display:block ; width:65px ; height:65px ; position:absolute ;}
.gallery_list ul li.episode5 .pic .thumb1 {left:47px ; top:8px ;}
.gallery_list ul li.episode6 .frame {background:url("../images/common/episode6.png") no-repeat ;}
.gallery_list ul li.episode6.in_progress .frame {background:url("../images/common/inprogress_bg.png") 0 0 no-repeat, url("../images/common/episode6.png") 0 0 no-repeat ;}
.gallery_list ul li.episode6 .pic img {display:block ; width:50px ; height:50px ; position:absolute ;}
.gallery_list ul li.episode6 .pic .thumb1 {left:65px ; top:15px ;}
.gallery_list ul li.in_progress .frame {background:url("../images/common/inprogress_bg.png") no-repeat ; text-align:center ; line-height:84px ;}
.gallery_list ul li.in_progress .frame img {width:60px ;}

.gotop img, footer img {width:100% ;}

/* Popup */
.modal_bg { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:400; background:url("../images/common/bg_modal.png"); }
.pop_wrap { display:none; width:320px; position:absolute; top:0; left:50%; z-index:1200; padding-top:35px; }
.pop_wrap .pop_close { position:absolute; right:0px; top:0px; width:24px; height:24px; overflow:hidden; white-space:nowrap; font-size:0; letter-spacing:-100px; text-indent:0; background:url("../images/common/bg_popclose.png") 0 0 no-repeat; background-size:22px 22px; }
.pop_bg {width:320px ; background:url("../images/common/popup_bg.png") repeat-y ; background-size:cover ; padding:30px 12px ; box-sizing:border-box ;}
.poptitle {margin-bottom:10px ;}
.poptitle span {display:inline-block ; background:#222 ; padding:0 20px ; border-radius:10px ; color:#fff ; font-size:12px ; font-weight:bold ; margin-right:6px ;}
.poptitle img {width:90px ;}

/*#event_info {top:60% ;}*/
.event_info img {width:100% ;}

/* 샘플영상 */
.sample_mov {width:296px ; background:url("../images/common/movie_frame.png") no-repeat ; background-size:296px 163px ; padding:3px 0 0 9px ; box-sizing:border-box ; text-align:center ;}
.sample_mov .sample_mov_area {width:279px ; height:157px ;}
.sample_mov .sample_mov_area img {width:100% ;}
.sample_mov .txt {margin-top:20px ;}
.sample_mov .txt img {width:223px ;}
.sample_mov .essay_make {margin-top:16px ;}
.sample_mov .essay_make img {width:164px ;}

/* 갤러리 상세 */
#gallery_view {position:absolute; }
.gallery_mov_area {width:296px ; height:163px ; background:url("../images/common/movie_frame.png") no-repeat ; background-size:296px 163px ; padding:3px; box-sizing:border-box ;}
.gallery_mov_area .bc-player-default_default, .gallery_mov_area object, .gallery_mov_area video, .gallery_mov_area iframe { width: 290px !important; height: 157px !important; }
.gallery_mov_area img {width:279px ;}
.g_info {margin-top:10px ; position:relative ;}
.g_info i {display:inline-block ; height:28px ; line-height:28px ; color:#333 ; font-size:12px ; padding-left:35px ; font-style:normal ;}
.g_info .g_good {background:url("../images/common/icon_good2.png") no-repeat 0 0 ; color:#f46017 ; margin-right:20px ; background-size:28px 28px ;}
.g_info .g_reply {background:url("../images/common/icon_reply2.png") no-repeat 0 0 ; background-size:28px 28px ;}
.g_info .g_share {position:absolute ; right:0 ; top:0 ;}
.g_info .g_share a img {width:60px ; height:28px ;}
.g_info .g_share a {display:inline-block ; margin-left:2px ;}
.g_info .g_share a.ico_del img {width:28px ; height:28px ;}
.reply_area {margin-top:20px ;}
.reply_area .reply_form {width:100% ;}
.reply_area .reply_form .reply_name {border:0 ; background:#d7d1c4 ; width:100% ; height:24px ; line-height:24px ; padding:0 10px ; margin-bottom:4px ; color:#333 ;}
.reply_area .reply_form .reply_text {border:0 ; background:#d7d1c4 ; width:100% ; height:60px ; padding:10px ; margin-bottom:8px ; color:#333 ;}
.reply_area .reply_form .btn_reply {width:100% ;}
.reply_area .reply_list {width:100% ; margin-top:20px ;}
.reply_area .reply_list:after {display:block ; clear:both ; content:"" ;}
.reply_area .reply_list li {width:100% ; float:left ; background:url("../images/common/dot_line.png") repeat-x 0 0 ; padding:10px 0 ; color:#333 ;}
.reply_area .reply_list li:first-child {background:none ;}
.reply_area .reply_list li span {box-sizing:border-box ;}
.reply_area .reply_list li .user_nm {width:53px ; float:left ; padding-left:5px ; font-weight:bold ;}
.reply_area .reply_list li .reply_content {width:242px ; float:left ; padding:0 5px ;}
.reply_paging {text-align:center ; margin-top:15px ;}
.reply_paging span {display:inline-block ; color:#333 ; font-size:14px ; padding:0 15px ;}
.reply_paging span em {color:#f68b1e ;}
.reply_paging a img {vertical-align:middle ; width:28px ;}

/*영상 만들기*/
#make_movie img,
#make_movie2 img { zoom: 0.5 }
.editor img,
.preview img,
.default img,
#make_movie .border img,
#make_movie2 .border img { zoom: 1 !important; width: 100%; }
#make_movie .pop_bg,
#make_movie2 .pop_bg { background-size: contain; padding-top: 18px; padding-bottom: 18px; background-size: 100%; }

/*무비에세이 만들기*/
/*step1*/
.tit_wrap { position: relative; }
.tit_wrap .steps ul li { display: inline-block; margin-left: 8px; height: 16px; overflow: hidden; }
.tit_wrap .steps ul li.active img { margin-top: -50px; }
.tit_wrap .steps { position: absolute; right: 0; bottom: 0; }
.select_movies { margin-top: 12px;/* margin-bottom: 16px;*/ }
.border_panel { margin-top: 12px; margin-bottom: 16px; background: url("../images/make_step/border_bottom.png") 0 0 no-repeat; background-size: 100%; }
.select_movies ul { overflow: hidden; margin-left: -10px; }
.select_movies li { float: left; margin-left: 10px; padding-bottom: 6px; }
.select_movies .row2 { margin-top: 20px; }
.select_movies li .top .pic { text-align: center; padding: 2px; display: block; background: url("../images/make_step/movie_border.png") 0 0 no-repeat; background-size: 100% 100%; }
.select_movies .info { width: 142px; }
.select_movies .info .pic { padding: 0 !important; background: none !important; }
.select_movies .info img { width: 100%; }
.select_movies .selected .top .pic { background: url("../images/make_step/movie_border_selected.png") 0 0 no-repeat; background-size: 100% 100%; }
.select_movies .bottom { position: relative; }
.select_movies .bottom .text { padding-top: 11px; display: inline-block; }
.select_movies .bottom .text+span { position: absolute; right: 0; top: 8px; }
.select_movies .bottom .text strong { text-overflow:ellipsis ; white-space:nowrap ; overflow:hidden ; color:#000 ; font-size:11px; width: 90px; display: block;}
.next_step_btn_wrap { margin-top: 18px; padding-top: 11px; clear: both; overflow: hidden; background: url("../images/make_step/border_bottom.png") 0 0 no-repeat; background-size: 100%; }
.next_step_btn_wrap.ty1 { margin-top: 19px; padding-top: 18px; background: url("../images/make_step/btn_top_border.png") 0 0 no-repeat; background-size: 100%; }
.next_step_btn_wrap.ty1, .next_step_btn_wrap.ty2 a { margin-left: 6px; }
.next_step_btn_wrap.ty2 { text-align: center; background: none; margin-top: 10px; margin-top: 0; padding-top: 0; }
.next_step_btn_wrap.ty2 a { float: none; margin-left: 0; }
.next_step_btn_wrap > p,
.next_step_btn_wrap > a { float: right; }
.next_step_btn_wrap > a { margin-left: 6px; }
.next_step_btn_wrap > span {display:inline-block ; padding-top:4px ;}
.next_step_btn_wrap > span > img {width:300px ;}
#make_movie .step { display: none; }
#make_movie .step.active { display: block; }

/*step2*/
.movie_still_cuts { margin-top: 16px; padding: 16px 0; background: url("../images/make_step/movie_still_line.png") 0 0 no-repeat; background-size: 100% 100%; }
.movie_still_cuts ul { overflow: hidden; }
.movie_still_cuts li { position: relative; float: left; margin-left: 4px; width: 55px; height: 56px; }
.movie_still_cuts li:first-child { margin-left: 0; }
.movie_still_cuts .border { width: 55px; height: 56px; position: absolute; left: 0; top: 0; z-index: 999; }
.movie_still_cuts .checked span { background: url("../images/make_step/movie_still_checked.png") right top no-repeat; background-size: 18px 18px; }
.movie_still_cuts .dim60 { position: absolute; width: 100%; height: 100%; background: url("../images/make_step/dim60.png") 0 0; }
.upload_wrap { margin-top: 10px; }
.upload_wrap .editor_preview { position: relative; width: 288px; height: 156px; }
.upload_wrap .editor_preview .preview,
.upload_wrap .editor_preview .default { overflow: hidden; display: block; position: absolute; }
/*movie1*/
.movie1 .editor_preview .preview.m1,
.movie1 .editor_preview .default.m1 { left: 32px; top: 48px; width: 62px; height: 62px; }
.movie1 .editor_preview .preview.m2,
.movie1 .editor_preview .default.m2 { left: 101px; top: 44px; width: 62px; height: 62px; }
/*movie2*/
.movie2 .editor_preview .preview.m1 { left: 164px; top: 39px; width: 80px; height: 80px; }
.movie2 .editor_preview .default.m1 { display: none; }
.movie2 .editor_preview .preview.m2 { left: 164px; top: 39px; width: 80px; height: 80px; }
.movie2 .editor_preview .default.m2 { display: none; }
/*movie3*/
.movie3 .editor_preview .preview.m1,
.movie3 .editor_preview .default.m1 { left: 19px; top: 83px; width: 61px; height: 61px; }
.movie3 .editor_preview .preview.m2,
.movie3 .editor_preview .default.m2 { left: 100px; top: 44px; width: 61px; height: 61px; }
/*movie4*/
.movie4 .editor_preview .preview.m1,
.movie4 .editor_preview .default.m1 { left: 107px; top: 57px; width: 81px; height: 81px; }
.movie4 .editor_preview .preview.m2,
.movie4 .editor_preview .default.m2 { left: 198px; top: 62px; width: 81px; height: 81px; }
/*movie5*/
.movie5 .editor_preview .preview.m1 { left: 155px; top: 0; width: 97px; height: 96px; }
.movie5 .editor_preview .default.m1 { display: none; }
.movie5 .editor_preview .preview.m2 { left: 155px; top: 0; width: 97px; height: 96px; }
.movie5 .editor_preview .default.m2 { display: none; }
/*movie6*/
.movie6 .editor_preview .preview.m1 { left: 153px; top: 34px; width: 97px; height: 96px; }
.movie6 .editor_preview .default.m1 { display: none; }
.movie6 .editor_preview .preview.m2 { left: 153px; top: 34px; width: 97px; height: 96px; }
.movie6 .editor_preview .default.m2 { display: none; }

.upload_panels { position: relative; height: 309px; }
.upload_panels.long { height: 475px; }
.upload_panels .upload_wrap { position: absolute; left: -99999px; }
.upload_panels .upload_wrap.active { left: 0; }
.upload_wrap .editor_preview .preview_sample img { width: 100%; height: 100% }
.upload_wrap .editor_preview .cover { position: absolute; left: 4px; top: 4px; }
.upload_wrap .tit { padding-bottom: 6px; display: inline-block; }
.upload_wrap .tit img { vertical-align: top; }
.upload_wrap .inner_wrap { overflow: hidden; }
.upload_wrap .inner_wrap .editor_preview,
.upload_wrap .inner_wrap .info_wrap { float: left; }
.upload_wrap .inner_wrap .editor_preview { overflow: hidden; padding: 4px; background: url("../images/make_step/cover/cover_border.png") 0 0 no-repeat; background-size: 100% 100%; }
.upload_wrap .inner_wrap .info_wrap { width: 100%; }
.upload_wrap .field_wrap { overflow: hidden; margin-top: 16px; }
.upload_wrap .field_wrap .editor { position: relative; width: 144px; height: 105px; background-color: #999; margin-top: -9px; }
.upload_wrap .field_wrap .editor .loading { position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; zoom: 0.5 !important; width: auto; }
.upload_wrap .field_wrap .enter_field { float: left; margin-left: 8px; margin-top: 0; width: 144px; }
.upload_wrap .field_wrap .enter_field:first-child { margin-left: 0; }
.upload_wrap .enter_field.relation { height: 59px; }
.upload_wrap .enter_field .label { overflow: hidden; width: 100%; }
.upload_wrap .enter_field .label .top_note { float: right; }
.upload_wrap .enter_field .label .top_note img { vertical-align: top; padding-top: 2px; }
.upload_wrap .enter_field .label .top_note.ty1 { margin-top: -2px; float: none; display: block; }
.upload_wrap .enter_field input[type="text"] { border-radius: 0; padding: 9px 0 8px 8px; vertical-align: middle; color: #75633c; font-size: 12px; width: 100%; border: none; background-color: #d7d1c4; }
.upload_wrap .info_wrap .ex { display: inline-block; margin-top: 12px }
.upload_wrap .select_img label { margin-top: 0px; width: 144px; height: 28px; display: block; cursor: pointer; background: url("../images/make_step/btn_submit.png") 0 0 no-repeat; background-size: 100% 100%; }
.upload_wrap .select_img input[type="file"]  { position: absolute; left: -99999px; }

.enter_field.sticky { width: 296px; position: absolute; right: 0; top: -9999px; }
.enter_field.sticky.active { top: 188px; right: 1px; z-index: 9999; }
.enter_field.sticky .tit { padding-bottom: 8px; display: inline-block; }
.enter_field.sticky .label { overflow: hidden; width: 100%; }
.enter_field.sticky .label .top_note { float: right; }
.enter_field.sticky .label .top_note.ty1 { margin-top: -2px; float: none; display: block; }
.enter_field.sticky input[type="text"] { border-radius: 0; padding: 9px 0 8px 8px; vertical-align: middle; font-size: 12px; width: 100%; border: none; background-color: #d7d1c4; height: 36px; }

/*step3*/
.privacy_wrap .top { position: relative; background: url("../images/make_step/dash2.png") 0 bottom repeat-x; background-size: 50%; }
.privacy_wrap .top .deco { display: block; position: absolute; right: 0px; top: -23px; }
.privacy_wrap table { width: 100%; }
.privacy_wrap table span { padding: 0 4%; }
.privacy_wrap table th, .privacy_wrap table td { text-align: left; vertical-align: middle; padding: 12px 0; }
.privacy_wrap table tr.has-dashed { background: url("../images/make_step/dash1.png") 0 0 repeat-x; background-size: 50%; }
.privacy_wrap input[type="text"], .privacy_wrap input[type="number"] { padding-left: 8px; background-color: #d7d1c4; height: 32px; border: none; }
.privacy_wrap input.name { width: 100%; padding-left: 5px; }
.privacy_wrap input.phone { width: 26.6%; }
.privacy_wrap select { width: 21.5%; height: 32px; }
.privacy_wrap input[type="radio"] { display: none; }
.privacy_wrap input[type="radio"] + label { padding-left: 11px; padding-bottom: 1px; padding-right: 3px; cursor: pointer; background: url("../images/make_step/yes_or_not.png") 0 3px no-repeat; background-size: 10px; }
.privacy_wrap input[type="radio"] + label img { vertical-align: middle; }
.privacy_wrap input[type="radio"] + label.active { background-position: 0 -22px; }
.privacy_wrap .agree { margin-top: 24px; }
.privacy_wrap .agree .tit { display: block; margin-bottom: 5px; position: relative; }
.privacy_wrap .agree .tit .radio_wrap { position: absolute; right: 0; top: 0; }
.to_use_it { margin-bottom: 10px; height: 50px; overflow-y: scroll; background-color: #666666; padding: 14px; color: #fff; font-size: 9px; font-family: "dotum" }
.to_use_it .use { margin-top: 30px; }
.to_use_it .use:first-child { margin-top: 0; }
.to_use_it .use strong { font-weight: bold;   }
.to_use_it .use ul li { list-style-type: decimal; margin-left: 20px; }
#step3 .note_wrap.has_top_line { border-top: 1px dashed #b5b5b0; margin-top: 10px; padding-top: 10px; }

/*step4*/
.border_panel.ty1 { width:296px; margin:0 auto 10px; position: relative; padding: 6px 0; background: url("../images/make_step/zig_border.png") 0 top no-repeat; background-size: 100% 100%; box-sizing:border-box; }
.border_panel.ty1 .back { display: block; padding:0 6px; }
.border_panel.ty1 .is_encoding { position: absolute; left: 50%; top: 33px; margin-left: -25px; }
.border_panel.ty1 .back img { width: 100%; height: 100%; }
.border_panel.ty1 .play_wrap { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.border_panel.ty1 .play_wrap a { display: block; width: 53px; height: 53px; position: absolute; left: 50%; margin-left: -26px; top: 50%; margin-top: -26px; }
.border_panel.ty1 .movie_area { width:284px; height:155px; margin:0 auto; padding:0 6px; }
.border_panel.ty1 .movie_area video, .border_panel.ty1 .movie_area object, .border_panel.ty1 .movie_area iframe, .border_panel.ty1 .movie_area img { width:284px !important; height:100% !important; padding:0; margin:0 auto; vertical-align:top; }
.border_panel .share_area { position: relative; width:284px; height:155px; margin:0 auto; }
.border_panel .movie_area span img { width: 100%; }
.border_panel .movie_area .btn_wrap { margin-top: 14px; }
.border_panel .share_area .share_btn_wrap { position: absolute; left: 29px; bottom: 78px; }
.border_panel .share_area .share_btn_wrap .twit { margin-left: 3px; }
.border_panel.ty1 { overflow: hidden; }
.note_wrap.ty1 { display: block; text-align: center; margin-top: 15px;}

/* step5 */
.next_step_btn_wrap.ty3 { background: none; margin-top: 8px; padding-top: 0;  }
.next_step_btn_wrap.ty3 a:first-child { float: left; margin-left: 0; }
.next_step_btn_wrap.ty3 a:last-child { float: right; }

/* 공유하기 */
.share_area > div { position: relative; }
.share_area a { position: absolute; }
.share_area .fb { top: 105px; left: 25px; }
.share_area .twit { top: 105px; left: 71px; }
.share_area .kas { top: 105px; left: 117px; }
.share_area .kat { top: 151px; left: 50px; }
.share_area .line { top: 151px; left: 98px; }
.share_area .url { top: 151px; left: 117px; }

.info_wrap { margin: 15px 0 7px 0; }

/*무비 만들기에서 선택된 샘플영상 보기 팝업*/
#selected_sample_mov { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1200; background:url("../images/common/bg_modal.png"); }
#selected_sample_mov .pop_bg { padding-top: 55px; }
#selected_sample_mov img { zoom: 0.5; }
#selected_sample_mov .sample_mov { background-size: contain; padding: 3px 0 0 6px; }
#selected_sample_mov .sample_mov .tit { position: absolute; left: 12px; top: 60px; }
#selected_sample_mov .sample_mov_area a { position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; }
#selected_sample_mov .sample_mov_area a img { width: auto; }
#selected_sample_mov .sample_mov_area { position: relative; }
#selected_sample_mov .sample_mov_area iframe { width: 100%; height: 100%; }
#selected_sample_mov.active .pop_wrap { display: block; }


.event_info { position: relative; }
.event_info .btn { position: absolute;  }
.event_info .btn.event1 { left: 28px; top: 389px; width: 264px; height: 40px; background-color: rgba(255,255,255,0); }
.event_info .btn.event2 { left: 28px; bottom:47px; width: 264px; height: 40px; background-color: rgba(255,255,255,0); }
.event_info span.btn.event1, .event_info span.btn.event2 { margin-top:-2px; height:44px; background-color:#fff; }

/*etc*/
.hide { display: none; }
.align_to_right { width: 100%; text-align: right; }
.btn_rotate { margin-top: 4px; display: inline-block; }

/* 당첨자 확인 */
#prize1,
#prize2,
#prize3 { width:320px ;}
#prize1 img,
#prize2 img,
#prize3 img { zoom: 0.5 ;}
#prize1 .prize_list,
#prize2 .prize_list { padding-top: 15px; position:absolute ; left:0 ; top:180px ; width:100% ;}
#prize1 .prize_list li,
#prize2 .prize_list li {font-weight:bold ; font-size:11px ; color:#333 ; text-align:center ; margin-top:0px ;}
#prize1 .prize_list li:first-child,
#prize2 .prize_list li:first-child {margin-top:0 ;}
#prize3 ul {position:absolute ; left:0 ; width:100% ;}
#prize3 ul li {font-weight:bold ; font-size:11px ; color:#333 ; text-align:center ; margin-top:0px ;}
#prize3 ul li:first-child {margin-top:0 ;}
#prize3 .prize_list1 {top:195px ;}
#prize3 .prize_list2 {top:360px ;}
#prize3 .prize_list3 {top:520px ;}


.select_img { margin-top: -9px; }
.caution { margin-top: 10px; display: block; width: 100%; text-align: center; }
.caution.ty2 { margin-top: -13px; }
.caution img { width: 204px; }
.gotop a { display: block; }


/* 무비 플레이 버튼 */
.bc-player-default_default.vjs-mouse .vjs-big-play-button { width: 78px; height: 52px; top: 37px; left: 105px; }
/* 플레이 버튼 화살표 */
.bc-player-default_default .vjs-big-play-button:before { margin: 11px auto; }



/* 디버깅 */
/*#make_movie .step { display: block; }*/

/* 영상삭제, 영상공유 */
#mov_del, #mov_share {width:320px ;}
#mov_del > img, #mov_share > img {width:320px ; height:201px ;}
#mov_del p input,
#mov_share p input {border:0 ; background:#d7d1c4 ; width:40px ; height:20px ; line-height:20px ; padding:0 5px ;}
#mov_del p select,
#mov_share p select {width:55px ; height: 20px; }
#mov_del p,
#mov_share p {position:absolute ; top:132px ;}
#mov_del .hpinput_1,
#mov_share .hpinput_1 {left:90px ;}
#mov_del .hpinput_2,
#mov_share .hpinput_2 {left:166px ;}
#mov_del .hpinput_3,
#mov_share .hpinput_3 {left:228px ;}
#mov_del .movdel,
#mov_share .movshare {position:absolute ; left:78px ; top:169px ;}
#mov_del .movdel img,
#mov_share .movshare img {width:164px ;}
#mov_share2 {width:320px ;}
#mov_share2 > img {width:320px ; height:221px ;}
#mov_share2 .share_sel {position:absolute ; left:0 ; top:135px ; width:100% ; text-align:center ;}
#mov_share2 .share_sel p {margin:8px 0 ;}
#mov_share2 .share_sel p a {display:inline-block ; margin:0 2px ;}
#mov_share2 .share_sel p a img {width:40px ; height:40px ;}
.dimd_bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:400; background:url("../images/common/bg_modal.png");}


/* 사용제한 가이드 */
.other-guide { position:fixed; left:0; top:0; z-index:1201; width:100%; height:100%; overflow-y:auto !important; -webkit-overflow-scrolling: touch; background:#f4f3ee url("../images/common/other-guide-bg.jpg") 0 0 repeat; background-size: 320px 568px; box-sizing:border-box; }
.other-guide button.close { position:absolute; right:-21px; top:4px; z-index:2; width:50px; height:50px; overflow:hidden; font-size:1px; letter-spacing:-100px; text-indent:-999px; white-space:nowrap; background:url("../images/common/bg_popclose2.png") 50% 50% no-repeat; background-size: 19px 19px; }
.other-guide .guide-in { position:relative; width:269px; padding:40px 0; margin:0 auto; }
.other-guide .guide-in img { max-width:100%; }

/* 주간 베스트 무비에세이 */
.best_pop .dim_bg { position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000; background:url("../images/common/bg_modal.png"); }
.best_pop .pop_wrap {display:block ; position:absolute ; top:50px ; left:50% ; margin-left:-160px ; z-index:1001 ;}
.chk_area {text-align:right ;}
.best_pop .pop_wrap .tit,
#bestmov .tit {position:relative ;}
.best_pop .pop_wrap .tit img,
#bestmov .tit img {position:relative ; width:291px ;}
.best_pop .pop_wrap .tit .winner,
#bestmov .tit .winner {position:absolute ; left:0 ; bottom:6px ; font-size:12px ; color:#979797 ;}
.best_pop .pop_wrap .tit .winner span,
#bestmov .tit .winner span {color:#000 ;}
.best_pop .sample_mov,
#bestmov .sample_mov {height:170px ;padding:5px 0 0 0 ;}
.best_pop .sample_mov img,
#bestmov .sample_mov img {width:274px ;}
#bestmov .align_c img {width:296px ;}
.best_pop .chk_area {width:296px ; background:url("../images/common/best_line.png") no-repeat 0 0 ; background-size:296px 4px  ; padding-top:10px ;}
.best_pop .chk_area label {letter-spacing:-1px ;}