@charset "utf-8"; 
/*@latest 2019.07.10 ssj */

/* 컨텐츠 폰트 변경을 위해 적용 */
#template00 * {font-family:inherit;} 

/* 탭 컨테이너 공통 위치 */
.cntnts-tabs {width:100%; float:left; clear:both; display:block; position:relative; padding:5px 1px 0; box-sizing:border-box;}

.cntnts-tabs ul.tabs-menu {padding-left:0 !important; max-width:1300px; margin:0 auto;}
.cntnts-tabs ul.tabs-menu li {list-style:none !important; clear:none !important; cursor:pointer;}

.cntnts-tabs .tabs-contentBox {background:white; clear:both; width:100%; overflow:hidden; position:relative; box-sizing:border-box;}
.cntnts-tabs .tabs-contents>div {width:100%; float:left; display:none;}
.cntnts-tabs .tabs-contents>div.active {display:block;}


/* 일반 탭 */
.cntnts-tabs.ts-basic .tabs-menu {width:100%; height:36px; border-bottom:1px solid #ddd; list-style:none; padding:0 0 0 5px !important; box-sizing:border-box;}
.cntnts-tabs.ts-basic .tabs-menu li {float:left; line-height:30px !important; height:30px; margin-right:3px; padding:2px 12px; border:solid 1px #ddd; background:#f9f9f9;}
.cntnts-tabs.ts-basic .tabs-menu li.active {background:white; font-weight:600; border-bottom:1px solid white; padding:2px 0 0; height:32px;} 
.cntnts-tabs.ts-basic .tabs-menu li.active span {padding:0 12px 4px; display:block; background:#fff; color:#333;}
.cntnts-tabs .tabs-menu li:hover {background:white; font-weight:600;}

/* 일반 탭(wide) */
.cntnts-tabs.ts-basic-wide .tabs-menu {display:table; width:100%;}
.cntnts-tabs.ts-basic-wide .tabs-menu {width:100%; height:36px; border-bottom:1px solid #ddd; list-style:none; padding:0 0 0 5px !important; box-sizing:border-box;}
.cntnts-tabs.ts-basic-wide .tabs-menu li {float:none; line-height:30px !important; height:30px; margin-right:3px; padding:2px 12px; border:solid 1px #ddd; background:#f9f9f9; display:table-cell;}
.cntnts-tabs.ts-basic-wide .tabs-menu li.active {background:white; font-weight:600; border-bottom:1px solid white; padding:2px 0 0; height:32px;} 
.cntnts-tabs.ts-basic-wide .tabs-menu li.active span {padding:0 12px 4px; display:block; background:#fff; color:#333;}
.cntnts-tabs .tabs-menu li:hover {background:white; font-weight:600;}

/* 버튼 탭 */
.cntnts-tabs.ts-button .tabs-menu li {line-height:30px !important; height:30px; margin-right:3px; padding:2px 35px 2px 20px; position:relative; border:solid 1px #ddd; 
                                      margin-bottom:5px; border-radius:3px; background:#fff !important; float:none; display:inline-block;}
.cntnts-tabs.ts-button .tabs-menu li:after {content:"\276D"; transform:rotate(90deg); display:inline-block; font-size:10px; position:absolute; right:10px;}
.cntnts-tabs.ts-button .tabs-menu li.active {background:#333 !important; font-weight:600; color:#fff;} 
.cntnts-tabs.ts-button .tabs-menu li.active:after {transform:rotate(-90deg); font-weight:400;}
.cntnts-tabs.ts-button .tabs-menu li:hover {font-weight:600;}


/* 버튼 탭(wide) */
.cntnts-tabs.ts-button-wide .tabs-menu {display:table; width:100%; border-spacing:5px;}
.cntnts-tabs.ts-button-wide .tabs-menu li {line-height:30px !important; height:30px; margin-right:3px; padding:2px 35px 2px 20px; position:relative; border:solid 1px #ddd; 
                                      margin-bottom:5px; border-radius:3px; background:#fff !important; float:none; display:table-cell;}
.cntnts-tabs.ts-button-wide .tabs-menu li:after {content:"\276D"; transform:rotate(90deg); display:inline-block; font-size:10px; position:absolute; right:10px;}
.cntnts-tabs.ts-button-wide .tabs-menu li.active {background:#333 !important; font-weight:600; color:#fff;} 
.cntnts-tabs.ts-button-wide .tabs-menu li.active:after {transform:rotate(-90deg); font-weight:400;}
.cntnts-tabs.ts-button-wide .tabs-menu li:hover {font-weight:600;}


/* 탭 색상 스타일 */
.cntnts-tabs.tc-red     .tabs-menu li.active {background:#CD3938 !important;}         
.cntnts-tabs.tc-pink    .tabs-menu li.active {background:#cf4b88 !important;}        
.cntnts-tabs.tc-orange  .tabs-menu li.active {background:#cc6e2a !important;}      
.cntnts-tabs.tc-yellow  .tabs-menu li.active {background:#efd606 !important; color:#333;}      
.cntnts-tabs.tc-green   .tabs-menu li.active {background:#4d860e !important;}  
.cntnts-tabs.tc-blue    .tabs-menu li.active {background:#3278b6 !important; color:#fff;}     
.cntnts-tabs.tc-brown   .tabs-menu li.active {background:#8d541b !important;}      
.cntnts-tabs.tc-violet  .tabs-menu li.active {background:#734c9c !important;}     
.cntnts-tabs.tc-purple  .tabs-menu li.active {background:#970994 !important;}  
.cntnts-tabs.tc-white   .tabs-menu li.active {background:#fff !important; color:#333;}   
.cntnts-tabs.tc-grey    .tabs-menu li.active {background:#ccc !important;}          
.cntnts-tabs.tc-black   .tabs-menu li.active {background:#333 !important;}
  
.cntnts-tabs.tc-red ul.tabs-menu li {background:#fdf6f6;}
.cntnts-tabs.tc-pink ul.tabs-menu li {background:#fdf6f9;}
.cntnts-tabs.tc-orange ul.tabs-menu li {background:#fdf9f6;}
.cntnts-tabs.tc-yellow ul.tabs-menu li {background:#fbfaf2;}
.cntnts-tabs.tc-green ul.tabs-menu li {background:#f4f9f3;}
.cntnts-tabs.tc-blue ul.tabs-menu li {background:#f3f5f9;}
.cntnts-tabs.tc-brown ul.tabs-menu li {background:#f6f4f2;}
.cntnts-tabs.tc-violet ul.tabs-menu li {background:#f5f2f6;}
.cntnts-tabs.tc-purple ul.tabs-menu li {background:#f6f2f6;}
.cntnts-tabs.tc-white ul.tabs-menu li {background:#333 !important; color:#fff;}
.cntnts-tabs.tc-grey ul.tabs-menu li {background:#f0f0f0;}
.cntnts-tabs.tc-black ul.tabs-menu li {background:#e5e5e5;}






.a-table-inner{width:100% !important;}


/* table skin popup :layout */
.skinZone {width:100%; height:100%; display:block;}
.skinZone .skinItem {width:100%; float:left; margin-bottom:30px;}
.skinZone .skinItem .skinSample table {margin-bottom:20px;}
.skinZone .skinItem .skinBtn {text-align:right;}
.skinZone .skinItem .skinBtn button {}

    @media (min-width:800px){
        .skinZone .skinItem {width:49%;}
        .skinZone .skinItem:nth-child(2n+1) {clear:both; margin-right:2%;}

        .skinZone .skinItem .skinSample .table-headbg table {margin-bottom:59px;}
    }




/* table skin popup :skin */
.table-basic h2.tableTitle {margin:10px 0;}
.table-basic table {width:100%; border-collapse:collapse; border-top:solid 1px #888; border-bottom:solid 1px rgba(0,0,0,0.2);}
.table-basic table tr:nth-child(odd) {background:#f8f8f8;}
.table-basic table tr th {padding:14px 5px; font-size:0.95em; font-weight:600;}
.table-basic table tr td {padding:14px 5px; font-size:0.95em; text-align:center;}
.table-basic table tr.thead {background:#fff;}
.table-basic table tr.thead th {padding:15px 5px; font-size:13px; border-bottom:solid 1px rgba(0,0,0,0.1); text-align:center;}

.table-underline table {width:100%; border-collapse:collapse;}
.table-underline table tr th,
.table-underline table tr td {font-size:0.95em; border-bottom:solid 1px rgba(0,0,0,0.1); padding:14px 5px; text-align:left;}
.table-underline table tr.thead th {font-size:13px; border-bottom:solid 1px rgba(0,0,0,0.5); text-align:left;}

.table-basic2 table {width:100%; border-collapse:collapse; border:solid 1px #888;}
.table-basic2 tr th {font-size:13px; padding:15px 5px; border:solid 1px rgba(0,0,0,0.1); border-width:1px 0 0 0;}
.table-basic2 tr td {font-size:0.95em; padding:14px 5px; border:solid 1px rgba(0,0,0,0.1); border-width:1px 0 0 1px; text-align:center;}
.table-basic2 table tr.thead th {border-top:none; border-right:solid 1px rgba(0,0,0,0.1); border-bottom:solid 1px rgba(0,0,0,0.3);}
.table-basic2 table tr.thead th:last-of-type {border-right:none;}

.table-vertical table {width:calc(100% + 10px) !important; margin-left:-5px; border-spacing:5px 0;}
.table-vertical table tr:nth-child(odd) {background:#f8f8f8;}
.table-vertical table tr.thead {background:#f5f5f5;}
.table-vertical table tr.thead th {border-top:solid 1px rgba(0,0,0,0.3);}
.table-vertical tr th,
.table-vertical tr td {font-size:0.97em; border:solid 1px rgba(0,0,0,0.3); border-width:0 1px; padding:15px 5px; text-align:center; font-weight:400;}
.table-vertical tr:last-child th,
.table-vertical tr:last-child td {border-bottom:1px solid rgba(0,0,0,0.3);}
.table-vertical tr.thead th {font-weight:600; padding:16px 5px; font-size:14px;}

.table-headbg table {width:100%; border-collapse:collapse;}
.table-headbg tr th {font-size:13px; padding:15px 5px; background:#f9f9f9; border-bottom:solid 1px rgba(0,0,0,0.07);}
.table-headbg tr td {font-size:0.95em; padding:14px 5px; text-align:center; border-bottom:solid 1px rgba(0,0,0,0.1);}
.table-headbg table tr.thead th {background:#ddd; border-bottom:solid 1px rgba(0,0,0,0.2);}

.table-horizontal table {width:100%; margin-top:-10px; border-spacing:0 10px;}
.table-horizontal table tr:nth-child(odd) {background:#e7e7e7;}
.table-horizontal table tr:nth-child(even) {background:#f0f0f0;}
.table-horizontal tr th {font-size:0.97em; padding:15px 5px; text-align:center; font-weight:600;}
.table-horizontal tr td {font-size:0.97em; padding:15px 5px; text-align:center; font-weight:400;}
.table-horizontal tr.thead th {font-weight:600; padding:16px 5px; font-size:14px;}

.table-timeline1 h2.tableTitle {margin:10px 0;}
.table-timeline1 table {width:100%; border-collapse:collapse;}
.table-timeline1 table tr th {}
.table-timeline1 table tr td {padding:20px 15px 14px; font-size:0.95em; text-align:center; position:relative; text-align:left; vertical-align:top; box-shadow:none;}
.table-timeline1 table tr.thead {background:#fff;}
.table-timeline1 table tr.thead th~th,
.table-timeline1 table tr:first-child th~th {font-size:0.95em; padding:20px 15px 14px; font-weight:400; width:auto; text-align:left;}
.table-timeline1 table tr th:first-of-type {border-right:1px solid #ddd; position:relative; padding:20px 20px 17px 5px; 
											font-size:15px; font-weight:600; position:relative; width:20%; text-align:right; vertical-align:top;}
.table-timeline1 table tr th:first-of-type:after{content:""; width:7px; height:7px; border-radius:100%; background:#333; position:absolute; top:28px; right:-4px; transform:translateY(-50%);}
	/* skin-timeline1 re-setting */
	.table-timeline1 .a-table-wrapper .a-table .a-table-th {background:none;}
	.table-timeline1 .a-table-wrapper .a-table .a-table-th:first-of-type {border-right:1px solid #ddd;}
	.table-timeline1 .a-table-wrapper .a-table .a-table-th:first-of-type.a-table-border-right {border-right:2px solid #1c5590;}
	.table-timeline1 .a-table-wrapper .a-table {background-color:none;}
	.table-timeline1 .a-table-wrapper .a-table tr th:first-of-type,
	.table-timeline1 .a-table-wrapper .a-table .a-table-side {width:auto;}
	.table-timeline1 .a-table-wrapper .a-table .a-table-header th:after,
	.table-timeline1 .a-table-wrapper .a-table .a-table-side:after {content:""; display:none;}
	.table-timeline1 .a-table-wrapper .a-table tr:nth-child(2) .a-table-th {border-right:none;}
	.table-timeline1 .a-table-wrapper .a-table tr:nth-child(2) .a-table-th:first-of-type {border-right:1px solid #ddd;}
	.table-timeline1 .a-table-wrapper .a-table tr:nth-child(2) .a-table-th.a-table-border-right {border-right:2px solid #1c5590;}
	.table-timeline1 .a-table-wrapper .a-table .a-table-side + td {}
	.table-timeline1 .a-table-wrapper .a-table tr .a-table-th:first-of-type:after {content:""; width:7px; height:7px; border-radius:100%; background:#333; position:absolute; top:28px; right:-4px; transform:translateY(-50%);}

.table-timeline2 h2.tableTitle {margin:10px 0;}
.table-timeline2 table {width:100%; border-collapse:collapse;}
.table-timeline2 table tr th {}
.table-timeline2 table tr td {padding:14px 15px 0 30px; font-size:0.95em; text-align:center; position:relative; text-align:left; vertical-align:top; box-shadow:none; word-break:keep-all;}
.table-timeline2 table tr.thead {background:#fff;}
.table-timeline2 table tr.thead th~th,
.table-timeline2 table tr:first-child th~th {font-size:0.95em; padding:14px 15px 0 30px; font-weight:400; width:auto; text-align:left; vertical-align:top;}
.table-timeline2 table tr th:first-of-type {border-right:3px solid #a7ccf1; position:relative; padding:10px 20px 17px 5px; 
											font-size:15px; font-weight:600; position:relative; width:20%; text-align:right; vertical-align:top;}
.table-timeline2 table tr th:first-of-type:after{content:""; width:7px; height:7px; border-radius:100%; background:#fff; box-shadow:0 0 0 3px #2380dd; position:absolute; top:22px; right:-5px; transform:translateY(-50%);}
	/* skin-timeline1 re-setting */
	.table-timeline2 .a-table-wrapper .a-table .a-table-th {background:none;}
	.table-timeline2 .a-table-wrapper .a-table .a-table-th:first-of-type {border-right:3px solid #a7ccf1; padding-left:10px;}
	.table-timeline2 .a-table-wrapper .a-table .a-table-th:first-of-type.a-table-border-right {border-right:2px solid #1c5590;}
	.table-timeline2 .a-table-wrapper .a-table {background-color:none;}
	.table-timeline2 .a-table-wrapper .a-table tr th:first-of-type,
	.table-timeline2 .a-table-wrapper .a-table .a-table-side {width:auto; border-right:1px solid #ddd !important;}
	.table-timeline2 .a-table-wrapper .a-table .a-table-header th:after,
	.table-timeline2 .a-table-wrapper .a-table .a-table-side:after {content:""; display:none;}
	.table-timeline2 .a-table-wrapper .a-table tr:nth-child(2) .a-table-th {border-right:none;}
	.table-timeline2 .a-table-wrapper .a-table tr:nth-child(2) .a-table-th:first-of-type {border-right:3px solid #a7ccf1;}
	.table-timeline2 .a-table-wrapper .a-table tr:nth-child(2) .a-table-th.a-table-border-right {border-right:2px solid #1c5590;}
	.table-timeline1 .a-table-wrapper .a-table .a-table-side + td {}
	.table-timeline2 .a-table-wrapper .a-table tr .a-table-th:first-of-type:after {content:""; width:7px; height:7px; border-radius:100%; background:#fff; box-shadow:0 0 0 3px #2380dd; position:absolute; top:22px; right:-5px; transform:translateY(-50%);}

	.skinSample .table-timeline2 table tr th:first-of-type {padding:20px 20px 17px 5px;}
	.skinSample .table-timeline2 table tr th:first-of-type:after {top:29px;}
	.skinSample .table-timeline2 table tr.thead th~th, .skinSample  .table-timeline2 table tr:first-child th~th,
	.skinSample .table-timeline2 table tr td {padding:22px 15px 0 30px;}



/* contetns */
.wzContentText {text-align:left; padding:3px; box-sizing:border-box;}
.wzwgTableContextMenu {clear:both;}
.contentsWidget {position:relative; clear:both; font-family:FontAwesome !important;}


.contentsWidget .wzSectionAlign-left { margin-right:auto; margin-left:0}
.contentsWidget .wzSectionAlign-center {margin-right:auto; margin-left:auto}
.contentsWidget .wzSectionAlign-right {margin-right:0; margin-left:auto}



/* image widget */
.wzContentsBox {width:100%; position:relative;}
.wzContentsBox .boxFrame {display:block; width:50%;}
.wzContentsBox .imgHelpTxt {text-align:center; display:block;} 
.wzContentsBox .imgHelpTxt > div {font-size:13px; padding:5px 5px 10px; box-sizing:border-box; line-height:normal; color:#838383;}
.wzContentsBox .imgHelpTxt > div:hover,
.wzContentsBox .imgHelpTxt > div:focus {background:#f0f0f0;}
.wzContentsBox .imgHelpTxt span {max-width:100%; text-align:center;}
.wzContentsBox .boxBorder {display:inline-block; width:100%; /*padding:3px;*/ /*border:solid 1px #999;*/ box-sizing:border-box; position:relative; overflow:hidden;}
.wzContentsBox .boxBorder img {width:100%; display:block;}



/* img cover design */
.wzEditor-img-contents .wzEditor-func.cover ul li {width:100%;}

.wzContentsBox .boxBorder .imgCover {position:relative;}
/* blur shadow fx*/ .imgCover.cover-blur:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; display:block;
											  /*background:linear-gradient(to right, rgba(255,255,255,0.1) 50%, #fff );*/ z-index:1;
											  box-shadow:inset 0 0 20px #fff /* 배경과 같은 색 */,
												      	inset 0 0 20px #fff,
												     	 inset 0 0 20px #fff,
												     	 inset 0 0 20px #fff;}
/*photo filter fx*/ .imgCover.cover-filter:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; 
											 box-shadow:inset 0 0 50px rgba(0, 0, 0, 0.5), inset 0 0 100px rgba(0, 0, 0, 0.2); }
/* fade gradient */ .imgCover.cover-fade img {/*background-image:url(/images/wzwg/cmm/picker/0028_mask.png); background-size:100%;*/
											display:inline-block; position:relative;}
					.imgCover.cover-fade:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; display:block;
											  background:linear-gradient(to right, rgba(255,255,255,0.1) 50%, #fff ); z-index:1;}
/* photo flip fx */ .imgCover.cover-flip {display:inline-block; overflow:hidden; padding:6px;}
					.imgCover.cover-flip img {box-shadow:0 0 8px rgba(0,0,0,0.3);}
					.imgCover.cover-flip:before,
					.imgCover.cover-flip:after {content:""; position:absolute; z-index:1; width:97px; height:50px; background:#fff; transform:rotate(-30deg);}
					.imgCover.cover-flip:before {box-shadow:0 10px 8px -12px rgba(0,0,0,0.8); top:-24px; bottom:auto; right:auto; left:-26px;}
					.imgCover.cover-flip:after {box-shadow:0 -10px 10px -10px rgba(0,0,0,0.7); top:auto; bottom:-22px; right:-25px; left:auto;}

/* page shadow fx*/ .imgCover.cover-shadow {display:inline-block; z-index:2; padding:0 15px 20px 0;}
					.imgCover.cover-shadow:after {content:""; position:absolute; z-index:-1; right:20px; left:auto; top:auto; bottom:32px; width:50%; height:20%;
											 box-shadow:0 15px 10px rgba(0,0,0,0.5); transform:rotate(3deg);}

/* bedge -NEW    */ .imgCover.cover-new,
/* bedge -BEST   */ .imgCover.cover-best {display:inline-block; overflow:hidden; padding:1px;}
					.imgCover.cover-new:after,
					.imgCover.cover-best:after {position:absolute; top:10px; left:-40px; z-index:1; width:120px; height:auto; color:#fff; text-align:center;
											 font-weight:600; padding:5px 10px; transform:rotate(-30deg); box-shadow:0 1px 3px rgba(0,0,0,0.3);}
					.imgCover.cover-new:after {content:"NEW"; background:#e10101;}
					.imgCover.cover-best:after {content:"BEST"; background:#2380dd;}
/* video play btn   .imgCover.cover08:before {content:"\f01d"; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); 
											 font-size:70px; color:#fff; text-shadow:1px 1px 5px rgba(0,0,0,0.5);}
					.imgCover.cover08:after {content:"클릭 시 동영상 재생을 위한 페이지로 이동됩니다."; opacity:0; position:absolute; top:65%; left:0; width:100%; text-align:center; color:#fff;
											 -webkit-transition:opacity 1s; transition:opacity 1s;}
					.imgCover.cover08:hover:after {opacity:1;}*/

/* youtube */
.wzContentsBox .boxBorder .youtubeCover {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.wzContentsBox .boxBorder .youtubeCover .defender{display:none; position:absolute;top:0;left:0;width:100%;height:100%;}
.wzContentsBox .boxBorder .youtubeCover .wzYoutubeFrame{position:absolute;top:0;left:0;width:100%;height:100%;}


.wzEditor {}
.wzEditor .wzEditor-command {margin-bottom:30px !important;}
.wzEditor .wzEditor-command p.font_reco {display:none;}
.wzEditor .wzEditor-command .tools {background:#f3f3f3;padding-right:0;padding:5px;box-sizing:border-box;}
.wzEditor .wzEditor-command .tools button {background:none; border:none; -webkit-transition:background 0s; transition:background 0s; outline:none;}
.wzEditor .wzEditor-command .tools button:hover {background:#ddd;}
.wzEditor .wzEditor-command .tools .wzbtn-group {}
.wzEditor .wzEditor-command .tools .wzbtn-group#tableCtrlGrp {border-top:1px solid rgba(0,0,0,0.1); padding-top:10px; width:calc(100% - 12px); margin:20px 6px 0;}
.wzEditor .wzEditor-command .tools .wzbtn-group#tableCtrlGrp:before {content:"테이블 속성 변경 :"; font-size:12px; letter-spacing:-0.5px; font-weight:600;}

.wzEditor .wzEditor-command .tools button i.fa-bold:before {content:"T"; font-weight:600; font-family:-webkit-pictograph;}
.wzEditor .wzEditor-command .tools button i.fa-italic:before {content:"T"; font-style:italic; font-family:-webkit-pictograph;}
.wzEditor .wzEditor-command .tools button i.fa-strikethrough:before {content:"T"; text-decoration:line-through; font-family:-webkit-pictograph;}
.wzEditor .wzEditor-command .tools button i.fa-underline:before {content:"T"; text-decoration:underline; font-family:-webkit-pictograph;}
.wzEditor .wzEditor-command .tools button i.fa-level-down:before {display:inline-block; transform:rotate(90deg);}
.wzEditor .wzEditor-command .tools button i.fa-pencil:before {content:"T"; font-family:-webkit-pictograph;}
.wzEditor .wzEditor-command .tools button i.fa-pencil {position:relative; padding-right:5px;}
.wzEditor .wzEditor-command .tools button i.fa-pencil:after {content:""; width:6px; height:6px; background:#333; position:absolute; right:1px; bottom:0;}
.wzEditor .wzEditor-command .tools button i.fa-at {background:#333; color:#fff; padding:1px 2px;}
.wzEditor .wzEditor-command .tools button i.fa-at:before {content:"T"; font-family:-webkit-pictograph;}
.wzEditor .wzEditor-command .tools button i.fa-file:before {content:"\f019";}
.wzEditor .wzEditor-command .tools button i.fa-circle:before {content:"\f00b";}


.wzEditor-contents {}
.wzEditor-func {}
.wzEditor-func>div {width:100%; float:left; margin-top:0 !important; border:1px solid #ddd; margin-bottom:10px; box-sizing:border-box;}
.wzEditor-func>div p.font_reco {font-size:13px !important; position:relative; background:none !important; /*border:none !important;*/ margin-bottom:0; border-left:2px solid #ccc;}
.wzEditor-func>div p.font_reco button {width:100%; position:absolute; background:none; left:0; border:none; text-align:right; padding-right:10px; outline:none;}
.wzEditor-func>div >ul {width:100%; box-sizing:border-box; float:left; padding:10px 0; border-top:1px solid #f0f0f0;}
.wzEditor-func>div >ul li {padding:0 10px; box-sizing:border-box; float:left;}
.wzEditor-func>div >ul li button {width:100%; text-align:left;}
.wzEditor-func>div >ul li.wd50 button {text-align:center;}
.wzEditor-func>div >ul li.wz_tableguide {margin:10px !important; padding:10px !important; border:none; background:#f3f3f3;}
.wzEditor-func>div+button {}
.wzEditor-func>div >ul.font-list li {width:100%; float:left;}
.wzEditor-func>div >ul>li.i-block {width:50%;}
.wzEditor-func>div >ul>li.i-block button {text-align:center;}
.wzEditor-func>div.btn-list ul>li {width:25%; font-size:11px;}
.wzEditor-func>div.btn-list ul>li button {width:100%;}

/* corner border-radius */
.wzEditor-func>div #wzEditor-cntl-imgBorderRound {width:100%; float:left; border-top:1px solid #f0f0f0;}
.wzEditor-func>div #wzEditor-cntl-imgBorderRound > div {width:100%; float:left;}
.wzEditor-func>div #wzEditor-cntl-imgBorderRound > div .subTitle {background:none; line-height:25px; width:35%; float:left;}
.wzEditor-func>div #wzEditor-cntl-imgBorderRound > div ul {width:60%; float:left; padding:5px 0;}
.wzEditor-func>div #wzEditor-cntl-imgBorderRound > div ul li {width:50%; float:left; padding-right:10px; box-sizing:border-box;}
.wzEditor-func>div #wzEditor-cntl-imgBorderRound > div ul li button {width:100%;}

.wzEditor-func .btn-save {background:#ddd !important; border-color: #d3d3d3 !important; height:30px; line-height:30px; padding:0 10px;}
.wzEditor-func .btn-save:hover {background-image:linear-gradient(to right, #2091cb , #2d59b0) !important; background:#2091cb; color:#fff !important;}

/*color picker*/
#wzEditorBGControll {border:none !important; padding:10px !important; box-sizing:border-box; width:100%; float:left; border-top:1px solid #f0f0f0 !important;}
#wzEditorBGControll>ul {border-top:none;}
#wzEditorBGControll .font_reco,
#wzEditorBGControll .bg_reco {margin:0; padding-left:0 !important; background:none !important; border-left:none; width:35%; line-height:25px; font-size:13px; border:none;}
#wzEditorBGControll .font_reco + ul {width:65% !important; float:left;}
#wzEditorBGControll ul.color_pallet ~ div {width:100%; float:left;}
#wzEditorBGControll ul.color_pallet ~ div .bg_reco,
#wzEditorBGControll ul.color_pallet ~ div .font_reco {width:35%; line-height:25px; border:none;}
#wzEditorBGControll ul.color_pallet ~ div #wzEdtGbRange {width:calc(65% - 90px) !important;}
#wzEditorBGControll ul.color_pallet ~ div #wzEdtGbRangeValue {width:52px !important; text-align:center !important;}
#wzEditorBGControll ul.color_pallet ~ div #wzEdtGbCustomCol {width:calc(65% - 90px); height:30px; line-height:30px;}
#wzEditorBGControll ul.color_pallet ~ div #wzEdtGbCustomCol + button {width:65px !important; margin-left:15px; height:30px; line-height:30px; background:#ddd !important; border-color: #d3d3d3 !important;}
#wzEditorBGControll ul.color_pallet ~ div #wzEdtGbCustomCol + button:hover {background-image:linear-gradient(to right, #2091cb , #2d59b0) !important; background:#2091cb; color:#fff !important;}
#wzEditorBGControll>ul.ul_bg>li {padding:4px 8px; height:35px;}

.foreColor > .font_reco {font-size:13px !important; position:relative; background:none !important; padding:0 3px 5px;}
.foreColor ul.color_pallet ~ div {width:100%; float:left; border:none;}
.foreColor ul.color_pallet ~ div .bg_reco,
.foreColor ul.color_pallet ~ div .font_reco {width:35%; line-height:25px; padding:3px; border-left:none;}
.foreColor ul.color_pallet ~ div #editTextCustomCol {width:calc(65% - 90px); height:30px; line-height:30px;}
.foreColor ul.color_pallet ~ div .font_reco ~ input {height:30px; line-height:30px;}
.foreColor ul.color_pallet ~ div .font_reco ~ button,
.foreColor ul.color_pallet ~ div #editTextCustomCol + button {width:65px !important; margin-left:15px; height:30px; line-height:30px; background:#ddd !important; border-color:#d3d3d3 !important;}
.foreColor ul.color_pallet ~ div #editTextCustomCol + button:hover,
.foreColor ul.color_pallet ~ div .font_reco ~ button:hover {background-image: linear-gradient(to right, #2091cb , #2d59b0) !important; background: #2091cb; color:#fff !important;}

/* btn color style */
.wzEditor-func.bgColor .font_reco,
.wzEditor-func.corner .font_reco {border:1px solid #ddd; border-bottom:none; border-left:2px solid #ccc; background:none; margin-bottom:0;}
.wzEditor-func.bgColor div.btn-list,
.wzEditor-func.corner > div {border-top:none;}
.wzEditor-func.corner > div.corner-list ul li {padding-right:5px;}
.wzEditor-func.corner > div.corner-list ul li button {outline:none; border:1px solid #ccc; padding:0 5px; box-sizing:border-box; font-size:12px; height:auto;}
.wzEditor-func.corner > div.corner-list ul li:first-child button {border-radius:2px;  margin-bottom:10px;}
.wzEditor-func.corner > div.corner-list ul li:nth-child(2) button {border-radius:0px; position:relative; overflow:hidden; margin-bottom:10px;}
.wzEditor-func.corner > div.corner-list ul li:nth-child(2) button:before {content:""; width:42px; height:1px; border-bottom:1px solid red; float:left; 
																		  position:absolute; top:12px; left:-4px; transform: rotate(-36deg);}
.wzEditor-func.corner > div.corner-list ul li:nth-child(3) {clear:both;}
.wzEditor-func.corner > div.corner-list ul li:nth-child(3) button {border-radius:3px; padding:5px 15px;}
.wzEditor-func.corner > div.corner-list ul li:nth-child(4) button {border-radius:5px; padding:5px 15px;}
.wzEditor-func.corner > div.corner-list ul li:nth-child(5) button {border-radius:10px; padding:5px 15px;}
.wzEditor-func.corner > div.corner-list ul li:nth-child(6) button {border-radius:15px; padding:5px 15px;}
.wzEditor-func.corner > div.corner-list ul li:nth-child(7) button {border-radius:20px; padding:5px 15px;}

#wzEditor-cntl-imgBorderStyle {text-align:center;}
#wzEditor-cntl-imgBorderStyle li {display:inline-block; width:9%; height:22px; padding:0; float:none;}
#wzEditor-cntl-imgBorderStyle li>button {width:100%; height:100%; margin-bottom:5px; border-width:2px; border-color:#ccc; font-size:0;}
#wzEditor-cntl-imgBorderStyle li:first-child>button {border: 1px solid #ddd;position: relative;overflow: hidden;}
#wzEditor-cntl-imgBorderStyle li:first-child>button:before {content:"";border-bottom: 1px solid red;width: 39px;height: 9px;float: left;transform: rotate(-28deg);position: absolute;left: -4px;top: 0;}
#wzEditor-cntl-imgBorderStyle li:nth-child(2)>button {border-style:solid;}
#wzEditor-cntl-imgBorderStyle li:nth-child(3)>button {border-style:dashed;}
#wzEditor-cntl-imgBorderStyle li:nth-child(4)>button {border-style:dotted;}
#wzEditor-cntl-imgBorderStyle li:nth-child(5)>button {border-style:double; border-width:3px;}
#wzEditor-cntl-imgBorderStyle li:nth-child(6)>button {border-style:ridge;}
#wzEditor-cntl-imgBorderStyle li:nth-child(7)>button {border-style:inset;}
#wzEditor-cntl-imgBorderStyle li:nth-child(8)>button {border-style:outset;}
#wzEditor-cntl-imgBorderStyle li:nth-child(9)>button {border-style:groove;}
#wzEditor-cntl-imgBorderStyle li button {}



/* menu link popup_1218 */
.linkSelect {width:100%; float:left;}
.linkSelect button.linkSelectMenu {width:100%; text-align:left; text-indent:10px; box-shadow:none !important; outline:none; line-height:30px; font-weight:600; color:#333;}
.linkSelect button.linkSelectMenu:before {content:"\2022"; font-size:20px; color:#0672eb; float:left; height:0; margin-left:-15px;}
.linkSelect > ul {padding:0px; width:100%; float:left; border-top:1px solid #f0f0f0; padding-top:10px;}
.linkSelect > ul > li {width:100%; float:left; display:block; padding:3px 10px; box-sizing:border-box;}
.linkSelect > ul > li:before {content:"\2219";}
.linkSelect > ul > li.selected {border:none !important;}
.linkSelect > ul > li > a:after {content:"\276d"; display:inline; transform:rotate(90deg); position:absolute; right:25px;}
.linkSelect > ul > li.selected > a {font-weight:600;}
.linkSelect > ul > li.selected > a:after {content:"\276d"; display:inline; transform:rotate(-90deg); position:absolute; right:27px; font-weight:600;}
.linkSelect > ul > li > ul {width:100%; float:left; padding:7px 5px 5px; box-sizing:border-box;}
.linkSelect > ul > li > ul > li {padding:0px 10px 5px 20px; box-sizing:border-box; line-height:16px; text-indent:-12px;}
.linkSelect > ul > li > ul > li a:before {content:"-"; padding-right:5px;}
.linkSelect > ul > li > ul > li:hover a:before {content:"\2714"; color:#b7111b; padding-right:4px; margin-left:-3px; font-size:11px;}
.linkSelect > ul > li > ul > li:hover > a {font-weight:600;}
.linkSelect > ul > li > ul > li:hover ul li a:before {content:"-"; padding-right:5px; color:#333;}
.linkSelect > ul > li > ul > li.selected {border:none !important;}
.linkSelect > ul > li > ul > li > ul {}
.linkSelect > ul > li > ul > li > ul > li {padding:3px 0 3px 15px;}
.linkSelect > ul > li > ul > li > ul > li:hover a:before {content:"\2714"; color:#0672eb; padding-right:0;}

 #wzEditorLinkSelector > p:before {content:"직접 외부의 링크를 입력하거나, 메뉴링크를 클릭하여 서브페이지를 선택하여주세요."; 
                                   width:100%; color:red; display:block; padding-bottom:20px; line-height:16px; float:left; word-break:keep-all;}
 #wzEditorLinkSelector > p {margin-top:20px; padding:20px 10px 0; border-top:2px dashed #d1d1d1; box-sizing:border-box; float:left;}
 #wzEditorLinkSelector > p span {font-weight:600; width:15%; float:left; height:30px; line-height:30px;}
 #wzEditorLinkSelector > p span:before {content:"\2022"; position:absolute; left:5px; font-size:20px; color:#0672eb;}
 #wzEditorLinkSelector > p #wzEditorUrl {width:80%; height:30px; line-height:30px; padding:0 5px; border:1px solid #d1d1d1; margin-bottom:10px;}
 #wzEditorLinkSelector > #wzEditorLinkTarget {width:76%; height:30px; line-height:30px; padding:0 5px; border:1px solid #d1d1d1; margin-left:25px; margin-bottom:10px;}

 #wzEditorLinkSelector > a.ui-button {clear:both; display:block; margin-top:20px; float:left; width:100%; box-sizing:border-box; background:#333; color:white;}

 #wzEditorLinkSelector .hdftrMenuList ul li > a:after {right:87px;}
 #wzEditorLinkSelector .hdftrMenuList ul li.selected > a:after {right:87px;}



@media (max-width:799px){
	.ui-dialog {left: 50% !important; transform: translateX(-50%); max-width:450px; width:95% !important;}
}