@charset "euc-kr";body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,table,caption,th,td,form,fieldset,legend,hr,fieldset,legend,button,select,textarea,input{margin:0;padding:0;}h1,h2,h3,h4,h5,h6{font-size:100%;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}img,iframe{border:0;vertical-align:top;}textarea{vertical-align:top;}fieldset,input{border:0;}img{-ms-interpolation-mode:bicubic;}legend,caption,.blind{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}.none{display:none;}.show{display:block !important;}.hide{display:none !important;}a{text-decoration:none;}a:hover,a:focus{text-decoration:none;}input[type=checkbox],input[type=radio],button{border:none;}button{background:transparent;}label,button,input[type=submit],input[type=image],input[type=button],input[type=checkbox],input[type=radio]{cursor:pointer;-webkit-appearance:none;}body{font-family:'Malgun Gothic', '맑은 고딕', 'gulim', 'Helvetica', sans-serif;line-height:1.2;font-size:14px;color:#333;}a,input,select,button,textarea{font-size:inherit;}a{color:#333;}input[type=radio],input[type=checkbox]{width:16px;height:16px;margin:0;-webkit-appearance:none;background:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_input.png) no-repeat;vertical-align:top;}input[type=radio]:enabled{background-position:0 0;}input[type=radio]:checked{background-position:-20px 0;}input[type=radio]:disabled{background-position:0 -20px;}input[type=checkbox]:enabled{background-position:-40px 0;}input[type=checkbox]:checked{background-position:-60px 0;}input[type=checkbox]:disabled{background-position:-40px -20px;}.sel_box{display:inline-block;*display:inline;*zoom:1;position:relative;top:0;height:16px;overflow:hidden;border:1px solid #7f9db9;padding:1px;vertical-align:top;}.sel_box select{width:100%;position:relative;height:16px;border:none;vertical-align:top;}.ie7 .sel_box select{top:-2px;left:-2px;height:21px;width:103%;}.lft{text-align:left !important;}.rgt{text-align:right !important;}.cnt{text-align:center !important;}.btn_appstory{float:left;display:inline-block;height:30px;padding:0 5px;line-height:30px;color:#fff;border:1px solid #9c0403;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#e70604;background:-moz-linear-gradient(top,#fc3e3c 0%,#e70604 100%);background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fc3e3c),color-stop(1,#e70604));background:-webkit-linear-gradient(top,#fc3e3c 0%,#e70604 100%);background:-o-linear-gradient(top,#fc3e3c 0%,#e70604 100%);background:-ms-linear-gradient(top,#fc3e3c 0%,#e70604 100%);background:linear-gradient(to bottom,#fc3e3c 0%,#e70604 100%);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}.btn_appstory span{display:inline-block;position:relative;top:6px;width:21px;height:18px;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-175px -40px;background-size:250px;text-indent:-9999px;vertical-align:top;}.btn_all{float:right;display:inline-block;height:30px;padding:0 5px;line-height:30px;color:#fff;border:1px solid #9c0403;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#e70604;background:-moz-linear-gradient(top,#fc3e3c 0%,#e70604 100%);background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fc3e3c),color-stop(1,#e70604));background:-webkit-linear-gradient(top,#fc3e3c 0%,#e70604 100%);background:-o-linear-gradient(top,#fc3e3c 0%,#e70604 100%);background:-ms-linear-gradient(top,#fc3e3c 0%,#e70604 100%);background:linear-gradient(to bottom,#fc3e3c 0%,#e70604 100%);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}.btn_all span{display:inline-block;position:relative;top:5px;width:20px;height:20px;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:0 -15px;background-size:250px;text-indent:-9999px;}.wrap_top{position:relative;}.wrap_top .title{border-bottom:2px solid #333;background:#dce4e6;}.wrap_top .tab{height:38px;border-top:1px solid #b7bbbc;border-bottom:1px solid #b7bbbc;background:#dce4e6;}.wrap_top h2{padding-left:14px;line-height:40px;letter-spacing:-1px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.wrap_top h2.cnt{padding-left:0;}.wrap_top .write_btns{position:absolute;}.wrap_top .join_step::after,.wrap_top .find_tab::after{content:'';clear:both;display:block;}.wrap_top .join_step li,.wrap_top .find_tab li{float:left;text-align:center;line-height:40px;}.wrap_top .join_step li:last-of-type span,.wrap_top .join_step li:last-of-type a,.wrap_top .find_tab li:last-of-type span,.wrap_top .find_tab li:last-of-type a{border-right:1px solid #c9c9c9;}.wrap_top .join_step li span,.wrap_top .join_step li a,.wrap_top .find_tab li span,.wrap_top .find_tab li a{display:block;border-left:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;background:#dce4e6;}.wrap_top .join_step li span.on,.wrap_top .join_step li a.on,.wrap_top .find_tab li span.on,.wrap_top .find_tab li a.on{border-bottom-color:#fff;background:#fff;}.wrap_top .join_step li{width:33.3333%;}.wrap_top .find_tab li{width:50%;}.top_tab .tab_menu::after{content:'';clear:both;display:block;}.top_tab .tab_menu li{float:left;border-right:1px solid #b7bbbc;}.top_tab .tab_menu li:first-of-type{border-left:1px solid #b7bbbc;}.top_tab .tab_menu li a{display:block;width:95px;height:38px;line-height:40px;text-align:center;}.top_tab .tab_menu li a.on{background:#fff;height:39px;}.top_tab .board_menu{position:absolute;top:5px;right:5px;height:24px;}.top_tab .board_menu::after{content:'';clear:both;display:block;}.top_tab .board_menu li{float:left;margin:0 2px;}.top_tab .board_menu a{display:inline-block;height:27px;padding:0 5px;line-height:27px;color:#fff;border:1px solid #9c0403;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#e70604;background:-moz-linear-gradient(top,#fc3e3c 0%,#e70604 100%);background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fc3e3c),color-stop(1,#e70604));background:-webkit-linear-gradient(top,#fc3e3c 0%,#e70604 100%);background:-o-linear-gradient(top,#fc3e3c 0%,#e70604 100%);background:-ms-linear-gradient(top,#fc3e3c 0%,#e70604 100%);background:linear-gradient(to bottom,#fc3e3c 0%,#e70604 100%);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}.top_tab .board_menu a.btn_write span{position:relative;top:2px;display:inline-block;width:16px;height:16px;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-25px -15px;background-size:250px;}.top_tab .board_menu a.btn_search span{position:relative;top:2px;display:inline-block;width:16px;height:16px;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-50px -15px;background-size:250px;}.top_tab .board_menu a span{text-indent:-9999px;}.top_tab .memo_menu::after{content:'';clear:both;display:block;}.top_tab .memo_menu li{float:left;width:25%;}.top_tab .memo_menu li:first-of-type a{border-left:1px solid #b7bbbc;}.top_tab .memo_menu li a{display:block;height:38px;line-height:40px;border-right:1px solid #b7bbbc;text-align:center;}.top_tab .memo_menu li a.on{background:#fff;height:39px;}.poll_link{padding:5px 7px;line-height:27px;}.poll_link::after{content:'';clear:both;display:block;}.poll_link h3{float:left;margin-right:5px;font-weight:normal;color:#e70604;vertical-align:top;}.poll_link h3 .ico{display:inline-block;position:relative;top:2px;width:20px;height:19px;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-200px -40px;background-size:250px;}.poll_link a{position:relative;display:block;padding-right:75px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:27px;}.poll_link a span{display:inline-block;height:25px;padding:0 7px;line-height:25px;color:#555;border:1px solid #b2b2b2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff;background:-moz-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fff),color-stop(1,#ebebeb));background:-webkit-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-o-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-ms-linear-gradient(top,#fff 0%,#ebebeb 100%);background:linear-gradient(to bottom,#fff 0%,#ebebeb 100%);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;position:absolute;top:0;right:0;padding-right:12px;}.poll_link a span .ico{position:relative;top:50%;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-230px -15px;background-size:250px;position:absolute !important;right:4px;width:4px;height:7px;margin-top:-4px;}.modal{display:none;}.poll_box{position:absolute;top:0;left:0;right:0;bottom:0;z-index:15;margin:auto;}.poll_box .btn_modal_close{position:absolute;top:3px;right:3px;display:block;width:28px;height:27px;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:0 -190px;background-size:250px;text-indent:-9999px;}.poll_box .inner{position:relative;margin:15px;padding:11px;background:#fff;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;border:2px solid #3681d2;}.poll_box .poll_head h1{padding:0 4px 5px;border-bottom:2px solid #333;}.poll_box .poll_head h3{padding:5px 4px 3px;font-weight:normal;font-size:12px;}.poll_box .poll_head .txt{padding-bottom:4px;border-bottom:1px solid #c9c9c9;color:#777;font-size:11px;text-indent:2px;}.poll_box .poll_btn{text-align:center;}.poll_box .btn_poll{margin:10px auto 0;display:inline-block;height:30px;padding:0 5px;line-height:30px;color:#fff;border:1px solid #9c0403;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#e70604;background:-moz-linear-gradient(top,#fc3e3c 0%,#e70604 100%);background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fc3e3c),color-stop(1,#e70604));background:-webkit-linear-gradient(top,#fc3e3c 0%,#e70604 100%);background:-o-linear-gradient(top,#fc3e3c 0%,#e70604 100%);background:-ms-linear-gradient(top,#fc3e3c 0%,#e70604 100%);background:linear-gradient(to bottom,#fc3e3c 0%,#e70604 100%);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding-left:20px;padding-right:20px;}.poll_list_layout li{border-bottom:1px solid #c9c9c9;padding-left:7px;}.poll_list_layout li input[type=radio]{float:left;margin-top:6px;}.poll_list_layout li label{display:block;padding:7px 0;margin-left:30px;}.family{border-bottom:1px solid #c9c9c9;}.family ul::after{content:'';clear:both;display:block;}.family li{position:relative;float:left;text-align:center;background:#e70604;-webkit-text-shadow:0 0 3px #bd0000;-moz-text-shadow:0 0 3px #bd0000;text-shadow:0 0 3px #bd0000;}.family li a{display:block;height:27px;padding-top:10px;color:#fff;}.family li.go_com{width:30.9375%;}.family li.go_com .ico{position:relative;top:-1px;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-175px -65px;background-size:250px;width:16px;height:14px;}.family li.go_mon{width:35.625%;}.family li.go_mon a{border-left:1px solid #fff;}.family li.go_mon .ico{position:relative;top:-1px;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-195px -65px;background-size:250px;width:13px;height:15px;}.family li.go_cap{width:33.4375%;}.family li.go_cap a{border-left:1px solid #fff;}.family li.go_cap .ico{position:relative;top:-2px;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-210px -65px;background-size:250px;width:17px;height:16px;}#search_box{clear:both;}.search_box{position:relative;clear:both;}.search_box.typ1{background:#e70604;padding:7px 0 0;}.search_box.typ1 .form_box{height:30px;border:1px solid #b50503;margin-right:40px;}.search_box.typ1 .form_box input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:30px;padding-left:7px;line-height:30px;}.search_box.typ1 .form_box input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;height:23px;width:23px;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-145px -40px;background-size:250px;vertical-align:top;position:relative;top:3px;right:3px;}.search_box.typ1 .form_box input[type=search]::-ms-clear{display:none;}.search_box.typ1 b{position:absolute;top:7px;right:0;display:inline-block;height:30px;padding:0 5px;line-height:30px;color:#fff;border:1px solid #9c0403;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#e70604;background:-moz-linear-gradient(top,#fc3e3c 0%,#e70604 100%);background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fc3e3c),color-stop(1,#e70604));background:-webkit-linear-gradient(top,#fc3e3c 0%,#e70604 100%);background:-o-linear-gradient(top,#fc3e3c 0%,#e70604 100%);background:-ms-linear-gradient(top,#fc3e3c 0%,#e70604 100%);background:linear-gradient(to bottom,#fc3e3c 0%,#e70604 100%);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}.search_box.typ1 b input{width:22px;height:22px;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-35px -190px;background-size:250px;background-color:transparent;text-indent:-9999px;}.search_box.typ2{display:none;padding:12px 7px;border-bottom:1px solid #c9c9c9;}.search_box.typ2 .form_box{height:28px;border:2px solid #e70604;margin-right:52px;}.search_box.typ2 .form_box input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding-left:7px;}.search_box.typ2 .form_box input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;height:23px;width:23px;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-145px -40px;background-size:250px;}.search_box.typ2 .form_box input[type=search]::-ms-clear{display:none;}.search_box.typ2 b{position:absolute;top:12px;right:7px;width:34px;text-align:center;display:inline-block;height:30px;padding:0 5px;line-height:30px;color:#fff;border:1px solid #9c0403;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#e70604;background:-moz-linear-gradient(top,#fc3e3c 0%,#e70604 100%);background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fc3e3c),color-stop(1,#e70604));background:-webkit-linear-gradient(top,#fc3e3c 0%,#e70604 100%);background:-o-linear-gradient(top,#fc3e3c 0%,#e70604 100%);background:-ms-linear-gradient(top,#fc3e3c 0%,#e70604 100%);background:linear-gradient(to bottom,#fc3e3c 0%,#e70604 100%);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}.search_box.typ2 b input{background:transparent;color:#fff;}.search{padding:10px 7px 10px;border-bottom:2px solid #333;}.search .search_msg{margin-top:11px;}.search .search_msg li{font-size:12px;color:#777;margin:2px 0;}.search .search_msg li:before{content:"- ";font-size:12px;}.search_head .no_result{font-size:17px;font-weight:bold;letter-spacing:-1px;}.search_head strong{color:#e70604;}.recom_box{margin-top:11px;padding-bottom:50px;}.recom_box h1{padding-left:7px;}.recom_box h1 span{color:#e70604;}.btn_more_box{padding:0 7px;}.btn_more_box.reply{padding:0 0;}.btn_more_box .btn_more_result{display:inline-block;height:25px;padding:0 7px;line-height:25px;color:#555;border:1px solid #b2b2b2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff;background:-moz-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fff),color-stop(1,#ebebeb));background:-webkit-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-o-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-ms-linear-gradient(top,#fff 0%,#ebebeb 100%);background:linear-gradient(to bottom,#fff 0%,#ebebeb 100%);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:15px 0;padding:7px 0;text-align:center;font-weight:bold;}.btn_more_box .btn_more_result span{margin-left:7px;font-size:12px;color:#777;font-weight:normal;}.btn_more_box .btn_more_result .ico{position:relative;top:11px;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:0 -65px;background-size:250px;width:11px;height:11px;vertical-align:top;}.all_service{margin-top:5px;padding:7px 7px 0;border-bottom:2px solid #333;}.all_service::after{content:'';clear:both;display:block;}.all_service > h3{color:#e70604;padding-bottom:7px;padding-left:7px;}.all_service:last-of-type{margin-bottom:15px;border-bottom:none;}.all_service:last-of-type table{border-bottom:1px solid #c9c9c9;}.all_service a{padding:10px 8px 9px;display:block;height:100%;color:#333;}.all_service table{width:100%;table-layout:fixed;}.all_service table td{overflow:hidden;border-top:1px solid #c9c9c9;white-space:nowrap;letter-spacing:-1px;}.all_service table td:first-of-type{border-right:1px solid #c9c9c9;}.all_service .ico{width:22px;height:24px;margin-right:6px;position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:0 -85px;background-size:250px;}.all_service .ico.ser1{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:0 -85px;background-size:250px;}.all_service .ico.ser2{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-25px -85px;background-size:250px;}.all_service .ico.ser3{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-50px -85px;background-size:250px;}.all_service .ico.ser4{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-75px -85px;background-size:250px;}.all_service .ico.ser5{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-100px -85px;background-size:250px;}.all_service .ico.ser6{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-125px -85px;background-size:250px;}.all_service .ico.ser7{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-150px -85px;background-size:250px;}.all_service .ico.ser8{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-175px -85px;background-size:250px;}.all_service .ico.ser9{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-200px -85px;background-size:250px;}.all_service .ico.ser10{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-225px -85px;background-size:250px;}.all_service .ico.ser11{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:0 -110px;background-size:250px;}.all_service .ico.ser12{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-25px -110px;background-size:250px;}.all_service .ico.ser13{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-50px -110px;background-size:250px;}.all_service .ico.ser14{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-75px -110px;background-size:250px;}.all_service .ico.ser15{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-100px -110px;background-size:250px;}.all_service .ico.ser16{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-125px -110px;background-size:250px;}.all_service .ico.ser17{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-150px -110px;background-size:250px;}.all_service .ico.ser18{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-175px -110px;background-size:250px;}.all_service .ico.ser19{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-200px -110px;background-size:250px;}.all_service .ico.ser20{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-225px -110px;background-size:250px;}.all_service .ico.ser21{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:0 -135px;background-size:250px;}.all_service .ico.ser22{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-25px -135px;background-size:250px;}.all_service .ico.ser23{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-50px -135px;background-size:250px;}.all_service .ico.ser24{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-75px -135px;background-size:250px;}.all_service .ico.ser25{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-100px -135px;background-size:250px;}.community{padding:8px 7px 20px;}.com_list{border-bottom:1px solid #c9c9c9;}.com_list li{position:relative;border-top:1px solid #c9c9c9;}.com_list li a{display:block;padding:12px 10px 11px;}.com_list li .ico{width:17px;height:17px;margin-right:6px;position:relative;top:-1px;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-75px -15px;background-size:250px;}.com_list li .ico_new{vertical-align:top;position:relative;top:3px;display:inline-block;width:15px;height:12px;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-114px -18px;background-size:250px;background-size:300px !important;margin-left:4px;}.com_list li:first-of-type{border-top:none;}.board{padding:0 0 50px;font-size:15px;}.board .info{padding-top:6px;font-size:11px;color:#777;}.board_title{padding:10px 0 9px 7px;border-bottom:2px solid #333;}.board_title h1{font-weight:400;}.board_title h1 .ico{width:22px;height:24px;margin-right:2px;}.board_title h1 .ico.ser1{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:0 -85px;background-size:250px;}.board_title h1 .ico.ser2{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-25px -85px;background-size:250px;}.board_title h1 .ico.ser3{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-50px -85px;background-size:250px;}.board_title h1 .ico.ser4{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-75px -85px;background-size:250px;}.board_title h1 .ico.ser5{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-100px -85px;background-size:250px;}.board_title h1 .ico.ser6{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-125px -85px;background-size:250px;}.board_title h1 .ico.ser7{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-150px -85px;background-size:250px;}.board_title h1 .ico.ser8{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-175px -85px;background-size:250px;}.board_title h1 .ico.ser9{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-200px -85px;background-size:250px;}.board_title h1 .ico.ser10{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-225px -85px;background-size:250px;}.board_title h1 .ico.ser11{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:0 -110px;background-size:250px;}.board_title h1 .ico.ser12{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-25px -110px;background-size:250px;}.board_title h1 .ico.ser13{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-50px -110px;background-size:250px;}.board_title h1 .ico.ser14{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-75px -110px;background-size:250px;}.board_title h1 .ico.ser15{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-100px -110px;background-size:250px;}.board_title h1 .ico.ser16{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-125px -110px;background-size:250px;}.board_title h1 .ico.ser17{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-150px -110px;background-size:250px;}.board_title h1 .ico.ser18{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-175px -110px;background-size:250px;}.board_title h1 .ico.ser19{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-200px -110px;background-size:250px;}.board_title h1 .ico.ser20{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-225px -110px;background-size:250px;}.board_title h1 .ico.ser21{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:0 -135px;background-size:250px;}.board_title h1 .ico.ser22{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-25px -135px;background-size:250px;}.board_title h1 .ico.ser23{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-50px -135px;background-size:250px;}.board_title h1 .ico.ser24{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-75px -135px;background-size:250px;}.board_title h1 .ico.ser25{position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-100px -135px;background-size:250px;}.board_list li{position:relative;}.board_list a{display:block;padding:10px 5px;border-bottom:1px solid #c9c9c9;}.board_list a::after{content:'';clear:both;display:block;}.board_list .reply_count{position:absolute;top:13px;right:15px;display:inline-block;height:18px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border:1px solid #c9c9c9;text-align:center;color:#e70604;line-height:20px;font-size:11px;background:#fff;}.board_list .reply_count:before{content:"";display:block;z-index:1;margin-left:-4px;position:absolute;top:auto;left:50%;right:auto;bottom:-7px;width:0;height:0;border-left:7px solid #c9c9c9;border-top:7px solid transparent;border-bottom:7px solid transparent;}.board_list .reply_count:after{content:"";display:block;z-index:2;margin-left:-3px;position:absolute;top:auto;left:50%;right:auto;bottom:-5px;width:0;height:0;border-left:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;}.board_list .reply_count span{position:relative;z-index:3;display:block;padding:0 7px;height:inherit;background:#fff;}.board_list .tit i{display:inline-block;}.board_list .tit .ico_notice{height:11px;padding:1px 2px;font-style:normal;font-size:11px;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#e70604;}.board_list .tit .ico_new{width:15px;height:12px;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-114px -18px;background-size:250px;background-size:300px !important;}.board_list .tit .ico_img{width:13px;height:12px;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-131px -18px;background-size:250px;background-size:300px !important;}.board_list.default_skin .tit{padding-right:50px;}.board_list.default_skin .thm{float:left;width:70px;margin-right:7px;border:1px solid #c9c9c9;}.board_list.default_skin .thm img{width:100%;}.board_list.default_skin .info span{display:inline-block;height:11px;margin-right:5px;padding-right:5px;border-right:1px solid #777;white-space:nowrap;}.board_list.default_skin .info span:last-of-type{border-right:0;}.board_list.app_skin .thm,.board_list.phone_skin .thm{float:left;width:70px;height:70px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;overflow:hidden;}.board_list.app_skin .thm img,.board_list.phone_skin .thm img{width:100%;background:#c9c9c9;}.board_list.app_skin .tit,.board_list.phone_skin .tit{margin-top:7px;padding-right:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;}.board_list.app_skin .tit,.board_list.app_skin .info,.board_list.phone_skin .tit,.board_list.phone_skin .info{margin-left:80px;}.board_list.app_skin .info,.board_list.phone_skin .info{padding-top:4px;}.board_list.app_skin .info li,.board_list.phone_skin .info li{position:relative;padding-left:6px;letter-spacing:-1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.board_list.app_skin .info li:before,.board_list.phone_skin .info li:before{content:"。";position:absolute;top:-3px;left:0px;font-size:12px;}.board_list.phone_skin .info{padding-top:4px;}.board_list.phone_skin .info ul{width:204px;}.board_list.phone_skin .info ul::after{content:'';clear:both;display:block;}.board_list.phone_skin .info li{float:left;width:90px;}.board_list.phone_skin .info li:nth-of-type(2),.board_list.phone_skin .info li:nth-of-type(4){width:100px;}.paging{margin-top:15px;}.paging ul{text-align:center;}.paging ul::after{content:'';clear:both;display:block;}.paging li{display:inline-block;vertical-align:top;}.paging li.page_num{margin:0 16px;line-height:20px;font-size:12px;}.paging li.prev a,.paging li.next a{display:block;overflow:hidden;width:18px;height:18px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border:1px solid #b2b2b2;text-indent:-9999px;}.paging li.prev{background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:0 -40px;background-size:250px;}.paging li.next{background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-25px -40px;background-size:250px;}.paging b{color:#e70604;}.app_tab{border-bottom:1px solid #b2b2b2;}.app_tab::after{content:'';clear:both;display:block;}.app_tab li{float:left;width:50%;text-align:center;}.app_tab li a{display:block;height:34px;line-height:34px;background:#dbdde3;color:#494d60;}.app_tab li a.on{background:#494d60;color:#fff;}.app_sort{padding:12px;border-bottom:1px solid #b2b2b2;}.app_sort::after{content:'';clear:both;display:block;}.app_sort li{float:left;margin-right:12px;}.app_sort a .ico_radio{display:inline-block;width:16px;height:16px;background:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_input.png) no-repeat;vertical-align:top;}.app_sort a.on .ico_radio{background-position:-20px 0;}.app_list li{border-bottom:1px solid #c9c9c9;}.app_list li a{display:block;padding:9px 7px;}.app_list li a::after{content:'';clear:both;display:block;}.app_list .no,.app_list .thm{float:left;}.app_list .no{margin-top:28px;width:17px;height:17px;line-height:19px;font-size:11px;background:#494d60;color:#fff;text-align:center;}.app_list .no.no1{background:#e70604;}.app_list .thm{overflow:hidden;width:74px;height:74px;margin-left:7px;border:1px solid #b2b2b2;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:#f0f0f0;}.app_list .thm img{width:100%;}.app_list .txt{margin-left:110px;padding-top:2px;}.app_list .txt .tit{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}#app_tab2,#pay1,#pay2{display:none;}.attendance{padding:0 0 20px;}.att_form{position:relative;padding:7px;}.att_form .txt_area{position:relative;height:62px;}.att_form textarea{width:100%;height:62px;padding:5px;border:1px solid #c9c9c9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;white-space:pre;resize:none;}.btns{padding:5px 0;}.btns::after{content:'';clear:both;display:block;}.btns b{position:relative;float:right;display:inline-block;width:55px;height:24px;line-height:26px;margin-left:4px;border:1px solid #b2b2b2;font-size:11px;text-align:center;font-weight:normal;letter-spacing:-1px;background:#f0f0f0;background:-moz-linear-gradient(top,#fff 0%,#fff 50%,#f0f0f0 50%,#f0f0f0 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(50%,#fff),color-stop(50%,#f0f0f0),color-stop(100%,#f0f0f0));background:-webkit-linear-gradient(top,#fff 0%,#fff 50%,#f0f0f0 50%,#f0f0f0 100%);background:-o-linear-gradient(top,#fff 0%,#fff 50%,#f0f0f0 50%,#f0f0f0 100%);background:-ms-linear-gradient(top,#fff 0%,#fff 50%,#f0f0f0 50%,#f0f0f0 100%);background:linear-gradient(to bottom,#fff 0%,#fff 50%,#f0f0f0 50%,#f0f0f0 100%);}.btns b:before{content:"";position:absolute;z-index:1;top:0;left:0;bottom:0;margin:auto 0 auto 10px;display:block;}.btns input{text-align:center;letter-spacing:-1px;}.btns input,.btns button,.btns span,.btns a{display:block;width:100%;height:100%;background:transparent;vertical-align:middle;}.btns .btn_submit input,.btns .btn_submit button,.btns .btn_submit span,.btns .btn_submit a{padding-left:8px;}.btns .btn_submit:before{width:9px;height:7px;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-125px -15px;background-size:250px;}.btns .btn_cancel input,.btns .btn_cancel button,.btns .btn_cancel span,.btns .btn_cancel a{padding-left:8px;}.btns .btn_cancel:before{width:8px;height:8px;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-140px -15px;background-size:250px;}.btns .btn_warn input,.btns .btn_warn button,.btns .btn_warn span,.btns .btn_warn a{padding-left:8px;}.btns .btn_warn:before{width:9px;height:10px;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-185px -15px;background-size:250px;}.btns .btn_good input,.btns .btn_good button,.btns .btn_good span,.btns .btn_good a{padding-left:6px;color:#e70604;}.btns .btn_good:before{width:8px;height:8px;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-170px -15px;background-size:250px;}.btns .btn_del input,.btns .btn_del button,.btns .btn_del span,.btns .btn_del a{padding-left:8px;}.btns .btn_del:before{width:8px;height:8px;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-155px -15px;background-size:250px;}.btns .btn_replycount{float:left;margin-left:0;margin-right:5px;}.big_btns{height:43px;text-align:center;}.big_btns b{display:block;position:relative;}.big_btns b.half{display:inline-block !important;}.big_btns #submit{width:100%;max-width:400px;margin:0 auto;padding:12px 0;color:#fff;border:1px solid #dc0000;background:#e90000;font-size:15px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.big_btns .btn_find_done{position:absolute;top:0;left:7px;right:7px;width:100px;margin:0 auto;padding:12px 0;color:#333;border:1px solid #c9c9c9;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 0 4px 4px rgba(255,255,255,0.4), inset 0 -2px 2px rgba(255,255,255,0.2);background:#fff;background:-moz-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fff),color-stop(1,#ebebeb));background:-webkit-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-o-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-ms-linear-gradient(top,#fff 0%,#ebebeb 100%);background:linear-gradient(to bottom,#fff 0%,#ebebeb 100%);font-size:15px;text-align:center;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} /* 2020-11-23 강초희 아이핀제거 */ .join_form .find_ka { padding: 0 15px 0; text-align: center; } .join_form p { padding: 15px 0; line-height: 1.4; } /* 2020-11-23 강초희 아이핀제거 */.join_form p:last-child{ padding-top: 22px; padding-bottom: 0; margin-top:25px; border-top:1px solid #ddd;} .join_form .btn_kakao { position: relative; display: block; padding: 20px 0; line-height: 23px; text-align: center; font-size: 18px; letter-spacing: -0.04em; background: #fee500; color: #262200; } .join_form .btn_kakao i { display: inline-block; vertical-align: middle; margin-right: 10px; width: 23px; height: 22px; background-image: url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui_v12.png?v=5&CDN=1); background-position: -200px -587px; background-size: 250px; } .big_btns .btn_find_pw_done, .big_btns .btn_find_pw_cancel{ display: block; width: 100px; padding: 12px 0; color: #333; border: 1px solid #c9c9c9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: inset 0 4px 4px rgba(255,255,255,0.4), inset 0 -2px 2px rgba(255,255,255,0.2); background: #fff; background: -moz-linear-gradient(top,#fff 0%,#ebebeb 100%); background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#fff),color-stop(1,#ebebeb)); background: -webkit-linear-gradient(top,#fff 0%,#ebebeb 100%); background: -o-linear-gradient(top,#fff 0%,#ebebeb 100%); background: -ms-linear-gradient(top,#fff 0%,#ebebeb 100%); background: linear-gradient(to bottom,#fff 0%,#ebebeb 100%); font-size: 15px; text-align: center; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .board_view{padding-bottom:10px;}.board_top .top{position:relative;padding:10px 14px;border-bottom:1px solid #c9c9c9;background:#f0f0f0;margin:0 -7px;}.board_top .top h2{padding-right:45px;font-size:16px;}.board_top .info{padding-top:4px;font-size:11px;color:#777;}.board_top .info span{display:inline-block;height:11px;margin-right:5px;padding-right:5px;border-right:1px solid #777;white-space:nowrap;}.board_top .info span:last-of-type{border-right:0;}.board_top .reply_count{position:absolute;top:15px;right:22px;display:inline-block;height:20px;padding:0 7px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border:1px solid #c9c9c9;text-align:center;color:#e70604;line-height:20px;background:#fff;}.board_top .reply_count:before{content:"";display:block;z-index:1;margin-left:-4px;position:absolute;top:auto;left:50%;right:auto;bottom:-7px;width:0;height:0;border-left:7px solid #c9c9c9;border-top:7px solid transparent;border-bottom:7px solid transparent;}.board_top .reply_count:after{content:"";display:block;z-index:2;margin-left:-3px;position:absolute;top:auto;left:50%;right:auto;bottom:-5px;width:0;height:0;border-left:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;}.board_top .reply_count span{position:relative;z-index:3;display:block;height:inherit;background:#fff;}.app_info{margin-top:10px;border-top:1px solid #c9c9c9;font-size:12px;}.app_info table{width:100%;}.app_info th{width:60px;background:#f0f0f0;text-align:left;font-weight:normal;}.app_info th,.app_info td{padding:9px 0 7px 12px;border-bottom:1px solid #c9c9c9;}.board_btns{padding:7px;}.board_btns::after{content:'';clear:both;display:block;}.board_btns a{display:inline-block;height:25px;padding:0 7px;line-height:25px;color:#555;border:1px solid #b2b2b2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff;background:-moz-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fff),color-stop(1,#ebebeb));background:-webkit-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-o-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-ms-linear-gradient(top,#fff 0%,#ebebeb 100%);background:linear-gradient(to bottom,#fff 0%,#ebebeb 100%);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}.board_btns .btn_modify,.board_btns .btn_delete{float:left;margin-right:5px;}.board_btns .btn_list{float:right;}.board_btns .f_size{display:block;float:right;width:48px;margin-left:5px;display:inline-block;height:25px;padding:0 7px;line-height:25px;color:#555;border:1px solid #b2b2b2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff;background:-moz-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fff),color-stop(1,#ebebeb));background:-webkit-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-o-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-ms-linear-gradient(top,#fff 0%,#ebebeb 100%);background:linear-gradient(to bottom,#fff 0%,#ebebeb 100%);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:0 0;}.board_btns .f_size::after{content:'';clear:both;display:block;}.board_btns .f_size button{float:left;width:23px;height:100%;border:none;background:transparent;}.board_btns .f_size button.btn_fs_dn{border-right:1px solid #fff;color:#777;font-size:11px;}.board_btns .f_size button.btn_fs_up{border-left:1px solid #c9c9c9;color:#444;font-size:12px;}.view_body{margin:5px 7px 0;padding:7px 7px 20px;line-height:1.5;word-break:break-all;}.view_body img{display:block;width:100%;max-width:400px;margin:5px auto;}@media all and (min-width: 479px){.view_body img{width:auto;}}.view_body a{color:#1f318a;}.app_download{padding:6px 0;}.app_download::after{content:'';clear:both;display:block;}.app_download a{display:block;float:left;width:49%;height:46px;line-height:48px;}.app_download a:first-of-type{margin-right:2%;}.app_download a span{display:block;height:100%;border:1px solid #b2b2b2;text-align:center;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.app_download a span i{overflow:hidden;width:36px;height:46px;margin-right:5px;text-indent:-9999px;}.app_download a span .ico_ip{position:relative;top:auto;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-100px -40px;background-size:250px;}.app_download a span .ico_go{width:41px;position:relative;top:auto;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-50px -40px;background-size:250px;}.prv_nxt_list{margin-top:30px;border-top:1px solid #c9c9c9;font-size:12px;}.prv_nxt_list li{border-bottom:1px solid #c9c9c9;}.prv_nxt_list li a{font-weight:bold;display:block;padding:10px 13px;background:#fff;background:-moz-linear-gradient(top,#fff 0%,#f0f0f0 100%);background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fff),color-stop(1,#f0f0f0));background:-webkit-linear-gradient(top,#fff 0%,#f0f0f0 100%);background:-o-linear-gradient(top,#fff 0%,#f0f0f0 100%);background:-ms-linear-gradient(top,#fff 0%,#f0f0f0 100%);background:linear-gradient(to bottom,#fff 0%,#f0f0f0 100%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.prv_nxt_list li span{font-weight:normal;margin-left:10px;}.reply_list li::after{content:'';clear:both;display:block;}.reply_list .info{padding-bottom:4px;font-size:11px;color:#777;}.reply_list .info span{display:inline-block;height:11px;margin-right:5px;padding-right:5px;border-right:1px solid #777;white-space:nowrap;}.reply_list .info span:last-of-type{border-right:0;}.atte_reply_list{border-top:2px solid #c9c9c9;border-bottom:2px solid #c9c9c9;}.atte_reply_list li{padding:12px 6px;border-bottom:2px dashed #c9c9c9;}.atte_reply_list li:last-of-type{border-bottom:none;}.atte_reply_list li.rank1{background:#ffeceb;}.atte_reply_list .grade{float:left;padding:3px 5px;margin-right:7px;color:#fff;font-size:11px;background:#494d60;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}.atte_reply_list .grade.big5{background:#e70604;}.def_reply_list li{padding:12px 6px 0;border-bottom:1px solid #c9c9c9;}.def_reply_list li .comment li{position:relative;padding-left:25px;padding-right:0;border-top:1px dashed #c9c9c9;border-bottom:none;}.def_reply_list li .comment li:before{content:"";display:block;position:absolute;top:15px;left:5px;width:12px;height:13px;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-200px -15px;background-size:250px;}.def_reply_list li .btns{margin-bottom:10px;}.def_reply_list .txt{margin-bottom:7px;}.def_reply_list .txt .id_tag{color:#aaa;}.def_reply_list .ntxt{margin:0 7px 10px;text-align:center;}.reply_wrap{padding:0 7px;}.reply_tab{border-top:1px solid #c9c9c9;border-right:1px solid #c9c9c9;border-left:1px solid #c9c9c9;}.reply_tab::after{content:'';clear:both;display:block;}.reply_tab li{float:left;width:50%;text-align:center;}.reply_tab li:first-of-type a{border-right:1px solid #c9c9c9;}.reply_tab a{display:block;height:100%;padding:10px 0;border-bottom:1px solid #c9c9c9;background:#f0f0f0;}.reply_tab a.on{background:#fff;border-bottom:1px solid #fff;}.reply_tab a strong{color:#e70604;}#replys{margin-top:10px;}.write_form{position:relative;padding:7px 0;}.write_form .txt_area{position:relative;height:162px;}.write_form textarea{position:absolute;top:0;left:0;right:0;height:150px;padding:5px;border-color:#c9c9c9;resize:none;}.add_comment{position:relative;padding:10px 0 10px 25px;border-top:1px solid #c9c9c9;}.add_comment .txt_area{position:relative;height:92px;}.add_comment:before{content:"";display:block;position:absolute;top:10px;left:5px;width:12px;height:13px;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-200px -15px;background-size:250px;}.add_comment textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;height:80px;padding:5px;border:1px solid #c9c9c9;resize:none;}.add_comment .btns{margin-bottom:0 !important;}.board_write{position:relative;padding:0 7px 50px;}.write_top_btns{position:absolute;top:-38px;right:7px;left:7px;z-index:5;}.write_top_btns a,.write_top_btns input{display:inline-block;height:25px;padding:0 7px;line-height:25px;color:#555;border:1px solid #b2b2b2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff;background:-moz-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fff),color-stop(1,#ebebeb));background:-webkit-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-o-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-ms-linear-gradient(top,#fff 0%,#ebebeb 100%);background:linear-gradient(to bottom,#fff 0%,#ebebeb 100%);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}.write_top_btns li{position:absolute;top:0;}.write_top_btns .btn_lft{left:0;}.write_top_btns .btn_rgt{right:0;}.write_wrap{padding-top:10px;}.write_head select,.write_head input[type=text]{width:100%;height:25px;border:1px solid #c9c9c9;color:#c9c9c9;}.write_head input[type=text]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:4px;color:#333;}.write_head input[type=text]::-webkit-input-placeholder{color:#c9c9c9;}.write_head input[type=text]:-moz-placeholder{color:#c9c9c9;}.write_head input[type=text]:-ms-input-placeholder{color:#c9c9c9;}.write_head input[type=text]:-moz-placeholder{color:#c9c9c9;}.write_head input[type=text]:placeholder{color:#c9c9c9;}.write_head li{margin-bottom:6px;}.write_head .btn_upload_img{display:inline-block;height:25px;padding:0 7px;line-height:25px;color:#555;border:1px solid #b2b2b2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff;background:-moz-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fff),color-stop(1,#ebebeb));background:-webkit-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-o-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-ms-linear-gradient(top,#fff 0%,#ebebeb 100%);background:linear-gradient(to bottom,#fff 0%,#ebebeb 100%);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:0 15px;}.write_body textarea{width:100%;min-height:250px;padding:7px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #c9c9c9;line-height:1.5;vertical-align:top;}.read_body{font-size:12px;line-height:1.5;padding:5px 7px 20px;border-bottom:1px solid #c9c9c9;}.upload_imgs{margin:0 auto;width:300px;}.upload_imgs ul{margin-right:-6px;margin-top:6px;}.upload_imgs ul::after{content:'';clear:both;display:block;}.upload_imgs li{float:left;width:20%;}.upload_imgs li span{position:relative;overflow:hidden;display:block;height:55px;margin-right:6px;background:#c9c9c9;border:1px solid #b2b2b2;text-align:center;}.upload_imgs li span button{background:#fff;position:absolute;top:2px;right:2px;width:14px;height:14px;border:none;padding:2px;}.upload_imgs li span button i{width:10px;height:10px;position:relative;top:0;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-215px -15px;background-size:250px;text-indent:-9999px;vertical-align:top;}.upload_imgs li span img{height:100%;margin:0 auto;}.memo_wrap{padding-top:10px;}.memo_write,.memo_read{position:relative;padding:0 7px 50px;}.memo_head{position:relative;margin-bottom:9px;padding-bottom:5px;border-bottom:1px solid #c9c9c9;}.memo_head h3{margin-top:5px;float:left;margin-bottom:5px;}.memo_head .form_box{clear:both;height:25px;border:1px solid #c9c9c9;}.memo_head .form_box input{height:25px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding-left:7px;}.memo_head .from_user{margin-left:78px;height:25px;line-height:26px;}.memo_head .info{clear:both;margin-top:5px;font-size:12px;color:#777;}.memo_head .date{position:absolute;top:6px;right:6px;font-size:11px;color:#777;}.memo_btns{padding-top:7px;padding-bottom:7px;border-bottom:1px solid #c9c9c9;}.memo_btns a{display:inline-block;height:25px;padding:0 7px;line-height:25px;color:#555;border:1px solid #b2b2b2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff;background:-moz-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fff),color-stop(1,#ebebeb));background:-webkit-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-o-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-ms-linear-gradient(top,#fff 0%,#ebebeb 100%);background:linear-gradient(to bottom,#fff 0%,#ebebeb 100%);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}.memo_list .top_desc{position:relative;font-size:12px;color:#777;line-height:16px;margin-bottom:8px;}.memo_list .top_desc .date{position:absolute;top:3px;right:6px;font-size:11px;color:#777;}.memo_list li{padding-top:8px;border-bottom:1px solid #c9c9c9;}.memo_list li:first-of-type{padding-top:0;}.memo_list a{display:block;padding-bottom:8px;}.join_head,.identification,.agree,.extra,.pw_extra,.find_id_result,.find_pw_result{padding:15px 7px;}.join_head, .find_id_result,.find_pw_result{border-bottom:1px solid #b2b2b2;}div.join_head{border-bottom:2px solid #333;}div.join_head h1{font-size:17px;color:#333;margin-bottom:8px;}div.join_head p:last-of-type{margin-top:8px;}.join_head,.extra,.pw_extra{ color:#777;line-height:1.4;} .agree li{position:relative;min-height:32px;line-height:32px;letter-spacing:-1px;}.agree li:first-of-type{margin-bottom:8px;}.agree input[type=checkbox]{margin-right:6px;position:relative;top:7px;}.agree a{position:absolute;top:0;right:0;display:inline-block;height:25px;padding:0 7px;line-height:25px;color:#555;border:1px solid #b2b2b2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff;background:-moz-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fff),color-stop(1,#ebebeb));background:-webkit-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-o-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-ms-linear-gradient(top,#fff 0%,#ebebeb 100%);background:linear-gradient(to bottom,#fff 0%,#ebebeb 100%);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding-right:20px;color:#e70604 !important;}.agree .ico{position:relative;top:50%;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-230px -15px;background-size:250px;position:absolute !important;right:7px;width:4px;height:7px;margin-top:-4px;}.agree .agree_box{height:100px;padding:5px;overflow:auto;}.extra li,.pw_extra li{position:relative;padding-left:15px;}.pw_extra h2{margin-bottom:7px;}.pw_extra li{text-indent:-1em;margin-left:10px;}.pw_extra li:last-of-type{text-indent:0;margin-left:-5px;margin-top:7px;}.step2{padding:0 7px;}.step2 table{width:100%;max-width:400px;margin:0 auto;}.step2 input[type=text],.step2 input[type=password],.step2 input[type=tel],.step2 select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:25px;padding-left:5px;border:1px solid #c9c9c9;vertical-align:top;}.step2 tr{border-bottom:1px solid #c9c9c9;}/*2019-12-13 강초희 간편가입*/.step2 tr:last-of-type{//border-bottom:none;}.step2 th{padding-top:14px;vertical-align:top;text-align:left;width:105px;padding-left:5px;white-space:nowrap;letter-spacing:-1px;}.step2 td{padding:9px 8px 9px 0;}.step2 .msg{display:block;margin-top:5px;font-size:11px;color:#777;letter-spacing:-1px;line-height:initial;}.form_box{position:relative;}.form_box::after{content:'';clear:both;display:block;}.form_box button{display:inline-block;height:25px;padding:0 7px;line-height:25px;color:#555;border:1px solid #b2b2b2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff;background:-moz-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fff),color-stop(1,#ebebeb));background:-webkit-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-o-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-ms-linear-gradient(top,#fff 0%,#ebebeb 100%);background:linear-gradient(to bottom,#fff 0%,#ebebeb 100%);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;letter-spacing:-1px;line-height:25px !important;}.form_box #user_id,.form_box #nick{width:115px;}.form_box #user_pwd,.form_box #cp_user_pwd{width:190px;}.form_box #mobile1,.form_box #mobile_comp{width:64px;}.form_box #mobile2,.form_box #mobile3{width:47px;}.form_box #hp_cert_check{margin-left:6px;}.form_box #email1{width:180px;}.form_box #email2{width:100px;}.form_box #email_domain{width:94px;}.form_box #email_agree{margin-left:8px;}.form_box .mail_msg{font-size:11px;color:#777;letter-spacing:-1px;padding-left:28px;margin-top:7px;line-height:1.6;}.form_box label[for=email_agree]{font-weight:bold;letter-spacing:-1px;}.form_box b{font-weight:normal;font-size:11px;position:relative;top:3px;}.form_box:nth-of-type(2){margin-top:8px;}.find_id_result li,.find_pw_result li{margin-bottom:8px;color:#777;}.find_id_result li:last-of-type,.find_pw_result li:last-of-type{margin-bottom:0;}.find_pw_result li::after{content:'';clear:both;display:block;}.find_pw_result li label{display:block;float:left;width:100px;margin-top:12px;letter-spacing:-1px;color:#777;}.find_pw_result li input{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:38px;line-height:38px;padding-left:5px;border:1px solid #c9c9c9;vertical-align:top;}.find_pw_result .form_box{}.service{line-height:1.5;padding-bottom:50px;}.service h4{display:none;}.service h5{margin:12px 0;padding:15px 7px 0;border-top:1px solid #c9c9c9;font-size:14px;color:#333;}.service h5:first-of-type{border-top:none;padding-top:0;}.service h6{font-weight:normal;margin-top:8px;}.service h6,.service ol,.service p,.service ul,.service dl{padding:0 7px;font-size:12px;color:#777;}.main_title{position:relative;padding:10px 0 9px 7px;border-bottom:2px solid #333;font-weight:bold;}.main_title.top{text-align:center;padding-left:0 !important;}.main_title strong{color:#e70604;}.main_title .more_link{position:absolute;bottom:8px;right:7px;padding-right:8px;font-size:12px;font-weight:normal;}.main_title .more_link .ico{position:relative;top:50%;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-230px -15px;background-size:250px;position:absolute !important;right:0;width:4px;height:7px;margin-top:-4px;}.main_box{margin-bottom:5px;}.list_tab ul::after{content:'';clear:both;display:block;}.list_tab ul.half li{width:50%;}.list_tab ul.triple li{width:33.33333%;}.list_tab ul.octa li{width:25%;}.list_tab ul.border li{border-bottom:1px solid #9499ae;}.list_tab li{float:left;height:34px;line-height:35px;background:#ebecf0;text-align:center;}.list_tab li a{display:block;height:inherit;border-left:1px solid #9499ae;border-bottom:1px solid #9499ae;white-space:nowrap;overflow:hidden;}.list_tab li a.on{background:#fff;border-bottom:#fff;}.list_tab li:first-of-type a,.list_tab li:nth-of-type(5) a{border-left:none;}.attendance_link{position:relative;margin:15px 0 0;padding:10px 7px;font-size:12px;background:#f0f0f0;}.attendance_link::after{content:'';clear:both;display:block;}.attendance_link h3{float:left;padding:3px 11px;background:#e70604;color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}.attendance_link p{margin-left:52px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;top:3px;padding-right:60px;}.attendance_link p span{position:absolute;top:0;right:0;padding-right:8px;}.attendance_link p span .ico{position:relative;top:50%;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-230px -15px;background-size:250px;position:absolute !important;right:0;width:4px;height:7px;margin-top:-4px;}.article_list a,.article_list2 a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.article_list .article_list:not(:first-of-type),.article_list2 .article_list:not(:first-of-type){display:none;}.article_list .def_list,.article_list2 .def_list{padding:0 7px;}.article_list .def_list li,.article_list2 .def_list li{padding:10px 2px;border-bottom:1px solid #c9c9c9;}.article_list .def_list li span,.article_list2 .def_list li span{font-weight:bold;letter-spacing:-1px;}.article_list .app_rev_list > li,.article_list2 .app_rev_list > li{border-bottom:1px solid #c9c9c9;}.article_list .app_rev_list > li:last-of-type,.article_list2 .app_rev_list > li:last-of-type{border-bottom:none;}.article_list .app_rev_list a,.article_list2 .app_rev_list a{padding:10px 7px;}.article_list .app_rev_list .thm,.article_list2 .app_rev_list .thm{float:left;width:70px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;overflow:hidden;}.article_list .app_rev_list .thm img,.article_list2 .app_rev_list .thm img{width:100%;}.article_list .app_rev_list .txt,.article_list2 .app_rev_list .txt{margin-left:82px;padding-top:10px;}.article_list .app_rev_list .txt .tit,.article_list2 .app_rev_list .txt .tit{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.article_list .app_rev_list .txt .info,.article_list2 .app_rev_list .txt .info{position:relative;padding-top:7px;font-size:12px;color:#777;}.article_list .app_rev_list .txt .info li:first-of-type,.article_list2 .app_rev_list .txt .info li:first-of-type{margin-bottom:4px;}.article_list .app_rev_list .txt .info li:last-of-type,.article_list2 .app_rev_list .txt .info li:last-of-type{position:absolute;right:0;bottom:0;}.article_list .app_rank_list > li,.article_list2 .app_rank_list > li{position:relative;border-bottom:1px solid #c9c9c9;}.article_list .app_rank_list > li::after,.article_list2 .app_rank_list > li::after{content:'';clear:both;display:block;}.article_list .app_rank_list > li.no1 .rank,.article_list2 .app_rank_list > li.no1 .rank{background:#e70604;}.article_list .app_rank_list > li.no1 .txt,.article_list2 .app_rank_list > li.no1 .txt{margin-left:105px;padding-top:15px;}.article_list .app_rank_list a,.article_list2 .app_rank_list a{padding:10px 7px;}.article_list .app_rank_list .rank,.article_list2 .app_rank_list .rank{position:absolute;top:0;left:7px;bottom:0;margin:auto;width:18px;height:18px;text-align:center;line-height:18px;color:#fff;background:#494d60;}.article_list .app_rank_list .thm,.article_list2 .app_rank_list .thm{float:left;width:70px;overflow:hidden;margin-left:25px;}.article_list .app_rank_list .thm img,.article_list2 .app_rank_list .thm img{width:100%;}.article_list .app_rank_list .tit,.article_list2 .app_rank_list .tit{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.article_list .app_rank_list .txt,.article_list2 .app_rank_list .txt{margin-left:25px;padding-top:0;line-height:1.5;}.article_list .app_rank_list .info,.article_list2 .app_rank_list .info{font-size:12px;color:#777;}#android_app .def_list li:first-child,#apple_app .def_list li:first-child{border-top:1px solid #c9c9c9;}.banner_main{text-align:center;background:#f0f0f0;}.banner_main a{display:block;}.banner_main img{width:100%;max-width:320px;margin:0 auto;}.flex-container a:active,.flex-container a:focus,.flexslider a:active,.flexslider a:focus{outline:none;}.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none;}.no-js .slides > li:first-child{display:block;}.flexslider{position:relative;zoom:1;margin:0;padding-bottom:35px;background:#fff;}.flexslider .slides{zoom:1;}.flexslider .slides::after{content:'';clear:both;display:block;}.flexslider .slides > li{display:none;-webkit-backface-visibility:hidden;}.flexslider.pg5 .flex-direction-nav{width:160px;margin-left:-80px;}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}.carousel li{margin-right:5px;}.flex-direction-nav{position:absolute;bottom:30px;left:50%;height:0;width:120px;margin-left:-60px;}.flex-direction-nav a{display:block;overflow:hidden;position:absolute;top:0;z-index:10;cursor:pointer;width:18px;height:18px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border:1px solid #b2b2b2;text-indent:-9999px;}.flex-direction-nav .flex-next{right:0;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-25px -40px;background-size:250px;}.flex-direction-nav .flex-prev{left:0;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:0 -40px;background-size:250px;}.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}.flex-control-nav li{margin:0 4px;display:inline-block;}.flex-control-paging li a{display:block;width:10px;height:10px;background:#cecece;cursor:pointer;text-indent:-9999px;border:1px solid #949494;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}.flex-control-paging li a:hover{background:rgba(0,0,0,0.7);}.flex-control-paging li a.flex-active{background:#ff0c00;border-color:#c00101;cursor:default;}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden;}.flex-control-thumbs li{width:25%;float:left;margin:0;}.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer;}.flex-control-thumbs img:hover{opacity:1;}.flex-control-thumbs .flex-active{opacity:1;cursor:default;}.slide_list{margin-bottom:5px;}.slide_list::after{content:'';clear:both;display:block;}.slide_list li a{display:block;margin:0 5px;text-align:center;}.slide_list li .thm{width:100%;max-width:100px;margin:0 auto;border:1px solid #c9c9c9;}.slide_list li .thm img{width:100%;}.slide_list li .txt{margin-top:7px;}.slide_list li .price{margin-top:5px;font-size:12px;}.slide_list li .price del{color:#aaa;}.slide_list li .price strong{font-weight:bold;color:#e70604;margin-left:4px;}.slide_list.typ1 li,.slide_list.typ2 li,.slide_list.typ4 li{float:left;width:33.33333%;margin:10px 0;}.slide_list.typ1 li .txt p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.slide_list.typ2 .thm{max-width:220px;}.slide_list.typ2 .txt p{display:-webkit-box;overflow:hidden;line-height:1.4;text-overflow:ellipsis;text-overflow:-o-ellipsis-lastline;-webkit-line-clamp:2;-moz-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;letter-spacing:-1px;}.slide_list.typ2 .txt p b{font-weight:normal;}.slide_list.typ3 li{float:left;width:50%;margin:10px 0;}.slide_list.typ3 .thm{max-width:228px;}.slide_list.typ3 .tit{margin-top:5px;}.slide_list.typ3 .tit p{display:-webkit-box;overflow:hidden;line-height:1.4;text-overflow:ellipsis;text-overflow:-o-ellipsis-lastline;-webkit-line-clamp:2;-moz-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}.slide_list.typ3 .txt{color:#777;}.slide_list.typ3 .txt p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.slide_list.typ4 .thm{max-width:80px;border:none;}.slide_list.typ4 .thm img{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;overflow:hidden;}.slide_list.typ4 .txt p{display:-webkit-box;overflow:hidden;line-height:1.4;text-overflow:ellipsis;text-overflow:-o-ellipsis-lastline;-webkit-line-clamp:2;-moz-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;letter-spacing:-1px;}.slide_list.typ4 .txt p b{font-weight:normal;}.best_content{height:40px;border-bottom:1px solid #333;}.best_content .top_desc::after{content:'';clear:both;display:block;}.best_content .top_desc h2{float:left;margin-top:12px;padding-left:7px;color:#e70604;letter-spacing:-1px;}.best_content .top_desc .best_more_show,.best_content .top_desc .best_more_hide{float:right;width:38px;height:40px;background:#fff url(https://img.appstory.co.kr/monthly.appstory.co.kr/m/sp_img.png) no-repeat;background-size:300px;text-indent:-9999em;border-left:1px solid #333;}.best_content .top_desc .best_more_show{background-position:-231px -75px;}.best_content .top_desc .best_more_hide{background-position:-231px -31px;}.best_content .bect_li{position:relative;top:-29px;margin:0 50px 0 100px;}.best_content .bect_li li{display:none;overflow:hidden;height:17px;letter-spacing:-1px;}.best_content .bect_li .num{display:inline-block;float:left;width:17px;height:17px;margin-right:5px;background:#e70604;line-height:17px;color:#fff;font-size:.786em;text-align:center;}.bect_li_show{display:none;padding:5px 8px;background:#494d60;}.bect_li_show li{overflow:hidden;clear:both;margin-top:6px;padding-bottom:6px;border-bottom:1px solid #323641;}.bect_li_show .num{display:inline-block;float:left;width:17px;height:17px;margin-right:5px;background:#e70604;line-height:17px;color:#fff;font-size:.786em;text-align:center;}.bect_li_show .txt{overflow:hidden;float:left;width:84%;margin-left:5px;padding-top:1px;white-space:nowrap;text-overflow:ellipsis;color:#fff;}.bect_pg{position:relative;height:24px;margin-top:6px;}.bect_pg .bect_cls{float:right;margin-top:5px;border:none;background:rgba(0,0,0,0);font-size:.9em;color:#fff;vertical-align:top;}.login{padding-bottom:100px;}.login_box{position:relative;padding:22px 10px;background:#f0f0f0;}.login_box .login_form{margin-right:85px;}.login_box .login_form li{height:38px;}.login_box .login_form li:first-of-type{margin-bottom:5px;}.login_box .login_form input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:38px;line-height:38px;padding-left:7px;border:1px solid #c9c9c9;}.login_box .login_btn{position:absolute;top:22px;right:11px;}.login_box .login_btn input{display:inline-block;height:30px;padding:0 5px;line-height:30px;color:#fff;border:1px solid #9c0403;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#e70604;background:-moz-linear-gradient(top,#fc3e3c 0%,#e70604 100%);background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fc3e3c),color-stop(1,#e70604));background:-webkit-linear-gradient(top,#fc3e3c 0%,#e70604 100%);background:-o-linear-gradient(top,#fc3e3c 0%,#e70604 100%);background:-ms-linear-gradient(top,#fc3e3c 0%,#e70604 100%);background:linear-gradient(to bottom,#fc3e3c 0%,#e70604 100%);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:80px;height:81px;text-align:center;border:1px solid #e70604;font-size:22px;font-weight:bold;}.login_box .login_chk{margin-top:7px;}.login_foot{margin-top:20px;padding:0 11px;}.login_foot .btn_go_join{display:inline-block;height:25px;padding:0 7px;line-height:25px;color:#555;border:1px solid #b2b2b2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff;background:-moz-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fff),color-stop(1,#ebebeb));background:-webkit-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-o-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-ms-linear-gradient(top,#fff 0%,#ebebeb 100%);background:linear-gradient(to bottom,#fff 0%,#ebebeb 100%);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block !important;padding:4px 0 !important;text-align:center;}.login_foot .login_find{margin-top:22px;}.login_foot .login_find li{position:relative;height:34px;line-height:34px;margin-bottom:5px;padding-left:10px;}.login_foot .login_find li:before{content:"";display:block;position:absolute;top:10px;left:0;width:4px;height:4px;background-color:gray;border-top:1px solid darkgray;border-left:1px solid darkgray;}.login_foot .login_find span{display:inline-block;height:25px;padding:0 7px;line-height:25px;color:#555;border:1px solid #b2b2b2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff;background:-moz-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fff),color-stop(1,#ebebeb));background:-webkit-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-o-linear-gradient(top,#fff 0%,#ebebeb 100%);background:-ms-linear-gradient(top,#fff 0%,#ebebeb 100%);background:linear-gradient(to bottom,#fff 0%,#ebebeb 100%);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;width:100px;padding-right:12px;position:absolute;top:0;right:0;color:#e70604;}.login_foot .login_find span .ico{position:relative;top:50%;display:inline-block;vertical-align:middle;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-230px -15px;background-size:250px;position:absolute !important;right:4px;width:4px;height:7px;margin-top:-4px;}.recom_artc .flexslider,.article_list2{background:#f0f0f0;}.recom_artc .slide_list.typ3 .txt{color:#333;}.recom_artc .slide_list.typ3 .txt p{display:-webkit-box;overflow:hidden;line-height:1.4;text-overflow:ellipsis;text-overflow:-o-ellipsis-lastline;-webkit-line-clamp:2;-moz-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal;}.commerce{border-top:1px solid #999;border-bottom:1px solid #c9c9c9;}.ac_tit{padding-top:10px;padding-left:7px;}.ac_tit em{position:relative;top:-1px;display:inline-block;padding:1px 3px;border:1px solid #b50503;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#fb2523;font-size:11px;color:#fff;font-style:normal;}.prd_list{margin-top:10px;}.prd_nm{position:relative;padding:7px 10px;border-top:1px solid #c9c9c9;border-bottom:1px solid #fff;background:#f0f0f0;line-height:1.3;}.prd_nm a{display:block;}.prd_nm a::after{content:'';clear:both;display:block;}.prd_nm .thm{overflow:hidden;position:relative;float:left;width:105px;margin-right:10px;}.prd_nm .thm img{width:100%;}.prd_nm .thm .dc_box{overflow:hidden;position:absolute;z-index:10;top:-41px;left:-21px;width:60px;height:60px;background:#e70400;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);box-shadow:inset 0 0 6px rgba(0,0,0,0.3);-webkit-transform:rotate(60deg);transform:rotate(60deg);}.prd_nm .thm .dc{position:absolute;z-index:11;top:20px;left:36px;color:#fff;font-family:'Open Sans', sans-serif;font-size:21px;font-weight:700;letter-spacing:-1px;-webkit-transform:rotate(-60deg);transform:rotate(-60deg);}.prd_nm .thm .dc sup{font-size:11px;font-style:normal;}.prd_nm .txt{padding-top:7px;}.prd_nm .txt .tit{line-height:1.2;letter-spacing:-1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.prd_nm .txt .sub{padding-bottom:5px;border-bottom:1px solid #d8d8d8;letter-spacing:-1px;color:#6e6e6e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.prd_nm .txt .price{position:relative;text-align:right;white-space:nowrap;}.prd_nm .txt .price del{color:#a4a4a4;font-size:12px;font-weight:bold;}.prd_nm .txt .price strong{color:#e70604;font-size:18px;font-weight:bold;margin-left:.4em;-webkit-text-shadow:1px 1px 0 rgba(0,0,0,0.2);-moz-text-shadow:1px 1px 0 rgba(0,0,0,0.2);text-shadow:1px 1px 0 rgba(0,0,0,0.2);}.prd_nm .txt .fr_flag{float:left;font-size:11px;margin-top:5px;display:inline-block;background:#00add8;color:#fff;padding:2px 5px;letter-spacing:-1px;line-height:1.1;}.ac_menu{margin-top:10px;margin-bottom:20px;}.ac_menu::after{content:'';clear:both;display:block;}.ac_menu li{float:left;width:25%;}.ac_menu li a{display:block;margin:0 5px;}.ac_menu li .inner{display:block;max-width:74px;margin:0 auto;height:74px;border:1px solid #b2b2b2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-align:center;font-size:12px;color:#777;}.ac_menu li .ico_box{display:block;}.ac_menu li.ico_music .ico_box{width:38px;height:30px;margin:13px auto 11px;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-65px -190px;background-size:250px;}.ac_menu li.ico_case .ico_box{width:23px;height:34px;margin:10px auto 10px;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-110px -190px;background-size:250px;}.ac_menu li.ico_battery .ico_box{width:22px;height:35px;margin:9px auto 10px;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-140px -190px;background-size:250px;}.ac_menu li.ico_etc .ico_box{width:32px;height:29px;margin:14px auto 11px;background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png);background-position:-170px -190px;background-size:250px;} /*내정보수정*/ .join_form_ul li{height:30px;} /*2019-12-13 강초희 sns간편가입*/ :focus {outline:none;} #user_pwd_mod{ width:calc(100% - 70px); padding:14px 10px; border:1px solid #acacac; box-sizing:border-box; -webkit-appearance: none; -webkit-border-radius: 0; } .hp_row input{width:57px;height:25px;} .hp_row select{width:62px;height:25px;} .hp_row button{width:120px; border:1px solid #ccc; background:#ddd;height:25px;} .form_box #user_id1,.form_box #nick1{width:210px;} .form_box #user_id1:read-only,.form_box #nick1:read-only{border:none;height:20px;} .form_box #user_pwd1,.form_box #cp_user_pwd1{width:210px;} #zipcode_div.page_frame_style { position:absolute; width:100%; height:100%; min-height:100%; padding:280px 20px 20px; box-sizing: border-box; z-index:200; } /* 모달창 공통화 */ .m_modal { display:none; position: fixed; z-index: 100; top:0; right:0; bottom:0; left:0; background: rgba(0,0,0,0.6); color:@font-sub; } .modal_wrap { position: absolute; top:0; right:0; bottom:0; left:0; width: 95%; margin:auto; background: #fff; .box-shadow(0 2px 15px rgba(0,0,0,0.5)); border:2px solid #ea0001; overflow: hidden;; @media (min-width: 479px) { width: 470px; } .top { background: darken(@red, 7%); } .top_light { position: relative; background: lighten(@border-gray, 10%); color:@font-gray; padding: 10px; } header { .clearfix; position: relative; .btn_close { // 닫기 공통 버튼 position:absolute; top: 10px; right:10px; display: block; width: 18px; height: 18px; background-color: transparent; .sp-ui(-140px, -45px); .text-hide; } .btn_close2 { // 닫기 공통 버튼 position:absolute; top: 10px; right:10px; display: block; width: 18px; height: 18px; background-color: transparent; .sp-ui(-140px, -45px); .text-hide; } .btn_close_express { // 닫기 공통 버튼 position:absolute; top: 10px; right:10px; display: block; width: 18px; height: 18px; background-color: transparent; .sp-ui(-140px, -45px); .text-hide; } } } .modal_inner { padding: 10px; blockquote { margin: 0 0 1em; padding: 15px 0; background: @bg-gray; } } .modal_body { position: fixed !important; width: 100%; overflow-y: scroll; } .modalFix { // #m_wrap 에 들어가는 스크롤 정지 class position: fixed; width: 100%; } .winFix { // body 에 들어가는 스크롤 훼이크 overflow-y: scroll; } /* kt 점검 모달 */ .modal_wrap { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; overflow: hidden; background:transparent; } #modal_kt{ border:0 none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: table; width: 100%; height: 100%; background: rgba(61,65,73,0.9); } .modal_box{ display: table-cell; height: 100%; //vertical-align: middle; text-align: center; } .kt_check_modal{ position:relative; border:1px solid #cacaca; border-radius:5px; padding:40px 15px; margin:10px; background-color:#ffffff; text-align:center; } .title{ font-size:25px; color: #333; } .btn_kt_close{ display:block; width:20px; height:20px; position: absolute; top:15px; right:20px; } .kt_check_modal_cont{ margin:30px 0; } .btn_kt_modal_okBox{ text-align:center; } .btn_kt_modal_ok{ display:block; width:230px; height:48px; line-height:48px; background-color:#e02828; color:#ffffff; font-weight:bold; margin:0 auto; border-radius:5px; text-align:center; } .font_c_red{color:#e02828;} .join_head, .identification, .find_id_result, .find_pw_result{ background:#fff; } .agree_bg_b{padding:15px 7px 35px}.agree_list{overflow:hidden}.agree_list li.first_li{margin-bottom:10px;border-bottom:1px solid #ced1d5}.agree_list>li{border:1px solid #ced1d5;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;overflow:hidden;padding:8px;color:#ced1d5;height:30px;line-height:30px;border-bottom:0 none;background:#fff}.agree_list>li label{color:#5e5f61}.agree_list>li input{position:relative;top:8px}.agree_list>li:last-of-type{border:1px solid #ced1d5}.agree_list>li:nth-of-type(2){border-bottom-left-radius:0;border-bottom-right-radius:0}.agree_list>li:nth-of-type(3){border-radius:0}.agree_list>li:nth-of-type(4){border-top-left-radius:0;border-top-right-radius:0}.agree_list>li>a{float:right;display:inline-block;border:1px solid #ced1d5;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;overflow:hidden;padding:6px 8px;color:#5e5f61;line-height:1;background:#f1f1f1;height:16px}.agree_cnts_b{display:none;overflow:hidden;margin-top:5px}.agree_cnts_b .agree_cnts{margin-bottom:5px;border:1px solid #e5e5e5;padding:10px;background:#fff;height:45px;overflow-y:auto;color:#484848} /* .agree_list .btn_all_view{float:right;width:65px;height:25px;text-align:center;background:#f1f1f1;color:#9a9ca1;border:1px solid #d2d2d2;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;overflow:hidden; line-height:25px;} */ .daum_addr_layer { display: none; position: fixed; z-index: 1; z-index: 10000; -webkit-overflow-scrolling: touch; overflow-y: scroll; padding-top:40px; overflow:hidden!important; } .daum_addr_layer iframe{width:100%; height:100%;} .daum_addr_layer .addr_layer_head { position: absolute; top:0; left:0; right: 0; height: 40px; line-height: 40px; background: #000; color: #fff; font-weight: bold; font-size: 18px; text-indent: 15px; } .daum_addr_layer #btnCloseLayer { background-color: transparent; background-image: url(https://img.appstory.co.kr/c.appstory.co.kr/renew_v2/sp_apc_ui_v13.png?v=7&CDN=1); background-position: 0 -100px; position: absolute; right: 19px; text-indent: -9999px; top: 12px; width: 18px; height: 18px; } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) { .daum_addr_layer { max-height: 400px; } .daum_addr_layer > div:nth-of-type(2) { overflow-y: auto; height: 400px!important; -webkit-overflow-scrolling: touch; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) { .daum_addr_layer { max-height: 400px; } .daum_addr_layer > div:nth-of-type(2) { overflow-y: auto; height: 294px!important; -webkit-overflow-scrolling: touch; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .daum_addr_layer .addr_layer_head { line-height: 46px; } } @media only screen and (min-width: 1025px) { #daum_addr_layer { width: 480px!important; left: 0!important; right: 0!important; top: 0!important; bottom: 0!important; margin: auto; height: 500px!important; } } /* 2020-11-23 강초희 아이핀제거 */ .identification {padding:15px!important;} .identification li a{ display: block; position:relative; padding:20px 0 20px 65px; border: 1px solid #e90000; position: relative; font-size:18px; color:#111; } .identification li a:before { position:absolute; top:14px; left:20px; width:33px; height:33px; background:url(https://img.appstory.co.kr/m.appstory.co.kr/m/ico_confirm_mobile.png?v=1&CDN=1) no-repeat; background-size:cover; content:''; } .identification li a:after { position:absolute; top:25px; right:20px; width:7px; height:12px; background:url(https://img.appstory.co.kr/m.appstory.co.kr/m/ico_confirm_arrow.png?v=1&CDN=1) no-repeat; background-size:cover; content:''; } /*.identification li a i{ position: relative; top: 50%; display: inline-block; vertical-align: middle; background-image: url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_ui.png); background-position: -230px -15px; background-size: 250px; position: absolute !important; right: 15px; width: 4px; height: 7px; margin-top: -4px; } .identification li.phone i{ width:16px; height:24px; background-position:0 -24px; margin-left:4px; margin-right:5px; } .identification li.ipin i{ width:25px; height:24px; background-position:-26px -24px; } .identification li:first-of-type { margin-bottom: 8px; }*/ .join_head, .identification, .find_id_result, .find_pw_result { border-bottom: 1px solid #b2b2b2; } /* //2020-11-23 강초희 아이핀제거 */ .extra li, .pw_extra li { position: relative; padding-left: 10px; } .extra li:before { content: "-"; position: absolute; left: 0; top: 1px; font-size: 12px; } .join { padding: 0 0 50px; } .sns_certification_list{ overflow:hidden; border:1px solid #cacaca; background-color:#f9f9f9; padding:10px; margin:0 8px; } .sns_certification_list .tit {margin-bottom:5px; line-height:22px;} .sns_certification_list .tit i{ float:left; display:block; width:23px; height:20px; background: url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp-sns.png) -61px -24px no-repeat; background-size:150px; margin-right:8px; } .sns_certification_list .btns a{ position:relative; display:block; width: auto; border:1px solid #dedede; background:#fff; color:#4c4c4c; margin:5px 0; padding:10px; } .sns_certification_list .btns a:after{ content:""; display:block; width:6px; height:9px; position:absolute; right:10px; top:50%; margin-top:-4px; background: url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp-sns.png) -111px 0 no-repeat; background-size:150px; } .sns_certification_list .btns a > i{ position:relative; float:left; display:block; width:19px; height:19px; margin-right:10px; background: url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp-sns.png) 0 0 no-repeat; background-size:150px; } .sns_certification_list .btns .btn_ka i{ background-position:0 0; } .sns_certification_list .btns .btn_na i{ top:4px; background-position:-29px 0; } .sns_certification_list .btns .btn_fb i{ background-position:-54px 0; } .sns_certification_list .btns .btn_tw i{ top:4px; background-position:-83px 0; } .txt_error{margin:20px 0; text-align:center; color:#e90000;} .txt_error a{color:#e90000;} .big_btns{margin-top:10px;} /*2019-12-13 강초희 sns간편가입*/ .help_sns_box .tit{ font-weight: bold; letter-spacing: -1px; } .help_sns_box .sns_area li { clear:both; position:relative; display:block; margin-bottom:15px; color:#555; font-size:12px; } .help_sns_box .sns_area li:last-child {margin-bottom:0;} .help_sns_box .sns_area li .top_area {overflow:hidden;} .help_sns_box .sns_area li i{ display:inline-block; vertical-align:middle; width:30px; height:30px; margin-right:10px; } .help_sns_box .sns_area li .cate_sns { display:inline-block; padding:8px 0; } .help_sns_box .sns_area li.kakao i{ background:url(https://img.appstory.co.kr/m.appstory.co.kr/m/ico_circle_kakao_210811.png?v=1&CDN=1); background-size:cover; } .help_sns_box .sns_area li.naver i{ top:3px; background-position:-29px 0; } .help_sns_box .sns_area li.facebook i{ background-position:-54px 0; } .help_sns_box .sns_area li.twitter i{ top:3px; background-position:-83px 0; } .help_sns_box .sns_area .txt_info{ position:relative; padding:0 0 0 7px; margin-top:8px; color: #666; font-size: 11px; line-height: 15px; } .help_sns_box .sns_area .txt_info:before { position:absolute; top:3px; left:0; content:'*'; } .help_sns_box .sns_area .btn { float:right; width: 70px; height: 44px; line-height:44px; border: 1px solid #4d5462; background: #4d5462; font-size: 12px; color: #fff; text-align:center; } .help_sns_box .sns_area .btn_disconnect{ background:#fff; border:1px solid #7b7b7b; color:#555; } .sns_login{ overflow:hidden; } .sns_login li { clear:both; margin:10px 0 0; } .sns_login li a{ position:relative; display:block; padding:10px; line-height:19px; color:#4c4c4c; border:1px solid #dedede; } .sns_login li a&:after{ content:""; display:block; width:6px; height:9px; position:absolute; right:10px; top:50%; margin-top:-4px; background: url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp-sns.png) -111px 0 no-repeat; background-size:150px; } .sns_login li i{ position:relative; float:left; display:block; width:19px; height:19px; margin-right:10px; background: url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp-sns.png) 0 0 no-repeat; background-size:150px; } .sns_login li a.btn_ka i{ background-position:0 0; } .sns_login li a.btn_na i{ top:4px; background-position:-29px 0; } .sns_login li a.btn_fb i{ background-position:-54px 0; } .sns_login li a.btn_tw i{ top:4px; background-position:-83px 0; } .wrap_confirm { padding:18px 15px 64px; font-size:13px; } .wrap_confirm .confirm_box h3 { position:relative; padding-left:20px; margin-bottom:15px; } .wrap_confirm .confirm_box h3:before { position:absolute; top:-1px; left:0; width:13px; height:15px; background:url(https://img.appstory.co.kr/m.c.appstory.co.kr/renew/sp_sign_hp.png?v=1&CDN=1); background-size:150px; background-position:0 0; content:""; } .wrap_confirm .confirm_box .desc_hp { margin-bottom:20px; line-height:20px; color:#555; } .wrap_confirm .confirm_box li .inp_box { display:table; table-layout:fixed; width:100%; } .wrap_confirm .confirm_box li .inp_box .col { display:table-cell; vertical-align:middle; padding-right:8px; } .wrap_confirm .confirm_box li .inp_box .col:last-of-type { width:58px; padding-right:0; } .wrap_confirm .confirm_box li .inp_box .col:last-of-type .btn_request { width:100%; height:44px; line-height:44px; border:1px solid #7b7b7b; box-sizing:border-box; background:#4d5562; text-align:center; font-size:13px; color:#fff; outline:none; } .wrap_confirm .confirm_box li .inp_box input, .wrap_confirm .confirm_box li .inp_box select { width:100%; border:1px solid #acacac; box-sizing:border-box; padding:14px 10px 13px; font-size:13px; color:#555; -webkit-border-radius: 0; -webkit-appearance: none; } .wrap_confirm .confirm_box li .inp_box select { padding: 14px 5px 13px; background:#fff; } .wrap_confirm .confirm_box li.hp_box { margin-bottom:10px; } .wrap_confirm .confirm_box .deadline_time { margin:8px 0 20px; color:#555; } .wrap_confirm .confirm_box .deadline_time .ico_time { display:inline-block; position:relative; top:3px; width:16px; height:15px; margin-right:8px; background:url(https://img.appstory.co.kr/m.c.appstory.co.kr/renew/sp_sign_hp.png?v=1&CDN=1); background-size:150px; background-position:-18px 0; } .wrap_confirm .confirm_box .deadline_time span { color:#e90000; } .wrap_top .find_tab.idpw_tab li { height:65px; line-height:65px; } .wrap_top .find_tab.idpw_tab li a { border:none; background:#f7f7f7; font-size:16px; color:#555; } .wrap_top .find_tab.idpw_tab li a.on { background:#fff; color:#e90000; } #mobile_comp{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("https://img.appstory.co.kr/m.c.appstory.co.kr/renew/bg_ansim_select.jpg?v=1&CDN=1") no-repeat; background-position: right -11px center; background-size: 39px 66px; } #mobile_comp::-ms-expand { display:none; } #mobile_comp::-ms-value{ background-color:#fff; color:#000; background: url("https://img.appstory.co.kr/www.appstory.co.kr/select_arrow.png") no-repeat; background-position: right 10px center; } .drop_area { padding: 0 15px; margin-top: 15px; text-align: right; color: #999; font-size: 0; } .drop_txt{font-size:12px;} .drop_link{ margin-left: 20px; color: #999; text-decoration: underline; font-size:12px; } .link_login_wrap{ margin-top:20px; text-align:center; } .find_pw_result .form_box{ margin-left:105px; } .link_login_wrap a{ display:inline-block; width: 100%; height: 60px; font-size:17px; line-height: 60px; background: #e90000; color: #fff; text-decoration:none; } .wrap_confirm .confirm_box li .inp_box input.returncode{ margin-right:8px; width:calc(100% - 66px); vertical-align:middle; } .inp_box .btn_ok{ width: 58px; height: 44px; line-height: 44px; box-sizing: border-box; background: #e90000; text-align: center; font-size: 13px; color: #fff; outline: none; vertical-align:middle; } .id_list{ border: 1px solid #acacac; max-height:1300px; overflow-y:scroll; } /*2019-11-08 강초희 수신동의 통합*/ .agree_area { position: relative; display: block; margin: 8px 0 0 0; padding-left: 18px; font-size: 11px; color: #aaa; line-height:normal; font-weight:normal !important; letter-spacing:normal !important; } .agree_area input[type=checkbox] { -webkit-appearance: none; -webkit-border-radius: 0; position: absolute; top: 0; left: 0; opacity: 0; width: 13px; height: 13px; margin:0 5px 0 0 !important; outline: none; border: none; vertical-align: middle; background:transparent; } .agree_area input[type=checkbox]+ .chk_bg { position: absolute; top: 0; left: 0; width: 13px; height: 13px; background:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_agree_input.png) no-repeat; background-size:50px; background-position:0 0; } .agree_area input[type=checkbox]:checked+ .chk_bg { background:url(https://img.appstory.co.kr/m.appstory.co.kr/m/sp_agree_input.png) no-repeat; background-size:50px; background-position:-17px 0; } .step2.modify_step2 {padding:0;} .step2.modify_step2 th { width:85px; padding-left:10px; background:#fafafa; font-size:13px; letter-spacing:-0.15em; } .step2.modify_step2 td { padding:9px 15px; } /* 앱 정보수정 탭 */ .help_tab_mnu {overflow:hidden;} .help_tab_mnu .tablinks{ float:left; display:block; width:50%; padding:20px 0; font-size:16px; color:#555; font-weight:bold; background-color:#f7f7f7; } .help_tab_mnu .tablinks.active{ background-color:#fff; border-bottom-color:#fff; color:#e90000; } /*2019-12-13 강초희 sns간편가입*/ .wrap_top .find_tab li { line-height:65px; } .wrap_top .find_tab li a { border:none; background:#f7f7f7; font-size:16px; color:#555; font-weight:bold; } .wrap_top .find_tab li a.on {color:#e90000;} .wrap_top .find_tab li:last-of-type a {border:none;} .wrap_modify { padding:17px 7px; margin-bottom:15px; font-size:15px; } .wrap_modify .tit_modify {margin-bottom:15px;} .wrap_modify .tit_modify i { display:inline-block; vertical-align:middle; position:relative; top:-1px; width:16px; height:16px; margin-right:5px; background:url(https://img.appstory.co.kr/m.appstory.co.kr/m/ico_pencil.png); background-size:cover; } .wrap_modify .desc { line-height:20px; margin-bottom:20px; letter-spacing:-0.04em; font-size:14px; color:#555; } .wrap_modify .modify_in li { margin-bottom:15px; color:#e90000; } .wrap_modify .modify_in .label { display:inline-block; float:left; width:70px; color:#111; } .wrap_modify .modify_in .label.label_pw {line-height:46px;} .wrap_modify .btn_ok { margin-top:5px; display: block; width: 100%; line-height: 23px; padding: 20px 0; margin-top:5px border: 1px solid #e90000; .border-box: ; text-align: center; font-size: 18px; color: #fff; background: #e90000; letter-spacing: -0.04em; -webkit-appearance: none; -webkit-border-radius: 0; } .sns_check_list li {margin-bottom:10px;} .sns_check_list a { display:block; padding:20px 25px; line-height:23px; color:#fff; font-size:18px; letter-spacing:-0.05em; } .sns_check_list a.btn_ka { background: #fee500; color: #262200; } .sns_check_list a .ico_cate { display:inline-block; vertical-align:middle; margin-right:25px; } .sns_check_list a .ico_cate.ico_ka { width:24px; height:22px; background:url(https://img.appstory.co.kr/m.appstory.co.kr/m/btn_ka_210811.png?v=1&CDN=1); background-size:cover; } .sns_check_list a .ico_arrow { float: right; width: 9px; height: 14px; margin-top: 3px; background:url(https://img.appstory.co.kr/m.appstory.co.kr/m/ico_arrow_ka_210811.png?v=1&CDN=1); background-size:cover; } //강초희 환불계좌 .refund_form_box .w_210 {width:210px;} .refund_form_box .btn_confirm { vertical-align:top; border:1px solid #ccc; height:25px; background:#ddd; display:block; margin-top:8px; padding:0 7px; } #header .wrap_header { position: relative; border-bottom: 1px solid ; font-size: 0; } #header .wrap_header .txt_logo { display: inline-block; position: absolute; top: 0; right: 42px; bottom: 0; left: 42px; height: 65px; line-height: 65px; margin: 0 auto; text-align: center; font-size: 20px; color: #222; } #header .wrap_header .btn_allservice { display: inline-block; height: 65px; padding: 0 8px 0 15px; } #header .wrap_header .btn_allservice i { display: block; position: relative; top: 25px; width: 19px; height: 16px; background-image: url(https://img.appstory.co.kr/m.appstory.co.kr/m/appstory_m_sprite.png?v=1&CDN=1); background-position: -125px 0; background-size: 250px; } #header.main_header .wrap_header { border-bottom: none; } .side_bar { z-index: 1000; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #fff; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .side_bar.open { -webkit-animation: side-open 0.8s forwards ease; -moz-animation: side-open 0.8s forwards ease; -ms-animation: side-open 0.8s forwards ease; -o-animation: side-open 0.8s forwards ease; animation: side-open 0.8s forwards ease; } .side_bar.close { -webkit-animation: side-close 0.6s forwards ease; -moz-animation: side-close 0.6s forwards ease; -ms-animation: side-close 0.6s forwards ease; -o-animation: side-close 0.6s forwards ease; animation: side-close 0.6s forwards ease; } .side_bar .btn_sidebar_close { position: absolute; top: 0; right: 0; width: 47px; height: 57px; } .side_bar .btn_sidebar_close i { display: block; width: 17px; height: 17px; margin: 0 auto; background-image: url(https://img.appstory.co.kr/m.appstory.co.kr/m/appstory_m_sprite.png?v=1&CDN=1); background-position: -8px -256px; background-size: 250px; text-indent: -9999px; } .side_bar .login_area { padding: 45px 0; background: #f7f7f7; text-align: center; } .side_bar .login_area .login_desc { margin-bottom: 25px; font-size: 16px; color: #666; } .side_bar .login_area .two_btns button { width: 130px; font-weight: bold; } .side_bar .service_area { padding: 20px 15px; text-align: center; } .side_bar .service_area h3 { margin-bottom: 35px; font-size: 16px; text-align: left; } .side_bar .service_area .service_list { overflow: hidden; width: 290px; margin: 0 auto; } .side_bar .service_area .service_list li { float: left; width: 33.333%; margin-bottom: 35px; font-size: 13px; } .side_bar .service_area .service_list li a { display: block; } .side_bar .service_area .service_list li i { display: block; height: 53px; margin: 0 auto 8px; } .side_bar .service_area .service_list li i.ico_home { width: 51px; background-image: url(https://img.appstory.co.kr/m.appstory.co.kr/m/appstory_m_sprite.png?v=1&CDN=1); background-position: -5px -125px; background-size: 250px; } .side_bar .service_area .service_list li i.ico_appstory { width: 49px; background-image: url(https://img.appstory.co.kr/m.appstory.co.kr/m/appstory_m_sprite.png?v=1&CDN=1); background-position: -70px -125px; background-size: 250px; } .side_bar .service_area .service_list li i.ico_appstorymall { width: 53px; background-image: url(https://img.appstory.co.kr/m.appstory.co.kr/m/appstory_m_sprite.png?v=1&CDN=1); background-position: -132px -125px; background-size: 250px; } .side_bar .service_area .service_list li i.ico_suppoters { width: 58px; background-image: url(https://img.appstory.co.kr/m.appstory.co.kr/m/appstory_m_sprite.png?v=1&CDN=1); background-position: -5px -191px; background-size: 250px; } .side_bar .service_area .service_list li i.ico_attendance { width: 55px; background-image: url(https://img.appstory.co.kr/m.appstory.co.kr/m/appstory_m_sprite.png?v=1&CDN=1); background-position: -70px -191px; background-size: 250px; } .side_bar .service_area .service_list li i.ico_poll { width: 65px; background-image: url(https://img.appstory.co.kr/m.appstory.co.kr/m/appstory_m_sprite.png?v=1&CDN=1); background-position: -132px -191px; background-size: 250px; } .side_bar .service_area .link_list { overflow: hidden; margin-top: 30px; } .side_bar .service_area .link_list li { display: inline-block; position: relative; } .side_bar .service_area .link_list li a { display: block; padding: 0 7px; font-size: 12px; } .side_bar .service_area .link_list li a:after { position: absolute; top: 2px; right: -3px; width: 1px; height: 10px; background: #b7b7b7; content: ''; } .side_bar .service_area .link_list li:last-child a:after { display: none; } @-webkit-keyframes side-open { 0% { -webkit-transform: translasteX(-100%); -moz-transform: translasteX(-100%); -o-transform: translasteX(-100%); transform: translasteX(-100%); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes side-open { 0% { -webkit-transform: translasteX(-100%); -moz-transform: translasteX(-100%); -o-transform: translasteX(-100%); transform: translasteX(-100%); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes side-open { 0% { -webkit-transform: translasteX(-100%); -moz-transform: translasteX(-100%); -o-transform: translasteX(-100%); transform: translasteX(-100%); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes side-open { 0% { -webkit-transform: translasteX(-100%); -moz-transform: translasteX(-100%); -o-transform: translasteX(-100%); transform: translasteX(-100%); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes side-close { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translasteX(-100%); -moz-transform: translasteX(-100%); -o-transform: translasteX(-100%); transform: translasteX(-100%); } } @-o-keyframes side-close { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translasteX(-100%); -moz-transform: translasteX(-100%); -o-transform: translasteX(-100%); transform: translasteX(-100%); } } @-moz-keyframes side-close { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translasteX(-100%); -moz-transform: translasteX(-100%); -o-transform: translasteX(-100%); transform: translasteX(-100%); } } @keyframes side-close { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translasteX(-100%); -moz-transform: translasteX(-100%); -o-transform: translasteX(-100%); transform: translasteX(-100%); } } .m_renew .btns { text-align: center; font-size: 0; } .m_renew .btns button, .m_renew .btns a { display: inline-block; } .m_renew .two_btns button, .m_renew .two_btns a { width: 49%; padding: 15px 0; font-size: 15px; box-sizing: border-box; } .m_renew .two_btns button:first-child, .m_renew .two_btns a:first-child { margin-right: 2%; } .m_renew .btn_gray { background: #4d5462; border: 1px solid #4d5462; box-sizing: border-box; color: #fff; } .m_renew .btn_b_gray { background: #fff; border: 1px solid #4d5462; box-sizing: border-box; color: #333; } #footer { padding: 19px 25px 60px; background: #f4f4f4; font-size: 12px; color: #666; } #footer address { font-style: normal; } #footer .btn_list li { display: inline-block; position: relative; } #footer .btn_list li:first-child a { padding-left: 0; } #footer .btn_list li:first-child a:before { display: none; } #footer .btn_list li a { display: block; padding: 6px 12px; color: #111; } #footer .btn_list li a:before { position: absolute; top: 8px; left: -2px; width: 1px; height: 10px; background: #b2b2b2; content: ''; } #footer .chat_info2 { font-size: 12px; } #footer .chat_info2 li.txt { line-height: 19px; font-weight: bold; color: #000; } #footer .chat_info2 li.tel { margin: 8px 0; color: #666; } #footer .chat_info2 li.tel a { color: #666; } #footer .chat_info2 li .btn_live_chat { padding: 5px 6px; border-radius: 2px; background: #e90000; color: #fff; text-align: center; font-size: 12px; } #footer .copr_info { margin-top: 20px; } #footer .copr_info li { display: inline-block; margin-right: 3px; } #footer .copr_info li a { display: block; padding: 4px 6px; border-radius: 2px; background: #9e9e9e; text-align: center; color: #fff; } #footer .copr_info li b { text-decoration:underline; } #footer .copr_info li a.btn_bulkbuying, #footer .copr_info li a.btn_dark { background: #767676; } #footer .wrap_info { position: relative; } #footer .wrap_info .appstory_logo { display: block; position: absolute; top: 21px; width: 31px; height: 30px; z-index: 2; text-indent: -9999px; } #footer .wrap_info .btn_info { display: inline-block; padding: 7px 0 0 40px; position: relative; left: 0; margin: 13px 0; font-size: 12px; color: #666; } #footer .wrap_info .btn_info:before { position: absolute; top: 0; left: 0; width: 31px; height: 30px; background-image: url(https://img.appstory.co.kr/m.c.appstory.co.kr/renew_v3/sp_common.png?v=19&CDN=1); background-position: -95px -167px; background-size: 300px; content: ''; } #footer .wrap_info .btn_info i { display: inline-block; width: 10px; height: 6px; margin-left: 6px; background-image: url(https://img.appstory.co.kr/m.c.appstory.co.kr/renew_v3/sp_common.png?v=19&CDN=1); background-position: -190px -26px; background-size: 300px; } #footer .wrap_info .btn_info.open { padding: 7px; left: -6px; } #footer .wrap_info .btn_info.open i { background-image: url(https://img.appstory.co.kr/m.c.appstory.co.kr/renew_v3/sp_common.png?v=19&CDN=1); background-position: -175px -26px; background-size: 300px; } #footer .wrap_info .btn_info.open:before { display: none; } #footer .wrap_info .btn_info.open + .addr_info { padding-left: 0; } #footer .wrap_info .addr_info { display: none; padding-left: 40px; } #footer .wrap_info .copr_info2 { margin-bottom: 0; } #footer .copr_info2 { overflow: hidden; margin-bottom: 13px; } #footer .copr_info2 li { line-height: 20px; } #footer .copr_info2 li.info_tel { padding-left: 40px; } #footer .copr_info2 li.info_tel.open { padding-left: 0; } #footer .copr_info2 li a { color: #666; } #footer .copy { margin-top: 15px; font-size: 11px; } .table_l { display:table; width:100%; } .table_c { display:table-cell; vertical-align:middle; } .tel_box {table-layout:fixed;} .tel_box .table_c { padding-right:8px; } .tel_box .table_c:last-of-type { width:60px; padding-right:0; } .email_box { table-layout:fixed; } .email_box .table_c:first-child {padding-right:4px;} .email_box .table_c:last-child {padding-left:4px;} .email_box.first_row {margin-bottom:8px;} .email_box.first_row .table_c {padding:0 !important;} .email_box.first_row .table_c:last-child { width:25px; text-align:center; } .refund_box {margin-bottom:15px;} .refund_box .refund_row {margin-bottom:8px;} .addr_box .addr_row {margin-bottom:8px;} .addr_box .table_l {table-layout:fixed;} .addr_box .table_c:first-child {width:68px;} .mymodi_container {font-size:13px;} .mymodi_container .top_tit { padding: 25px 15px 10px; border-bottom:2px solid #333; } .mymodi_container .top_tit h3 { margin-bottom: 13px; } .mymodi_container .top_tit h3 i { display: inline-block; vertical-align: top; width: 16px; height: 16px; margin-right: 5px; background: url(https://img.appstory.co.kr/m.appstory.co.kr/appstory_m_sprite.png?v=15) -102px -336px; background-size: 250px; } .mymodi_container .top_tit p { line-height:19px; color:#555; } .modify_table { width:100%; margin-bottom:12px; border-top:1px solid #ddd; } .modify_table:first-of-type {border-top:none;} .modify_table th, .modify_table td { border-bottom:1px solid #ddd; } .modify_table th { width:75px; padding-left:15px; border-right:1px solid #ddd; background:#f7f7f7; color:#333; text-align:left; } .modify_table td { padding:10px 20px; font-size:12px; color:#555; } .modify_table input[type=text], .modify_table input[type=password] { width:100%; height:44px; padding:14px 10px; border:1px solid #acacac; box-sizing:border-box; font-size:12px; color:#555; -webkit-appearance: none; -webkit-border-radius: 0; } .modify_table input::-webkit-input-placeholder {color:#a9a9a9;} .modify_table input:-ms-input-placeholder {color:#a9a9a9;} .modify_table input:-mos-input-placeholder {color:#a9a9a9;} .modify_table input[type=text].read_only { border:none; padding:5px 0; height:auto; } .mymodi_container select { -webkit-appearance: none; -webkit-border-radius: 0; width: 100%; height: 44px; padding: 14px 10px; border: 1px solid #acacac; box-sizing: border-box; background: #fff url(https://img.appstory.co.kr/m.c.appstory.co.kr/renew_v3/bg_form_select.jpg) right center no-repeat; background-size: 25px; color: #111; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .modify_table .right_btn_area {table-layout:fixed;} .modify_table .right_btn_area .left_area {padding-right:8px;} .modify_table .right_btn_area .table_c:last-child {width:60px;} .modify_table .msg { display:block; position:relative; padding-left:8px; line-height:17px; margin-top:8px; } .modify_table .msg.no_mg {margin-top:0;} .modify_table .msg:before { position:absolute; top:2px; left:0; content:'*'; } .modify_table .column_desc { position:relative; padding-right:70px; } .modify_table .column_desc .left_area { line-height:15px; padding-right:10px; } .modify_table button { width:60px; height:44px; border:1px solid #7b7b7b; font-size:12px; color:#555; } .modify_table .column_desc button {float:right;} .modify_table .btn_refund_acct {width:82px;} .modify_table .txt_complete { margin:8px 0; color:#456fe1; } .modify_table .txt_complete i { display: inline-block; vertical-align: top; position:relative; top:2px; width: 13px; height: 10px; margin-right: 5px; background-image: url(https://img.appstory.co.kr/m.appstory.co.kr/m/ico_acc_complete.png?v=1&CDN=1); background-size:cover; } .agree_txt { padding:0 15px; margin-bottom:12px; } .agree_txt .agree_area { display:inline-block; margin:0; } .bottom_btn { padding:0 15px; margin-top:30px; } .bottom_btn .btn_full { display: block; width: 100%; padding: 14px 0; box-sizing: border-box; background: #fff; font-size: 15px; text-align: center; background: #e90000; border: 1px solid #e90000; color: #fff; -webkit-appearance: none; -webkit-border-radius: 0; font-weight:normal; } .mymodi_leave_container { font-size:13px; color:#555; } .mymodi_leave_container .top_tit { padding:25px 15px 20px; border-bottom:1px solid #ddd; } .mymodi_leave_container .wrap_drop { padding:20px 15px 30px; border-bottom:1px solid #ddd; } .mymodi_leave_container .wrap_drop h3 { margin-bottom:15px; color:#333; } .mymodi_leave_container .wrap_drop textarea { width:100%; height:80px; padding:13px; font-size:12px; box-sizing:border-box; border:1px solid #ddd; resize:none; -webkit-appearance: none; -webkit-border-radius: 0; } .mymodi_leave_container textarea::-webkit-input-placeholder {color:#a9a9a9;} .mymodi_leave_container textarea:-ms-input-placeholder {color:#a9a9a9;} .mymodi_leave_container textarea:-mos-input-placeholder {color:#a9a9a9;} .mymodi_leave_container .info_box { padding:20px; margin-top:30px; border:3px solid #ececec; box-sizing:border-box; } .mymodi_leave_container .info_box .box_tit { margin-bottom: 10px; color: #e90000; } .mymodi_leave_container .info_box .box_tit .ico_info { display: inline-block; vertical-align: middle; position:relative; top:-1px; width: 15px; height: 15px; margin-right: 5px; background-image: url(https://img.appstory.co.kr/m.c.appstory.co.kr/renew_v3/sp_common.png?v=19&CDN=1); background-position: -148px -64px; background-size: 300px; text-indent: -9999px; } .mymodi_leave_container .bottom_area { padding:10px 15px 0; } .mymodi_leave_container .bottom_area .label_agree { display:block; position:relative; line-height:25px; margin-bottom:35px; } .mymodi_leave_container .bottom_area .label_agree input[type=checkbox] { position: relative; opacity: 0; width: 25px; height: 25px; vertical-align: top; margin-right:10px; -webkit-appearance: none; -webkit-border-radius: 0; } .mymodi_leave_container .bottom_area .label_agree input[type=checkbox] + .chk_btn { position: absolute; top: 0; left: 0; width: 25px; height: 25px; background-image: url(https://img.appstory.co.kr/m.c.appstory.co.kr/renew_v3/sp_common.png?v=19&CDN=1); background-position: -158px -90px; background-size: 300px; } .mymodi_leave_container .bottom_area .label_agree input[type=checkbox]:checked + .chk_btn { background-image: url(https://img.appstory.co.kr/m.c.appstory.co.kr/renew_v3/sp_common.png?v=19&CDN=1); background-position: -128px -90px; background-size: 300px; } .mymodi_leave_container .bottom_area .btn_leave { width: 100%; height: 65px; line-height: 65px; background: #4d5462; color: #fff; font-weight: bold; font-size: 18px; -webkit-appearance: none; -webkit-border-radius: 0; } .dot_list li { position:relative; line-height:20px; padding-left:8px; color:#666; } .dot_list li:before { position:absolute; top:9px; left:0; width:2px; height:2px; border-radius:50%; background:#666; content:""; } .dot_list li.red {color:#e90000;} .dot_list li.red:before {background:#e90000!important;} .floated_mnu { position:fixed; z-index:90; bottom:60px; right:10px; } .floated_mnu ul li button{ width:63px; height:64px; } .floated_mnu ul li button i{ display:block; text-indent:-9999px; } .floated_mnu ul li button.btn_top { background-image:url(https://img.appstory.co.kr/m.appstory.co.kr/m/appstory_m_sprite.png?v=1&CDN=1); background-position:-179px -256px; background-size:250px; }