@charset"utf-8";
/*btn*/
.btn{display:inline-block;line-height:21px;padding:6px 12px;border-radius:3px;cursor:pointer;text-align:center;vertical-align:middle;white-space:nowrap;font-size:12px;}
.btn a{color:#333333;}
/*btn_size*/
.btn_s {padding: 1px 24px;}
.btn_m {padding: 1px 8px;}
.btn_sm {padding: 5px 10px;}
.btn_xs {padding: 3px 20px;}
.btn_lg {padding: 5px 23px;}
.btn_wide {padding:9px 30px;}
.btn_sum{padding:23px 30px;}
.btn_login{padding:26px 25px;}
/*btn_color*/
.btn_default{background:#f6f7f8;color:#636e7b;border:1px solid #ccd1d5;}
.btn_default a{color:#636e7b;}
.btn_primary{color:#fff;background-color:#4164b1;border-color:#4164b1;border:1px solid #4164b1;}
.btn_primary a{color:#fff;}
.btn_search{background:#636e7b;color:#fff;border:1px solid #636e7b;}
.btn_search a{color:#fff;}
.btn_logout{background:#ffffff;color:#5c6676;border:2px solid #5c6676;border-radius:20px;}
.btn_logout a{color:#5c6676;font-weight:bold;}
.btn_made{background:#7097f9;color:#ffffff;border:2px solid #7097f9;border-radius:20px;}
.btn_made a{color:#fff;font-weight:bold;}
.btn_delete{color:#fff;background-color:red;border-color:red;border:1px solid red;}
.btn_delete a{color:#fff;}
.btn_calendar{background-color:#636e7b;border:1px solid #636e7b;color:#fff;}
.btn_calendar a{color:#fff;}
.btn_arrow{background:#ffffff;color:#4164b1;border:1px solid #4164b1;border-radius:20px;}
.btn_arrow a{color:#4164b1;font-weight:bold;}
.btn_main{color:#777777;background-color:#fff;border:1px solid #cccccc;}
.btn_main a{color:#777777;}
/*btn_icon*/
.ico_caption{display:inline-block;background:url(/images/dggb/mngr/sub/ico08.gif) no-repeat 0 0;width:22px;height:32px;vertical-align:middle;padding-right:5px;}
.ico_cal{display:inline-block;background:url(/images/dggb/mngr/sub/calendar_ico.png) no-repeat 0 0;width:16px;height:15px;vertical-align:middle}
.ico_list{display:inline-block;background:url(/images/dggb/mngr/sub/calendar_ico.png) no-repeat 0 -16px;width:17px;height:16px;vertical-align:middle}
.ico_exDw{display:inline-block;background:url(/images/dggb/mngr/sub/calendar_ico.png) no-repeat 0 -32px;width:17px;height:12px;vertical-align:middle}
.ico_exUp{display:inline-block;background:url(/images/dggb/mngr/sub/calendar_ico.png) no-repeat 0 -44px;width:17px;height:12px;vertical-align:middle}
.ico_schFood{display:inline-block;background:url(/images/dggb/mngr/sub/calendar_ico.png) no-repeat 0 -56px;width:14px;height:13px;vertical-align:middle}
.ico_schedul{display:inline-block;background:url(/images/dggb/mngr/sub/calendar_ico.png) no-repeat 0 -68px;width:14px;height:12px;vertical-align:middle}
.ico_date{display:inline-block;background:url(/images/dggb/mngr/sub/calendar_ico.png) no-repeat -16px 0;width:17px;height:15px;vertical-align:middle}
.ico_lock{display:inline-block;background:url(/images/dggb/mngr/login/find_ico.png) no-repeat 0 0;width:30px;height:26px;vertical-align:middle}
.ico_login{display:inline-block;background:url(/images/dggb/mngr/login/log_ico.png) no-repeat 0 0;width:19px;height:18px;vertical-align:middle}
.ico_candi{display:inline-block;background:url(/images/dggb/mngr/sub/calendar_ico.png) no-repeat -35px 0;width:17px;height:12px;vertical-align:middle}
.btn_arrows{width:14px;height:30px;margin:0 auto;}
.btn_arrUp{display:inline-block;background:url(/images/dggb/mngr/sub/bullet09.gif) no-repeat 0 0;width:14px;height:9px;vertical-align:middle;text-indent:-9999em;}
.btn_arrDown{display:inline-block;background:url(/images/dggb/mngr/sub/bullet09.gif) no-repeat 0 -10px;width:14px;height:9px;vertical-align:middle;text-indent:-9999em;}
.btn_arrOn{display:inline-block;background:url(/images/dggb/mngr/sub/bullet09.gif) no-repeat 0 -18px;width:14px;height:10px;vertical-align:middle;text-indent:-9999em;}
/*table_list_basics*/
/* .tableWrap{border-top:1px solid #454a57;} */
.tableWrap table{width:100%;}
.tableWrap table th{border-bottom:2px solid #dddddd;background-color:#f7f7f7;padding:10px 5px;font-size:13px;color:#636e7b;}
.tableWrap table td{border-bottom:1px solid #dddddd;padding:9px 8px;font-size:12px;text-align:center;}
.tableWrap table td a.samu:hover{text-decoration:underline;}
.tableWrap table td input[type=radio],.tableWrap table td input[type=checkbox]{vertical-align:middle;cursor:pointer;margin-right:5px;}
.tableWrap table td img{vertical-align:middle}
.tableWrap table tr.nav1{background-color:#b7c0cf;}
.tableWrap table tr.nav1 td{color:#505663;font-weight:600}
.tableWrap table tr.disable{background-color:#ebeef1;color:#929292;}
form h3.table_tit{color:#636e7b;padding:15px 0 8px 0;}
/*table_list_row*/
.row table th{border-bottom:1px solid #dddddd;background-color:#f7f7f7;padding:10px 5px;color:#636e7b;}
.row table td{padding:5px 7px;}
/*table_list_color*/
.sky{border-top:1px solid #afbcd4;}
.sky table th{background-color:#eef4f8;padding:4px 3px;color:#80859b;}
.sky table td{padding:4px 3px;}
/*table_top_form*/
.tb_list{margin-top:10px;}
.tb_list>span{margin-right:5px}
.tb_list b{color:#7097f9;}
/*paging*/
.paging{width:100%;text-align:center;padding-top:15px;padding-bottom:20px;}
.paging a, .paging img, .paging a span, .paging a span.on{vertical-align:middle;font-family:'NanumGothic';font-size:12px;color:#6e6e6e;margin-left:1px;}
.pagingWrap a, .pagingWrap a span{margin-left:1px;} 
.paging a img{padding-top:1px;}
.paging a span{display:inline-block;padding:1px 3px;}
.paging a span{cursor:pointer;}
.paging a span.on{color:#4e6eb6;font-weight:bold;border:1px solid #dddddd;padding:3px 6px;}
/*tab*/
.cocntainer_tabs {height:36px;border-bottom:1px solid #454a57;width:100%;border-left:1px solid #e2e2e2;}
/*.cocntainer_tabs .tab{display:block;float:left;overflow:hidden;height:35px;line-height:280%;border-right:1px solid #e2e2e2;text-align:center;min-width:82px;color:#626262;border-top:1px solid #e2e2e2;background:#f4f4f4;padding:0 15px;font-weight:bold;}*/
/* 2016년 03월 5일 수정[sjlee] */
.cocntainer_tabs .tab{display:block;float:left;overflow:hidden;min-width:82px;height:35px;line-height:280%;border-right:1px solid #e2e2e2;text-align:center;color:#626262;border-top:1px solid #e2e2e2;background: #f5f5f5;padding:0 15px;font-weight:bold;cursor:pointer;}
.cocntainer_tabs .active{border-left:1px solid #454a57;border-top:1px solid #454a57;background:white;border-bottom:1px solid white;font-weight:bold;border-right:1px solid #454a57;color:#454a57;font-weight:bold;}
/*select*/
.form-control{border:1px solid #cbd5dd;padding:7px 10px !important;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;height: auto;font-size: 13px;vertical-align:middle;}
.selBox{border-bottom:1px solid #dddddd;padding:20px 10px 15px 10px;}
.selBox span{background:url(/images/dggb/mngr/sub/bullet05.gif) no-repeat 2px 5px;padding-left:8px;margin-right:10px;}
/*radio*/
.radioBox input[type=radio]{vertical-align:middle;cursor:pointer}
.radioBox>label{margin:0 20px 0 0;}
.radioBox{border:1px solid #000000;padding:18px 0px 20px 30px;}
/*search*/
.search{border:1px solid #dddddd;border-radius:1px;background-color:#f8f8f8;padding:8px 10px 8px 12px;}
.search select,.search input[type=text]{min-width:120px;}
/*popup*/
.w340{width:340px !important;}
.w490{width:490px !important;}
.w540{width:540px !important;}
.w600{width:600px !important;}
.w700{width:600px !important;}
.w800{width:600px !important;}
.popup_header{padding:12px 10px 12px 10px;background-color:#454a57;color:#ffffff;}
.popup_header button.close{-webkit-appearance:none;padding:0;cursor:pointer;}
.popup_header .close{float:right;font-size:24px;font-weight:100;color:#ffffff;margin-top:-2px} 
.popup_header .modal-header .close{float:right;font-size:24px;font-weight:100;color:#ffffff;}
.modal-title,.popup_title{font-size:18px;}
.popup_scroll{overflow-y:scroll;height:205px;border-bottom:1px solid #dddddd;border-top:1px solid #454a57;}
.popup_scrollTb{overflow-y:scroll;height:100px;}
.popup_content{border:1px solid #000000;margin:0 auto;}
.popup_body{padding:15px 13px 20px 15px;}
/*modal popup*/
.popup-content{border-radius:3px; border:1px solid #dddddd;z-index:1000;}
.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear;}
.fade.in{opacity:1}
.modal-header button.close{-webkit-appearance:none;padding:0;cursor:pointer;}
.modal-header .close{float:right;font-size:24px;font-weight:100;color:#ffffff;margin-top:-2px}
.modal {background:rgba(0,0,0,0.5);}
.modal-content .ctr-box {text-align:right; background:white; padding:15px; position:absolute; bottom:0; width:100%; box-sizing:border-box;}


.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}
.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}
.modal-content {/*position:absolute;*/ position:relative; width:80% !important; height:80%; max-height:80%; top:10%; margin:0 10%; padding:42px 0 66px; box-sizing:border-box; background:#fff; border-radius:3px; outline:0; z-index:1000;
	-webkit-background-clip:padding-box; background-clip:padding-box;  -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5); box-shadow:2px 2px 5px 0 rgba(0, 0, 0, 0.25);}

	.modal-content.w490 {width:50% !important; max-width:490px; min-width:355px; margin:0 25%; top:80px; float:left;}
	.modal-content.w490 .modal-header {height:42px;}
	.modal-content.w490 .modal-header > p {margin-top:-5px;}
	.modal-content.w490 .modal-body:before {content:""; display:none;}

.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}
.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}
.modal-header{padding:12px 10px 12px 10px;background-color:#454a57;color:#ffffff; box-sizing:border-box; position:absolute; top:0; width:100%;}
.modal-header > p {padding:0 !important;}
.modal-body {width:100%; position:relative;padding:15px 13px 20px 15px; height:100% !important; float:left; background:white; box-sizing:border-box;}
.modal-body:before {content:"* 썸네일을 클릭하여 확대해 볼 수 있습니다."; width:100%; display:block; line-height:16px; float:left; font-size:12px;  color:#d01a1a;}
.modal-body p.text{padding:12px 6px;}
.modal-body p.notice{line-height:17px;color:#525252;}

.sub-modal-header button.close{-webkit-appearance:none;padding:0;cursor:pointer;}
.sub-modal-header .close{float:right;font-size:24px;font-weight:100;color:#ffffff;margin-top:-2px}
.sub-modal {background:rgba(0,0,0,0.5);}
.sub-modal-content{ position:absolute; top:110px;left:10%;border-radius:5px; border:1px solid #dddddd; box-shadow:2px 2px 5px 0 rgba(0, 0, 0, 0.25); z-index:1100;}
.sub-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}
.sub-modal.fade .sub-modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}
.sub-modal.in .sub-modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}
.sub-modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:3px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}
.sub-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
.sub-modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}
.sub-modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}
.sub-modal-header{padding:12px 10px 12px 10px;background-color:#454a57;color:#ffffff;}
.sub-modal-body{position:relative;padding:15px 13px 20px 15px;}
.sub-modal-body p.text{padding:12px 6px;}
.sub-modal-body p.notice{line-height:17px;color:#525252;}




/* wide_popup design */
/* main template select detail popup,  slide img modify popup,  mainpage edit contents add popup */

.wide_edit_popup {width:85% !important; height:75%; float:left; left:auto; margin:0 10%; padding:42px 0 0; box-sizing:border-box;}
	.wide_edit_popup .modal-header {}
	.wide_edit_popup .modal-body {float:left; background:white; height:100% !important; box-sizing:border-box; 
									overflow-y:scroll !important; max-height:none !important}

	/* modal-img-content-box */
	.wide_edit_popup#modal-img-content-box {top:4%; width:45% !important; margin:0 2%; padding:0;}
	.wide_edit_popup#modal-img-content-box .sub-modal-header .sub-modal-title {font-size:18px;}
	.wide_edit_popup#modal-img-content-box .sub-modal-body {height:100%; overflow-y:scroll; box-sizing:border-box; background:white; overflow-x:hidden; max-height:687px;}

		.wide_edit_popup#modal-img-content-box .sub-modal-body > div:first-child {margin-top:0 !important; color:#d70c0c; padding-bottom:10px;}
		.wide_edit_popup#modal-img-content-box .sub-modal-body div .row {margin-left:0 !important; margin-right:0 !important; padding:0 !important;}
		.wide_edit_popup#modal-img-content-box .sub-modal-body .fileinput-button {width:100%; background:#272d3d; border:none; margin-bottom:0; padding:5px 0;}
		.wide_edit_popup#modal-img-content-box .sub-modal-body .fileinput-button .btn_primary {background:#272d3d; margin-bottom:0; border:none;}

		/*drag box*/
		.wide_edit_popup#modal-img-content-box .sub-modal-body > div:nth-child(3) {padding-left:0 !important; margin-right:0 !important;}
		.wide_edit_popup#modal-img-content-box .sub-modal-body > div:nth-child(3) > div {width:100% !important; height:60px !important; border:3px dashed #ddd !important; border-radius:15px; box-sizing:border-box;}
		.wide_edit_popup#modal-img-content-box .sub-modal-body > div:nth-child(3) > div:before {content:"Drop Images Here"; width:100%; float:left; text-align:center; margin-top:15px; font-size:21px; font-weight:600; color:#777;}
		.wide_edit_popup#modal-img-content-box .sub-modal-body > div:nth-child(4) {padding-left:0 !important; margin-right:0 !important;}
		.wide_edit_popup#modal-img-content-box .sub-modal-body > div:nth-child(4) > .fl {height:460px !important; width:33% !important; border:2px solid #ddd !important; padding:0 0 0 5px; box-sizing:border-box; position:relative;}
		.wide_edit_popup#modal-img-content-box .sub-modal-body > div:nth-child(4) > .fr {height:460px !important; width:66% !important; border:2px solid #ddd !important; box-sizing:border-box; /*background:#f0f0f0;*/}
		.wide_edit_popup#modal-img-content-box .sub-modal-body > div:nth-child(4) > .fl:before {content:"FOLDER"; font-weight:600; font-size:14px; padding:7px 0; position:absolute;}
		.wide_edit_popup#modal-img-content-box .sub-modal-body > div:nth-child(4) > .fr:before {content:"* 썸네일을 클릭하면 바로 이미지가 변경됩니다."; padding:5px; letter-spacing:-0.5px; float:left;}

			.wide_edit_popup#modal-img-content-box .sub-modal-body > div:nth-child(4) > .fl #folder_area > div {height:420px !important; overflow-y:scroll !important;}
				.wide_edit_popup#modal-img-content-box .fl #folder_area > div > ul#folderListUl {padding-top:30px;}
				.wide_edit_popup#modal-img-content-box .fl #folder_area > div > ul#folderListUl li {padding:5px 0;}
				.wide_edit_popup#modal-img-content-box .fl #folder_area > div > ul#folderListUl li:first-child a {}
				.wide_edit_popup#modal-img-content-box .fl #folder_area > div > ul#folderListUl li a {font-size:12px;}
				.wide_edit_popup#modal-img-content-box .fl #folder_area > div > ul#folderListUl .btn_m {padding:0; font-size:0px;line-height:15px;}
				.wide_edit_popup#modal-img-content-box .fl #folder_area > div > ul#folderListUl .btn_m:before {float:left;}
				.wide_edit_popup#modal-img-content-box .fl #folder_area > div > ul#folderListUl .btn_default {}
				.wide_edit_popup#modal-img-content-box .fl #folder_area > div > ul#folderListUl .btn_default:before {content:url(/images/wzwg/site/mngr/icon_modify.png); width:15px; height:15px; line-height:15px; text-align:center;}
				.wide_edit_popup#modal-img-content-box .fl #folder_area > div > ul#folderListUl .btn_delete {color:white; border:none;}
				.wide_edit_popup#modal-img-content-box .fl #folder_area > div > ul#folderListUl .btn_delete:before {content:"\00d7"; width:15px; height:15px; line-height:15px; font-size:17px; color:white;}

			.wide_edit_popup#modal-img-content-box .sub-modal-body > div:nth-child(4) > .fl #folder_area > div.ta_c {width:95%; height:25px !important; float:left; position:absolute; bottom:4px;overflow-y:auto !important;}
			.wide_edit_popup#modal-img-content-box .sub-modal-body > div:nth-child(4) > .fl .ta_c .btn_default {background:#68ae38; border:1px solid #68ae38; color:white; margin-right:0 !important;}

			.wide_edit_popup#modal-img-content-box .sub-modal-body > div:nth-child(4) > .fr #image_area {}
			.wide_edit_popup#modal-img-content-box .sub-modal-body > div:nth-child(4) > .fr #image_area .list_btns {padding:5px; box-sizing:border-box;}
			.wide_edit_popup#modal-img-content-box .fr #image_area .list_btns > ul {width:100%; float:left;}
			.wide_edit_popup#modal-img-content-box .fr #image_area .list_btns > ul li {width:24.25%; float:left; box-sizing:border-box; margin:0 1% 15px 0; text-align:center;}
			.wide_edit_popup#modal-img-content-box .fr #image_area .list_btns > ul li > table {width:100%; float:left; background:#f0f0f0; box-sizing:border-box; border-radius:5px; text-align:center;}
			.wide_edit_popup#modal-img-content-box .fr #image_area .list_btns > ul li > table tbody tr td div.ta_c {min-height:87px; width:100%; text-align:center; line-height:87px;}
			.wide_edit_popup#modal-img-content-box .fr #image_area .list_btns > ul li > table tbody tr td div.mg_t5 {min-height:auto; line-height:normal;}
			.wide_edit_popup#modal-img-content-box .fr #image_area .list_btns > ul li:nth-child(4n) {margin-right:0;}
			.wide_edit_popup#modal-img-content-box .fr #image_area .list_btns > ul li:nth-child(4n+1) {clear:both;}
			.wide_edit_popup#modal-img-content-box .fr #image_area .list_btns > ul li table img {width:100%; height:auto; max-height:82px; min-height:50px; margin-bottom:5px; line-height:16px;}
			.wide_edit_popup#modal-img-content-box .fr #image_area div.ta_c > a span.btn_primary  {font-size:11px; padding:0 3px; line-height:18px; background:#aaa; border:1px solid #777;}
			/*.wide_edit_popup#modal-img-content-box .fr #image_area div.ta_c > a span.btn_primary:before {}*/
			.wide_edit_popup#modal-img-content-box .fr #image_area div.ta_c > a span.btn_delete {font-size:0; padding:0 1px; color:white; line-height:18px; background:#333; border:1px solid #333;}
			.wide_edit_popup#modal-img-content-box .fr #image_area div.ta_c > a span.btn_delete:before {content:"❌"; float:left; font-size:10px; color:white;}



			.wide_edit_popup#modal-img-content-box .sub-modal-body > div.ta_c.mg_t10 .btn_primary {float:right; margin:17px 0 0 !important; background:#fff; color:#333; border:1px solid #333; -webkit-transition:background 1s; transition:background 1s;}
			.wide_edit_popup#modal-img-content-box .sub-modal-body > div.ta_c.mg_t10 .btn_primary:hover {background:#272d3d; color:white;}
			.wide_edit_popup#modal-img-content-box .sub-modal-body > div.ta_c.mg_t10 .btn_primary:before {content:"창";}





	/* addContentPopup */
	.wide_edit_popup#addContentPopup {top:10%; max-width:none !important; margin-left:0; left:0 !important; margin:0 10%; padding-top:0;}
	.wide_edit_popup#addContentPopup > .popupzone_contents {height:100%;}
	.wide_edit_popup#addContentPopup > .popupzone_contents .pop-container {height:100%; overflow-y:scroll; background:white;}
	div.pop-box > div#addContentPopup div.pop-conts {overflow-y:auto;}