@charset "utf-8";

/* response
------------------------------------------------*/
@media (max-width:1400px) {
	.xlg {display:block !important;}
	
	.detail_wrap .detail_setting_body .log_report_header {display:block;}
	.detail_wrap .detail_setting_body .log_report_header .tools {margin:2px 0;}
	
	.detail_wrap .detail_setting_body .detail_setting_float .workGroup,
	.detail_wrap .detail_setting_body .detail_setting_float .ruleWrap {width:120%;}
	
	/* Editor
	------------------------------------------------*/
	#tool_bar.stroyboard .select_wrap {}
	#tool_bar.stroyboard .select_wrap dl {}
	#tool_bar.stroyboard .select_wrap dl dt {}
	#tool_bar.stroyboard .select_wrap dl dd {width:100%;}
	#tool_bar.stroyboard .select_wrap .select_box_low {width:100%;}

}

@media (max-width:1280px) {
	.lg {display:block !important;}
	
	.detail_layer {left:0;}
	
	.detail_wrap .detail_setting_body .detail_setting_float .workGroup,
	.detail_wrap .detail_setting_body .detail_setting_float .ruleWrap {width:110%;}
	
	.dashboard_wrap .dashboard_header .master_box_low {text-align:right;}
	.dashboard_wrap .dashboard_header .master_box_low dl {margin:4px 0;}
	
	/* Editor
	------------------------------------------------*/
	#project_editor_layout {height:auto;}
	#tool_bar.sideOut {}
	#tool_bar.sideOut .select_layer {margin:10px 0; position:relative;}
	#tool_bar .select_layer .select_box_low {}
	#tool_bar .select_layer .slide_box {}
	
	#tool_bar.stroyboard .button {display:block;}
	
	#tool_bar.sideOut .toolBar {height:auto; white-space:nowrap;}
	#frame_resorce {height:calc(100% - 383px);}
	.frame_width_full_scene {height:calc(100% - 478px);}

}

@media (max-width:1110px) {
/* Editor
	------------------------------------------------*/
	#scene_editor_layout {position:relative;}
	#tool_bar {height:auto; margin:10px;}
	#tool_bar.sideOut {margin:10px;display: block;}
	#tool_bar .select_layer .select_box_low {width: 160px !important;}
	#tool_bar .select_wrap .select_box_low {width: 200px !important;}
	#tool_bar .select_layer .slide_box .slider {width: 130px !important;}
	#tool_bar .button {display:block; margin:10px;}
	
	.frame_width_full_scene {margin-right:0; min-height:200px; max-height:500px; }
	.frame_width_full.story_board {/* min-height:200px; max-height:500px; */}
	#tool_bar .tools {display:block; height: auto;}
	#tool_bar .tools .select_wrap {display:inline-block; width:calc(50% - 4px); margin:0;}
	#tool_bar .tools .select_wrap dl {margin-bottom:10px;}
	#tool_bar .tools .select_wrap dl dt {display:block; margin:0;}
	#tool_bar .tools .select_wrap dl dd {width:100%;}
	#tool_bar .tools .select_wrap .select_box_low {width:100% !important;}
	
	#frame_resorce {display:none; top:0; width:100%; height:100%; padding-bottom:20px; z-index:9999;}
	#frame_resorce .tab_Content .tab_content_header .btnClose {display:block;}
	#frame_resorce .tab_Content .tab_content_header ul li {width:33.3%;}
	#frame_resorce .tab_Content .tab_content_body {height:calc(100% - 82px); overflow:auto;}
	#frame_resorce .tab_Content .tab_content_body .tab_content_body_header .select_box_low {width:calc(100% - 10px);}
	#frame_resorce .tab_Content .tab_content_body .tab_content_body_header .select_box_low#wTagList {width:calc(100% - 0px);}
	#frame_resorce .tab_Content .tab_content_body .tab_content_body_header .select_box_wrap.fb_ewy {flex-direction:column;}
	
	#frame_resorce .tab_Content .tab_content_body .tab_content_body_header .select_box_wrap dl.halfBox {width:calc(100% - 4px);}
	#frame_resorce .tab_Content .tab_content_body .tab_content_body_header .select_box_wrap dl {width:calc(100% - 4px); margin-bottom:10px;}
	#frame_resorce .tab_Content .tab_content_body .tab_content_body_header .select_box_wrap dl dd .select_box_low {width:calc(100% - 0px);}
	#frame_resorce .tab_Content .tab_content_body .tab_content_body_body {overflow:initial;}
	#frame_resorce .tab_Content .tab_content_body .tab_content_body_body.tab_paging {height:auto; overflow:hidden;}
	
	.editor_property .editor_property_body {height:auto; overflow:unset;}
	
	#time_line_wrap {position:relative;}
	.time_line_standard .time_wrap {position:absolute;}
	.editor_property {top:0; width:100%; height:100%; z-index:9999; display:none; overflow:auto;}
	.time_line_standard .time_sec_scroll .time_sec_cover {width:160px;}
	.time_line_standard .time_line {} 
	.time_line_standard .time_line_box .time_line_title {width:160px; min-width:160px;}
	.time_line_standard .time_line_box .time_line_right {width:calc(100% - 161px);}
	.time_line_standard .time_sec {margin-left:161px;}
	.xScroll {left:160px;}
	.moveLayer {bottom:60px; left:160px;}
	
    
}

