@charset "utf-8";

/*css reset*/
html,body,section,header,article,footer,nav,div,input,ul,ol,li,span,em,q,i,p,h1,h2,h3,h4,h5,h6,a,button,span,table,tr,td,tbody,fieldset,form,textarea{margin:0;padding:0}
fieldset,img{border:0 none}
button{cursor:pointer;font-family:Arial, '맑은 고딕';}
/* legend,caption{display:none;text-indent:-9999px} */
table{border-spacing:0; width:100%; }
tr:nth-child(even) {background:#f6f7f8; }
tr:nth-child(odd) {background:#fff; }
hr{display:none}
ol,ul{list-style-type:none}
em,i{font-style:normal}
a {color:#666; }
a:visited, a:link {text-decoration:none; }
a:hover, a:active {text-decoration:underline; }
body {color:#484848; font-family:Verdana,sans-serif; font-size:12px; line-height:1.4; }
html {overflow-x:auto;}
header {background: /* url("../images/homeper/bi.png") */ no-repeat scroll 10px 7px rgba(0, 0, 0, 0); color: #393939; padding: 5px 20px;}
header .header {width:100%; margin:0 0 10px 0;}
header .header:after {content:""; display:block; clear:both;}
header .logo {float:left; width:200px;}
header .logo img {width:100%;}
header h1 {float:left; display:inline-block; margin:20px 0 0 20px; white-space: nowrap;}
input, select {margin-bottom:1px; margin-top:1px; vertical-align:middle; }
label {width:220px; display:inline-block; vertical-align:middle; }
button, input[type="submit"] {-moz-border-bottom-colors:none; -moz-border-left-colors:none; -moz-border-right-colors:none; -moz-border-top-colors:none; -moz-user-select:none; background-color:#eaeaea;background-image:linear-gradient(#fafafa, #eaeaea); background-repeat:repeat-x; border-color:#ddd #ddd #c4c4c4; border-image:none; border-radius:3px; border-style:solid; border-width:1px; box-shadow:0 1px 3px rgba(0, 0, 0, 0.05); color:#333; cursor:pointer; display:inline-block; padding:5px 11px; position:relative; text-shadow:0 1px 0 rgba(255, 255, 255, 0.9); vertical-align:middle; white-space:nowrap; }
button[disabled] {color:#c4c4c4; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); }

div div.top {margin-left:10px; -moz-border-bottom-colors:none; -moz-border-left-colors: none; -moz-border-right-colors:none; -moz-border-top-colors: none; background:-moz-linear-gradient(center top , #fafafa, #eaeaea) repeat scroll 0 0 rgba(0, 0, 0, 0);border-color:#eaeaea #eaeaea #cacaca; border-image:none; border-radius:5px; border-style:solid; border-width:1px; left:0; margin-right:10px; position:relative; width:auto; min-width:1200px; }
div div.top ul {background-color:transparent !important; margin-top:0; padding-left:0; display: none;}
div div.top ul:before, .top ul:after {content:""; display:table; line-height:0; }
div div.top ul:after {clear:both; }
div div.top ul.active {display: block;}
div div.top ul li {margin:0; padding:0; }
div div.top ul li a {background-color:transparent !important; border-bottom:2px solid #dadada; color:#333; display:block; float:left; font-weight:bold; height:20px; line-height:20px;padding:10px 12px; text-decoration:none; text-shadow:0 1px 0 white; }
div div.top ul li a.selected {background-color:#ebebeb; background-image:linear-gradient(#fcfcfc, #ebebeb); background-repeat:repeat-x; border-bottom:2px solid #d26911 !important; color:#000; }
div div.top ul li a.selected:hover {color:#000; }
div div.top ul li a:hover {background-color:#dce6ef; background-image:linear-gradient(#fafbfd, #dce6ef); background-repeat:repeat-x; border-bottom:2px solid #cfdce8; color:#4183c4; text-decoration:underline; }

div div.tap ul li {display: inline-block;}
div div.tap ul li:not(:first-child) {margin-left: -10px;}
div div.tap ul li a{line-height: 14px;font-size: 17px;font-weight: bold;width: 130px;display: block;border: 1px solid #ddd;position: relative;left: 10px;padding: 10px;border-top-left-radius: 8px;border-top-right-radius: 34px;border-bottom: none;background-color: #fff;z-index: 1;height: 14px;}
div div.tap ul li a:hover {background-color:#eff5f8;}
div div.tap ul li a.selected{background-color: #f6f7f8;z-index: 2;}

div div.top_menu {background-color: #f3f3f3; background-image:linear-gradient(#f9f9f9, #f3f3f3); background-repeat:repeat-x; border-bottom:1px solid #e5e5e5; font: 13px Helvetica,arial,freesans,clean,sans-serif;padding: 10px 20px 5px 20px; text-shadow: 0 1px 0 white; text-align:right;width:auto; min-width:1180px; }
div div.top_menu ul li a.login, html body div div.top_menu ul li a.logout {color:#333; font-weight:bold; margin-right:8px; padding:5px; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5); }

div div.bottom {width:100%; height:100px; background-color:#fff;}
div div.contents {padding:10px; background-color:#fff;}

div div.contents div#login.content {background:inherit; border:0 none; box-shadow:none; }
div div.contents div#login.content div#login-form {width:400px; border:1px solid #ddd; border-radius:8px; box-shadow:0 0 3px #cccccc; padding:3em; margin-left:auto; margin-right:auto; margin-top:5em; background:#f0f0f0;}
div div.contents div#login.content div#login-form .logo {width:250px; margin:0 auto;}
div div.contents div#login.content div#login-form .logo img {width:100%;}
div div.contents div#login.content div#login-form h2 {display:inline-block; border-left:3px solid #003a18; margin:3em 0 1em 0; padding:0 0 0.05em 1em;}
div div.contents div#login.content div#login-form table {margin:0 auto 20px auto; }
div div.contents div#login.content div#login-form table tbody tr {height:45px; background:#f0f0f0;}
div div.contents div#login.content div#login-form table tbody th {width:100px; font-size:14px; font-weight:bold;}
div div.contents div#login.content div#login-form table tbody td {width:300px; text-align:right;}
div div.contents div#login.content div#login-form table tbody td input {height:30px; padding:0;}
div div.contents div#login.content div#login-form label {font-weight:bold; }
div div.contents div#login.content div#login-form .btn {margin:0 auto;}
div div.contents div#login.content div#login-form .btn button {width:400px; padding:10px; background:#66b22e; border:none; border-radius:2px; color:#fff; font-weigh:bold;}
div div.contents div#login.content div#login-form input#nickname, #login-form input#password {width:300px; background-color:#fff; }

div div.contents div.content {width:auto;min-width:1180px; padding:6px 10px 10px; z-index:0; background:none repeat scroll 0 0 #fff; border:1px solid #ddd; border-radius:4px; box-shadow:0 3px 5px rgba(0, 0, 0, 0.05); }
div div.contents div.content div.loading {position:fixed;left:40%;top:50%;width:100px;height:75px;margin: -14px 0 0 -17px;overflow:hidden; background:url('../images/qkKy8.gif') no-repeat;z-index:400}
div div.contents div.content > h2, div.content_modal > h2 {background:none repeat scroll 0 0 #e6f1f6; border-bottom:1px solid #d8e6ec; border-top-left-radius:2px; border-top-right-radius:2px; margin:-6px -10px 10px; padding:8px 20px; text-shadow:0 1px white; }
div div.contents div.content div.list_right {float:right; margin-top:-30px; padding-right:10px;}
div div.contents div.content div.list_right label#list_count {text-align:right;}
div div.contents div.content div.list_01_01 div.tab_container div#tab1.tab_content div.list_01_01 form#frm label + .loading {left: 50%;top: 50%;display: none;}
div div.contents div.content div.list_01_01 table.table_01 tr.lt {text-align:left;}
div div.contents div.content div.list_01_01 table.table_01 tr.ct {text-align:center;}
div div.contents div.content div.list_01_01 table.table_01 tr.rt {text-align:right;}
div div.contents div.content div.list_01_01 table.table_01 tr.subtotal {border-top: 3px double #ddd; font-weight: bolder;}
div div.contents div.content div.list_01_01 table.table_01 tbody tr:hover {background-color:#eff5f8;}
div div.contents div.content div.list_01_01 table.table_01 tbody tr.cursor:hover {cursor:pointer}
div div.contents div.content div.list_01_01 table.table_01 th {background-color:#eee; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:10px; color:#4183C4; }
div div.contents div.content div.list_01_01 table.table_01 th.lt {text-align:left;}
div div.contents div.content div.list_01_01 table.table_01 th.ct {text-align:center;}
div div.contents div.content div.list_01_01 table.table_01 th.rt {text-align:right;}
div div.contents div.content div.list_01_01 table.table_01 td {border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:10px; color:#000; }
div div.contents div.content div.list_01_01 table.table_01 td.lt {text-align:left;}
div div.contents div.content div.list_01_01 table.table_01 td.lt.text textarea {padding: 4px;width: 100%;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 80px;}
div div.contents div.content div.list_01_01 table.table_01 td.ct {text-align:center;}
div div.contents div.content div.list_01_01 table.table_01 td.rt {text-align:right;}
div div.contents div.content div.list_01_01 table.table_01 td.rpd20 {padding-right:20px;}
div div.contents div.content div.list_01_01 table.table_01 td input.txt_01 {width:100%;}

div div.contents div.content div.list_01 table.table_01 tr.lt {text-align:left;}
div div.contents div.content div.list_01 table.table_01 tr.ct {text-align:center;}
div div.contents div.content div.list_01 table.table_01 tr.rt {text-align:right;}
div div.contents div.content div.list_01 table.table_01 th {background-color:#eee; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:10px; color:#4183C4; }
div div.contents div.content div.list_01 table.table_01 th.lt {text-align:left;}
div div.contents div.content div.list_01 table.table_01 th.ct {text-align:center;}
div div.contents div.content div.list_01 table.table_01 th.rt {text-align:right;}
div div.contents div.content div.list_01 table.table_01 td {border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:10px; color:#000; }
div div.contents div.content div.list_01 table.table_01 td.lt {text-align:left;}
div div.contents div.content div.list_01 table.table_01 td.lt.text textarea {padding: 4px;width: 100%;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 80px;}
div div.contents div.content div.list_01 table.table_01 td.lt input#url {box-sizing:border-box;width: 80%;height: 30px;}
div div.contents div.content div.list_01 table.table_01 td.lt input#title {box-sizing:border-box;width: 100%;height: 30px;}
div div.contents div.content div.list_01 table.table_01 td.ct {text-align:center;}
div div.contents div.content div.list_01 table.table_01 td.rt {text-align:right;}
div div.contents div.content div.list_01 table.table_01 td.lt label[for="pdfUpload"] {width: auto;}

div div.contents div.content div.list_01 table.table_01 td.mw input { width:99%; }
div div.contents div.content div.list_01 table.table_01 td.lt .radio_wrapper label { display:inline-block; margin:0; padding-left:10px; width:20%; }
div div.contents div.content div.list_01 table.table_01 td.lt span#recommend { margin-left:10px; color:#CC0000; }

div div.contents div.content div.box_01 form#frm div.selectbox {display: block;padding-bottom: 4px;}

div div.contents div.content.detail {margin-right: 300px; min-width:905px; }
div div.contents div.content.detail form#frm, div div.contents div.content div.box_01 form#frm {padding:10px 5px 10px; }

div div.contents div.content.detail form#frm div.list_01 table.table_01 tbody tr.ct td.lt input#display_order, div div.contents div.content.detail form#imagePickup div.list_01 div.write_form fieldset.text_div div input#display_order {width:150px; }
div div.contents div.content.detail form div.list_01 div#fileUploadPreview.contents_preview div.thumb_img ul#uploadList.clearfix li#imageList {padding-top: 10px;padding-bottom: 10px;text-align: center;}

div div.contents div.content.detail form div.list_01 textarea.content_text { width:100%; padding:4px; box-sizing: border-box; resize:vertical; min-height:30px; }
div div.contents div.content.detail form div.list_01 textarea#introduction.content_text {height: 120px;}
div div.contents div.content.detail form div.list_01 textarea#src_memo.content_text {height: 80px;}
div div.contents div.content.detail form div.list_01 div.write_form fieldset.text_div {width: 100%;}
div div.contents div.content.detail form div.list_01 div.write_form fieldset.text_div div {margin: 4px 0;}
div div.contents div.content.detail form div.list_01 div.write_form fieldset.text_div label, div div.contents div.content.detail form div.list_01 div.write_form fieldset.text_div input {display: inline-block;}
div div.contents div.content.detail form div.list_01 div.write_form fieldset.text_div label {width: 80px;}
div div.contents div.content.detail form div.list_01 div.write_form fieldset.text_div input#title {box-sizing:border-box;width: 100%;height: 30px;}
div div.contents div.content.detail form div.list_01 div.write_form fieldset.text_div div.notice{margin-bottom: 5.5px;}
div div.contents div.content.detail form div.list_01 div.write_form fieldset.text_div div.notice label{margin-top: 4px;}
div div.contents div.content.detail form div.list_01 div.write_form fieldset.text_div div.notice div.input-append.date {display: inline;}
div div.contents div.content.detail form div.list_01 div.write_form fieldset.text_div div.notice div.input-append.date input { width: 179px;}

div div.contents div.content.detail form div.list_01 div.write_form {margin-top:5px;}
div div.contents div.content.detail form div.list_01 div.write_form fieldset.text_div div.txar{display: table;  width: 100%;}
div div.contents div.content.detail form div.list_01 div.write_form fieldset.text_div div.txar label{display: table-cell; padding-right: 4px;}
div div.contents div.content.detail form div.list_01 div.write_form fieldset.text_div div.txar textarea{display: table-cell; box-sizing:border-box;}
div div.contents div.content.detail form div.list_01 div.write_form fieldset.text_div div.txar textarea#content{height: 200px;}
div div.contents div.content.detail form div.list_01 div.write_form div.text_input input {margin-bottom: 5px; width: 100%; box-sizing:border-box;height:30px;}
div div.contents div.content.detail form div.list_01 div.write_form div.text_input textarea.content_text{margin-bottom: 5px;}


/* DroneApp */
div div.contents div.content.detail form#frm div.list_01.map { display: inline-block; }
div div.contents div.content.detail form#frm div.list_01 div.map_form { width: 50%; float: left; }
div div.contents div.content.detail form#frm div.list_01 div.map_form input { width: 207px; }
div div.contents div.content.detail form#frm div.list_01 div.map_form label { display: inline-block; width: 140px; }
div div.contents div.content.detail form#frm div.list_01 div.map_form textarea { width: 208px; height: 100px; padding: 4px 6px; }
div div.contents div.content.detail form#frm div.list_01 div.map_form fieldset.text_div div { margin-bottom: 7px; display: block; }
div div.contents div.content.detail form#frm div.list_01 div.map_form fieldset.text_div div label[for="way_point"] { vertical-align: top; }
div div.contents div.content.detail form#frm div.list_01 div.map_form fieldset.text_div div label[for="way_point"] + div { display: inline-block; margin-bottom: 0px; }
div div.contents div.content.detail form#frm div.list_01 div.map_form fieldset.text_div div.way_point span { display: block; }
div div.contents div.content.detail form#frm div.list_01 div.map_form fieldset.text_div div.way_point span label { width: 27px; margin-left: 5px; }
div div.contents div.content.detail form#frm div.list_01 div.map_form fieldset.text_div div.way_point span input { width: 170px; }
div div.contents div.content.detail form#frm div.list_01 div.map_form fieldset.text_div div.way_point span:first-child input { margin-bottom: 5px; }
div div.contents div.content.detail form#frm div.list_01 div.map_form fieldset.text_div div div.input-append.date { display: inline; }

div div.contents div.content.detail form#frm div.list_01 div.map_form h3 { margin-bottom: 11px; }
div div.contents div.content.detail form#frm div.list_01 div.map_form fieldset.tracks { display: table; padding: 10px; border: 1px solid #ddd; border-radius: 4px; }
div div.contents div.content.detail form#frm div.list_01 div.map_form fieldset.tracks div { display: table-row; }
div div.contents div.content.detail form#frm div.list_01 div.map_form fieldset.tracks > div:first-child > span { padding-bottom: 0; }
div div.contents div.content.detail form#frm div.list_01 div.map_form fieldset.tracks div > span { display: table-cell; width: 50%; padding: 0px 4px 7px 4px; }
div div.contents div.content.detail form#frm div.list_01 div.map_form fieldset.tracks div > span label { display: block; width: 100%; }
div div.contents div.content.detail form#frm div.list_01 div.map_form fieldset.tracks div > span input { display: block; width: 100%; height: 40px; box-sizing: border-box; }
div div.contents div.content.detail form#frm div.list_01 div.map_form fieldset.tracks div > div.btn_area { width: 30px; }
div div.contents div.content.detail form#frm div.list_01 div.map_form fieldset.tracks div button { width: 25px; height: 25px; padding: 0; font-size: 20px; }
div div.contents div.content.detail form#frm div.list_01 div.map_form fieldset.tracks div button.remove { font-size: 12px; font-weight: bold; }

div div.contents div.content div.box_01 form#frm div.selectbox div#kp_date_picker { display: inline; margin-right: 5px; }
div div.contents div.content div.box_01 form#frm div.selectbox div#kp_date_picker input#kp_date { width: 180px; }
div div.contents div.content div.list_01_01 table.table_01 tbody tr.ct.rows td.kp_date { white-space: nowrap; }
div div.contents div.content div.list_01_01 table.table_01 tbody tr.ct.rows td.kp_date input { width: 80px; }
div div.contents div.content div.list_01_01 table.table_01 tbody tr.ct.rows td.regist_date input { width: 140px; }
div div.contents div.content div.list_01_01 table.table_01 tbody tr.ct.rows td input[type="checkbox"], div div.contents div.content div.list_01_01 table.table_01 thead tr.ct th input[type="checkbox"] { width: 25px; height: 25px; margin: 0; }
div div.contents div.content div.list_01_01 table.table_01 tbody tr.ct.rows td input[type="number"] { width: 100%; height: 30px; box-sizing: border-box; }
div div.contents div.content div.list_01_01 table.table_01 tbody tr.ct.rows td:last-child { width: 72px; }
div div.contents div.content div.list_01_01 table.table_01 tbody tr.ct.rows td button {height: 30px;  width: 30px;  padding: 0;  font-size: 20px;}
div div.contents div.content div.list_01_01 table.table_01 tbody tr.ct.rows td button.btn_delete { background: url("../images/omydrone/icon_delete.png") no-repeat 8px rgba(0, 0, 0, 0); background-size: 13px;}
div div.contents div.content div.list_01_01 table.table_01 tbody tr.ct.rows td button.btn_edit { background: url("../images/omydrone/icon-sprite@2x.png") no-repeat scroll -6px -186px rgba(0, 0, 0, 0); background-size: 40px; }
div div.contents div.content div.list_01_01 table.table_01 tbody tr.ct.rows td button.btn_save { background: url("../images/linqle_icon_20121203_1.png") no-repeat scroll -472px -222px rgba(0, 0, 0, 0); background-size: 500px; }
div div.contents div.content div.list_01_01 table.table_01 tbody tr.ct.rows td button.btn_cancel { font-size: 14px; }

div div.contents div.content div.list_01_01 table.table_01 tbody tr.ct.rows td.etc1 > span { display: inline-block; width: 60px; }
div div.contents div.content div.list_01_01 table.table_01 tbody tr.ct.rows td.etc1 > i { display: inline-block; width: 100px; font-family: monospace; font-size: 14px; }

div div.contents div.content div.list_01_01 div.tab_container div#tab1.tab_content div.list_01_01 form input[type="checkbox"]{height: 16px;width: 16px;}
div div.contents div.content div.list_01_01 div.tab_container div#tab1.tab_content div.list_01_01 form label{height: 30px;line-height: 26px;width: auto;}

div div.contents div.content.detail form div.list_01 div#fileUploadPreview.contents_preview div.thumb_img ul#uploadList.clearfix {margin-right: 10px;}
div div.contents div.content.detail form div.list_01 div#fileUploadPreview.contents_preview div.thumb_img ul#uploadList.clearfix li#voiceList {width: 100%;height: 35px;margin-bottom: 6px;background-color: #221202;border: 3px solid #ffb96c;border-radius:4px;font-weight: bold;}
div div.contents div.content.detail form div.list_01 div#fileUploadPreview.contents_preview div.thumb_img ul#uploadList.clearfix li div.preview_background{ width: 245px; height: 95px; overflow: hidden;}
div div.contents div.content.detail form div.list_01 div.pdf_upload label{ width: 200px; position: relative; top: -46px; left: 90px; }

div div.contents div.content.detail form > div.btn_area
, div div.contents div.content.detail form > div > div.btn_area_left
, div div.contents div.content.detail form > div > div.btn_area_right { margin-top: 10px; }
div div.contents div.content.detail form > div.btn_area { width:100%; text-align:right; }
div div.contents div.content.detail form > div.btn_area input + label
, div div.contents div.content.detail form > div > div.btn_area_right input + label {display: inline;  padding: 5px}
div div.contents div.content.detail form > div > div.btn_area_left { display:inline-block; width:70%; text-align:left; }
div div.contents div.content.detail form > div > div.btn_area_right { float:right; width:30%; text-align:right; }


#imageList{display: block;text-align: center;margin-bottom: 4px;float: left;margin-right: 10px;}
ul#uploadList.clearfix2 li#imageList{float: none;margin-left: auto;margin-right: auto;}
#imageList.cover{padding: 10px;margin-top: -39px;}
#imageList.cover.update{padding:0px;margin-top: 0px;}
.success {position:absolute;width:25px;height:25px;background:url('../images/piiple_icon.png') no-repeat -392px -314px;display:none;z-index:3;margin-left: 18px;margin-top: 5px; }
.src_thumb_img{width: 100%;text-align: right;margin-left: -5px;}
#src_thumb_img{width: auto;height: auto;max-width: 200px;max-height: 200px;}
#srcImageList{margin-top: -147px; margin-bottom: 4px;}
#upload_src_img{height: 108px;}
.upload_img{display: block;margin-left: auto;margin-right: auto;margin-top: 7px;}
#upload_img{width: auto;max-width: 1300px;}
.remaining{text-align: right;}
.file_up_mobile{float: left;}
.file_upload, .pdf_upload, .audio_upload, .src_image_upload{position: relative;width:80px;height: 30px; }
.file_upload.kwave, .pdf_upload.kwave{margin: auto; }
.file_upload.image{display: inline-table;top: 29px;margin: -30px 0px 14px;}
.file_input_text{float: left; width: 80px; height:30px; text-align: center;margin-bottom: 4px;background-color: #eaeaea;background-image: linear-gradient(#fafafa, #eaeaea);background-repeat: repeat-x;border-color: #ddd #ddd #c4c4c4;border-image: none;border-radius: 3px;border-style: solid;border-width: 1px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);color: #333;cursor: pointer;font-family: Arial,"맑은 고딕";font-weight: bold;}
.on .file_input_text{font-weight: normal; }
input[type="file"].file_input_hidden{width:80px; height: 30px; border: solid 1px;margin-top: -57px;opacity:0;}
.delete{position:absolute;width:35px;height:29px;background:url('/images/piiple_icon.png') no-repeat -347px -400px;display:none;z-index:2;text-align: right;margin-left: -35px;right: 325px;}
.cut_image_check{position: relative;display: none;}
.preview{width: 180px;height: 320px;overflow: hidden;}
.preview.r43{width: 320px;height: 240px;}
.preview.r169{width: 320px;height: 180px;}
.preview.cover{width: 210px;height: 280px;}
figure {display: inline-block;margin : 0px;}
figure img {vertical-align: top;}
figure figcaption {text-align: center;}
.datetimepicker_left{float: left;margin-right: 4px;}
.radio_label {width: 70px;margin-left: 4px;}
input[name="choice_count"] {margin-left: 10px;}
td.lt.url {padding-right: 24px;}
input#url {width: 100%;box-sizing: border-box;height: auto;}
table.fixed_table { table-layout:fixed; }
.margin_top10 { margin-top: 10px; }

/* File Upload */
/*div div.contents div.content.detail form div.list_01 div.write_form div.file_input, div div.contents div.content.detail form div.list_01 table.table_01 tbody tr.ct td.lt div.file_input { border: 1px solid #ccc; border-radius: 3px; padding: 7px; margin-bottom: 5px; line-height: 26px;}*/
div div.contents div.content.detail form div.list_01 div.write_form div.file_input figure a,
div div.contents div.content.detail form div.list_01 table.table_01 tbody tr.ct td.lt div.file_input figure a { position: relative; margin-top: 4px; overflow: hidden; width: 100px; height: 100px; float: left; border: 1px dotted #ddd; margin-right: 5px; }
div div.contents div.content.detail form div.list_01 div.write_form div.file_input figure a img,
div div.contents div.content.detail form div.list_01 table.table_01 tbody tr.ct td.lt div.file_input a img { width: 100%; }
div div.contents div.content.detail form div.list_01 div.write_form div.file_input figure a i,
div div.contents div.content.detail form div.list_01 table.table_01 tbody tr.ct td.lt div.file_input figure a i { position: absolute; right: 5px; font-size: 14px; font-weight: bold; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; cursor: pointer;}
div div.contents div.content.detail form div.list_01 div.write_form div.file_input div.upload_form, div div.contents div.content.detail form div.list_01 table.table_01 tbody tr.ct td.lt div.file_input div.upload_form { display: inline-flex; margin-bottom: 10px; }
div div.contents div.content.detail form div.list_01 div.write_form div.file_input div.upload_form label,
div div.contents div.content.detail form div.list_01 table.table_01 tbody tr.ct td.lt div.file_input div.upload_form label { width: 60px; }
div div.contents div.content.detail form div.list_01 div.write_form div.file_input div.upload_form input
, div div.contents div.content.detail form div.list_01 table.table_01 tbody tr.ct td.lt div.file_input div.upload_form input { width: 100%; line-height: 24px; height: 24px; }
div div.contents div.content.detail form div.list_01 div.write_form div.file_input ul#document_list li, div div.contents div.content.detail form div.list_01 table.table_01 tbody tr.ct td.lt div.file_input ul#document_list li { border: 1px outset #ccc; border-radius: 3px; padding: 3px; margin-top: 4px; width: 800px; font-size: 12px; }
div div.contents div.content.detail form div.list_01 div.write_form div.file_input ul#document_list li a, div div.contents div.content.detail form div.list_01 table.table_01 tbody tr.ct td.lt div.file_input ul#document_list li a { cursor: pointer; }
div div.contents div.content.detail form div.list_01 div.write_form div.file_input ul#document_list li i, div div.contents div.content.detail form div.list_01 table.table_01 tbody tr.ct td.lt div.file_input ul#document_list li i { float: right; margin-right: 3px; cursor: pointer; }

div div.contents div.content.detail form div.list_01 table.table_01 tbody tr.ct td.lt div.file_input { margin-top: 5px; }
div div.contents div.content.detail form div.list_01 table.table_01 tbody tr.ct td.lt div.file_input figure#image_list { display:block; }

/* regist-fanfeed.phtml */
div div.contents div.content.detail form#imagePickup div.list_01 div.close_form {clear: both;margin-bottom: -32px;}
div div.contents div.content.detail form#imagePickup div.list_01 div.close_form label {display: inline;  padding: 5px 13px;}
div div.contents div.content.detail form#imagePickup div.list_01 div.close_form div#datetimepicker_close {display: none;}

/* regist-video.phtml */
div div.contents div.content.detail form#imagePickup div.list_01 div#contentPreview.contents_preview { padding-top: 5px; }
div div.contents div.content.detail form#imagePickup div.list_01 div#contentPreview.contents_preview > div { display: table-row; box-sizing:border-box;}
div div.contents div.content.detail form#imagePickup div.list_01 div#contentPreview.contents_preview div a.media_thumb { width:108px; }
div div.contents div.content.detail form#imagePickup div.list_01 div#contentPreview.contents_preview div a.media_thumb img { position: relative; }
div div.contents div.content.detail form#imagePickup div.list_01 div#contentPreview.contents_preview div a.media_thumb i { position: relative; top: 25px; left: 30px; }
div div.contents div.content.detail form#imagePickup div.list_01 div#contentPreview.contents_preview div div.media_contents { display: table-cell; height: 70px; width: 100%; padding: 0px 0px 10px 5px; vertical-align: top; }
div div.contents div.content.detail form#imagePickup div.list_01 div#contentPreview.contents_preview div div.media_contents > * { display: block; margin-right: 3px; }
div div.contents div.content.detail form#imagePickup div.list_01 div#contentPreview.contents_preview div div.media_contents input { width: 100%; height: 30px; box-sizing: border-box; }
div div.contents div.content.detail form#imagePickup div.list_01 div#contentPreview.contents_preview div div.media_contents textarea { width: 100%; height: 80px; box-sizing: border-box; padding: 3px 5px; }
div div.contents div.content.detail form#imagePickup div.list_01 div#contentPreview.contents_preview div a.close { display: table-cell; float: none; vertical-align: top; }

/* detail-video.phtml */
div div.contents div.content.detail form div.list_01 table.table_01 tbody tr.ct td.lt div.contents_preview { padding-top: 5px; }
div div.contents div.content.detail form div.list_01 table.table_01 tbody tr.ct td.lt div.contents_preview > div { display: table-row; box-sizing:border-box;}
div div.contents div.content.detail form div.list_01 table.table_01 tbody tr.ct td.lt div.contents_preview div a.media_thumb { width:108px; }
div div.contents div.content.detail form div.list_01 table.table_01 tbody tr.ct td.lt div.contents_preview div a.media_thumb img { position: relative; }
div div.contents div.content.detail form div.list_01 table.table_01 tbody tr.ct td.lt div.contents_preview div a.media_thumb i { position: relative; top: 25px; left: 30px; }
div div.contents div.content.detail form div.list_01 table.table_01 tbody tr.ct td.lt div.contents_preview div div.media_contents { display: table-cell; height: 70px; width: 100%; padding: 0px 0px 10px 5px; vertical-align: top; }
div div.contents div.content.detail form div.list_01 table.table_01 tbody tr.ct td.lt div.contents_preview div div.media_contents > * { display: block; margin-right: 3px; }
div div.contents div.content.detail form div.list_01 table.table_01 tbody tr.ct td.lt div.contents_preview div div.media_contents input { width: 100%; height: 30px; box-sizing: border-box; }
div div.contents div.content.detail form div.list_01 table.table_01 tbody tr.ct td.lt div.contents_preview div div.media_contents textarea { width: 100%; height: 80px; box-sizing: border-box; padding: 3px 5px; }
div div.contents div.content.detail form div.list_01 table.table_01 tbody tr.ct td.lt div.contents_preview div a.close { display: table-cell; float: none; vertical-align: top; }

/* preview-video.phtml */
div div.contents div.content.preview { min-width: 100%; padding: 0; height: 477px; }
div div.contents div.content.preview h2 { margin: 0px; }
div div.contents div.content.preview section div.visual-spot.bx-wrapper { position: relative; height: 434px; overflow: hidden; margin-bottom: 15px;margin: 0 auto 60px; padding: 0;}
div div.contents div.content.preview section div.visual-spot.bx-wrapper div.caption { position: absolute; left: 0; bottom: 0; width: 100%; height: 103px; padding: 10px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'nanumgothic', NanumGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; font-size: 12px; line-height: 1.6; word-wrap: break-word; word-break: break-all; letter-spacing: -0.5px; }
div div.contents div.content.preview section div.visual-spot.bx-wrapper div.caption:after { content: ""; display: block; clear: both; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.75; }
div div.contents div.content.preview section div.visual-spot.bx-wrapper div.caption a.close { position: absolute; right: 0; top: 0; display: block; width: 36px; height: 36px; text-indent: -9999px; font-size: 0; background: url('/images/omydrone/icon.png') no-repeat -200px -32px; }
div div.contents div.content.preview section div.visual-spot.bx-wrapper div.caption strong { font-size: 16px; display: block; }
div div.contents div.content.preview section div.visual-spot.bx-wrapper div.caption span { display: block; overflow: hidden; height: 36px; font-size: 12px; line-height: 18px; }
div div.contents div.content.preview section div.visual-spot.bx-wrapper div.caption * { position: relative; z-index: 1; color: #fff; }

/* upload-youku.phtml */
.uploadfile { width: 150px; height: 14px; vertical-align: top; }
div div.contents div.content.detail div#youku-upload div.container { width: auto; }
div div.contents div.content.detail div#youku-upload div.container form.well.form-horizontal fieldset div.control-group div.controls .input-xlarge { width: 600px; box-sizing: border-box; }
div div.contents div.content.detail div#youku-upload div.container form.well.form-horizontal fieldset div.control-group div.controls input.input-xlarge { height: 30px; }
div div.contents div.content.detail div#youku-upload div.container form.well.form-horizontal fieldset div.control-group div.controls label.radio.inline { width: auto; margin-right: 30px; line-height: 14px; }
div div.contents div.content.detail div#youku-upload div.container form.well.form-horizontal fieldset div.control-group div#uploadControl.controls { width: 600px; border: 1px solid #ccc; border-radius: 4px; }
div div.contents div.content.detail div#youku-upload div.container form.well.form-horizontal fieldset div.control-group div#uploadControl.controls:before { content: "클릭하시면 파일을 추가할 수 있습니다."; position: absolute; font-size: 14px; line-height: 28px; margin-left: 8px; }
div div.contents div.content.detail div#youku-upload div.container form.well.form-horizontal fieldset div.control-group div#uploadControl.controls.text:before{ display: none; }
div div.contents div.content.detail div#youku-upload div.container form.well.form-horizontal fieldset div.control-group div#uploadControl.controls input { opacity: 0; width: 600px; border-radius: 4px; }
div div.contents div.content.detail div#youku-upload div.container form.well.form-horizontal fieldset div.control-group div#uploadControl.controls input#txtFileName { position:absolute; }
div div.contents div.content.detail div#youku-upload div.container form.well.form-horizontal fieldset div.control-group div#uploadControl.controls object { position:relative; z-index:30; opacity: 50; width: 600px; border-radius: 4px; }
div div.contents div.content.detail div#youku-upload div.container form.well.form-horizontal fieldset div.form-actions button#btn-upload-start.btn.btn-primary.start { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006dcc; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); }
div div.contents div.content.detail div.list_01 form#frm div.write_form div.text_input textarea#content.content_text { width: 100%; box-sizing: border-box; padding: 4px; height: 300px; margin-bottom: 5px; }
div div.contents div.content.detail div.list_01 form#frm div#contentPreview.contents_preview { padding-top: 5px; }
div div.contents div.content.detail div.list_01 form#frm div#contentPreview.contents_preview > div { display: table-row; box-sizing:border-box;}
div div.contents div.content.detail div.list_01 form#frm div#contentPreview.contents_preview div a.media_thumb { width:108px; }
div div.contents div.content.detail div.list_01 form#frm div#contentPreview.contents_preview div a.media_thumb img { position: relative; }
div div.contents div.content.detail div.list_01 form#frm div#contentPreview.contents_preview div a.media_thumb i { position: relative; top: 25px; left: 30px; }
div div.contents div.content.detail div.list_01 form#frm div#contentPreview.contents_preview div div.media_contents { display: table-cell; height: 70px; width: 100%; padding: 0px 0px 10px 5px; vertical-align: top; }
div div.contents div.content.detail div.list_01 form#frm div#contentPreview.contents_preview div div.media_contents > * { display: block; margin-right: 3px; }
div div.contents div.content.detail div.list_01 form#frm div#contentPreview.contents_preview div div.media_contents input { width: 100%; height: 30px; box-sizing: border-box; }
div div.contents div.content.detail div.list_01 form#frm div#contentPreview.contents_preview div div.media_contents textarea { width: 100%; height: 80px; box-sizing: border-box; padding: 3px 5px; }
div div.contents div.content.detail div.list_01 form#frm div#contentPreview.contents_preview div a.close { display: table-cell; float: none; vertical-align: top; }

/* upload-youtube.phtml */
div div.contents div.content.detail div.upload_state { height: 300px; margin-top: -200px; background-color: #fff; z-index: 3; left: 50%; margin-left: -265px; position: fixed; top: 45%; width: 500px; min-width: 400px; padding: 6px 10px 10px; background: none repeat scroll 0 0 #fff; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);}
div div.contents div.content.detail div.upload_state > h2 { background: none repeat scroll 0 0 #e6f1f6; border-bottom: 1px solid #d8e6ec; border-top-left-radius: 2px; border-top-right-radius: 2px; margin: -6px -10px 10px; padding: 8px 20px; text-shadow: 0 1px white; }
div div.contents div.content.detail div.upload_state p > a { color: #f00; font-size: 14px; font-weight: bold; }
div div.contents div.content.detail div.upload_state > div.title { line-height: 14px; font-size: 14px; font-weight: bold; padding: 0 8px;}
div div.contents div.content.detail div.upload_state > div.text { font-size: 12px; padding: 8px; height: 200px; box-sizing: border-box; }
div div.contents div.content.detail div.upload_state > div.text > a > p { text-align: right; color: #f00; font-weight: bold; font-size: 14px;}
div div.contents div.content.detail div.upload_state > div.btn_area { height: 40px; text-align: right; }
div div.contents div.content.detail div.upload_state > div.btn_area > button { margin: 0 4px; }

/* detail-member.phtml */
div div.contents div.content.detail form#frm div.list_01 table.table_01 tbody tr.ct td.lt div#datetimepicker.input-append.date input#birthday { width: 179px; }
div div.contents div.content.detail form#frm div.list_01 table.table_01 tbody tr.ct td.lt input#addr { width: 100%; height: 30px; box-sizing: border-box;}

/* 말줄임표 */
.ellipsis {width: 400px;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-wrap: normal !important;display: block;}

/* chart */
svg{height: 550px!important;}
g.nv-x.nv-axis g.nvd3.nv-wrap.nv-axis g g.tick text{fill: black;    /* 차트 X축 폰트 색깔 */}
#chart table{width: 100%;table-layout: fixed;}
.statistics_log td{padding: 10px 0px 10px 0px;}

/* Tab menu */
ul.tabs {float: left;list-style: none;height: 32px;border-left: 1px solid #eee;border-top-right-radius: 5px;border-top-left-radius: 5px;width: auto;margin-top: -43px;margin-left: 110px;}
ul.tabs li {float: left;text-align:center;cursor: pointer;width:150px;height: 31px;line-height: 31px;border: 1px solid #eee;border-left: none;border-top-right-radius: 5px;border-top-left-radius: 5px;background: #fafafa;overflow: hidden;position: relative;}
ul.tabs li h3 {color: #aaa;}
ul.tabs li.active h3 {color: rgb(139,0,0);}
ul.tabs li.active {background: #FFFFFF;border-bottom: 1px solid #FFFFFF;border-top-right-radius: 5px;border-top-left-radius: 5px;}
.tab_container {border-top-right-radius: 5px;border-left: none;border-right: none;border-bottom: none;clear: both;float: left;background: #FFFFFF;padding-top: 5px;padding-bottom: 5px;width: 100%;}
.tab_content {padding: 5px;font-size: 12px;display: none;}
.tab_container .tab_content ul {width:100%;margin:0px;padding:0px;}
.tab_container .tab_content ul li {padding:5px;list-style:none;}

/* 모달 */
.content_modal{z-index:3; left:50%; margin-left:-265px; outline:medium none; position:fixed; top:30%; width:500px; min-width:400px; padding: 6px 10px 10px; background: none repeat scroll 0 0 #fff; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05); display:none;}
#list_modal{padding-bottom: 10px;}
#frm_modal{width:500px; }
#close_modal{float:right; top:-48px;}

/* 백보드 div */
div.overlay {width:100%;height:100%;z-index:2;background-color:#000; opacity:0.4; filter: alpha(opacity=40); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; position:fixed; top:0; left:0; margin:0; padding:0; display:none; }

/* 페이징, *표시는 IE6, IE7만 적용되도록 한다. */
.pagination {margin: 20px 0;}
.pagination ul {display: inline-block;*display: inline;margin-bottom: 0; margin-left: 0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;*zoom: 1;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);}
.pagination ul > li {display: inline;}
.pagination ul > li > a {float: left;padding: 4px 6px;line-height: 20px;border-style: none;text-decoration: none;background-color: #ffffff;border-left-width: 0;}
.pagination ul > li > a:hover,.pagination ul > li > a:focus,.pagination ul > .active > a {background-color: #f5f5f5;text-decoration: underline;font-weight: bold;}
.pagination ul > li > a.start { background: url("../images/admin/icon-first.gif") center no-repeat; width: 20px; height: 20px; }
.pagination ul > li > a.end { background: url("../images/admin/icon-last.gif") center no-repeat; width: 20px; height: 20px; }
.pagination ul > li > a.prev { background: url("../images/admin/icon-prev.gif") center no-repeat; width: 20px; height: 20px; }
.pagination ul > li > a.next { background: url("../images/admin/icon-next.gif") center no-repeat; width: 20px; height: 20px; }
.pagination ul > .active > a {color: #4183c4;cursor: default;text-decoration: underline;font-weight: bold;}
.pagination ul > .disabled > a,.pagination ul > .disabled > a:hover,.pagination ul > .disabled > a:focus {color: #999999;cursor: default;background-color: transparent;}
.pagination-centered {text-align: center; clear:both}



/* 20170221 KIM KYUREE */
.table_01 {margin:10px 0 30px 0;}
.table_01 caption {margin:0 0 10px 2px; padding:0 0 2px 10px; font-size:16px; font-weight:bold;  border-left:2px solid #003A18; text-align:left;}
.table_01 td ul {margin:10px 0 0 10px;}
.table_01 td ul li {padding:3px 0; list-style:inside; list-style-type:disc;}
.table_01 select {margin:0 5px 0 0;}
.table_01 input[type=button] {margin:0; padding:4px 10px; border:none;  border-radius:2px; background:#65B22E; color:#fff;}
.table_01 input[type=radio]:nth-child(1) {margin-left:0;}
.table_01 input[type=radio] {margin:0 5px 0 15px;}

button {padding:5px 20px; border-radius:5px; background:#f0f0f0; border-1px solid #ddd;}

.btn_save, .btn_cancel, .btn_delete {border:none; color:#fff;}
.btn_save {background:#003A18;}
.btn_cancel {background:#aaa;}
.btn_delete {background:#aaa;}


.resultBox li {padding:0 0 15px 0; list-style:none;}
.resultBox li input[type=checkbox] {margin-right:10px;}

.popupBox input[type=button], .sms-box button {display:inline; margin:0 0 20px 0; padding:4px 10px; border:none;  border-radius:2px; color:#fff; font-weight:bold; font-size:14px;}
.popupBox .btn_ok, .sms-box button.send {background:#003A18;}
.popupBox .btn_close, .sms-box button.cancel {background:#aaa;}

.table_02 {margin:10px auto; width:90%; border:2px solid #ddd;}
.table_02 caption, .sms-box h1 {background:#65B22E; padding:10px; margin:10px auto 20px auto; border-radius:5px; text-indent:0; font-weight:bold; color:#fff; font-size:16px;}
.table_02 th {text-align:center;}
.table_02 td {padding:15px 15px 0px 15px; color:#000; text-align:left;}

.sms-box {
    width:400px;
    height:412px;
    padding:15px;
    background:#fff;
    box-sizing:border-box;
    text-align:center;
}
.sms-box h1 {
    display:block;
    text-align:center;
}
.sms-box input, .sms-box textarea {
    border:1px solid #ddd;
}
.sms-box textarea {
    width:100%;
    height:180px;
}
.sms-box input {
    width:80%;
    padding:5px;
    margin-top:-6px;
}
.sms-box .txt, .sms-box .phone {
    margin-bottom:20px;
}

.sms-box .txt label {
    width:100%;
    text-align:right;
}
.sms-box .phone label {
    text-align:left;
    float:left;
    width:20%;
}

.member-count-radio {
    display: inline!important
}

#contents.detail .input-append.date.datePicker .add-on {
    margin-top: 1px;
}