@charset "utf-8";
@import url('font-awesome.min.css');

/* IE 용 스크롤 바 (kison) */
html {scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #dfdfdf; scrollbar-base-color: #efefef; scrollbar-Face-Color: #dfdfdf; scrollbar-Track-Color: #efefef; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #efefef}

/* Chrome, Safari용 스크롤 바 (kison) */
::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #efefef}
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

textarea {resize: vertical;}


/* for Inline-editor */
.sayOffiFrm {
	display:block;
	position:relative;
}
.sayOffiFrm:after {content:""; clear:both; display:block;}
.sayOffiFrm button {margin:0;padding:2px 3px;}
.sayOffiFrm input[type="radio"] + label {
	display:block;
	float:right;
	width:50%;
	height:44px;
	margin-left:0;
	padding:12px 0 0;
	text-align:center;
	border-bottom:none;
	background:#f0f1f2;
	color:#8c8e8d;
	cursor:pointer;
	box-sizing:border-box; -moz-box-sizing:border-box;
}
.sayOffiFrm input[type="radio"]:first-child + label {float:left;}
#cke_seed_content {width:auto !important; border:none; border-top:1px solid #e5e5e5; box-shadow:none;}
.sayOffiFrm input[type="radio"] + label:hover {color:#333;}
.sayOffiFrm input[type="radio"] + label.on {position:relative;background:#fff;color:#333;}
.sayOffiFrm input[type="radio"]:first-child + label.on:after {display:none;}
.sayOffiFrm input[type="radio"] + label:before {
	vertical-align:middle;
	margin:0 .5em 0 0 ;
	font-size:14px;
}
.sayOffiFrm input[type="radio"] {
	position:absolute;
	display:none;
}
.moduleBtnWrap {
	padding:65px 0;
	text-align:center;
}
.moduleBtnWrap button {
	width:260px;
	height:195px;
	overflow:hidden;
	padding:0;
	text-align:center;
	line-height:330px;
	border:2px dashed #ceced0;
	border-radius:0;
	background:#fcfcfc url('/resource/common/cmsimg/bg_moduleeditor.png') 50% 20px no-repeat; background-size:218px auto;
	color:#9094a2;
}
#templateEditor {
	top:80px;
	max-width:1500px;
	min-width:1500px;
	height:90%;
	min-height:500px;
	border:1px solid #494f5d;
	border-radius:0;
	overflow:visible;
}
/*
#templateEditor .moduleController {
	height:33px;
	padding:5px 10px;
	background:#494f5d;
	text-align:right;
}
 */
#templateEditor .close {top:-10px; right:-10px; z-index:999;}
#templateEditor .close button {width:30px; height:30px; border-radius:100%; border:8px solid #494f5d; background-color:#494f5d; background-position:-33px -720px;}
#templateEditor .moduleWrap .mods div[contenteditable="true"] {cursor:text;}
.mods div[contenteditable]>*:last-child {margin-bottom:0;}
.mods div[contenteditable] .composeParagraph>*:last-child {margin-bottom:0;}
.mods div[contenteditable] .composeParagraph>*:first-child {margin-top:-0.4em;}
/* .moduleController h1,.moduleController h1 strong {font-weight:normal;} */
.moduleController h1 {
	position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; margin:-1px; text-indent:-999em;
}
/* Select Template */
#tplSelect {
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	background:#9094a2;
	z-index:100;
}
#tplSelect>h2 {
	margin:0 auto;
	padding:30px 20px 20px;
	font-weight:normal;
	font-size:1.5em;
	text-align:center;
	border-radius:0;
	color:#fff;
}
#tplList {position:relative; width:870px; margin:0 auto; padding:0 20px; overflow-x:hidden;}
.tplItem {
	position:relative;
	float:left;
	width:126px;
	margin:30px 8px;
}
.tplItem.break {clear:left;}
#tplList:before,.tplItem.break:before {content:""; position:absolute; top:-30px; left:0; width:836px; border-top:1px solid #bfc0c7;}
#tplList:before {top:0; left:28px;}
.tplItem .fa:before {
	width:auto;
	margin:0 auto;
}
.tplItem h3 {
	margin:20px 0 0;
	padding:0;
	text-align:center;
	border-radius:0;
	color:#333;
	font-size:1em;
	background:none;
}
.tplItem>a {
	display:block;
	padding:15px 21px;
	border:1px solid #494f5d;
	border-radius:6px;
	color:#aaa;
	background:#fff;
}
.tplItem>a>p {padding:5px 0; font-size:0;}
.tplItem>a>img {max-width:100%;}
.templateThumb {
	display:inline-block;
	width:82px;
	vertical-align:top;
	background-position:0 0;
	background-size:100% auto;
	background-repeat:no-repeat;
}
.templateThumb.templateTitle {height:8px; background-image:url('/resource/common/cmsimg/thumb_title.png');}
.templateThumb.templateSubtitle {height:4px; background-image:url('/resource/common/cmsimg/thumb_subtitle.png');}
.templateThumb.templateHr {height:1px; background-image:url('/resource/common/cmsimg/thumb_hr.png');}
.templateThumb.templateParagraph {height:20px; background-image:url('/resource/common/cmsimg/thumb_paragraph.png');}
.templateThumb.templateImg {height:40px; background-image:url('/resource/common/cmsimg/thumb_img.png');}
.templateThumb.templateVideo {height:40px; background-image:url('/resource/common/cmsimg/thumb_video.png');}
.duo .templateThumb {width:38px;}
.duo .templateThumb:first-of-type {margin-right:6px;}
.duo .templateParagraph {background-image:url('/resource/common/cmsimg/thumb_paragraph2.png');}
.duo .templateImg {height:38px; background-image:url('/resource/common/cmsimg/thumb_img2.png');}
.double .templateThumb:first-of-type,.double .templateThumb:nth-of-type(3) {margin-right:6px;}
.double .templateThumb:first-of-type,.double .templateThumb:nth-of-type(2) {margin-bottom:5px;}
.compose .templateParagraph {width:22px; height:20px; background-image:url('/resource/common/cmsimg/thumb_paragraph3.png');}
.compose .templateImg {width:16px; height:25px; background-image:url('/resource/common/cmsimg/thumb_img3.png');}
.compose .templateThumb:nth-of-type(2) {margin-right:6px;}
.quad .templateThumb {width:16px; margin-right:6px;}
.quad .templateThumb:nth-of-type(4n) {margin-right:0;}
.quad .templateParagraph {height:14px; background-image:url('/resource/common/cmsimg/thumb_paragraph4.png');}
.quad .templateImg {height:25px; background-image:url('/resource/common/cmsimg/thumb_img3.png');}
.quad.double .templateImg {margin-bottom:3px;}
.triple .templateThumb,.triple.double .templateThumb {width:24px; margin-right:5px;}
.triple .templateThumb:nth-of-type(3n),.triple.double .templateThumb:nth-of-type(3n) {margin-right:0;}
.triple .templateParagraph {height:12px; background-image:url('/resource/common/cmsimg/thumb_paragraph5.png');}
.triple .templateImg {height:30px; margin-right:5px; margin-bottom:3px; background-image:url('/resource/common/cmsimg/thumb_img6.png');}