@media (max-width:992px) {
	.md {display:block !important;}
	.ovh {overflow:hidden !important;}
	
	/*
	::-webkit-scrollbar {width:inherit; height:inherit; -webkit-box-shadow: inset 0 0 0px rgb(0 0 0);}
	*/
	@keyframes showNavi {
		0% {transform:translate3d(-500px, 0, 0);}
		100% {transform:translate3d(0, 0, 0);}
	}
	
	@keyframes rtlShowNavi {
		0% {transform:translate3d(500px, 0, 0);}
		100% {transform:translate3d(0, 0, 0);}
	}

	html {height:auto;}
	body {overflow:auto;}
	body.previewOn {overflow:hidden;}
	    
	/* lnb */
	.cmsHeader {z-index:99;}
	header {height:auto;}
	header .back u {display:none;}
	header .sta {width:auto;}
	body.login header .sta {margin:0 10px;}
	header .sta .title {margin:0;}
	header .lnb {position:fixed; top:0; left:0; bottom:0; background:#292929; display:block; width:100%; height:auto; overflow:auto; display:none; animation:showNavi 0.2s; animation-fill-mode:forwards;}
	header .lnb .lnbHeader {display:flex;}
	header .lnb.active {display:block;}
	header .lnb nav ul {display:block;}
	header .lnb nav ul li {display:block; height:auto; border-bottom:0; border-left:6px solid transparent; border-bottom:1px solid #333;}
	header .lnb nav ul li:hover {border-bottom:1px solid #333;}
	header .lnb nav ul li a {padding:16px; margin:0; text-align:left; font-weight:normal;}
	header .lnb nav ul li.active {border-top:0; border-left:6px solid #e2105f; background:#000; border-bottom:1px solid #333;}
	header .lnb nav ul li.active a {}
	header .lnb nav ul li a:hover,
	header .lnb nav ul li a:active {}
	header .lnb .tools {text-align:center; position:relative; height:auto; flex-direction:column; border-left:0; border-bottom:1px solid #333; background:#1d1d1d; display:flex;}
	
	header .lnb .tools .toplink .userTools {position:absolute; top:auto; left:50%; right:auto; bottom:60px; width:50%; transform:translate(-50%, 0);animation:none;}
	header .lnb .tools .toplink .userTools .userInfo {color:#6b6b6b;}

	header .lnb .tools .sessionTime {border:0; padding:10px 0;}
	header .lnb .tools .sitemap {}
	header .lnb .tools .user {text-align:center; height:auto; padding:0; display:flex; justify-content:center; align-items:center; display:flex !important; padding:6px !important;}
	header .lnb .tools .user:before {display:block;}
	header .lnb .tools .user .sr-only {display:block !important; position:relative !important; width:auto; max-width:calc(100% - 100px); height:auto; overflow:hidden; font-size:14px; text-overflow:ellipsis; white-space:nowrap; pointer-events:none;}
	header .lnb .tools .user:after {margin:14px;}
	header .lnb .tools .toplink {display:block; width:100%; text-align:center; order:-1; position:relative;}
	header .lnb .tools .toplink .btnNotify,
	header .lnb .tools .toplink .btnReport,
	header .lnb .tools .toplink .btnSetting {display:flex; align-items:center; width:100%; margin:0; border-bottom:1px solid #333; border-radius:0; background:#292929; color:#ccc; font-size:17px; text-align:left; padding:6px 12px; height:auto;}
	
	header .lnb .tools .toplink #userOnf {display:flex; align-items:center; width:100%; margin:0; border-bottom:1px solid #333; border-radius:0; background:#1d1d1d; color:#ccc; font-size:17px; text-align:left; padding:6px 12px; height:auto;}
	header .lnb .vrUpdate {display:block; padding:10px 0 20px; color:#ccc;}
	
	.userNotify {top:4px; left:4px; width:calc(100% - 8px); height:calc(100% - 16px);}
	.userNotify .userNotifyBody {max-height:none; height:calc(100% - 60px);}
	.userNotify .userNotifyBody ul li {text-align:right}
	
[dir=rtl] header .lnb {animation:rtlShowNavi 0.2s;}
[dir=rtl] header .lnb nav ul li a {text-align:right;}
[dir=rtl] header .lnb nav ul li.active {border-right:6px solid #e2105f; border-left:0;}
[dir=rtl] header .lnb .tools .toplink button {text-align:right;}
[dir=rtl] header .lnb .tools .userTools {position:absolute; top:auto; left:50%; right:auto; bottom:60px; width:50%; transform:translate(-50%, 0);animation:none;}

	/* left_side */
	#container_wrap #left_side {float:none !important; width:100%; height:50px;}
	#container_wrap #left_side .dashboard_side {padding:15px; display:none;}
	#container_wrap #left_side .filter_box h2 {display:none;}
	#container_wrap #left_side .filter_box,
	#container_wrap #left_side nav,
	#container_wrap #left_side .button_gray {display:none;}
	#container_wrap #left_side.active {height:auto;}
	#container_wrap #left_side.active .dashboard_side {display:block;}
	#container_wrap #left_side.active .filter_box,
	#container_wrap #left_side.active nav,
	#container_wrap #left_side.active .button_gray {display:block; margin-bottom:10px;}
	#container_wrap #left_side .btnFilter {display:flex; padding:0;}
	#container_wrap #left_side .filter_box {margin:10px 10px 0 10px;}
	#container_wrap #left_side nav {height:auto; overflow:auto;}
	#container_wrap #left_side nav ul {width:100%;}
	#container_wrap #left_side nav ul li ul li input {width:calc(100% - 50px);}
	#container_wrap #left_side nav > ul > li > ul > li > span > input {width:calc(100% - 50px);}
	#container_wrap #left_side nav .keyword_wrap {width:calc(100% - 15px)}
	#container_wrap #left_side .filter_box span input[type=text] {width:100%;}
	#container_wrap #left_side .vr_update {display:none;}
	
	/* dashboard */
	.dashboard_wrap .dashboard_header {display:block; padding:10px;}
	.dashboard_wrap .dashboard_header h3 {margin-bottom:10px;}
	.dashboard_wrap .dashboard_header .master_box_low dl {}
	.dashboard_wrap .dashboard_body {overflow:hidden; margin-right:14px;}
	.dashboard_wrap .dashboard_body .chart_wrap .chart_box.delivery_status {display:block; height:auto;}
	.dashboard_wrap .dashboard_body .chart_wrap .chart_box.delivery_status .status_list {width:100%; height:auto;}
	.dashboard_wrap .dashboard_body .chart_wrap .chart_box.delivery_status .status_list ul {padding:10px;}
	.dashboard_wrap .dashboard_body .chart_wrap .chart_box.delivery_status .status_list ul li {padding:8px;}
	.dashboard_wrap .dashboard_body .chart_wrap .chart_box.delivery_status .status_list ul li strong {width:auto;}
	.dashboard_wrap .dashboard_body .chart_wrap .chart_box.delivery_status .master_gage_wrap {width:100%; height:auto;}
	.dashboard_wrap .dashboard_body .chart_wrap .chart_box .notice_box_body .nbb_body {margin-bottom:20px;}
	
	.master_gage_wrap .master_gage_box .masterGageSider {margin:0 40px 30px;}
	.master_gage_wrap .btnArrow.leftArrow {left:14px;}
	.master_gage_wrap .btnArrow.rightArrow {right:14px;}

	/* content_wrap */
	#container_wrap,
	#container_wrap .contents_wrap {height:auto; min-height:600px;}
	#container_wrap .contents_wrap .content_wrap {padding:0;}
	#container_wrap .contents_wrap .content_list .tableWrap.primeType {overflow:auto; height:auto;}
	
	/* content_wrap snb */
	#container_wrap .contents_wrap .snb {display:block; height:auto; padding:0;}
	#container_wrap .contents_wrap .snb .tools {display:flex; justify-content:flex-end; align-items:center; display:-webkit-flex; -webkit-justify-content:flex-end; -webkit-align-items:center;}
	#container_wrap .contents_wrap .snb ul {padding:4px; clear:both;}
	#container_wrap .contents_wrap .snb .paging {text-align:right;}
	
	/* okayNav */
	.okayNav__nav--invisible {background:#fff;}
	.okayNav__nav--invisible li {}
	.okayNav__nav--invisible li button {width:100%; color:#464646 !important; border-radius:0; font-weight:bold;}
	.okayNav__nav--invisible li button:hover {background:#d00550 !important; color:#fff !important;}
	.okayNav__nav--invisible li button.btn.sMenu:disabled {color:#464646 !important;}
	
	/* footer_paging */
	.footer_paging {height:76px; margin:10px; display:flex; flex-direction: column;}
	.footer_paging .select_item {display:none;}
	.footer_paging .paging_wrap .dropdown_box .page_num a.select_num {margin:0;}
	.footer_paging .paging_wrap {width:auto; margin-top:20px;}
	.footer_paging .paging_wrap .dropdown_box span {}
	.footer_paging .paging_wrap .dropdown_box .page_num {}
	
	.footer_paging .paging_wrap .dropdown_box,
	.footer_paging .paging_wrap .paging {}
	.footer_paging .paging_wrap .paging {display:flex; justify-content:flex-end;}
	.footer_paging .paging_wrap .paging em {min-width:auto;}
	.detail_wrap .detail_setting_body .detail_setting_width .footer_paging {margin:20px 0;}
	
	/* fnCalendar
	------------------------------------------------*/
	.calendar_wrap .calendar_header {}
	.calendar_wrap .calendar_header .titleArea {display:block;}
	.calendar_wrap .calendar_header .titleArea .select_box_low {width:auto;}
	.calendar_wrap .calendar_header .titleArea dl dd {display:block; width:100%; margin:10px 0;}
	.calendar_wrap .calendar_header .titleArea dl dd input {width:100%;}
	.calendar_wrap .calendar_header .titleArea button.gray {width:100%; margin-top:0;}
	.calendar_wrap .calendar_header .state_wrap {margin-top:16px;}
	.calendar_wrap .calendar_body {overflow:auto;}
	.calendar_wrap .calendar_body .cb_header,
	.calendar_wrap .calendar_body .cb_body {min-width:992px;}
	
	/* player calendar */
	.calendar_wrap .calendar_body .cb_body .chanel .cellBox {right:124px;}
	.calendar_wrap .calendar_body .cb_body .chanel .default {width:124px !important;}
	
	[dir=rtl] .calendar_wrap .calendar_body .cb_body .chanel .cellBox {left:202px !important;}
	[dir=rtl] .calendar_wrap.player .calendar_body .cb_body .chanel .channel {left:122px;}
	[dir=rtl] .calendar_wrap .calendar_body .cb_body .chanel .default {width:124px !important;}
	
	/* detail_layer
	------------------------------------------------*/
	.detail_layer {top:0; height: auto; overflow-x:hidden; overflow-y: auto;}
	.dim {top:0;}
	.detail_box {height:auto;}
	.detail_wrap {height:auto; display:block; padding-bottom:50px;}
	.playerControlPopup .overFhidden {overflow:unset;}

	.detail_wrap .detail_ccr {width: calc(100% - 0px); margin:0; border-bottom:0;}
	.detail_wrap .detail_ccr_header {display:block; height:auto; padding:10px 0;}
	.detail_wrap .detail_ccr_header .titleBox {width:calc(100% - 0px); display:block;}
	.detail_wrap .detail_ccr_header .titleBox .mtitle {display:flex;}
	.detail_wrap .detail_ccr_header .titleBox .mtitle .btnCircle {display:block; margin:0;}
	.detail_wrap .detail_ccr_header .titleBox .title {width:calc(100% - 20px); margin:0 10px;}
	.detail_wrap .detail_ccr_header .titleBox .btnCircle {display:none;} 
	.detail_wrap .detail_ccr_header .titleBox .btnBack_s {display:block; margin:0;}
	.detail_wrap .detail_ccr_header .buttonWrap {display:block; text-align:center;}
	.detail_wrap .detail_ccr_header .buttonWrap button {display:block; margin:4px auto;}
	.detail_wrap .detail_ccr_body h3.title {width:calc(100% - 50px);}
	.detail_wrap .detail_ccr_body .detail_ccr_box {width:calc(100% - 40px); margin: 0 20px;}
	.detail_wrap .detail_ccr_body .detail_ccr_float dd input,
	.detail_wrap .detail_ccr_body .detail_ccr_box dd.long_input input {width:calc(100% - 0px);}
	.detail_wrap .detail_ccr_body .detail_ccr_box dl.w206 {width:calc(100% - 0px) !important;}
	.detail_wrap .detail_ccr_body .detail_ccr_box dd .select_num {width:calc(100% - 0px);}	
	.detail_wrap .detail_ccr_body .detail_ccr_box .selectBoxGroup dl {width:calc(100% - 0px);}
	.detail_wrap .detail_ccr_body .detail_ccr_box dd.timeSelect .select_box_top {width: calc(50% - 0px);}
	.detail_wrap .detail_ccr_body .detail_ccr_box dd.timeSelect .select_box_top .select_num {width:calc(100% - 0px);}
	.detail_wrap .detail_ccr_body .detail_ccr_float {width:calc(100% - 20px); font-size:0;}
	.detail_wrap .detail_ccr_body .detail_ccr_float dl.columns {width:calc(100% - 20px); margin:0 10px 30px;}
	.detail_wrap .detail_ccr_body .detail_ccr_float dt {width:auto;}
	.detail_wrap .detail_ccr_body .detail_ccr_float dl {width:calc(100% - 20px); margin:0 10px 30px;}
	.detail_wrap .detail_ccr_body .detail_ccr_float dd .select_num {width:calc(100% - 0px);}
	.detail_wrap .detail_ccr_body .detail_ccr_float dd .select_box_low {width:calc(100% - 0px);}
	.detail_wrap .detail_ccr_body .detail_ccr_float dd .repeatEdit .opt .text {}
	.detail_wrap .detail_ccr_body .detail_ccr_float .halfcolumn {width:calc(100% - 20px); margin:0 10px 30px; display:flex; align-items:center;}
	.detail_wrap .detail_ccr_body .detail_ccr_float .halfcolumn dl {margin:0; width:calc(50% - 10px);}
	.detail_wrap .detail_ccr_body .detail_ccr_float .halfcolumn .rcc {font-size:20px; margin:30px 4px 0;}
	.detail_wrap .detail_ccr_body .txt_right {width:calc(100% - 40px);}
	.detail_wrap .detail_ccr_body .detail_ccr_float .multi_switch,
	.detail_wrap .detail_ccr_body .detail_ccr_float .multi_switch dl {float:none; width:100%;}
	
	.detail_second {display:none; position:fixed; top:0; bottom:0; width:100%; height:auto; overflow-y:scroll; overflow-x:hidden; margin-left:0; background:#cdcdcd; z-index:9; animation:showDetail 0.3s; animation-fill-mode: forwards;}
	.detail_second.active {display:block;}
	
	.detail_layer.logReportLayer {height:100%;}
	.detail_layer.logReportLayer .detail_box {height:100%;}
	.detail_layer.logReportLayer .detail_box .detail_wrap {height:100%; padding:0;}
	.detail_layer.logReportLayer .detail_box .detail_wrap .detail_setting {height:calc(100% - 70px);}
	
	.detail_wrap .detail_setting {width:calc(100% - 0px); padding:0;}
	.detail_wrap .detail_setting_body .detail_setting_width .dsw_user_header {padding:14px; display:block; height:auto;}
	.detail_wrap .detail_setting_body .detail_setting_width .dsw_user_header .tools {display:flex; margin-top:10px; justify-content:space-between; flex-direction:column; align-items:flex-end;}
	.detail_wrap .detail_setting_body .detail_setting_width .dsw_user_header .tools .total {order:2; margin-top:10px;}
	.detail_wrap .detail_setting_body .detail_setting_width .dsw_user_header dl dt {display:block; margin-top:4px;}
	.detail_wrap .detail_setting_body .detail_setting_width {margin:0;}
	
	.detail_wrap .detail_setting_body .log_report_header {display:block; padding:4px 0; height:auto;}
	.detail_wrap .detail_setting_body .log_report_header .title {display:block; margin-bottom:10px;}
	.detail_wrap .detail_setting_body .log_report_header .title h2 {margin:0 4px; white-space:normal; font-size:18px; word-break:break-word;}
	.detail_wrap .detail_setting_body .log_report_header .toolBox {display:block; margin:0 4px;}
	.detail_wrap .detail_setting_body .log_report_header .datepickerWrap {display:block;}
	.detail_wrap .detail_setting_body .log_report_header .datepickerWrap .inputWrap {margin:0 6px;}
	.detail_wrap .detail_setting_body .log_report_header .datepickerWrap .inputWrap .inputBox {width: calc(50% - 10px);}
	.detail_wrap .detail_setting_body .log_report_header .datepickerWrap .inputWrap .inputBox input {width:calc(100% - 0px) !important; padding:0; font-size:15px; font-weight:normal;}
	.detail_wrap .detail_setting_body .log_report_header .select_box_low {width:calc(100% - 0px) !important; margin: 0;}
	.detail_wrap .detail_setting_body .log_report_header .btnApply {width:calc(100% - 12px); margin:8px 6px;}
	.detail_wrap .detail_setting_body .log_report_header .toolBox .tools {margin:0;}
	.detail_wrap .detail_setting_body .log_report_header .tools {display:block; margin:0 4px;}
	.detail_wrap .detail_setting_body .log_report_header .tools #searchLogReport {margin:6px;}
	.detail_wrap .detail_setting_body .log_report_header .inputBox input#searchContext {width:100%;}
	.detail_wrap .detail_setting_body .log_report_header .tools .search,
	.detail_wrap .detail_setting_body .log_report_header .tools .select_box_low {display:inline-block; vertical-align:top; width:calc(100% - 4px) !important; margin:4px 0;}
	.detail_wrap .detail_setting_body .log_report_header .datepickerBox {margin:4px;}
	#logreportPopupBody .detail_setting_width .log_report_body {height:calc(100% - 125px);}
	
	/* Settings
	------------------------------------------------*/
	.detail_wrap .detail_setting_body .detail_setting_float {padding:0 10px; width:calc(100% - 20px);}
	.detail_wrap .detail_setting_body .detail_setting_float:last-child {padding-bottom:50px;}
	.detail_wrap .detail_setting_body .detail_setting_float dl,
	.detail_wrap .detail_setting_body .detail_setting_float dl:nth-child(even) {float:none; width:calc(100% - 0px); height:auto !important; margin:10px 0 20px 0;}
	.detail_wrap .detail_setting_body .detail_setting_float dl.fulls {width:calc(100% - 0px);}
	.detail_wrap .detail_setting_body .detail_setting_float dd .authority {width:calc(100% - 0px); overflow:auto;}
	.detail_wrap .detail_setting_body .detail_setting_float dd p.description {width:auto;}
	.detail_wrap .detail_setting_body .detail_setting_float dl.mright {margin-right:0;}
	.detail_wrap .detail_setting_body .detail_setting_float dl.mright dt {width:auto;}
	.detail_wrap .detail_setting_body .detail_setting_float dd.maxWidth {width:auto; white-space:normal;}
	.detail_wrap .detail_setting_body .detail_setting_float dd .label {position:relative; bottom:auto; width:auto; margin-top:4px;}
	.detail_wrap .detail_setting_body .detail_setting_float dd.ipv6_input input {width:100%;}
	.detail_wrap .detail_setting_body .detail_setting_float.full dt {width:auto;}
	.detail_wrap .detail_setting_body .detail_setting_float .workGroup {width:calc(100% - 0px);}
	.detail_wrap .detail_setting_body .detail_setting_float .ruleWrap {width:calc(100% - 0px);}
	.detail_wrap .detail_setting_body .detail_setting_float .ruleWrap .ruleBody .item {width:calc(100% - 0px); box-sizing: border-box;}
	
	.detail_wrap .detail_setting_header .titleBox .btnCircle {margin:0px 6px;}

	.detail_wrap .detail_ccr_footer {flex-direction:column; align-items:center; text-align:center;}
	.detail_wrap .detail_ccr_footer hr {display:block; width:100%; height:1px; margin:10px 0; background:#ddd;}
	.detail_wrap .detail_ccr_footer .buttonWrap {display:flex; flex-direction:column; align-items:center;}
	.detail_wrap .detail_ccr_footer button {}
	
	/*
	.detail_second.mbLayer {position:fixed; z-index:999; top:60px; right: -100%; bottom:0; height:auto; margin:0; padding:0 20px; background:#cdcdcd;}
	.detail_second.mbLayer.active {right:0;}
	*/
	.detail_second .detail_second_header,
	.detail_second .detail_second_body {padding:0 10px; box-sizing:border-box; height:auto !important; overflow:hidden;}
	.playerControlPopup .detail_second .detail_second_body {overflow:auto;}
	.detail_second .detail_second_body.fnMultiControlTab {height:unset !important; min-height:600px;}
	.detail_second .detail_second_body ~ .button {margin-bottom:20px;}
	.detail_second .detail_second_header {height:auto; margin-top:30px;}
	.detail_second .detail_second_header h2 {margin-top:20px !important;}
	.detail_second .detail_second_header .select_box_low {margin:0;}
	.detail_second .detail_second_header.line {padding-bottom:10px;}
	.detail_second .btnSecondLayer {display:flex;}
	.detail_second .detail_second_top {display:flex;}
	
	#s_ds_DataServiceDetailWrap.detail_second .detail_second_body {}
	
	.play_list_detail {width: calc(100% - 0px);}
	.play_list_detail .preview_slide {margin:0 auto 20px;}
	.play_list_detail .progress_wrap,
	.play_list_detail .progress_wrap .progress_box .detail_status,
	.play_list_detail .progress_wrap .progress_box .detail_status .progress {width:100%;}
	
	.detail_wrap .detail_ccr_body.multi_block .total_box ul li {width: calc(50% - 1px); height: 80px;}
	.detail_wrap .detail_ccr_body.multi_block .total_box ul li em {margin-top:10px;}
	
	/* side_layer */
	.side_layer {top:0; left:0; width:100%;}
	
	/* thumbShot */
	.thumbShot {top:116px; height:calc(100% - 80px); min-height:500px;}
	.thumbShot .thumb_wrap {margin:0 5%; height: calc(100% - 100px);}
	
	/* add_media_layer */
	.add_media_layer {top:0; left:0; width:100%; overflow:auto;}
	.add_media_layer .adm_body {height:auto !important; overflow:hidden;}
	.add_media_layer .paging {margin-bottom:20px;}
	
	/* add_media_layer troubleNotice */
	.add_media_layer.troubleNotice.active {position:fixed; bottom:0; height:auto; overflow:auto;}
	.add_media_layer.troubleNotice .adm_body {height:auto !important; overflow:hidden;}
	
	/* detail_component */
	.detail_component {width:calc(100% - 40px);}
	.detail_component .component_header {display:block;} 
	.drag_object .comp_box span strong {width:calc(100% - 0px); white-space:normal; word-break:break-all; height:auto;}
	.add_workgroup {width:calc(100% - 0px);}
	.add_workgroup a {width:calc(100% - 0px);}
	
	/* duble_component */
	.duble_component {display:block; width:calc(100% - 30px);}
	.detail_component .component_header h3 {}
	.duble_component .w400 {width:calc(100% - 10px) !important;}
	.duble_component .w150 {width:calc(100% - 10px) !important;}
	.duble_component .w150 h3 {position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; border:0; clip:rect(0,0,0,0);}
	
	
	/* Settings */
	.detail_wrap .detail_setting_body .detail_setting_navi {float:none; width:100%; height:50px; overflow:hidden; border-bottom:1px solid #ddd;}
	.detail_wrap .detail_setting_body .detail_setting_navi.active {height:auto;}
	.detail_wrap .detail_setting_body .detail_setting_navi .btnFilter {display:flex;}
	.detail_wrap .detail_setting_body #settingsPopupBody {border-left:0; overflow:unset;}
	
	.detail_wrap .detail_setting_body .detail_setting_float dd.ip_input {width:100%;}
	.detail_wrap .detail_setting_body .detail_setting_float dd.ip_input input {padding:0; width:calc(25% - 13px);}

	/* Register Product License */
	.popup_box_content.auto dd input,
	.popup_box_content.auto dd .select_box_top,
	.popup_box_content.auto dd .select_box_low {width:calc(100% - 20px) !important;}
	
	/* objact_list */
	.objact_list ul li .object .info {width:calc(100% - 170px);}
	.objact_list ul li .object strong {width:calc(100% - 0px);}
	.select_layout .select_layout_body ul li .object strong {width:calc(100% - 170px);}
	
	

/* preview */
	@media (orientation: landscape) {
		.full_layer {overflow:auto;}
		.frame_width_preview {min-height:400px;}
	}
	.preview_wrap {left:80px !important; right:80px !important;}
	.preview_wrap .preview_slide span strong {font-size:14px;}
	
/* detail_component_oled */
	.detail_component_oled {width:calc(100% - 20px);}
	.detail_component_oled .component_video_wall {width:100%; overflow:auto;}
	
	.detail_wrap .detail_setting_body .siteMapBox .menuGroup .menu {width:calc(33.3% - 0px);}
	
	/* Editor
	------------------------------------------------*/
	#scene_editor_layout {position:relative;}
	#tool_bar {height:auto; margin:10px;}
	#tool_bar.sideOut {margin:10px;display: block;}
	#tool_bar .select_layer .select_box_low {width: 160px !important;}
	#tool_bar .select_wrap .select_box_low {width: 200px !important;}
	#tool_bar .select_layer .slide_box .slider {width: 130px !important;}
	#tool_bar .button {display:block; margin:10px;}
	
	.frame_width_full_scene {margin-right:0; min-height:200px; max-height:500px; }
	.frame_width_full.story_board {/* min-height:200px; max-height:500px; */}
	#tool_bar .tools {display:block; height: auto;}
	#tool_bar .tools .select_wrap {display:inline-block; width:calc(50% - 4px); margin:0;}
	#tool_bar .tools .select_wrap dl {margin-bottom:10px;}
	#tool_bar .tools .select_wrap dl dt {display:block; margin:0;}
	#tool_bar .tools .select_wrap dl dd {width:100%;}
	#tool_bar .tools .select_wrap .select_box_low {width:100% !important;}
	
	#frame_resorce {display:none; top:0; width:100%; height:100%; padding-bottom:20px; z-index:9999;}
	#frame_resorce .tab_Content .tab_content_header .btnClose {display:block;}
	#frame_resorce .tab_Content .tab_content_header ul li {width:33.3%;}
	#frame_resorce .tab_Content .tab_content_body {height:calc(100% - 82px); overflow:auto;}
	#frame_resorce .tab_Content .tab_content_body .tab_content_body_header .select_box_low {width:calc(100% - 10px);}
	#frame_resorce .tab_Content .tab_content_body .tab_content_body_header .select_box_low#wTagList {width:calc(100% - 0px);}
	#frame_resorce .tab_Content .tab_content_body .tab_content_body_header .select_box_wrap.fb_ewy {flex-direction:column;}
	
	#frame_resorce .tab_Content .tab_content_body .tab_content_body_header .select_box_wrap dl.halfBox {width:calc(100% - 4px);}
	#frame_resorce .tab_Content .tab_content_body .tab_content_body_header .select_box_wrap dl {width:calc(100% - 4px); margin-bottom:10px;}
	#frame_resorce .tab_Content .tab_content_body .tab_content_body_header .select_box_wrap dl dd .select_box_low {width:calc(100% - 0px);}
	#frame_resorce .tab_Content .tab_content_body .tab_content_body_body {overflow:initial;}
	#frame_resorce .tab_Content .tab_content_body .tab_content_body_body.tab_paging {height:auto; overflow:hidden;}
	
	.editor_property .editor_property_body {height:auto; overflow:unset;}
	
	#time_line_wrap {position:relative;}
	.time_line_standard .time_wrap {position:absolute;}
	.editor_property {top:0; width:100%; height:100%; z-index:9999; display:none; overflow:auto;}
	.time_line_standard .time_sec_scroll .time_sec_cover {width:160px;}
	.time_line_standard .time_line {} 
	.time_line_standard .time_line_box .time_line_title {width:160px; min-width:160px;}
	.time_line_standard .time_line_box .time_line_right {}
	.time_line_standard .time_sec {margin-left:161px;}
	.xScroll {left:160px;}
	.moveLayer {bottom:60px; left:160px;}
	
	.pop_database .popup_box .popup_box_content .queue_box .queueLayoutList {height:auto;}
	.pop_database .popup_box .popup_box_content .queue_box .queueLayout .layoutView {width:100%;}
	.pop_database .popup_box .popup_box_content .queue_box .queueLayout .layoutView .thumbView {width:calc(100% - 0px) !important;} 
	.pop_database .popup_box .popup_box_content .queue_box .selectBoxWrap.half {display:block;}
	.pop_database .popup_box .popup_box_content .queue_box .selectBoxWrap.half dl {width:calc(100% - 0px) !important;}
	
/* multiModal */
	.multiModal {overflow:auto;}
	.multiModal .b-ajax-wrapper {width:calc(100% - 0px);}
	.multiModal.layerFocusOn .b-ajax-wrapper,
	.multiModal.bigPop .b-ajax-wrapper {width:100%; display:flex; justify-content:center;}

}

@media (max-width:768px) {
	.msn {display:block !important;}
	.eventNone {pointer-events:none;}
	
	/* advanced_color_picker */
	.pop_color_picker .advanced_color_picker {margin-left:-100%; width:100% !important;}
	
	/* dashboard */
	.dashboard_wrap .dashboard_header .master_box_low dl {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:space-between;align-items:center; -webkit-justify-content:space-between; -webkit-align-items:center; -ms-flex-pack:justify; -ms-flex-align:center;}
	.dashboard_wrap .dashboard_body .chart_wrap .chart_box .horizontal_chart li .chartBox {display:block;}
	.dashboard_wrap .dashboard_body .chart_wrap .chart_box .horizontal_chart li .chartBox .chart_title{width:auto;min-width:auto;height:auto;margin-bottom:4px;border-right:0; border-left: 0 !important;}
	.dashboard_wrap .dashboard_body .chart_wrap .chart_box .vertical_chart ul li {flex-direction:column; margin-bottom:6px;}
	.dashboard_wrap .dashboard_body .chart_wrap .chart_box .vertical_chart ul li strong {width:100%; margin-bottom:2px;}
	.dashboard_wrap .dashboard_body .chart_wrap .chart_box .vertical_chart ul li .chart {width:calc(100% - 0px);}
	.dashboard_wrap .dashboard_body .chart_wrap .chart_box .vertical_chart ul li em {width:100%; position:absolute; top:4px; right:4px;}
	[dir=rtl] .dashboard_wrap .dashboard_body .chart_wrap .chart_box .vertical_chart ul li em {right:auto; left:4px;}
	
	/* playerlist drag_object */
	.drag_object .limitedTime .liTime {display:block;}
	.drag_object .limitedTime .liTime .dateBox {width:100%; padding:0;}
	.drag_object .limitedTime .liTime .timeBox {width:100%; padding:0;}
	.drag_object .limitedTime .liTime .timeBox .time_pick input[readonly] {width:140px}
	.drag_object .comp_box span {display:block; padding:0; width:100%;}
	.drag_object .comp_box .btnRemove {}
	
	.drag_object .comp_box .thumb,
	.drag_object .comp_box .info {display:block; padding:0; width:auto;}
	.drag_object .comp_box .info strong {white-space:normal; word-break:break-all; height:auto;}
	.drag_object .comp_box .info .inputWrap {display:block;}
	.drag_object .comp_box .info .inputWrap .name {display:inline;}

	.detail_component .component_body ul.minContent .drag_object .comp_box span {margin:0 6px;}
	.detail_component .component_body ul.minContent .drag_object .comp_box .thumb {margin:0;}
	.detail_component .component_body ul.minContent .drag_object .comp_box .info {margin:0 10px;}
	
	/* detail_layer
	------------------------------------------------*/
	.detail_wrap .detail_setting.log_report {padding:0; width:100%;}
	.detail_wrap .detail_setting_header {}
	.detail_wrap .detail_setting_body {height:auto;}
	.detail_layer.logReportLayer .detail_box .detail_wrap .detail_setting {height:auto;}
	.popup_box .popup_box_content .popup_box_scroll {height:auto;;}
	.popup_box .popup_box_content .popup_box_scroll .adRead ul li {width:calc(50% - 4px);}
	
	.playerControlPopup .detail_ccr {min-height:500px;}
	
	/* player calendar */
	.calendar_wrap .calendar_body .cb_body .chanel ul {right:124px;} 
	.calendar_wrap .calendar_body .cb_body .chanel .default {width:124px !important;}
	.calendar_wrap .calendar_body .cb_body .chanel .cellBox {right:124px;}
	
/* detail_component_oled */
	.detail_oled .component_header {height:auto;}
	.detail_component_oled .component_header.basic h3 {float:none !important; width:calc(100% - 30px);}
	.detail_component_oled .component_header.basic .time_input {position:relative; float:none !important; width:calc(100% - 10px);}
	.detail_component_oled .component_header .button_close {}
	.detail_component_oled .inputBox {height:auto; flex-direction:column; align-items:flex-start;}
	.detail_component_oled .inputBox input[type=text] {display:block; float:none; width:calc(100% - 0px); margin-top:10px;}
	
	/* Settings
	------------------------------------------------*/
	.detail_wrap .detail_setting_body .detail_setting_float .ruleWrap .ruleBody .item .ruleInfo {}
	.detail_wrap .detail_setting_body .detail_setting_float .ruleWrap .ruleBody .item .ruleInfo .group ul {width:calc(100% - 0px);}
	.detail_wrap .detail_setting_body .detail_setting_float .ruleWrap .ruleBody .item .ruleInfo dl {width:calc(100% - 0px) !important; margin:0 !important;}
	.detail_wrap .detail_setting_body .detail_setting_float .ruleWrap .ruleBody .item .ruleInfo .uleInfoBox {}
	.detail_wrap .detail_setting_body .detail_setting_float .ruleWrap .ruleBody .item .ruleInfo .uleInfoBox dl {}
	.detail_wrap .detail_setting_body .detail_setting_float .ruleWrap .ruleBody .item .ruleInfo .fb_ey {display:block;}
	.detail_wrap .detail_setting_body .detail_setting_float .ruleWrap .ruleBody .item .ruleInfo .ruleTypeSelect,
	.detail_wrap .detail_setting_body .detail_setting_float .ruleWrap .ruleBody .item .ruleInfo .select_box_top,
	.detail_wrap .detail_setting_body .detail_setting_float .ruleWrap .ruleBody .item .ruleInfo .select_box_low,
	.detail_wrap .detail_setting_body .detail_setting_float .ruleWrap .ruleBody .item .ruleInfo .ruleCompare {width:calc(100% - 10px) !important; margin:0 0 10px;}
	.detail_wrap .detail_setting_body .detail_setting_float .ruleWrap .ruleBody .item .mediaButtonWrap {width:30px;}
	.detail_wrap .detail_setting_body .detail_setting_float .ruleWrap .ruleBody .item .mediaButtonWrap button {margin:2px 0;}
	
	.detail_wrap .detail_setting_body .detail_setting_float .ruleWrap .ruleBody .item .ruleInfo .ruleTypeSelect {display:flex; flex-direction:column;}
	.detail_wrap .detail_setting_body .detail_setting_float .ruleWrap .ruleBody .item .ruleInfo .ruleTypeSelect button {margin-top:4px;}
	
	.advanced_color_picker .popup_box_content .slide_box_wrap ~ .popBottomWrap {padding:0 10px;}
	.popBottomWrap {display:flex; flex-direction:column;}
	.popBottomWrap button {margin:2px 0;}
	
	/* listVideowall */
	#container_wrap .contents_wrap .snb .tools.toolBox {display:block; height:auto;}
	#container_wrap .contents_wrap .snb .tools.toolBox .btn_videowall {margin-bottom:10px;}
	#container_wrap .contents_wrap .snb .tools.toolBox .btn_videowall button:before {}
	
	/* detail_component */
	.detail_component #sReceiveBody.component_body ul li {height:auto;}
	.detail_component #sReceiveBody.component_body ul li .drag_object {height:auto;}
	.detail_component #sReceiveBody.component_body ul li .drag_object .comp_box {}
	.detail_component #sReceiveBody.component_body ul li .drag_object .comp_box span {display:block; width:auto; padding:0;}
	
	/* master_popup */
	.master_popup .master_gage_wrap .master_gage_control .mgc_wrap.right {text-align:right;}
	.master_popup .master_gage_wrap .buttonWrap {display:block; text-align:center;}

/* popup */
	.master_popup {width:calc(100% - 0px) !important;}
	.popup_wrap {width:calc(100% - 20px) !important; margin:10px;}
	.popup_wrap .popup_box {width:calc(100% - 0px) !important;}
	.popup_wrap .popup_box .popup_box_content {width:calc(100% - 0px) !important;}
	.pop_wrap_large {width:calc(100% - 20px) !important; margin:10px;}
	.pop_wrap_large .pwl_box {width:calc(100% - 0px) !important;}
	.pop_qr_generrate {width:calc(100% - 20px) !important; margin:10px;}
	.pop_qr_generrate .popup_box {width:calc(100% - 0px) !important;}
	.pop_qr_generrate .popup_box .popup_box_content {width:calc(100% - 0px) !important;}
	.popup_box .popup_box_content dl {float:none; width:calc(100% - 0px) !important;}
	.popup_box .popup_box_content .searchListBody ul li {display:block;}
	
	.pop_color_picker .color_picker {width:auto !important; min-width:286px;}
	
	.popup_box .popup_box_content .searchListHeader.cameraSearch .cell:nth-child(1),
	.popup_box .popup_box_content .searchListBody.cameraSearch ul li .cell:nth-child(1) {width:calc(100% - 14px);}
	.popup_box .popup_box_content .searchListHeader.cameraSearch .cell:nth-child(2),
	.popup_box .popup_box_content .searchListBody.cameraSearch ul li .cell:nth-child(2) {width:calc(100% - 14px); text-align:right;}
	
	[dir=rtl] .popup_box .popup_box_content .searchListHeader.cameraSearch .cell:nth-child(2),
	[dir=rtl] .popup_box .popup_box_content .searchListBody.cameraSearch ul li .cell:nth-child(2) {text-align:left;}

/* multiModal */
	.multiModal {overflow:auto;}
	.multiModal .b-ajax-wrapper {width:calc(100% - 0px);}
	.multiModal.layerFocusOn .b-ajax-wrapper,
	.multiModal.bigPop .b-ajax-wrapper {width:100%;}
	.multiModal.bigPop .b-ajax-wrapper .popup_wrap.w650 {width:100%;}
	.multiModal.bigPop .b-ajax-wrapper .popup_wrap.w650 .popup_box {width:100%;}
	.multiModal.bigPop .b-ajax-wrapper .popup_wrap.w650 .popup_box .popup_box_content {width:100%; padding:0;}
	.multiModal .popup_alert {width:100%;}

	/* Editor
	------------------------------------------------*/
	#tool_bar.sideOut {margin:10px 0;}
	#tool_bar.sideOut .toolBar {display:block; margin:0;}
	
	#tool_bar .select_wrap {float:none; width:calc(100% - 0px); margin:0;}
	#tool_bar .select_wrap dl {float:none;}
	#tool_bar .select_wrap dl dt {display:block; margin:0;}
	#tool_bar .select_wrap dl dd {display:block; margin-bottom:6px;}
	#tool_bar .select_wrap dl dd .select_box_low {width:100% !important;}
	#time_line_wrap.storyBoard {height:auto;}
	.time_line_basic {height:auto;}
	.time_line_basic .time_line {width:calc(100% - 20px)!important; margin:0 10px;}
	.time_line_basic .time_line ul {}
	.time_line_basic .time_line ul li {display:block; margin:0 0 10px 0;}
	.time_line_basic .time_line ul li .section .section_content {width:100% !important;}
	#time_line_wrap .btn_wrap {height:auto; padding:10px 0;}
	#time_line_wrap .btn_wrap .button_gray2 {margin:0;}
	#time_line_wrap .btn_wrap button {float:none !important; margin:4px 0;}
	
	#tool_bar .select_layer {display:block; width:calc(100% - 0px); margin:0;}
	#tool_bar .select_layer .select_box_low {width:100% !important; margin-bottom:20px;}
	#tool_bar .select_layer .slide_box {display:flex; margin:0 10px 20px;}
	#tool_bar .select_layer .slide_box .slider {width:calc(100% - 80px) !important;}
	#time_line_wrap .util_bar {height:auto; display:block; padding:10px 14px;}
	#time_line_wrap .util_bar .util_bar_left {margin-bottom:10px;}
	.edit_box.active {}
	
	
	.select_layout {top:0; width:100%;}
	.select_layout .bg_styls {width:100%;}
	.select_layout .selectLayoutBody {}
	.select_layout .select_layout_body {}
	
	/* settclone_box */
	.settclone_wrap .settclone_box {width:100%; margin:0;}
	.settclone_wrap .settclone_box .settclone_content {height:auto;}
	.settclone_wrap .settclone_box .settclone_content .detail_component {width:100%;}
	.settclone_wrap .media_box {display:flex; flex-direction: column; width:calc(100% - 40px); box-shadow: 0px 0px 100px 1000px rgb(0 0 0 / 60%); position:absolute; top:0; height:auto;}
	
	header span.fr.button_gray {float:none !important; clear:both; width:100%; margin:0; padding:10px 0; border-top:1px solid #343434;}
	
	/* info_wrap */
	.info_wrap {display:block; width:calc(100% - 50px); height:auto !important; margin:0; padding:10px; transform:translate(-50%, 0);}
	.info_wrap .info_txt {width:calc(100% - 50px); margin-bottom:10px;}
	.info_wrap .button_white.first {display:block; text-align:right;}
	.info_wrap .btnCloseLayer {position:absolute; top:10px; right:0;}
	
	/* siteMapBox */
	.detail_wrap .detail_setting_body .siteMapBox .menuGroup .menu {width:calc(100% - 0px);}
	.detail_wrap .detail_setting_body .siteMapBox .menuGroup .menu .prime {width:calc(100% - 0px);}
	
	/* other */
	.info_wrap .close {position:absolute; top:6px; right:0;}
	
}

@media (max-width:576px) {
	html {height:100%;}
	.sm {display:block !important;}
	
	/* dashboard */
	.dashboard_wrap .dashboard_body .chart_wrap .chart_box.delivery_status .master_gage_wrap .master_gage_control {flex-direction:column; height:auto;}
	.dashboard_wrap .dashboard_body .chart_wrap .chart_box .chart_box_body .eo_txt {display:block; text-align:center;}
	.dashboard_wrap .dashboard_body .chart_wrap .chart_box .chart_box_body .eo_txt ul {width:100%; margin-bottom: 10px;}
	.dashboard_wrap .dashboard_body .chart_wrap .chart_box .chart_box_body .eo_txt ul li {width:calc(50% - 1px); border-left:0;}
	
	.dashboard_wrap .dashboard_body .chart_wrap .chart_box .notice_box_body .nbb_header {display:block;}
	.dashboard_wrap .dashboard_body .chart_wrap .chart_box .notice_box_body .nbb_header .tools {margin-top:10px;}
	
	/* popup */
	.edit_text_box {width:calc(100% - 0px) !important;}
	.edit_text_box .edit_text_content .edit_text_line dl {width:100%;}
	.edit_text_box .edit_text_content .edit_text_line dl dd .fnSelectBox {max-width:260px;}
	.edit_text_box .edit_text_content .edit_text_line dl.duration dd input {width:60%; margin-bottom:10px;}
	.multiModal .popup_alert {width:calc(100% - 20px); margin:10px;}
	.multiModal .popup_alert .popup_alert_box {max-height:max-content; overflow:hidden;}
	.popup_box .popup_box_content .popup_box_scroll .adRead ul li {width:calc(100% - 4px);}
	
	.pop_color_picker {width:calc(100% - 0px);}
	.pop_color_picker .color_picker {width:100% !important;}
	
	.master_popup .master_gage_wrap .master_gage_control {display:flex; flex-direction:column;}
	.master_popup .master_gage_wrap .master_gage_control .mgc_wrap {width:100%; margin-bottom:10px;}
	
	.pdc_box .time_set .mm,
	.pdc_box .time_set .dd,
	.pdc_box .time_set .ss,
	.pdc_box .time_set .sss {width:68px;}
	
	
	/* player > capture_img */
	.detail_wrap .detail_ccr_body .capture_img {width:calc(100% - 20px); margin:0 10px;}
	.detail_wrap .detail_ccr_body .capture_img p img {width:100%;}
	
	
	/* setting > TroubleNotice */
	.detail_wrap .detail_ccr_body .detail_ccr_box dd .checkWrap ul li ul li {width:100%;}
	
	/* detail_layer
	------------------------------------------------*/
	.detail_wrap .detail_setting_header {height:auto; display:block; padding-bottom:10px;}
	.detail_wrap .detail_setting_header .titleBox .btnCircle {margin:6px;}
	.detail_wrap .detail_setting_header .titleBox .title {width:calc(100% - 60px);}
	.detail_wrap .detail_setting_header .titleBox .title h2 {font-size:20px;}
	.detail_wrap .detail_setting_header .buttonWrap {text-align:right; margin:0 6px;}
	
	/* Register Product License */
	.popup_box .ui-tabs .ui-tabs-nav li {display:block; width:100%;}
	#tabs-1.popup_box_content .popContent {height:auto;}
	
	/* calendar ui */
	.fc-button-group {margin:0 !important; width:100%;}
	.fc-toolbar .fc-left,
	.fc-toolbar .fc-right {float:none !important; text-align:center; padding-top:20px;}
	.fc-toolbar .fc-left button {float:none;}
	.fc-toolbar .fc-right #evt_view_time_change {width:calc(100% - 4px); margin-bottom:10px;}
	.fc-right .fc-button-group button {width:calc(25% - 2px); min-width:auto; display:inline-block;}
	
	/* detail_component_oled */
	.detail_component_oled .component_header {display:block;}
	.detail_component_oled .detail_oled .component_header {display:flex;}
	.detail_component_oled .detail_oled .component_header.basic {display:block;}
	.detail_component_oled .component_header h3 {margin-bottom:10px;}
	.detail_component_oled .component_header .videoComp {display:block;}
	.detail_component_oled .component_header .videoComp .select_box_low {margin:0; width:calc(100% - 0px); margin-bottom:6px;}
	.detail_component_oled .component_header .tools {display:block;}
	.detail_component_oled .component_header .tools .slide_box {width:calc(100% - 20px); margin-bottom:10px;}
	.detail_component_oled .component_header .slide_box .slider {width:calc(100% - 80px) !important;}
	
	/* Settings
	------------------------------------------------*/
	.ipInsert {display:block;}
	.ipInsert .select_box_low {width:100%; margin-bottom:10px;}
	.ipInsert .ipWrite {width:100%; margin:0 -2px;}
	.ipInsert .ipWrite input {width:calc(25% - 14px); margin:0 2px;}
	
	.detail_wrap .detail_setting_body .detail_setting_float .title {display:block;}
	.detail_wrap .detail_setting_body .detail_setting_float .licenseBox {padding:0;}
	.detail_wrap .detail_setting_body .detail_setting_float .licenseBox dl {}
	.detail_wrap .detail_setting_body .detail_setting_float .licenseBox dl dt {display:block; width:auto; margin:0;}
	.detail_wrap .detail_setting_body .detail_setting_float .licenseBox dl dd {width:auto;}
	.detail_wrap .detail_setting_body .detail_setting_float .licenseBox dl dd #btnPurchaseLicense {display:block !important; margin:0;}
	
	.detail_wrap .detail_setting_body .detail_setting_float .set_txt dl dt,
	.detail_wrap .detail_setting_body .detail_setting_float .set_txt dl dd {width:100%; margin:0;}
	.detail_wrap .detail_setting_body .detail_setting_float .set_txt dl dd {margin-bottom:10px;}
	
	.detail_wrap .detail_setting_body .detail_setting_float dd .authority table tr th,
	.detail_wrap .detail_setting_body .detail_setting_float dd .authority table tr td:nth-child(1) {padding: 10px 2px; word-break:break-word;}
	
	.detail_wrap .detail_setting_body .detail_setting_width .dsw_user_header .buttonWrap {width:100%; text-align:center;}
	.detail_wrap .detail_setting_body .detail_setting_width .dsw_user_header .buttonWrap button {}
	.detail_wrap .detail_setting_body .detail_setting_width .dsw_user_header dl {text-align:right; width:100%;}
	.detail_wrap .detail_setting_body .detail_setting_width .dsw_user_header dl dd {max-width:none; width:100%;}
	.detail_wrap .detail_setting_body .detail_setting_width .dsw_user_header dl dd .fnSelectBox {width:100% !important; margin-top:10px;} 
	
	
	/* Editor
	------------------------------------------------*/
	.pop_wrap_large.nsc .pwl_box .pwl_content .pwl_content_header {height:auto;}
	.pop_wrap_large.nsc .pwl_box .pwl_content .pwl_content_header .select_box_low {display:block; width:auto; margin-bottom:10px;}
	.pop_wrap_large.nsc .pwl_box .pwl_content .pwl_content_header .button_gray2 {margin-bottom:10px;}
	.pop_wrap_large.nsc .button_white {float:none !important; text-align:center; margin-bottom:4px;}
	.pop_wrap_large.nsc .button_white button {}
	.editor_property .editor_property_body .epb_section_wrap .epb_section.full_width {width:100%;}
	.editor_property .editor_property_body .epb_section_wrap .epb_section dd.slide_box .slide_box {width:200px; margin:0;}
	.editor_property .editor_property_body .epb_section_wrap .epb_section.column_3 dl {width:calc(100% - 10px); margin-top: 10px;}
	.editor_property .editor_property_body .epb_section_wrap .epb_section.column_3 dl .time_input input {width:calc(50% - 10px);}
	
	.popup_box .popup_box_content .transition_effect {width:100%;}
	.popup_box .popup_box_content .transition_photo {margin:0 auto 20px; width:100%; text-align:center; background:none;}
	.popup_box .popup_box_content span#qrcodeCanvas #qrcanvas {width:100%;}
	

	.editor_property .editor_property_body .epb_section_wrap {display:block;}
	.editor_property .editor_property_body .epb_section_wrap .epb_section {width:100%;}
	.editor_property .editor_property_body .epb_section_wrap .epb_section[map=style] {margin-left:0;}
	
	#tool_bar .tools .select_wrap {width:calc(100% - 4px);}
	

}

@media (max-width:480px) {
	.xs {display:block !important;}
	.play_list_detail .preview_slide {width:292px;}
	.play_list_detail .preview_slide ul li {width:292px;}
	
	.detail_wrap .detail_setting_body .detail_setting_float dd.maxWidth.slideWrap .slide_box {width:190px !important;}

}