/* newsletter custom template thumb */
.custom1 .templateCustom {height:50px; background-image:url('/resource/common/cmsimg/thumb_custom1.png');}
.custom2 .templateCustom {height:50px; background-image:url('/resource/common/cmsimg/thumb_custom2.png');}
.custom3 .templateCustom {height:50px; background-image:url('/resource/common/cmsimg/thumb_custom3.png');}
.custom4 .templateCustom {height:50px; background-image:url('/resource/common/cmsimg/thumb_custom4.png');}
.custom5 .templateCustom {height:50px; background-image:url('/resource/common/cmsimg/thumb_custom5.png');}
.custom6 .templateCustom {height:50px; background-image:url('/resource/common/cmsimg/thumb_custom6.png');}
.custom7 .templateCustom {height:40px; background-image:url('/resource/common/cmsimg/thumb_custom7.png');}
.customHr .templateThumb.templateHr {display:block; width:84px; height:1px; margin:0 auto; background:#bfc0c7;}

.tplItem .closer {
	display:none;
	position:absolute;
	top:-8px;
	right:-8px;
}
.tplItem>a.in,.tplItem>a:hover,.tplItem>a:focus,.tplItem>a:active {padding:14px 20px; border:2px solid #ca0114;}
.tplItem>a.in,.tplItem>a:hover span,.tplItem>a:focus span,.tplItem>a:active span {background-position:0 100%;}
.tplItem>a:hover .customHr span,.tplItem>a:focus .customHr span,.tplItem>a:active .customHr span {background:#828699;}
.newItem a {padding:20px;}
.newItem a:hover,.newItem a:focus,.newItem a:active {padding:19px;}
.newItem a .lonely,.newItem a:hover .lonely,.newItem a:focus .lonely,.newItem a:active .lonely {margin:0; padding:20px 0; text-align:center; color:#aaa; border:2px dashed #bfc0c7; background:#FFF;}
.newItem a:hover .lonely,.newItem a:focus .lonely,.newItem a:active .lonely {border-color:#828699;}
.newItem a span {width:30px; height:30px; margin:0 auto; background:url('/resource/common/cmsimg/btn_newitem.png') 0 0 no-repeat; background-size:100% auto;}
.tplItem .closer button {
	width:25px;
	height:25px;
	margin:0;
	padding:5px;
	border:5px solid #ca0114;
	border-radius:50%;
	background-color:#ca0114;
}
.tplItem:hover .closer,.tplItem:focus .closer,.tplItem:active .closer {display:block;}

/* Edit Page */
.pages,.bbsContent,.shopPages {font-family:'MicrosoftYaHeiRegular','Microsoft Yahei','微软雅黑','NotoSansKR_light','NBG','Nanum Gothic','sans-serif'; letter-spacing:0.03em; word-spacing:0.02em;}
#templateEditor .topControl {
	position:absolute;
	left:0;
	bottom:0;
	right:0;
	height:60px;
	margin:0 0 0 290px;
	padding:2px 10px 3px 20px;
	text-align:right;
	line-height:1.5;
	background:#eaeaea;
	z-index:1;
}
#templateEditor .topControl:after {content:""; clear:both; display:block;}
#templateEditor .topControl .situation {display:inline-block; vertical-align:top;}
#templateEditor .topControl .controlAction {display:inline-block; margin-top:15px; text-align:right; vertical-align:top;}
#templateEditor .topControl button {width:120px; margin:0; padding:8px 0; text-align:center; vertical-align:top; border:1px solid #494f5d; border-radius:5px; background:#494f5d;}
#templateEditor .topControl button.newsletter_btn {position:absolute; top:15px; left:10px; width:160px;}
#templateEditor .topControl .controlAction .saveBtns {display:inline-block;}
#templateEditor .topControl .controlAction .saveBtns button {width:auto; margin-left:5px; padding:7px 20px;}
#templateEditor .topControl .controlAction .saveBtns .cancel {border-color:#9094a2; background:#9094a2;}

#templateEditor .topControl .saveDropdown {display:inline-block; position:relative; margin-right:5px;}
#templateEditor .topControl .saveDropdown ul {display:none; position:absolute; top:-69px; padding:8px 0; border-radius:5px 5px 0 0; border-bottom:1px solid #9094a2; background:#494f5d;}
#templateEditor .topControl .saveDropdown li button{width:160px; min-height:0; padding:4px 0; border-radius:0;}
#templateEditor .topControl .templateApply .btns .dropdownBtn {display:none;}
#templateEditor .topControl .templateApply .btns .dropdownBtn:hover,#templateEditor .topControl .templateApply .btns .dropdownBtn:focus,#templateEditor .topControl .templateApply .btns .dropdownBtn:active,#templateEditor .topControl .templateApply.open .btns .dropdownBtn {background-color:#292d37;}
#templateEditor .topControl .templateApply.old .btns button {width:130px; border-radius:5px 0 0 5px;}
#templateEditor .topControl .templateApply.old .btns button span {position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; margin:-1px; text-indent:-999em;}
#templateEditor .topControl .templateApply.old .btns .dropdownBtn {display:inline-block; width:30px; border-radius:0 5px 5px 0; border-left:1px solid #9094a2;}
#templateEditor .topControl .templateApply.open ul {display:block;}
#templateEditor .topControl .templateApply.open .btns {border-bottom-color:rgba(255,255,255,0.2); border-radius:0 0 5px 5px;}
#templateEditor .topControl .templateApply.open .btns .fa:before {content:"\f0d7";}
#templateEditor .topControl .templateApply.open .btns button {border-radius:0 0 0 5px;}
#templateEditor .topControl .templateApply.open .btns .dropdownBtn {border-radius:0 0 5px 0;}

/*
#templateEditor .topControl .saveDropdown .dropdownBtn .fa {margin-left:10px;}
 */

#templateEditor .topControl button.submit_btn {border-color:#ca0114; background-color:#ca0114;}
#templateEditor .topControl .situation p {display:inline-block; min-width:100px; margin-right:15px; font-size:14px; font-weight:bold; line-height:60px; color:#494f5d;}
#templateEditor .topControl .situation p .fa {margin-right:5px;}
#templateEditor .topControl .situation .save {width:490px;}
#templateEditor .topControl .situation .save p .fa {margin-left:3px;}
#templateEditor .topControl .situation .save input[type="text"] {width:200px;}



/* 메인 레이어 팝업 */
#noticePop {position:absolute; left:0; z-index:998;}
#noticePop .mainPop {position:relative; float:left; max-width:540px; margin-right:5px;}
#noticePop .popBox {border:2px solid rgba(255,255,255,0.85); border-radius:5px; box-shadow:0 0 3px rgba(0,0,0,0.2);}
#noticePop .popContent.text {padding:15px 15px 5px; background:rgba(255,255,255,0.25);}
#noticePop .popContent.text .txt {font-size:13px;}
#noticePop .popContent.image {text-align:center;}
#noticePop .popContent img {max-width:100%; height:auto;}
#noticePop .chkPopcookie {position:relative; min-width:180px; padding:10px 40px 5px 10px; text-align:left; font-size:0; background-color:rgba(255,255,255,0.85);}
#noticePop .chkPopcookie input[type="checkbox"] {width:1px; height:1px; display:none; overflow:hidden; position:absolute; left:-9999em; opacity:0;}
#noticePop .chkPopcookie label {margin:0; padding:2px 0 2px 18px; font-size:12px; line-height:1; font-weight:normal; background:url('/resource/official/common/img/ico_checkbox_off.png') 0 50% no-repeat; background-size:14px 14px;}
#noticePop .chkPopcookie label span {white-space:nowrap; text-shadow:0 0 1px rgba(255,255,255,0.9);}
#noticePop .chkPopcookie input[type="checkbox"]:checked+label {background-image:url('/resource/official/common/img/ico_checkbox_on.png');}
#noticePop .closeMainpop {position:absolute; bottom:-7px; right:5px; width:18px; height:18px; padding:0; text-indent:-9999em; border:none; background:url('/resource/official/common/img/ico_confirmlayer_cancel_b.png') 50% 50% no-repeat; background-size:100%;}

#noticePop.fullPopup {left:0; width:100%; max-width:none; margin-left:0;}
#noticePop.fullPopup .mainPop {max-width:none; margin-right:0; z-index:1;}
#noticePop .mainPop.popup_bg {float:none; width:100%; height:auto; max-width:none; margin:0; text-align:center;}
#noticePop .mainPop.popup_bg .popBox {display:inline-block; position:relative; max-width:720px; margin:0 auto;}
/*
#noticePop .mainPop.popup_bg {position:fixed; top:0; left:0; right:0; bottom:0; float:none; width:100%; height:100%; max-width:none; margin:0; text-align:center; background:rgba(255,255,255,0.7);}
#noticePop .mainPop.popup_bg .popBox {position:absolute; top:50%; left:50%; max-width:100%; max-height:100%;}
*/
#noticePop .mainPop.popup_border .popBox {border:none; border-radius:0; background:none; box-shadow:none;}
#noticePop .mainPop.popup_border .chkPopcookie {padding:10px 0 10px 10px; background:none;}
/*
#noticePop .mainPop.popup_border .chkPopcookie {padding:10px 0; text-align:center; background:none;}
#noticePop .popup_bg.popup_border .chkPopcookie label span {background:none;}
#noticePop .popup_bg.popup_border .chkPopcookie {position:static;}
#noticePop .popup_bg.popup_border .closeMainpop {top:0; left:100%; width:45px; height:45px; background-color:#fff; background-size:36px 36px;}
*/
#popupDimm {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.7);}
.popup_bg+#popupDimm {display:block;}

/*
#templateEditor .topControl input[type="text"] {width:150px;padding:6px;}
#templateEditor .topControl > p {float:right;margin-bottom:2px;display:inline-block;width:40%;text-align:right;}
#templateEditor .topControl > p:first-child {float:left;text-align:left;}
.topControl button {
	padding:7px 16px;
	border:1px solid #494f5d;
	border-radius:5px;
	background: #494f5d;
	color:#FFF;
}
 */
.topControl button.clear_btn {margin-right:6px;border:1px solid #9094a2;background:#9094a2;}
.topControl button:before {margin:0 .5em 0 -.3em;font-size:14px;vertical-align:middle;}

#templateEditor .cancel_btn {}
.templateList {
	position:absolute;
	padding:0 0 20px;
	width:290px;
	height:90.5%;
	background:#f5f5f5;
	/*overflow-y:scroll; (kison)*/
	/* overflow-x:hidden; */
}
.templateList h2 {
	font-weight:normal;
	font-size:1.2em;
	border-radius:0;
}
.templateList h2 a {display:block; height:48px; padding:15px 20px; color:#FFF; background:#494f5d; box-sizing:border-box;}
.templateList h2 a:hover,.templateList h2 a:focus,.templateList h2 a:active,.templateList h2.active a {background:#ca0114;}
.templateList h2 a[href="#tplSelect"] .fa {color:#ca0114;}
.templateList h2 a[href="#tplSelect"]:hover .fa,.templateList h2 a[href="#tplSelect"]:focus .fa {color:#fff;}
/*
.templateList li a {
	display:block;
	width:180px;
	padding:10px 20px;
	font-size:1em;
	color:#333;
}
.templateList ul li.in,.templateList ul li:hover {background:#636570;}
.templateList ul li.in a,.templateList li:hover a {color:#fff;}
.templateList li.on,.templateList li.on:hover {background:#FFF;}
.templateList li button,.templateList li>span {
	display:none;
	float:right;
	margin-top:-37px;
	width:44px;
	height:22px;
	border:0;
	background:transparent;
	color:#FFF;
}
.templateList li button.i_trash {position:relative; top:-4px; width:35px;}
.templateList li.on a,.templateList li.on:hover a,.templateList li.on button,.templateList li.on:hover button {display:block;color:#6f7a71;}

.templateList li.in button,.templateList li:hover button,.templateList li.in>span,.templateList li:hover>span {display:block;}
.templateList li button:before,#moduleList li>span:before {
	display:block;
	margin:4px 0 10px;
}
.templateList li button:before {background-position:-32px -496px;}
.templateList li.on button:before,.templateList li.on:hover button:before {background-position:0 -496px;}
#moduleList li>span:before {margin-top:-2px;background-position:-32px -256px;}
.templateList hr {clear:both;margin:2em 0 1em;height:1px;border:0;background:#CCC;}
#presetList li {border-bottom:1px solid #FFF;}
#presetList li a {padding:15px 20px;font-size:13px;}
#presetList li.presetCont a:after {content:"f1ea"; margin-left:10px; font-family:fontAwesome; color:#6f7a71;}
#presetList li.presetCont:hover a:after {content:"f1ea"; margin-left:10px; font-family:fontAwesome; color:#fff;}
#presetList li.presetCont.on:hover a:after {color:#6f7a71;}
#moduleList li a {border:0;}
#moduleList li>span {width:28px;margin-top:-23px;}
 */
.moduleListWrap {position:absolute; top:96px; bottom:0; left:0; right:0; overflow-y:auto;}
.moduleListWrap .moduleTip {position:relative; margin:15px 0 10px 10px; font-size:12px;}
.moduleListWrap .moduleTip:before {content:"Tip"; display:inline-block; position:relative; margin-right:4px; padding:2px 4px 3px; font-size:11px; color:#fff; border-radius:2px; background:#494f5d;}
#moduleList {width:276px; margin:0 auto; padding-bottom:15px;}
#moduleList:after {content:""; clear:both; display:block;}
#moduleList li {float:left; width:80px; height:78px; margin:3px 3px 6px 3px; padding:2px 0; font-size:11px; line-height:1.3; border:2px solid #fff; background:#fff;
box-shadow:
1px 1px 1px rgba(100,100,100,0.2), /*bottom internal shadow*/
1px 1px 1px #fff; /*top internal highlight*/
-webkit-box-shadow:
1px 1px 1px rgba(100,100,100,0.2), /*bottom internal shadow*/
1px 1px 1px #fff; /*top internal highlight*/
-moz-box-shadow:
1px 1px 1px rgba(100,100,100,0.2), /*bottom internal shadow*/
1px 1px 1px #fff; /*top internal highlight*/
}
#moduleList li.clearList {clear:left;}
#moduleList li:hover,#moduleList li:focus,#moduleList li:active {border-color:#ca0114;}
#moduleList li a,.cloneModule a {display:block; height:100%; padding-top:55px; box-sizing:border-box; text-align:center; cursor:move; background-image:url('/resource/common/cmsimg/ico_module.png'); background-repeat:no-repeat; background-size:234px auto;}
#moduleList li a:hover,#moduleList li a:focus,#moduleList li a:active {background-image:url('/resource/common/cmsimg/ico_module_on.png'); cursor:move;}
#moduleList .customModule a,.customModule.cloneModule a {background-image:url('/resource/common/cmsimg/ico_module_custom.png');}
#moduleList .customModule a:hover,#moduleList .customModule a:focus,#moduleList .customModule a:active {background-image:url('/resource/common/cmsimg/ico_module_custom_on.png'); cursor:move;}
#moduleList .line2 a {padding-top:48px;}
.module_1x1 a {background-position:0 0;}
.module_1x2 a {background-position:-78px 0;}
.module_1x3 a {background-position:-156px 0;}
.module_2x1 a {background-position:0 -78px;}
.module_2x2 a {background-position:-78px -78px;}
.module_2x3 a {background-position:-156px -78px;}
.module_3x1 a {background-position:0 -156px;}
.module_3x2 a {background-position:-78px -156px;}
.module_3x3 a {background-position:-156px -156px;}
.module_4x1 a {background-position:0 -234px;}
.module_4x2 a {background-position:-78px -234px;}
.module_4x3 a {background-position:-156px -234px;}
.module_5x1 a {background-position:0 -312px;}
.module_5x2 a {background-position:-78px -312px;}
.module_5x3 a {background-position:-156px -312px;}
.module_6x1 a {background-position:0 -390px;}
.module_6x2 a {background-position:-78px -390px;}
.module_6x3 a {background-position:-156px -390px;}
.module_7x1 a {background-position:0 -468px;}
.module_7x2 a {background-position:-78px -468px;}
.module_7x3 a {background-position:-156px -468px;}
.module_8x1 a {background-position:0 -546px;}
.module_8x2 a {background-position:-78px -546px;}
.module_8x3 a {background-position:-156px -546px;}
.module_9x1 a {background-position:0 -624px;}
.module_9x2 a {background-position:-78px -624px;}
.module_9x3 a {background-position:-156px -624px;}

#templateEditor .detail {
	margin:0 0 0 290px;
	padding:40px 0 0;
	overflow-y:scroll;
	overflow-x:hidden;
	line-height:1.75;
}
#templateEditor.newsletterEditor {width:1162px;}
#templateEditor.newsletterEditor .detail {padding:40px;}
#templateEditor .detail h1 {
	margin:0 0 0.5em;
	cursor:default;
}
#templateEditor .detail h2 {
	margin:0;
	cursor:default;
}
#templateEditor .detail .seed_title {
	box-sizing:border-box;
	width:100%;
	height:auto;
	margin:0 0 0.5em;
	padding:8px;
	font-size:2em;
	font-weight:bold;
	color:#333;
}
#templateEditor .detail .seed_sub_title {
	box-sizing:border-box;
	width:100%;
	height:auto;
	margin:0;
	padding:8px;
	font-size:1.2em;
	color:#333;
}
.moduleWrap {max-width:1200px; margin-top:30px; margin-left:auto; margin-right:auto;}
.moduleWrap .modifyLine {display:none;}
.moduleWrap .mods {margin-bottom:0; padding-top:15px; padding-bottom:15px; border:2px dotted transparent;}
.moduleWrap .mods.on .modifyLine {display:block;}
.moduleWrap .mods.on,.moduleWrap .mods.on:hover,.moduleWrap .mods.on:focus,.moduleWrap .mods.on:active {border-color:#ca0014;}
.moduleWrap .mods:hover,.moduleWrap .mods:focus,.moduleWrap .mods:active {border-color:#494f5d;}

/* drag and drop module */
.cloneModule {width:78px; height:78px; padding:2px; text-align:center; font-size:11px; line-height:1.3; border:2px solid #ca0114; background:#fff; opacity:0.7;}
.cloneModule .templateThumb {background-position:0 100%;}
/* .cloneModule p {display:none;}
.cloneModule a {padding-top:40px;}
.cloneModule.double a {padding-top:25px}
.cloneModule.compose a {padding-top:45px;}
.cloneModule.quad.double a {padding-top:35px;}
*/
/* Contents cases*/
.mods {
	clear:both;
	position:relative;
	margin:0 -15px 30px;
	word-break:break-all;
}
.mods:after {
	clear:both;
	display:block;
	content:"";
}
.mods a,.pages a {color:#3b59b1; word-break:break-all;}
.mods a:hover,.mods a:focus,.mods a:active,.pages a:hover,.pages a:focus,.pages a:active {color:#3b59b1; text-decoration:underline;}
.mods .insertImage+div[contenteditable] {margin-top:12px;}
.mods.type021 div[contenteditable],.mods.type07 div[contenteditable],.mods.type13 div[contenteditable],.mods.type11 div[contenteditable] {margin-top:15px;}
.moduleWrap .pages .mods.on {z-index:9;}
.moduleWrap .pages .mods.clone {margin-left:48px; background-color:#fff;}
.moduleWrap .pages .mods_wide.clone {margin-left:34px;}
.moduleWrap .pages .mods_full.clone {margin-left:8px;}
#tplEdit .mods .modSelfCon {
	display:none;
	position:absolute;
	top:-2px;
	right:-35px;
	width:33px;
	padding:0;
	z-index:99;
}
#tplEdit .mods.space {border:2px dotted #eaeaea;}
#tplEdit .mods.space .liner {background:url('/resource/common/cmsimg/pattern_space.png') 0 0 repeat;}
#seed_preview {/* border:1px solid #ebebeb; border-top:none; */background:#fff;}
#tplEdit .moduleWrap .mods:hover .modSelfCon,#tplEdit .moduleWrap .mods:focus .modSelfCon,#tplEdit .moduleWrap .mods:active .modSelfCon,#tplEdit .moduleWrap .on .modSelfCon {display:block;}
.mods .modSelfCon ul {padding:0;}
.mods .modSelfCon li {
	margin:0 0 1px;
	padding:0;
	width:100%;
	background:#494f5d;
	text-align:center;
}
.mods.on .modSelfCon li {background:#ca0014;}
.mods .modSelfCon li:first-child {padding-bottom:1px;}
.mods .modSelfCon a,.mods .modSelfCon button:before {
	display:inline-block;
	width:16px;
	height:16px;
	padding:0;
	border:0;
	background:url('/resource/common/cmsimg/cms_icons.png') no-repeat; background-size:48px auto;
	vertical-align:middle;
	text-indent:-9999px;
}
.mods .modSelfCon .chkWideMods,#templateEditor .landingEditor .mods .modSelfCon .chkWideMods {display:none;}
.mods[data-type_name=mods_type2] .modSelfCon .chkWideMods,.mods[data-type_name=mods_type21] .modSelfCon .chkWideMods,.mods[data-type_name=mods_type6] .modSelfCon .chkWideMods,.mods[data-type_name=mods_type7] .modSelfCon .chkWideMods {display:block;}
.mods .modSelfCon a {margin:10px 0;background-position:-32px -592px;cursor:move;}
.mods .modSelfCon button {border:0;min-height:8px;padding:5px;background:transparent;}
.mods .modSelfCon button:before {background-position:-32px -496px;}
.mods .modSelfCon .chkWideMods,.mods.on .modSelfCon .chkWideMods {margin-top:2px; background:none;}
.mods .modSelfCon .chkWideMods label {width:33px; height:35px; margin:0 0 1px; padding:0; vertical-align:middle; font-size:0; text-indent:-9999px; background:#9094a2 url('/resource/common/cmsimg/btn_module_extend.png') 0 0 no-repeat; background-size:33px auto;}
.mods .modSelfCon .chkWideMods .chkExtend_normal+label {background-position:0 0;}
.mods .modSelfCon .chkWideMods .chkExtend_wide+label {background-position:0 -35px;}
.mods .modSelfCon .chkWideMods .chkExtend_full+label {background-position:0 -70px;}
.mods .modSelfCon .chkWideMods :checked+label,.mods .modSelfCon .chkWideMods input[checked="checked"]+label {background-color:#494f5d;}
.entry hr {margin:0.7em 0; border-top:1px solid #e0e0e0;}
.entry a,.pages a {text-decoration:none; color:#4083a9; border-bottom:1px solid #fff; border-bottom-color:transparent;}
.entry a:hover,.entry a:focus,.entry a:active,.pages a:hover,.pages a:focus,.pages a:active {text-decoration:none; color:#205f82; border-bottom:1px dotted #205f82;}
.moduleWrap a:hover,.moduleWrap a:focus,.moduleWrap a:active,.entry .swipe a:hover,.entry .swipe a:focus,.entry .swipe a:active,.entry .insertImage a:hover,.entry .insertImage a:focus,.entry .insertImage a:active,.pages .insertImage a:hover,.pages .insertImage a:focus,.pages .insertImage a:active {border:none;}
.entry a.customBtn,.pages a.customBtn {color:inherit; border:none;}
.entry a.customBtn:hover,.entry a.customBtn:focus,.entry a.customBtn:active,.pages a.customBtn:hover,.pages a.customBtn:focus,.pages a.customBtn:active {color:inherit; border:none;}
.entry img,.pages img {max-width:100%; height:auto;}
.pages h1,.pages h2,.pages h3,.pages h4,.pages h5,.pages h6 {font-weight:normal;}
.pages h3 {margin:0 0 25px; font-size:20px; line-height:1.5;}
.pages h4 {margin:0 0 25px; font-size:18px; line-height:1.5;}
.pages p,.pages li,.pages blockquote {font-size:15px; line-height:1.75;}

.entry>p,.entry>ul,.entry>ol,.entry>blockquote,.entry .moreContent>p,.entry .moreContent>ul,.entry .moreContent>ol,.entry .moreContent>blockquote,
.entry .moreContent>div p,.entry .moreContent>div ul,.entry .moreContent>div ol,.entry .moreContent>div blockquote,
.mods p,.mods ul,.mods ol,.mods blockquote {margin:0 0 15px; font-size:15px; line-height:1.75;}
.entry>ul>li,.entry>ol>li,.mods ul li,.mods ol li,.entry ul li,.entry ol li {margin:0 0 5px;}
.entry ul,.entry ol {padding-left:2em;}
.entry .moreContent>ul,.entry .moreContent>div ul,.entry .moreContent>ol,.entry .moreContent>div ol,.moreContent ul,.moreContent ol {padding-left:2em;}
.entry blockquote:before,.entry blockquote:after {content:"";}
blockquote,.entry .moreContent blockquote {margin:0; padding:1px 20px; border-left:5px solid #eee;}
blockquote>*,.entry .moreContent blockquote>* {margin-bottom:5px;}
blockquote>*:last-child,.entry .moreContent blockquote>*:last-child {margin-bottom:0;}

.moreContent {margin:20px 0 80px;}
.basicEditor .moreContent {margin-left:169px; margin-right:169px;}
.moreContent .moreContent {margin:0;}
.moreContent .mods {margin-left:75px; margin-right:75px;}
.moreContent .pages>h3,.moreContent .pages>h4 {margin-left:75px; margin-right:75px; padding-left:15px; padding-right:15px;}
.moreContent .mods.mods_wide {margin-left:35px; margin-right:35px;}
.moreContent .mods.mods_wide>.insertImage,.moreContent .mods.mods_wide>.insertMedia {margin-left:-15px; margin-right:-15px;}
.moreContent .mods.mods_full {margin-left:auto; margin-right:auto;}
.moreContent .mods.mods_full>.insertImage,.moreContent .mods.mods_full>.insertMedia {margin-left:0; margin-right:0;}
.moreContent .mods.mods_landing{max-width:1280px; margin-left:auto; margin-right:auto;}
.moreContent>h3,.moreContent>h4 {margin-bottom:1em;}
.moreContent .book-summary {margin-left:-20px; margin-right:-20px;}
.feed .entry .moreContent .boxed {margin:0;}

#seed_preview {position:relative; padding:20px 0; overflow:hidden; background:#fff;}
#seed_preview .mods {margin-left:75px; margin-right:75px;}
#seed_preview .pages>h3,#seed_preview .pages>h4 {margin-left:75px; margin-right:75px; padding-left:15px; padding-right:15px;}
#seed_preview .mods.mods_wide {margin-left:35px; margin-right:35px;}
#seed_preview .mods.mods_wide>.insertImage,#seed_preview .mods.mods_wide>.insertMedia {margin-left:-15px; margin-right:-15px;}
#seed_preview .mods.mods_full {margin-left:auto; margin-right:auto;}
#seed_preview .mods.mods_full>.insertImage,#seed_preview .mods.mods_full>.insertMedia {margin-left:-15px; margin-right:-15px;}
#seed_preview .mods.mods_landing {margin-left:auto; margin-right:auto;}
#seed #seed_preview.sayOffiFrm {width:auto; background:#fff;}
#seed_preview:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; z-index:2;}
#seed_preview:hover:before {background:rgba(0,0,0,0.3);}
#seed_preview .previewTip {display:none; position:absolute; top:0; left:0; width:98px; padding-top:40px; text-align:center; color:#fff; background:url('/resource/common/cmsimg/previewTip.png') 50% 0 no-repeat; background-size:42px auto; z-index:2;}
#seed_preview:hover .previewTip {display:inline-block;}

/* 2014-12-17 컨텐츠영역 확장에 따른 max값 삭제 */
.mods[data-type_name="mods_hr1"] {padding:0 15px;}
.mods>div,.mods>h3,.mods>h4 {margin-bottom:0; padding:0 15px;}
.mods.type02>.insertImage,.mods.type02>.insertMedia,.mods.type12>.insertImage,.mods.type021>.insertImage {margin-left:15px; margin-right:15px;}
.mods .column {
	width:50%;
	/* max-width:318px; */
	float:left;
	box-sizing:border-box;
}
.mods .column.quad {width:25%;}
.mods .column.triple {width:33.33%;}
.mods .column {position:relative;}
.mods .insertImage, .mods .insertMedia {position:relative; margin-bottom:0; text-align:center; background:#ededed;}
.mods ol,.mods ul {margin-left:0; padding-left:1.5em;}
.moduleWrap .mods ol,.moduleWrap .mods ul {margin:0 0 15px;}
.cke_float .cke_inner {margin-bottom:10px;}
.mods .cke_editable ol li,#seed_preview ol li,.cke_editable ol li {margin:0 0 0.5em; list-style:decimal;}
.mods .cke_editable ul li,#seed_preview ul li,.cke_editable ul li {margin:0 0 0.5em; list-style:disc;}
.entry .mods .insertImage,.entry .mods .insertMedia,.shopView .mods .insertImage,.shopView .mods .insertMedia {height:auto; font-size:0; background:inherit;}
.entry table {width:100%;}
.entry th,.goodnoti th,.entry td,.goodnoti td {padding:5px 15px; font-size:14px; border-color:inherit; box-sizing:content-box;}
.entry th,.goodnoti th p,.entry td,.goodnoti td p {margin:0 0 0.5em;}
.insertMedia label {display:block;padding:2em 0 0;font-weight:bold;color:#888;}
.insertMedia .iframeTag {display:block;width:80%;height:5em;margin:1em auto;}
.pages img {max-width:100%; height:auto;}
.pages th,.pages td {padding:5px 15px;}
.mods .insertImage .uploadImgBtn {min-width:40px; margin:65px auto; padding:34px 0 0; color:#888; border:none; background:url('/resource/common/images/ico_template_pic.png') no-repeat 50% 0; background-size:40px 27px;}
.mods .insertImage img {max-width:100%; height:auto;}
.mods .insertMedia iframe {width:100%;}
.mods .insertMedia button {
	margin:1em 0 2em 0;
	padding:10px 15px;
	border:1px solid #494f5d;
	border-radius:3px;
	background:#494f5d;
	color:#fff;
}
.mods .insertMedia button:before {margin-right:.3em;}
.mods .insertImage input[type="file"] {
	display:none;
	width:0;
	height:0;
	opacity:0;
}
.mods .insertImage label {
	display:inline-block;
	margin:65px auto;
	padding:30px 0 0;
	border:1px solid #ededed;
	background:#ededed url('/resource/common/images/ico_template_pic.png') no-repeat 50% 0;
	background-size:40px 27px;
	color:#888;
	cursor:pointer;
}
.moduleWrap .mods .modifyImage {
	display:none;
	position:absolute;
	top:0;
	left:15px;
	right:15px;
	margin:0;
	padding:0;
	background:#494f5d url('/resource/common/cmsimg/bg_editor_line.png') 0 0 repeat;
	background-size:auto 35px;
}
.moduleWrap .mods.mods_wide .modifyImage,.moduleWrap .mods.mods_full .modifyImage {left:0; right:0;}
.moduleWrap .type02 .modifyImage,.moduleWrap .type02 .modifyMedia,.moduleWrap .type021 .modifyImage,.moduleWrap .type12 .modifyImage {top:15px;}
.moduleWrap .noMargin .type02 .modifyImage,.moduleWrap .noMargin .type02 .modifyMedia,.moduleWrap .noMargin .type021 .modifyImage,.moduleWrap .noMargin .type12 .modifyImage {top:0;}
.moduleWrap .type06.mods_wide .column:nth-child(1) .modifyImage,.moduleWrap .type06.mods_full .column:nth-child(1) .modifyImage,
.moduleWrap .type07.mods_wide .column:nth-child(1) .modifyImage,.moduleWrap .type07.mods_full .column:nth-child(1) .modifyImage {right:15px;}
.moduleWrap .type06.mods_wide .column:nth-child(2) .modifyImage,.moduleWrap .type06.mods_full .column:nth-child(2) .modifyImage,
.moduleWrap .type07.mods_wide .column:nth-child(2) .modifyImage,.moduleWrap .type07.mods_full .column:nth-child(2) .modifyImage {left:15px;}
.moduleWrap .mods .modifyMedia {
	display:none;
	position:absolute;
	top:0;
	left:15px;
	right:15px;
	margin:0;
	padding:0;
	background:#494f5d;
}
.moduleWrap .mods .modifyMedia li {margin:0;}
.moduleWrap .mods .modifyMedia .editCode {min-height:0; margin:0; padding:10px 15px; font-size:13px; line-height:1.3; border:none; border-right:1px solid #373c46; border-radius:0; background:none;}
.mods .modifyInfo {
	position:absolute;
	top:0;
	z-index:10;
	left:15px;
	width:260px;
	margin-top:44px;
	padding:10px;
	color:#fff;
	text-align:right;
	background:#9fa5af;
}
.mods .modifyInfo:before {content:""; position:absolute; bottom:100%; left:81px; width:0; height:0; border-style:solid; border-width:6px; border-color:transparent transparent #9fa5af transparent;}
.mods .modifyInfo:after {content:""; clear:both; display:block;}
.mods .modifyInfo .urlVal {width:242px;}
.mods .modifyInfo .linkTarget {display:block; float:left; margin-top:15px; font-size:12px; line-height:1.3;}
.mods .modifyInfo .linkTarget label {padding-top:3px; padding-bottom:1px;}
.mods .modifyInfo .okBtn {margin:10px 0 0 5px; border-color:#ca0114; background-color:#ca0114;}
.mods .modifyInfo .cancelBtn {margin:10px 0 0; border-color:#494f5d; background-color:#494f5d;}
.mods.mods_wide .modifyInfo,.mods.mods_full .modifyInfo {left:0;}
.type06.mods_wide .column:nth-child(2) .modifyInfo,.moduleWrap .type06.mods_full .column:nth-child(2) .modifyInfo,
.type07.mods_wide .column:nth-child(2) .modifyInfo,.moduleWrap .type07.mods_full .column:nth-child(2) .modifyInfo{left:15px;}
.mods .triple:nth-child(3) .modifyInfo,.mods .quad:nth-child(4) .modifyInfo {left:auto; right:15px;}
.mods .triple:nth-child(3) .modifyInfo:before,.mods .quad:nth-child(4) .modifyInfo:before {left:115px;}
.mods.type12 .modifyInfo:before {left:47px;}
.mods.type08 .column p.insertImage {float:left; width:35%; z-index:1;}
.mods.type08 .column div[contenteditable] {margin-top:0; padding-left:35%;}
.mods .column .composeParagraph {padding-left:15px;}
.moduleWrap .mods.on .column .composeParagraph {padding-top:40px;}
/*
.moduleWrap .mods.type02:hover,
.moduleWrap .mods.type04:hover .column:nth-of-type(1),
.moduleWrap .mods.type05:hover .column:nth-of-type(2),
.moduleWrap .mods.type06:hover .column,
.moduleWrap .mods.type07:hover .column,
.moduleWrap .mods.type08:hover .column,
.moduleWrap .mods.type12:hover {padding-top:24px;}
.moduleWrap .mods.type13:hover .column,
.moduleWrap .mods.type15:hover .column,
.moduleWrap .mods.type10:hover .column,
.moduleWrap .mods.type11:hover .column {padding-top:55px;}
 */

/*
.moduleWrap .mods.type02:hover, .moduleWrap .on.type02,
.moduleWrap .mods.type04:hover .column:nth-of-type(1), .moduleWrap .on.type04 .column:nth-of-type(1),
.moduleWrap .mods.type05:hover .column:nth-of-type(2), .moduleWrap .on.type05 .column:nth-of-type(2),
.moduleWrap .mods.type06:hover .column, .moduleWrap .on.type06 .column,
.moduleWrap .mods.type07:hover .column, .moduleWrap .on.type07 .column,
.moduleWrap .mods.type08:hover .column, .moduleWrap .on.type08 .column,
.moduleWrap .mods.type12:hover,.moduleWrap .on.type12 {padding-top:24px;}
.moduleWrap .mods.type13:hover .column, .moduleWrap .on.type13 .column,
.moduleWrap .mods.type15:hover .column, .moduleWrap .on.type15 .column,
.moduleWrap .mods.type10:hover .column, .moduleWrap .on.type10 .column,
.moduleWrap .mods.type11:hover .column, .moduleWrap .on.type11 .column {padding-top:55px;}
 */
.moduleWrap .modifyImage,.moduleWrap .modifyMedia {opacity:0.85;}
.moduleWrap .modifyImage:hover,.moduleWrap .modifyMedia:hover {opacity:1;}
.moduleWrap .mods:hover .modifyImage,.moduleWrap .mods:hover .modifyMedia,.moduleWrap .mods.on .modifyImage,.moduleWrap .mods.on .modifyMedia {display:block;}
.mods .modifyImage:after {content:""; clear:both; display:block;}
.mods .modifyImage li {float:left; margin:0; font-size:0; line-height:1; border-left:1px solid #373c46; background:none;}
.mods .modifyImage li:first-child,
.mods .triple .modifyImage .btnAlign,
.mods .quad .modifyImage .btnSize,.mods .quad .modifyImage .btnAlign {border-left:none;}
.mods .quad .modifyImage .btnSize label {width:35px;}
/*
.mods .triple .modifyImage .btnAlign:before,
.mods .quad .modifyImage .btnSize:before {content:""; position:absolute; top:34px; left:0; right:0; border-bottom:1px solid #373c46;}
.mods .quad .modifyImage .btnAlign:before {content:""; position:absolute; top:68px; left:0; right:0; border-bottom:1px solid #373c46;}
 */
.mods .modifyImage li:after {content:""; clear:both; display:block;}
.mods .modifyImage label,.mods .modifyImage button {float:left; width:35px; height:34px; min-height:0; margin:0; padding:0; text-align:center; vertical-align:top; line-height:0; border:none; border-radius:0; cursor:pointer; color:#333;}
.mods[data-type_name*="title"] .modifyImage .btnAlign {display:none;}
.mods .modifyImage .btnEditimg button,.mods .modifyImage .btnEditimg label {font-size:0; text-indent:-9999em; background:url('/resource/common/cmsimg/btn_editor_editimg.png'); background-size:100% auto;}
.mods .modifyImage .btnEditimg button:hover,.mods .modifyImage .btnEditimg button:focus,.mods .modifyImage .btnEditimg label:hover,.mods .modifyImage .btnEditimg label:focus {background-color:#373c46;}
.mods .modifyImage .btnEditimg .uploadBtn {background-position:0 0;}
.mods .modifyImage .btnEditimg .editBtn {background-position:0 -34px;}
.mods .modifyImage .btnEditimg .linkBtn {background-position:0 -68px;}
.mods .modifyImage .btnEditimg .linkBtn.linked {background-position:0 -102px;}
.mods .modifyImage .btnSize label {width:34px; font-size:10px; line-height:34px; color:#fff; background:none;}
.mods .modifyImage .btnSize label:hover,.mods .modifyImage .btnSize label:focus,.mods .modifyImage .btnSize input:checked+label {background-color:#373c46;}
.mods .modifyImage .btnAlign button {font-size:0; text-indent:-9999em; background:url('/resource/common/cmsimg/btn_editor_align.png'); background-size:100% auto;}
.mods .modifyImage .btnAlign button:hover,.mods .modifyImage .btnAlign button:focus,.mods .modifyImage .btnAlign button.active {background-color:#373c46;}
.mods .modifyImage .btnAlign .alignLeft {background-position:0 0;}
.mods .modifyImage .btnAlign .alignCenter {background-position:0 -34px;}
.mods .modifyImage .btnAlign .alignRight {background-position:0 100%;}
.mods .modifyImage .btnRound input[type="checkbox"]+label {padding-left:0; font-size:0; text-indent:-9999em; background:url('/resource/common/cmsimg/btn_round.png') 0 0; background-size:100% auto;}
.mods .modifyImage .btnRound input[type="checkbox"]+label:hover,.mods .modifyImage .btnRound input[type="checkbox"]+label:focus,.mods .modifyImage .btnRound input[type="checkbox"]:checked+label {background-color:#373c46;}
.mods .modifyImage .btnDown {position:absolute; top:0; right:0; float:none; border:none;}
.mods .modifyImage .btnDown a {display:block; width:30px; height:34px; border:none; background:url('/resource/common/cmsimg/btn_orgimg_down.png') 50% 50% no-repeat; background-size:30px auto;}
.mods .modifyImage .btnDown a:hover {background-color:#373c46;}
.mods[data-type_name=mods_type4] .btnSize .chkImg_25,.mods[data-type_name=mods_type5] .btnSize .chkImg_25,.mods[data-type_name=mods_type6] .btnSize .chkImg_25,.mods[data-type_name=mods_type7] .btnSize .chkImg_25 {display:none;}
.mods[data-type_name=mods_type8] .btnSize .chkImg_25,.mods[data-type_name=mods_type10] .btnSize .chkImg_25,.mods[data-type_name=mods_type11] .btnSize .chkImg_25,.mods[data-type_name=mods_type13] .btnSize .chkImg_25,.mods[data-type_name=mods_type15] .btnSize .chkImg_25,
.mods[data-type_name=mods_type8] .btnSize .chkImg_50,.mods[data-type_name=mods_type10] .btnSize .chkImg_50,.mods[data-type_name=mods_type11] .btnSize .chkImg_50,.mods[data-type_name=mods_type13] .btnSize .chkImg_50,.mods[data-type_name=mods_type15] .btnSize .chkImg_50 {display:none;}
.newsletterEditor .mods[data-type_name=mods_type4] .btnAlign,.newsletterEditor .mods[data-type_name=mods_type5] .btnAlign,.newsletterEditor .mods[data-type_name=mods_type6] .btnAlign,.newsletterEditor .mods[data-type_name=mods_type7] .btnAlign {clear:left;}

.mods[data-type_name="mds_hr1"] {margin:0;}
.mods hr {
	display:block;
	height:0;
	margin:10px 0;
	border-top:1px solid #ddd;
}
.detail .mods hr {margin:10px 0; border:none;}
.mods.ui-sortable-helper hr {
	margin-top:10px; margin-bottom:10px;
	border:0;
}

#templateEditor .mods > div {
	font-size:14px;
}

.mods .modSelfCon .handle:hover,.mods .modSelfCon .handle:focus,.mods .modSelfCon .handle:active {
	cursor : move;
}

#bottomLine {
	margin-top : 300px;
}

.errMsg	{
	margin:.5em 0 1em;
	color:#c14054;
	text-align:left;
}
.errMsg a {color:#3b59b1; text-decoration:underline;}
.mods .allWrap {margin:1em 0;}
.mods .allWrap p.insertImage {margin:0;}
/* 이미지+중앙타이틀 */
.title01 .bgTitle {position:relative; width:100%; height:0; padding-bottom:250px;}
.title01 .bgTitle .table {display:table; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; text-align:center; color:#888;}
.title01 .bgTitle .table .table-cell {display:table-cell; text-align:center; vertical-align:middle;}
.pages .title01 .bgTitle h3 {margin:0.5em 0; font-size:3em; text-align:center; border:none;}
.pages .title01 .bgTitle h4 {margin:0.5em 0; text-align:center;}
.title01 .bgTitle p.insertImage {position:absolute !important; top:0; left:0; right:0; bottom:0;}
.title01 .bgTitle .insertImg {display:inline-block; position:absolute; bottom:10px; left:50%; margin:0 0 0 -23px;}
.title01 .bgTitle .insertImg img {width:100%;}
/* 이미지+상단타이틀 */
.title03 .bgTitle {position:relative; width:100%; height:0; padding-bottom:320px;}
.title03 .bgTitle .table {display:table; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; text-align:center; color:#888;}
.title03 .bgTitle .table .table-cell {display:table-cell; padding:45px 15px 0; text-align:center; vertical-align:top;}
.pages .title03 .bgTitle .table p {font-size:28px;}
.pages .title03 .bgTitle h3 {margin:0.5em 0 0.3em; font-size:2em; text-align:center; border:none;}
.pages .title03 .bgTitle h4 {margin:0; text-align:center;}
.title03 .bgTitle p.insertImage {position:absolute !important; top:0; left:0; right:0; bottom:0;}
.title03 .bgTitle .insertImg {display:inline-block; position:absolute; bottom:70px; left:50%; margin:0 0 0 -29px;}
.title03 .bgTitle .insertImg img {width:100%;}
/* (border) 타이틀+이미지 박스 */
.title04 {color:#c59d5f}
.title04 .titleHeader {padding-bottom:5px; text-align:center;}
.title04 .titleHeader:after {content:""; clear:both; display:block;}
.title04 .titleHeader p {float:left; margin:0;}
.title04 .left {width:20%; text-align:left;}
.title04 .center {width:60%; text-align:center;}
.title04 .right {float:right; width:20%; text-align:right;}
.title04 .title {padding:45px; border:12px solid #c59d5f;}
.title04 .img {position:relative;}
.pages .title04 .title h3 {margin:0.5em 0; font-size:4em; text-align:center; border:none;}
.pages .title04 .title h4 {margin:0.5em 0 1em; text-align:center; color:#696969;}
.title04 .sp-replacer {position:absolute; bottom:23px; right:27px; background:#494f5d;}
.title04 .sp-replacer:before {display:inline-block; position:absolute; width:100%; height:32px; line-height:32px; text-align:center; bottom:0; right:0; color:#fff; content:"테두리 색 변경";}
.title04 .bgTitle .insertImg img {width:100%;}
/* (border) 단색배경+중앙타이틀 */
.title02 .titleBg {position:relative; padding:30px 40px; background:#c99456;}
.title02 .titleHeader {padding-bottom:5px; color:#fff; border-bottom:4px solid #fff;}
.title02 .titleHeader:after {content:""; clear:both; display:block;}
.title02 p {float:left; margin:0;}
.title02 .left {width:25%; text-align:left;}
.title02 .center {width:50%; text-align:center;}
.title02 .right {float:right; width:25%; text-align:right;}
.title02 .bgTitle {padding:2em 0; text-align:center; color:#fff;}
.title02 .bgTitle h3 {font-size:4em; color:#fff; border:none;}
.title02 .bgTitle h4 {color:#fff;}
.title02 .bgSelector {display:none;}
.title02 .sp-replacer {float:none; position:absolute; bottom:10px; right:10px; background:#494f5d;}
.title02 .sp-replacer:before {display:inline-block; position:absolute; width:100%; height:32px; line-height:32px; text-align:center; bottom:0; right:0; color:#fff; content:"배경색 변경";}
/* (border) 단색배경+좌측타이틀 */
/* .title05 {color:#554150;} */
.title05 .titleBg {position:relative; padding:42px 50px; background:#ebe6e1;}
.title05 .titleHeader {padding-bottom:5px;}
.title05 .titleHeader:after {content:""; clear:both; display:block;}
.title05 .titleHeader p {display:inline-block; margin:0;}
.title05 .titleHeader .left {display:inline-block; text-align:left;}
.title05 .titleHeader .right {float:right; width:40%; text-align:right;}
.title05 .number {padding-right:10px;}
.title05 .letterDate {padding-left:8px;}
.title05 .title {padding:2em 0; text-align:left;}
.pages .title05 .title h3 {margin:0 0 0.5em; font-size:4em; border:none;}
.title05 .title h4 {color:#5a5a5a;}
.title05 .bgSelector {display:none;}
.title05 .sp-replacer {float:none; position:absolute; bottom:10px; right:10px; background:#494f5d;}
.title05 .sp-replacer:before {display:inline-block; position:absolute; width:100%; height:32px; line-height:32px; text-align:center; bottom:0; right:0; color:#fff; content:"배경색 변경";}
/* (border) 단색배경+우측타이틀 */
.title06 {color:#fff;}
.title06 .titleBg {position:relative; padding:30px 40px; background:#8f664a;}
.title06 .titleBg:after {content:""; clear:both; display:block;}
.title06 .table {display:table; width:100%; height:100%;}
.title06 .titleHeader {display:table-cell; width:24%; padding-right:40px; text-align:left; vertical-align:top;}
.title06 .number {margin:0 0 0.1em; font-size:20px;}
.title06 .subject {margin:0;}
.title06 .title {display:table-cell; padding-left:40px; text-align:left; vertical-align:top; border-left:3px solid rgba(255,255,255,0.5);}
.pages .title06 .title h3 {margin:0 0 0.5em; font-size:2em; border:none;}
.pages .title06 .title h4 {margin:0;}
.title06 .bgSelector {display:none;}
.title06 .sp-replacer {float:none; position:absolute; bottom:0; right:0; background:#494f5d;}
.title06 .sp-replacer:before {display:inline-block; position:absolute; width:100%; height:32px; line-height:32px; text-align:center; bottom:0; right:0; color:#fff; content:"배경색 변경";}
/* (border) 뉴스헤더 */
.header01 .borderColor {position:relative; border-bottom:4px solid #595241;}
.header01 .titleHeader {display:table; width:100%; padding-bottom:5px; color:#595241;}
.header01 .titleHeader:after {content:""; clear:both; display:block;}
.header01 p {float:left; margin:0;}
.header01 .left {width:25%; text-align:left;}
.header01 .center {width:50%; text-align:center;}
.header01 .right {float:right; width:25%; text-align:right;}
.header01 .sp-replacer {display:none; float:none; position:absolute; bottom:-40px; right:0; background:#494f5d; z-index:1;}
.header01 .sp-replacer:before {display:inline-block; position:absolute; width:100%; height:32px; line-height:32px; text-align:center; bottom:0; right:0; color:#fff; content:"구분선 색 변경";}
.header01.on {padding-bottom:45px;}
.header01.on .sp-replacer {display:block;}
/* (bg)구분선 */
.line02 .lineBox {width:100%;  margin:5px auto; overflow:hidden;}
.line02 .liner {width:100%; height:0; margin:0 auto; border-bottom:1px solid #eaeaea;}
.line02 .lineBg {position:relative; padding:5px 15px;}
.line02 .sp-replacer {display:none; float:none; position:absolute; bottom:-40px; right:10px; background:#494f5d; z-index:1;}
.line02 .sp-replacer:before {display:inline-block; position:absolute; width:100%; height:32px; line-height:32px; text-align:center; bottom:0; right:0; color:#fff; content:"구분선 색 변경";}
.line02 .size {width:30px; padding:7px 27px 7px 7px; margin:0 0 0 2px; text-align:right; color:#333; border-radius:2px 0 0 2px; z-index:1;}
.line02 .fullSize {display:none; position:absolute; bottom:-33px; right:570px;}
.line02 .horisontalSize {display:none; position:absolute; bottom:-40px; right:370px;}
.line02 .verticalSize {display:none; position:absolute; bottom:-40px; right:180px;}
.line02 button[type="button"] {height:32px; min-height:0; margin:0; padding:2px 10px; line-height:32px; font-size:20px; color:#fff; font-family:"NBG"; border:1px solid #373c46; border-left:none; border-radius:0; background:#494f5d;}
.line02 button[type="button"]:hover{background:#373c46;}
.line02 input[disabled] {color:#a0a0a0; border-color:#ebebeb;}
.line02 button[disabled] {opacity:0.6;}
.line02 .lineType {display:none; position:absolute; bottom:-40px; left:15px; background:#494f5d;}
.line02 .lineType:after {content:""; clear:both; display:block;}
.line02 .lineType button[type="button"] {position:relative; float:left; width:32px; padding:0; font-size:0; border:none; background:url('/resource/common/cmsimg/btn_editor_line.png') 0 0 no-repeat; background-size:100% auto;}
.line02 .lineType button[type="button"].blank {background-position:0 0;}
.line02 .lineType button[type="button"].solid {background-position:0 -32px;}
.line02 .lineType button[type="button"].dotted {background-position:0 100%;}
.line02 .lineType button[type="button"].active {background-color:#373c46; background-image:url('/resource/common/cmsimg/btn_editor_line_on.png');}
.line02 .lineType button[type="button"] .tooltip {display:none; position:absolute; top:100%; left:50%; width:36px; margin-top:5px; margin-left:-18px; padding:6px 0 4px; text-align:center; color:#fff; font-size:11px; line-height:1; background:#494f5d;}
.line02 .lineType button[type="button"] .tooltip:before {content:""; position:absolute; bottom:100%; left:50%; width:0; height:0; margin-left:-2px; border-style:solid; border-width:3px; border-color:transparent transparent #494f5d transparent;}
.line02 .lineType button[type="button"]:hover .tooltip,.line02 .lineType button[type="button"]:focus .tooltip {display:block;}
.line02 .lineLabel {position:relative; color:#333;}
.line02 .lineLabel span {position:absolute; top:2px; right:10px; font-size:12px; color:#999;}
.line02.on {padding-bottom:45px;}
.line02.on .sp-replacer {display:block !important;}
.line02.on .fullSize,.line02.on .horisontalSize,.line02.on .verticalSize,.line02.on .lineType {display:block;}
.line02.space .sp-replacer {display:none !important;}
.pages>.line02.fullLine {max-width:none;}
.detail_wide .pages>.line02.fullLine .lineBg {padding-left:0; padding-right:0;}
.pages>.line02.fullLine .lineBox,.pages>.line02.fullLine .liner {width:auto;}
.newsletterEditor .line02 .horisontalSize {right:340px;}
.newsletterEditor .line02 .verticalSize {right:150px;}
/* 다이어그램 */
.mods .diagrams {position:relative; text-align:center; word-break:keep-all; letter-spacing:0; word-spacing:0;}
.mods .diagrams .i_move {position:absolute; top:0; right:0; cursor:move;}
.mods .diagrams .setDiagram {display:none; position:absolute; top:0; left:15px; right:15px; margin:0; padding:0; color:#fff; background:#494f5d;}
.mods .diagrams .setDiagram li {float:left; margin:0; font-size:0; line-height:1; border-right:1px solid #373c46}
.mods .diagrams .setDiagram li:after {content:""; clear:both; display:block;}
.mods .diagrams .setDiagram .btnAdd .diagramNum {width:34px; height:34px; margin:0; font-size:0; text-indent:-9999px; border-radius:0; border:none; background:url('/resource/common/cmsimg/btn_diagram_add.png') 0 0 no-repeat; background-size:100%;}
.mods .diagrams .setDiagram .btnStyle label {background-image:url('/resource/common/cmsimg/btn_diagram_shape.png');}
.mods .diagrams .setDiagram .btnStyle label:nth-of-type(1) {background-position:0 0;}
.mods .diagrams .setDiagram .btnStyle label:nth-of-type(2) {background-position:0 -34px;}
.mods .diagrams .setDiagram .btnStyle label:nth-of-type(3) {background-position:0 -68px;}
.mods .diagrams .setDiagram .btnEffect label {background-image:url('/resource/common/cmsimg/btn_diagram_effect.png');}
.mods .diagrams .setDiagram .btnEffect label:nth-of-type(1) {background-position:0 0;}
.mods .diagrams .setDiagram .btnEffect label:nth-of-type(2) {background-position:0 -34px;}
.mods .diagrams .setDiagram .btnEffect label:nth-of-type(3) {background-position:0 -68px;}
.mods .diagrams .setDiagram .btnEffect label:nth-of-type(4) {background-position:0 -102px;}
.mods .diagrams .setDiagram .btnEffect label:nth-of-type(5) {background-position:0 -136px;}
.mods .diagrams .setDiagram .btnAlign label {width:35px; background-image:url('/resource/common/cmsimg/btn_editor_align.png');}
.mods .diagrams .setDiagram .btnAlign label:nth-of-type(1) {background-position:0 0;}
.mods .diagrams .setDiagram .btnAlign label:nth-of-type(2) {background-position:0 -34px;}
.mods .diagrams .setDiagram .btnAlign label:nth-of-type(3) {background-position:0 -68px;}
.mods .diagrams .setDiagram .btnText label {background-image:url('/resource/common/cmsimg/btn_diagram_text.png');}
.mods .diagrams .setDiagram .btnText label:nth-of-type(1) {background-position:0 0;}
.mods .diagrams .setDiagram .btnText label:nth-of-type(2) {background-position:0 -34px;}
.mods .diagrams .setDiagram .btnText label:nth-of-type(3) {background-position:0 -68px;}
.mods .diagrams .setDiagram label {display:block; float:left; width:34px; height:34px; margin:0; padding:0; font-size:0; text-indent:-9999px; background-repeat:no-repeat; background-size:100% auto;}
.mods .diagrams .setDiagram .btnAdd .diagramNum:hover,.mods .diagrams .setDiagram label:hover,.mods .diagrams .setDiagram input[type="radio"]:checked+label,.mods .diagrams .setDiagram input[type="checkbox"]:checked+label {background-color:#373c46;}
.mods .diagrams .setDiagram .selectBox {position:relative; text-align:left;}
.mods .diagrams .setDiagram .selectBox button {position:relative; margin:0; padding:0 40px 0 10px; font-size:12px; line-height:34px; border-radius:0; border:none; background:none;}
.mods .diagrams .setDiagram .selectBox button:after {content:""; position:absolute; top:50%; right:10px; width:0; height:0; margin-top:-3px; border-style:solid; border-width:3px; border-color:transparent; border-top-color:#fff;}
.mods .diagrams .setDiagram .selectBox button:hover,.mods .diagrams .setDiagram .selectBox.open button {background-color:#373c46;}
.mods .diagrams .setDiagram .selectBox.open .combobox {display:block;}
.mods .diagrams .setDiagram .selectBox .combobox {display:none; position:absolute; top:100%; left:0; width:120px; height:210px; overflow-y:auto; color:#333; border:1px solid #373c46; background:#fff; z-index:9;}
.mods .diagrams .setDiagram .selectBox .combobox .comboLabel {margin:0; padding:6px; font-size:12px; color:#fff; background:#373c46;}
.mods .diagrams .setDiagram .selectBox .combobox label {float:none; width:auto; height:auto; margin-bottom:1px; padding:6px; font-size:14px; text-indent:0; border:1px solid #fff; background:none;}
.mods .diagrams .setDiagram .selectBox .combobox label:hover,.mods .diagrams .setDiagram .selectBox .combobox label:focus,.mods .diagrams .setDiagram .selectBox .combobox :checked+label {color:inherit; border-color:#efefef; background-color:#fafafa;}
.mods .diagrams .setDiagram .selectBox.btnFontsize input[value="12px"]+label {font-size:12px;}
.mods .diagrams .setDiagram .selectBox.btnFontsize input[value="13px"]+label {font-size:13px;}
.mods .diagrams .setDiagram .selectBox.btnFontsize input[value="14px"]+label {font-size:14px;}
.mods .diagrams .setDiagram .selectBox.btnFontsize input[value="16px"]+label {font-size:16px;}
.mods .diagrams .setDiagram .selectBox.btnFontsize input[value="18px"]+label {font-size:18px;}
.mods .diagrams .setDiagram .selectBox.btnFontsize input[value="20px"]+label {font-size:20px;}
.mods .diagrams .setDiagram .selectBox.btnFontsize input[value="22px"]+label {font-size:22px;}
.mods .diagrams .setDiagram .selectBox.btnFontsize input[value="24px"]+label {font-size:24px;}
.mods .diagrams .setDiagram .selectBox.btnFontsize input[value="26px"]+label {font-size:26px;}
.mods .diagrams .setDiagram .selectBox.btnFontsize input[value="28px"]+label {font-size:28px;}
.mods .diagrams .setDiagram .selectBox.btnFontsize input[value="32px"]+label {font-size:32px;}
.mods .diagrams .setDiagram .selectBox.btnFontsize input[value="36px"]+label {font-size:36px;}
.mods .diagrams .setDiagram .selectBox.btnFontsize input[value="40px"]+label {font-size:40px;}
.mods .diagrams .setDiagram .selectBox.btnFontsize input[value="44px"]+label {font-size:44px;}
.mods .diagrams .setDiagram .selectBox.btnFontsize input[value="48px"]+label {font-size:48px;}
.mods .diagrams .setDiagram .selectBox.btnFontsize input[value="54px"]+label {font-size:54px;}
.mods .diagrams .setDiagram .selectBox.btnFontsize input[value="60px"]+label {font-size:60px;}
.mods .diagrams .setDiagram .selectBox.btnFontsize input[value="66px"]+label {font-size:66px;}
.mods .diagrams .setDiagram .selectBox.btnFontsize input[value="72px"]+label {font-size:72px;}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="NBG"]+label {font-family:"NBG";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="NBG_light"]+label {font-family:"NBG_light";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="NBG_bold"]+label {font-family:"NBG_bold";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="NG_light"]+label {font-family:"NG_light";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="NG"]+label {font-family:"NG";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="NG_bold"]+label {font-family:"NG_bold";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="NotoSansKR"]+label {font-family:"NotoSansKR";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="NotoSansKR_light"]+label {font-family:"NotoSansKR_light";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="NotoSansKR_bold"]+label {font-family:"NotoSansKR_bold";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="NSQ"]+label {font-family:"NSQ";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="NM"]+label {font-family:"NM";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="NBP"]+label {font-family:"NBP";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="NBSH"]+label {font-family:"NBSH";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="DAUM"]+label {font-family:"DAUM";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="SNS"]+label {font-family:"SNS";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="SHG"]+label {font-family:"SHG";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="Misaeng"]+label {font-family:"Misaeng";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="JejuGothic"]+label {font-family:"JejuGothic";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="malgungothic"]+label {font-family:"맑은 고딕","malgungothic";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="dotumche"]+label {font-family:"돋움","dotumche";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="gungsuhche"]+label {font-family:"궁서","gungsuhche";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="OpenSans_regular"]+label {font-family:"OpenSans_regular","NBG","맑은 고딕";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="Arial"]+label {font-family:"Arial","NBG","맑은 고딕";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="Futura"]+label {font-family:"Futura","NBG","맑은 고딕";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="Myriad"]+label {font-family:"Myriad","NBG","맑은 고딕";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="Myriad_bold"]+label {font-family:"Myriad_bold","NBG","맑은 고딕";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="Kaleko"]+label {font-family:"Kaleko","NBG","맑은 고딕";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="Kaleko_bold"]+label {font-family:"Kaleko_bold","NBG","맑은 고딕";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="ProximaNova_regular"]+label {font-family:"ProximaNova_regular","NBG","맑은 고딕";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="Raleway_medium"]+label {font-family:"Raleway_medium","NBG","맑은 고딕";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="Raleway_light"]+label {font-family:"Raleway_light","NBG","맑은 고딕";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="CourierNew_regular"]+label {font-family:"CourierNew_regular","NBG","맑은 고딕";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="Impact_regular"]+label {font-family:"Impact_regular","NBG","맑은 고딕";}
.mods .diagrams .setDiagram .selectBox.btnFontfamily input[value="TimesNewRoman_regular"]+label {font-family:"TimesNewRoman_regular","NBG","맑은 고딕";}
.mods .diagrams .setDiagram .sp-replacer {display:block; position:relative; width:85px; height:34px; border-radius:0;}
.mods .diagrams .setDiagram .sp-replacer:before {top:0; right:0; width:100%; height:34px; font-size:12px; line-height:34px;}
.mods .diagrams .diagramBox {width:800px; margin-left:auto; margin-right:auto; text-align:left; font-size:0;}
.detail_wide .mods .diagrams .diagramBox {width:auto;}
.mods .diagrams .diagramBox .diagramItem {display:inline-block; position:relative; width:150px; margin-bottom:25px; margin-left:25px; margin-right:25px; vertical-align:top; font-size:14px; line-height:1.5;}
.mods .diagrams .diagramItem .diagramHead {position:relative; height:150px;}
.mods .diagrams .diagramItem .diagramHead+div[contenteditable] {margin-top:12px; text-align:left;}
.mods .diagrams .diagramItem .diagramInner {position:relative; width:100%; height:100%; z-index:1;}
.mods .diagrams .diagramItem .diagramInner .cell {display:table; width:100%; height:100%;}
.mods .diagrams .diagramItem .diagramInner div[contenteditable] {display:table-cell; max-width:100%; padding:15px; text-align:center; vertical-align:middle;}
.mods .diagrams .diagramItem div[contenteditable]>* {margin:0 0 10px; font-size:inherit; line-height:inherit;}
.mods .diagrams .diagramItem div[contenteditable]>* * {margin:0 0 10px; font-size:inherit; line-height:inherit;}
.mods .diagrams .diagramItem div[contenteditable]>*:last-child {margin-bottom:0;}
.mods .diagrams .diagramBox .diagramShape {position:absolute; top:0; left:0; width:100%; height:100%; background:#eaeaea;}
.mods .diagrams.style_round1 .diagramBox .diagramItem .diagramShape {border-radius:10px;}
.mods .diagrams.style_round100 .diagramBox .diagramItem .diagramShape {border-radius:100%;}
.mods .diagrams.effect_shadow .diagramBox .diagramItem .diagramShape {box-shadow:0 0 15px rgba(0,0,0,0.35);}
.mods .diagrams.effect_shadow .diagramItem .diagramHead+div[contenteditable] {margin-top:1.8em;}
.mods .diagrams.effect_borderL .diagramBox .diagramItem .diagramShape {box-shadow:inset 0 0 0 8px rgba(255,255,255,0.5);}
.mods .diagrams.effect_borderD .diagramBox .diagramItem .diagramShape {box-shadow:inset 0 0 0 8px rgba(0,0,0,0.15);}
.mods .diagrams.effect_gradient .diagramBox .diagramItem .diagramShape:before {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:inherit;
	background:inherit;
    background:-webkit-linear-gradient(rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);
    background:-o-linear-gradient(rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);
    background:-moz-linear-gradient(rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);
    background:linear-gradient(rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);

}
.mods .diagrams.align_left .diagramBox {text-align:left;}
.mods .diagrams.align_center .diagramBox {text-align:center;}
.mods .diagrams.align_right .diagramBox {text-align:right;}
.mods .diagrams .diagramItem .modifyDiagram {display:none; position:absolute; bottom:0; left:0; width:100%; height:32px; background:#494f5d;}
.mods .diagrams .btnDel {position:absolute; top:0; right:0; width:auto; height:auto; min-height:0; padding:8px 6px; margin:0; vertical-align:top; font-size:0; line-height:1; text-indent:-9999px; border:none; background:none;}
.mods .diagrams .btnDel i {display:block; width:16px; height:16px; background:url('/resource/common/cmsimg/cms_icons.png') -32px -720px no-repeat; background-size:48px auto;}
.mods .diagrams .btnMove {position:absolute; top:0; right:28px; width:auto; height:auto; min-height:0; padding:8px 6px; margin:0; vertical-align:top; font-size:0; line-height:1; text-indent:-9999px; border:none; border-right:1px solid #373c46; background:none; cursor:move;}
.mods .diagrams .btnMove i {display:block; width:16px; height:16px; background:url('/resource/common/cmsimg/cms_icons.png') -32px -592px no-repeat; background-size:48px auto;}
.mods .diagrams .sp-replacer {display:none; position:static; width:auto; height:auto; background:none;}
.mods .diagrams .sp-replacer:before {display:inline-block; position:absolute; bottom:0; left:0; right:56px; text-align:center; vertical-align:middle; line-height:32px; color:#fff; content:"배경색 변경"; border-right:1px solid #373c46; z-index:1;}
.mods .diagrams .btnDel:hover,.mods .diagrams .btnMove:hover,.mods .diagrams .sp-replacer:hover:before {background-color:#373c46;}
.mods.on .diagrams {margin-top:0; padding-top:80px;}
.mods.on .diagrams .diagramHead {cursor:move;}
.mods.on .diagrams .setDiagram {display:block;}
.mods.on .diagrams .modifyDiagram {display:block;}
.mods.on .diagrams .diagramItem {padding-bottom:45px;}
.mods.on .diagrams .sp-replacer {display:block;}
.newsletterEditor .mods .diagrams .setDiagram .btnStyle,.newsletterEditor .mods .diagrams .setDiagram .btnEffect {display:none;}
.newsletterEditor .mods .diagrams .diagramBox,.newsletter .mods .diagrams .diagramBox {width:600px;}
.newsletterEditor .mods .diagrams .diagramBox .diagramItem,.newsletter .mods .diagrams .diagramBox .diagramItem {width:120px;}
.newsletterEditor .mods .diagrams .diagramItem .diagramHead,.newsletter .mods .diagrams .diagramItem .diagramHead {height:120px;}
.newsletterEditor .mods .diagrams .diagramBox .diagramShape,.newsletter .mods .diagrams .diagramBox .diagramShape {border-radius:0 !important; box-shadow:none !important;}
/* 링크 버튼 */
.mods .linkButton {position:relative; font-size:14px; text-align:center; letter-spacing:0; word-spacing:0;}
.mods .linkButton .linkButtonBox {display:table; width:100%;}
.mods .linkButton .linkButtonArea {display:table-cell; position:relative; padding:0 15px; vertical-align:middle;}
.mods .linkButton a {display:inline-block; position:relative; top:0; min-width:150px; padding:13px 20px 12px; text-align:center; vertical-align:middle; color:#fff; line-height:1.5; border:none; background:#ca0114; box-sizing:border-box; -moz-box-sizing:border-box; transition:top 0.3s;}
.mods .linkButton a:hover {top:-5px;}
.moduleWrap .mods .linkButton a:hover {top:0;}
.mods .linkButton a div[contenteditable] * {margin:0; line-height:inherit; font-size:inherit;}
.mods .linkButton .linkButtonArea>div[contenteditable]+a {margin-top:12px;}
.mods .linkButton .modifyBox {display:none; margin-top:20px;}
.mods .linkButton .modifyLinkbutton {display:inline-block; position:relative; width:150px; height:32px; vertical-align:top; background:#494f5d;}
.mods .linkButton .btnLinkurl {position:absolute; top:0; right:28px; width:35px; height:28px; margin:0; padding:0; font-size:0; text-indent:-9999px; border:none; border-right:1px solid #373c46; border-radius:0; background:url('/resource/common/cmsimg/btn_editor_editimg.png') 0 -69px no-repeat; background-size:35px auto;}
.mods .linkButton .btnLinkurl.linked {background-position:0 -103px;}
.mods .linkButton .btnDel {position:absolute; top:0; right:0; width:auto; height:auto; min-height:0; padding:8px 6px; margin:0; vertical-align:top; font-size:0; line-height:1; text-indent:-9999px; border:none; background:none;}
.mods .linkButton .btnDel i {display:block; width:16px; height:16px; background:url('/resource/common/cmsimg/cms_icons.png') -32px -720px no-repeat; background-size:48px auto;}
.mods .linkButton .sp-replacer {display:none; position:absolute; bottom:0; left:0; width:87px; height:auto; background:none;}
.mods .linkButton .sp-replacer:before {display:block; text-align:center; vertical-align:middle; line-height:32px; color:#fff; content:"배경색 변경"; border-right:1px solid #373c46; z-index:1;}
.mods .linkButton .btnDel:hover,.mods .linkButton .btnLinkurl:hover,.mods .linkButton .sp-replacer:hover:before {background-color:#373c46;}
.mods .linkButton a div[contenteditable] {position:relative; z-index:1;}
.mods .linkButton.size_m a {min-width:140px; font-size:18px; padding-top:19px; padding-bottom:18px;}
.mods .linkButton.size_l a {min-width:170px; font-size:24px; padding-top:27px; padding-bottom:26px;}
.mods .linkButton.style_round1 a {border-radius:5px;}
.mods .linkButton.style_round2 a {border-radius:100px;}
.mods .linkButton.effect_shadow a {box-shadow:0 0 15px rgba(0,0,0,0.35);}
.mods .linkButton.effect_borderL a {box-shadow:inset 0 0 0 3px rgba(255,255,255,0.5);}
.mods .linkButton.effect_borderD a {box-shadow:inset 0 0 0 3px rgba(0,0,0,0.15);}
.mods .linkButton.effect_gradient a:before {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:inherit;
	background:inherit;
    background:-webkit-linear-gradient(rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);
    background:-o-linear-gradient(rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);
    background:-moz-linear-gradient(rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);
    background:linear-gradient(rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);
}
.mods .linkButton.align_left {text-align:left;}
.mods .linkButton.align_center {text-align:center;}
.mods .linkButton.align_right {text-align:right;}
.moduleWrap .mods .linkButton a {cursor:move;}
.mods .linkButton .setLinkButton {display:none; position:absolute; top:0; left:15px; right:15px; margin:0; padding:0; color:#fff; background:#494f5d;}
.mods .linkButton .setLinkButton li {float:left; margin:0; font-size:0; line-height:1; border-right:1px solid #373c46}
.mods .linkButton .setLinkButton li:after {content:""; clear:both; display:block;}
.mods .linkButton .setLinkButton .btnAdd .diagramNum {width:34px; height:34px; margin:0; font-size:0; text-indent:-9999px; border-radius:0; border:none; background:url('/resource/common/cmsimg/btn_diagram_add.png') 0 0 no-repeat; background-size:100%;}
.mods .linkButton .setLinkButton .btnSize label {background-image:url('/resource/common/cmsimg/btn_diagram_size.png');}
.mods .linkButton .setLinkButton .btnSize label:nth-of-type(1) {background-position:0 0;}
.mods .linkButton .setLinkButton .btnSize label:nth-of-type(2) {background-position:0 -34px;}
.mods .linkButton .setLinkButton .btnSize label:nth-of-type(3) {background-position:0 -68px;}
.mods .linkButton .setLinkButton .btnStyle label {background-image:url('/resource/common/cmsimg/btn_diagram_shape2.png');}
.mods .linkButton .setLinkButton .btnStyle label:nth-of-type(1) {background-position:0 0;}
.mods .linkButton .setLinkButton .btnStyle label:nth-of-type(2) {background-position:0 -34px;}
.mods .linkButton .setLinkButton .btnStyle label:nth-of-type(3) {background-position:0 -68px;}
.mods .linkButton .setLinkButton .btnEffect label {background-image:url('/resource/common/cmsimg/btn_diagram_effect.png');}
.mods .linkButton .setLinkButton .btnEffect label:nth-of-type(1) {background-position:0 0;}
.mods .linkButton .setLinkButton .btnEffect label:nth-of-type(2) {background-position:0 -34px;}
.mods .linkButton .setLinkButton .btnEffect label:nth-of-type(3) {background-position:0 -68px;}
.mods .linkButton .setLinkButton .btnEffect label:nth-of-type(4) {background-position:0 -102px;}
.mods .linkButton .setLinkButton .btnEffect label:nth-of-type(5) {background-position:0 -136px;}
.mods .linkButton .setLinkButton .btnAlign label {width:35px; background-image:url('/resource/common/cmsimg/btn_editor_align.png');}
.mods .linkButton .setLinkButton .btnAlign label:nth-of-type(1) {background-position:0 0;}
.mods .linkButton .setLinkButton .btnAlign label:nth-of-type(2) {background-position:0 -34px;}
.mods .linkButton .setLinkButton .btnAlign label:nth-of-type(3) {background-position:0 -68px;}
.mods .linkButton .setLinkButton .btnLink {position:relative;}
.mods .linkButton .setLinkButton .btnLink button {width:35px; height:34px; min-height:0; margin:0; padding:0; line-height:1; font-size:0; text-indent:-9999px; border:none; border-radius:0; background:url('/resource/common/cmsimg/btn_editor_editimg.png') 0 100% no-repeat; background-size:100% auto;}
.mods .linkButton .linkUrl {display:none; position:absolute; top:0; left:50%; width:260px; margin-top:44px; margin-left:-130px; padding:10px; color:#fff; text-align:right; background:#9fa5af; z-index:99999;}
.mods .linkButton .linkUrl:before {content:""; position:absolute; bottom:100%; left:50%; width:0; height:0; margin-left:14px; border-style:solid; border-width:6px; border-color:transparent transparent #9fa5af transparent;}
.mods .linkButton .linkUrl:after {content:""; clear:both; display:block;}
.mods .linkButton .linkUrl .urlVal {width:242px;}
.mods .linkButton .linkUrl .linkTarget {display:block; float:left; margin-top:20px; font-size:12px; line-height:1.3;}
.mods .linkButton .linkUrl .linkTarget label {display:initial; float:none; width:auto; height:auto; padding:3px 0 1px 20px; font-size:inherit; text-indent:0; line-height:1.3; background-size:16px auto;}
.mods .linkButton .linkUrl .okBtn {margin:10px 0 0 5px; border-color:#ca0114; background-color:#ca0114;}
.mods .linkButton .linkUrl .cancelBtn {margin:10px 0 0; border-color:#494f5d; background-color:#494f5d;}

.mods .linkButton .setLinkButton label {display:block; float:left; width:34px; height:34px; margin:0; padding:0; font-size:0; text-indent:-9999px; background-repeat:no-repeat; background-size:100% auto;}
.mods .linkButton .setLinkButton label:hover,.mods .linkButton .setLinkButton input[type="radio"]:checked+label,.mods .linkButton .setLinkButton .btnLink button:hover,.mods .linkButton .setLinkButton .btnLink button:focus {background-color:#373c46;}
.mods.on .linkButton {margin-top:0; padding-top:67px;}
.mods.on .linkButton .modifyBox {display:block;}
.mods.on .linkButton .setLinkButton {display:block;}
.mods.on .linkButton .sp-replacer {display:block;}

/* .title03:hover .modifyInfo+.table {padding-top:30px;} */
#templateEditor .title01 .bgTitle .table,#templateEditor .title03 .bgTitle .table {z-index:1;}
#templateEditor .title01 .bgTitle .insertImg,#templateEditor .title03 .bgTitle .insertImg {z-index:2;}
#templateEditor .mods .modifyImage {z-index:2;}

/* wide module */
#tplEdit .detail header {max-width:980px; margin:0 auto;}
.moduleWrap .pages .mods {max-width:1010px; margin-left:auto; margin-right:auto;}
.moduleWrap .pages .mods.mods_wide {max-width:1100px;}
.moduleWrap .pages .mods.mods_full {max-width:none;}
.newsletterEditor .moduleWrap .pages .mods {max-width:810px;}
.newsletterEditor #tplEdit .detail header {max-width:780px;}
/* .moduleWrap .pages .mods.mods_landing {max-width:none; margin-left:45px; margin-right:45px;} */
#tplEdit .moduleWrap .pages.widthfull .modSelfCon {right:0;}
#tplEdit .moduleWrap .pages.widthfull .mods {max-width:none;}
/*
.landing_page .moduleWrap .pages {margin-left:-15px; margin-right:-15px;}
.landing_page .moduleWrap .pages.noMargin {margin-left:0; margin-right:0;}
 */
#tplEdit .moduleWrap .pages .mods.mods_full>.modSelfCon {right:0;}
.moduleWrap .pages .mods.mods_wide>*,.moduleWrap .pages .mods.mods_full>*,#preview_content .pages .mods.mods_wide>*,#preview_content .pages .mods.mods_full>* {margin-left:0; margin-right:0;}
.moduleWrap .pages .mods.mods_wide>.column:first-of-type,.moduleWrap .pages .mods.mods_full>.column:first-of-type,#preview_content .pages .mods.mods_wide>.column:first-of-type,#preview_content .pages .mods.mods_full>.column:first-of-type {padding-right:15px; padding-left:0;}
.moduleWrap .pages .mods.mods_wide>.column+.column,.moduleWrap .pages .mods.mods_full>.column+.column,#preview_content .pages .mods.mods_wide>.column+.column,#preview_content .pages .mods.mods_full>.column+.column {padding-left:15px; padding-right:0;}
.moduleWrap .pages .mods.mods_wide>.column [role=textbox],.moduleWrap .pages .mods.mods_full>.column [role=textbox],#preview_content .pages .mods.mods_wide>.column [role=textbox],#preview_content .pages .mods.mods_full>.column [role=textbox] {padding:0 15px;}

/* 랜딩페이지 */
/*
.landing_page .moduleWrap .pages .mods,.landing_page .moduleWrap .pages .mods.mods_wide,.landing_page .moduleWrap .pages .mods.mods_full {max-width:none;}
.landing_page .moduleWrap .pages .mods.mods_wide {margin-left:-20px; margin-right:-20px;}
.landing_page .moduleWrap .pages .mods.mods_full {margin-left:-40px; margin-right:-40px;}
 */
.landingSetup {padding-bottom:30px; padding-left:75px; border-bottom:1px solid #ebebeb; font-size:1.05em;}
.landingSetup .wSize {width:40px; padding:7px 27px 7px 7px; margin:0 0 0 2px; text-align:right; color:inherit; border-radius:2px 0 0 2px; z-index:1;}
.landingSetup button[type="button"] {height:33px; margin:0; padding:0 10px; line-height:31px; font-size:20px; color:#bbb; border:1px solid #ebebeb; border-left:none; border-radius:0; background:#fafafa;}
.landingSetup button[type="button"]:hover,.landingSetup button[type="button"]:focus,.landingSetup button[type="button"]:active {color:#999; background:#ebebeb;}
.landingSetup .landingLabel {position:relative; color:#787878;}
.landingSetup .landingLabel span {position:absolute; top:2px; right:10px; font-size:12px; color:#999;}
.landingSetup input[type="checkbox"] + label {margin-left:20px;}

/* Official styles */
.entry {word-break:break-all;}
.entry header {word-break:keep-all;}
.entry .pages h3 {font-size:20px;}
.entry .pages h4 {font-size:18px;}
.entry .pages p,.entry .pages li {font-size:15px; line-height:1.75;}
.entry .pages blockquote {padding-top:3px; padding-bottom:1px; line-height:1.3;}
.entry .pages blockquote>* {line-height:inherit;}

/* no margin modules */
.noMargin.pages>*,.noMargin .mods,.noMargin .mods hr,.noMargin .mods .insertImage,.noMargin .mods .insertMedia, .entry .moreContent.noMargin>div .insertImage,.entry .moreContent.noMargin>div .insertMedia {margin-top:0 !important; margin-bottom:0 !important; padding-top:0; padding-bottom:0;}
.noMargin .mods_wide img {max-width:none; width:auto; margin:0;}
.moduleWrap .noMargin .mods_wide img {max-width:100%;}

/* custom style */
.customStyle_boxContainer {padding:20px;}
.customStyle_boxContainer_bg {background-color:#eaeaea;}
.customStyle_boxContainer_border {border:0.3em solid #eaeaea;}
.customStyle_boxContainer_border.customStyle_boxContainer_lg {border-color:#eaeaea;}
.customStyle_boxContainer_border.customStyle_boxContainer_dg {border-color:#444;}
.customStyle_boxContainer.customStyle_boxContainer_borderTB {padding-left:0; padding-right:0; border-top:1px solid #444; border-bottom:1px solid #eaeaea;}
.customStyle_boxContainer_bg.customStyle_boxContainer_lg {background-color:#eaeaea;}
.customStyle_boxContainer_bg.customStyle_boxContainer_dg {color:#fff; background-color:#444;}
.customStyle_borderTop {display:inline-block; padding-top:0.5em; line-height:1.3; vertical-align:middle; border-top:0.2em solid #333;}
.customStyle_borderBottom {display:inline-block; padding-bottom:0.5em; line-height:1.3; vertical-align:middle; border-bottom:0.2em solid #333;}
.customStyle_lineBottom {display:inline-block; padding-bottom:0.5em; line-height:1.3; vertical-align:middle; border-bottom:1px solid #e7e7e7;}
.customStyle_quot {display:inline-block; vertical-align:middle;}
.customStyle_quot.customStyle_quotH {position:relative;}
.customStyle_quot:before {content:"\201C"; font-family:'Georgia','Arial'; font-size:2.5em; color:#cacaca; vertical-align:middle;}
.customStyle_quot:after {content:"\201D"; font-family:'Georgia','Arial'; font-size:2.5em; color:#cacaca; vertical-align:middle;}
.customStyle_quot.customStyle_quotV:before,.customStyle_quot.customStyle_quotV:after {display:block; height:0.5em; text-align:center; line-height:1;}
.customStyle_quot.customStyle_quotH:before,.customStyle_quot.customStyle_quotH:after {position:relative; top:0.1em; margin-left:0.25em; margin-right:0.25em; line-height:0;}
.customStyle_quot.customStyle_quotH:before {margin-right:0.3em; margin-top:12px;}
.customStyle_quot.customStyle_quotV:before {margin-bottom:0.3em;}
.customStyle_quot.customStyle_quotV:after {margin-top:0.3em;}
.customStyle_title_sm {display:block; line-height:1.3;}
.customStyle_title_lg {display:block; line-height:2.5;}
.entry .pages .customStyle_boxContainer.customStyle_boxContainer_borderTB {line-height:1.3;}

/*
.customStyle_titleShadow {display:inline-block; padding-bottom:0.2em; line-height:1.2; border-bottom:1px solid #eaeaea; box-shadow:0 15px 30px -20px rgba(0,0,0,0.4);}
.customStyle_arr {display:inline-block; position:relative; padding:0.2em 0.5em; line-height:1.2; color:#fff; border-radius:5px; background-color:#333;}
.customStyle_arr:before {content:""; position:absolute; width:0; height:0; border-style:solid; border-width:0.3em;}
.customStyle_arrLeft {margin-left:1em;}
.customStyle_arrLeft:before {top:50%; right:100%; margin-top:-0.3em; border-color:transparent #333 transparent transparent;}
.customStyle_arrRight {margin-right:1em;}
.customStyle_arrRight:before {top:50%; left:100%; margin-top:-0.3em; border-color:transparent transparent transparent #333;}
.customStyle_arrTop {margin-top:1em;}
.customStyle_arrTop:before {bottom:100%; left:50%; margin-left:-0.3em; border-color:transparent transparent #333 transparent;}
.customStyle_arrBottom {margin-bottom:1em;}
.customStyle_arrBottom:before {top:100%; left:50%; margin-left:-0.3em; border-color:#333 transparent transparent transparent;}
*/

/* insert image layer popup */
.insertImgList {width:1076px; height:90%; max-height:755px; overflow:auto; z-index: 202;}
.insertImgList .popupClose {position:absolute; top:15px; right:15px;}
.insertImgList .headerTtl {margin-bottom:0; padding:15px 40px 13px; font-size:1.2em; font-weight:normal;}
.insertImgList .layPopData {max-height:none; overflow:visible;}
.insertImgList .layPopData ul {margin:0 -10px; font-size:0;}
.insertImgList .layPopData ul:after {content:""; display:block; clear:both;}
.insertImgList .layPopData li {float:left; margin:13px 10px;}
.insertImgList .layPopData li img {max-width:100%;}
.insertImgList .layPopData li input {display:none; opacity:0; width:0; height:0;}
.insertImgList .layPopData li label {display:block; padding:0; text-align:center; font-size:13px; background:none; cursor:pointer;}
.insertImgList .layPopData li .selectThumb {width:142px; height:142px; margin-bottom:10px; overflow:hidden; border:2px dashed #ceced0; border-radius:5px; background-color:#f9fafc;}
.insertImgList .layPopData li label:hover .selectThumb,.insertImgList .layPopData li label:focus .selectThumb {border-color:#9094a2;}
.insertImgList .layPopData li :checked+label .selectThumb {border-color:#ca0114;}
.insertImgList .layPopData .uploadImg {padding-right:41px;}
.insertImgList .layPopData .uploadImg:after {content:""; position:absolute; top:0; right:12px; bottom:0; width:1px; height:130px; background:#dcdde0;}
.insertImgList .layPopData .uploadImg .selectThumb {background:#f9fafc url('/resource/common/cmsimg/bg_uploadimg2.png') 50% 50% no-repeat; background-size:100% auto;}
.insertImgList .layPopData .emojiList {max-height:400px; padding-top:45px; overflow:auto;}
.insertImgList .layPopData .emojiGroup {position:relative; margin:0 -40px; text-align:center; background:#f5f5f5; box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.insertImgList .layPopData .emojiGroup li {display:inline-block; position:relative; float:none; margin:40px 8px 25px; vertical-align:top;}
.insertImgList .layPopData .emojiGroup li .selectThumb {position:relative; width:105px; height:105px; border:none; border-radius:100%; background-color:#fff; box-shadow:1px 1px 5px rgba(0,0,0,0.1);}
.insertImgList .layPopData .emojiGroup li .selectThumb:before {display:none; content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:100%; box-shadow:inset 0 0 0 3px #9094a2;}
.insertImgList .layPopData .emojiGroup li label:hover .selectThumb:before,.insertImgList .layPopData .emojiGroup li label:focus .selectThumb:before,.insertImgList .layPopData .emojiGroup li :checked+label .selectThumb:before {display:block;}
.insertImgList .info {position:absolute; bottom:20px; left:0; width:100%; text-align:center; color:#bababa;}

/* 미디어쿼리 제거  */

@media screen and (max-width:960px) {
	.mods .diagrams .diagramBox {width:680px;}
	.mods .diagrams .diagramBox .diagramItem {margin-left:10px; margin-right:10px;}
}
@media screen and (max-width:767px) {
	.mods .column.quad {float:left; width:50%; margin-bottom:20px; padding:0 15px 0 8px;}
	.mods .column.quad:nth-of-type(2n+1) {clear:left; padding:0 8px 0 15px;}
	.mods .column:last-of-type {margin-bottom:0 !important;}
	.mods.type02 .emojiItem {width:50% !important;}
	.customStyle_boxContainer {padding:10px;}
	.line02.space {margin-bottom:0;}
	.line02 .lineBg {padding-top:0; padding-bottom:0;}
	.line02 .lineBox {margin-top:0; margin-bottom:0;}
	/* .pBlank {display:block; height:14px; margin:0.7em 0; font-size:0;} */
	.mods .diagrams .diagramBox {width:400px;}
	.mods .diagrams .diagramBox .diagramItem {margin-left:25px; margin-right:25px;}
	.mods .diagrams .diagramItem .diagramInner div[contenteditable] {padding:0 5px;}
	.mods .linkButton .linkButtonBox {display:block; width:auto; margin-bottom:-25px;}
	.mods .linkButton .linkButtonArea {display:inline-block; margin:0 15px 25px; padding:0;}
}
@media screen and (max-width:479px) {
	.mods .column {
		width:100%;
		max-width:100%;
		float:none;
		margin-bottom:20px;
	}
	.mods .column.triple {
		width:100%;
	}
	.mods[data-type_name="mods_type7"] .column,.mods[data-type_name="mods_type11"] .column,.mods[data-type_name="mods_type13"] .column {margin-bottom:40px;}
	.mods[data-type_name="mods_type6"] .column {float:left; width:50%; margin-bottom:0;}
	.mods[data-type_name="mods_type6"] .column:nth-of-type(1) {padding-right:8px;}
	.mods[data-type_name="mods_type6"] .column:nth-of-type(2) {padding-left:8px;}
	.mods[data-type_name="mods_type15"] .column {float:left; width:33.33%; margin-bottom:0;}
	.mods[data-type_name="mods_type15"] .column:nth-of-type(1) {padding-right:5px;}
	.mods[data-type_name="mods_type15"] .column:nth-of-type(2) {padding-left:10px; padding-right:10px;}
	.mods[data-type_name="mods_type15"] .column:nth-of-type(3) {padding-left:5px;}
	.mods .column:after {content:""; clear:both; display:block;}
	.mods .insertImage, .mods .insertMedia {
		background: none;
	}
	.mods .diagrams .diagramBox {display:block; width:auto; margin-left:-8px; margin-right:-8px; padding-left:5px; padding-right:5px;}
	.mods .diagrams .diagramBox .diagramItem {width:50%; margin-left:0; margin-right:0; padding-left:5px; padding-right:5px; font-size:13px;}
	.mods .diagrams .diagramItem .diagramHead {height:0; padding-bottom:100%;}
	.mods .diagrams .diagramItem .diagramInner {position:absolute; top:0; left:0;}
	.mods .linkButton .linkButtonArea {display:block; margin-left:0; margin-right:0;}
	.mods .linkButton a {display:block; max-width:235px; margin-left:auto; margin-right:auto;}
	.mods .linkButton .linkButtonBox {margin-bottom:0;}

	.pages,.bbsContent,.shopPages {letter-spacing:0; word-spacing:0;}
/*
	.pages p, .pages li, .pages blockquote {font-size:15px;}
	.entry>p, .entry>ul, .entry>ol, .entry>blockquote, .entry .moreContent>p, .entry .moreContent>ul, .entry .moreContent>ol, .entry .moreContent>blockquote, .entry .moreContent>div p, .entry .moreContent>div ul, .entry .moreContent>div ol, .entry .moreContent>div blockquote, .mods p, .mods ul, .mods ol, .mods blockquote {font-size:15px;}
	.entry .pages p, .entry .pages li, .entry .pages blockquote {font-size:15px;}
 */
}

/*토스트 메시지용 스타일*/
#toastMsg {font-size:14px;max-width:400px;display:none;position:absolute;padding:20px 50px;border-radius:10px;background-color:#494f5d;color:#fff;opacity:0.8;box-shadow:0 0 3px rgba(0,0,0,0.2);z-index:1000;}