#editor	{position:relative;border:1px solid #ccc;}
#editor .editor-mn	{height:55px;}
#editor .editor-mn i{display:block;font-size:1rem}
#editor .editor-mn a{display:block;float:left;width:80px;height:55px;padding-top:10px;text-align:center;color:#777;font-size:.5rem;text-transform:uppercase;border-right:1px solid #efefef}
#editor .editor-mn a:hover{background:#5A6378;color:#fff}
#editor .editor-cont	{position:relative;height:480px;overflow-y:auto;box-shadow:inset 0 1px 0px rgba(0,0,0,0.15)}
#editor .editor-scroll	{position:absolute;left:0;top:30px;width:100%;height:calc(100% - 30px);}

#editor .editarea		{position:relative;border-bottom:1px solid #ccc;/*height:690px;overflow-y:scroll;*/}
#editor .inside			{background:#fff;margin:auto 0;padding:20px 0;box-shadow:0 1px 4px rgba(0,0,0,0.2)}
#editor .edit_bx			{position:relative;width:calc(100% - 20px);margin:0 auto;padding:10px;}
#editor .edit_bx.active,
#editor .edit_bx:hover	{background:#f6f6f6;outline:1px solid #3E78C1;cursor:move}
#editor .edit_bx.active .control,
#editor .edit_bx:hover .control,
#editor .edit_bx.active .name,
#editor .edit_bx:hover .name{display:block;}

#editor .edit_bx.active .mn,
#editor .edit_bx.active .mn2	{display:block;}
#editor .position_on:hover,
#editor .position_on		{outline-color:red !important}

#editor .edit_bx .balloonEditor,
#editor .edit_bx input,
#editor .edit_bx textarea	{border-color:#efefef}
#editor .edit_bx.active input,
#editor .edit_bx.active textarea{border-color:#dddddd}
#editor .edit_bx.active .inputarea{margin-top:10px}
#editor .editor-control		{display:none;position:absolute;right:0;top:-30px;z-index:3;}
#editor .editor-control:after{content:"";display:block;float:none;clear:both;}
#editor .editor-control a{float:left;width:30px;height:30px;line-height:30px;text-align:center;background:#5A5AD2;color:#fff;font-size:.75rem;border-left:1px solid rgba(0,0,0,0.1)}
#editor .editor-bx.focused .editor-control	{display:block;}

#editor .name			{display:none;position:absolute;left:-1px;top:-26px;z-index:4;width:60px;height:25px;line-height:25px;text-align:center;background-color:#3E78C1;color:#fff}
#editor .control		{display:none;position:absolute;right:-26px;top:-1px;z-index:4;width:25px;}
#editor .control a		{display:block;background-color:#3E78C1;background-image:url(/resources/cms/img/editbx_control.png);background-repeat:no-repeat;width:25px;height:25px;line-height:25px;color:#fff;text-align:center;border-left:1px solid rgb(0,0,0,0.1);text-indent:-100%;font-size:0 !important;border-bottom:1px solid rgba(0,0,0,0.1)}
#editor .control .btn_copy	{background-position:0 0;}
#editor .control .btn_move	{background-position:0 -25px;}
#editor .control .btn_delete	{background-position:0 -50px;}
#editor .control .btn_add	{background-position:0 -75px;}
#editor .control .btn_add_on	{background-position:0 -75px;background-color:red}
#editor .mn				{display:none;position:relative;background:#f6f6f6;border:1px solid rgba(0,0,0,0.05);cursor:pointer;text-align:center;}
#editor .mn > ul > li	{position:relative;float:left;padding:5px 10px;line-height:20px;min-width:30px;border-right:1px solid #eee}
#editor .mn ul ul 		{position:absolute;left:-1px;top:30px;width:calc(100% + 2px);}
#editor .mn ul ul li:hover	{display:block;background:#f9f9f9}
#editor .mn ul ul li		{position:relative;float:none;white-space:nowrap;padding:0 5px;line-height:25px;background:#fff;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px dotted #eaeaea;;font-size:11px;z-index:999}
#editor .mn ul ul li.bar	{border-top:1px solid #ccc;}
#editor .mn ul ul li:first-child	{border-top:1px solid #ccc;}
#editor .mn ul ul li:last-child	{border-bottom:1px solid #ccc;}
#editor .mn li.last	{float:right;border:none;}
#editor .mn .fa		{font-size:14px}
#editor .mn input,
#editor .inputarea				{margin-bottom:0;}
#editor .inputarea:after			{content:"";display:block;float:none;clear:both;}
#editor .imgtype				{}
#editor .insertimg			{min-height:80px;position:relative;}
#editor .insertimg .changeimg	{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff}
#editor .insertimg .changeimg img	{max-width:100%;width:auto;}
#editor .insertimg .btn_d{box-shadow:0 2px 2px rgba(0,0,0,0.5)}
#editor .link_box		{position:absolute;left:0;top:30px;width:280px;padding:5px;background:#fff;border:1px solid #ccc;z-index:9}
#editor .link_box select	{width:60px;margin:0;vertical-align:top;}
#editor .link_box input	{width:156px;margin:0;vertical-align:top;}
#editor .h2{font-size:24px;font-family:ngn;line-height:1;vertical-align:middle}
#editor .h3{font-size:20px;font-family:ngn;line-height:1;vertical-align:middle;}
#editor .h4{font-size:18px;font-family:ngn;line-height:1;vertical-align:middle}
#editor .h5{font-size:16px;font-family:ngn;line-height:1;vertical-align:middle}
#editor .h6{font-size:13px;font-family:ngn;line-height:1;vertical-align:middle}
#editor .active .inputarea.pdftype	{margin-top:-10px;}
#editor .filetype .bx		{padding:5px;background:#fff;border:1px dashed #eaeaea;line-height:25px;margin-bottom:0}
#editor input:read-only	{background-color:#f6f6f6;border-color:#efefef;color:#aaa}
#editor .box_type1	{display:inline-block;width:20px;height:13px;padding:0;margin:0;vertical-align:middle;background:rgba(0,0,0,0.1)}
#editor .box_type2	{display:inline-block;width:20px;height:13px;padding:0;margin:0;vertical-align:middle;background:#ffffff;border:1px solid #ddd}
#editor .box_type3	{display:inline-block;width:20px;height:13px;padding:0;margin:0;vertical-align:middle;background:#f4f4f4;border:1px solid #ddd}
#editor .box_type4	{display:inline-block;width:20px;height:13px;padding:0;margin:0;vertical-align:middle;background:#ffffff;border:1px solid #EF593A}
#editor .edit_area_default{margin:0 20px;}
#editor #noimg			{position:relative;overflow:hidden;z-index:2;background:#fff;border:1px dashed #ddd;border-radius:2px;text-align:center;color:#999;}
#editor #noimg .btn_d	{position:absolute;left:50%;bottom:5px;width:90px;margin-left:-45px;}
#editor #noimg p		{width:100%;padding:10px 0;cursor:pointer;}
#editor #noimg p:before	{content:"\f03e";font-family:FontAwesome;display:block;font-size:18px;padding:0;margin:0;}


.task-process					{border-top:2px solid #525F78;}
.task-process table th,
.task-process table td		{padding:15px 8px;border-bottom:1px solid #dfdfdf;}
.task-process table thead th	{border-bottom:1px solid #525f78;color:#525f78;line-height:1.4;font-weight:normal;font-size:14px;}
.task-process table tbody 	{border-top:1px solid #768395;background:#fff;}
.task-process table tbody th,
.task-process table tbody td:first-child	{border-left:none;}
.task-process table tbody td:last-child{border-right:none;}
.task-process table tbody tr:first-child th,
.task-process table tbody tr:first-child td{border-top:none;}
.task-process .subject		{font-size:16px;color:#666;}
.task-process .process		{background:#35A6B5;border-radius:3px;overflow:hidden;}
.task-process .process ul		{display:table;width:100%;table-layout:fixed;}
.task-process .process li		{position:relative;display:table-cell;min-width:20%;vertical-align:middle !important;line-height:40px;height:40px;color:#fff;}
.task-process .process li .num	{display:inline-block;width:20px;height:20px;background:#fff;border-radius:50%;text-align:center;line-height:20px;font-size:13px;color:#35A6B5;margin-right:5px;}
.task-process .process li:before,
.task-process .process li:after		{content:"";position:absolute;top:0;border:solid transparent;border-width:20px;z-index:1}
.task-process .process li:before		{border-left-color:rgba(0,0,0,0.2);right:-40px;}
.task-process .process li:after		{border-left-color:#35A6B5;right:-39px;}
.task-process .process li:last-child:before,
.task-process .process li:last-child:after	{display:none;}
.task-process .process .on ~ li		{background:#D8DDE0;color:#768395;}
.task-process .process .on ~ li .num	{color:#768395;}
.task-process .process .on ~ li:after	{border-left-color:#D8DDE0;}
.task-process .process .on:before,
.task-process .process .on:after	{border-left-color:#35A6B5;}
.task-process .btn-wrap	{margin:10px -5px 0 -5px;}
.task-process .btn-wrap li > .btn_d	{}
.task-process .btn-wrap li > .btn_d	{display:block;margin:0 5px;padding:8px 0;}
.task-process .btn-wrap span.btn_d	{cursor:auto;}

.loading-wrap {position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,0.9);z-index:9999999;text-align:center}
.loading-wrap .loading		{position:absolute;left:0;top:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column/**/}
.loading-wrap .loading .circle{display:block;width:80px;height:80px;border:12px solid rgba(0,0,0, .2);border-left-color: #ff9900; border-radius: 50%; animation: spin 1.3s linear infinite;}
.loading-wrap .loading:after	{content:"LOADING";display:block;font-weight:600;margin-top:10px;color: #ff9900;}

@-webkit-keyframes spin {
  0% {
    -webkit-transform:rotate(0deg);transform:rotate(0deg);
  }
  100% {
    -webkit-transform:rotate(359deg);transform:rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform:rotate(0deg);transform:rotate(0deg);
  }
  100% {
    -webkit-transform:rotate(359deg);transform:rotate(359deg);
  }
}

.depth2 > .mm-vertical > .mm-vertical{display:block;}

/*알림존*/
.modal.popup-modal				{position:fixed;left:0;top:0;width:100%;height:100%;padding:0;margin:0;background:rgba(0,0,0,0.75);z-index:9999;overflow:hidden;}
.popup_cont			{position:relative;top:50%;transform:translateY(-50%);z-index:-1;width:1240px;margin:0 auto;/* animation:fadeInDown .5s both alternate; */}
.popup_cont .close	{display:inline-block;vertical-align:bottom;float:none;opacity:unset;font-weight:normal;line-height:unset;}
.popup_cont .close form	{font-size:14px;color:#fff;text-shadow:none;display:inline-block;margin-right:10px;}
.popup_cont .close input{margin-top:0;}

#pop_close		{position:absolute;width:100%;left:0;top:0;z-index:99;}
#pop_close a	{display:inline-block;background:#0D0B5D;height:40px;line-height:40px;color:#fff;padding:0 30px;border-radius:0 0 10px 10px;}
#pop_close a img{vertical-align:middle;margin-left:15px;}

#nikom_intro			{position:relative;font-size:15px;}
#nikom_intro .col_wrap	{overflow:hidden;}
#nikom_intro .bx		{position:relative;padding:0 10px;margin:10px 0;}
#nikom_intro .bx .cont .cont:after{display:none;}
#nikom_intro .cont	{position:relative;padding:20px 25px;min-height:320px;aspect-ratio:1 / 0.818182;background-image:url(../img/intro_contbg.png);background-repeat:no-repeat;background-position:50% 50%;border-radius:10px;overflow:hidden;}
#nikom_intro .img-cont	{position:relative;padding:0;background:none;}
#nikom_intro .img-cont .thumb{height:100%;}

#nikom_intro .control a	{position:absolute;top:50%;transform:translateY(-50%);display:block;width:70px;height:70px;line-height:70px;text-align:center;color:#fff;font-family:fontAwesome;font-size:2rem;font-weight:100;border:2px solid #fff;border-radius:50%;}
#nikom_intro .control a.prev	{left:-90px;}
#nikom_intro .control a.next	{right:-90px;}
#nikom_intro .control a.prev:before{content:"\f053";}
#nikom_intro .control a.next:before{content:"\f054";}
#nikom_intro .control a:hover	{background-color:var(--main-color);color:#fff;border-color:var(--main-color);}

.popup-modal .bx-controls-auto {text-align: center;margin-top:20px;}
.popup-modal .bx-controls-auto .bx-controls-auto-item{display:inline-block;}
.popup-modal .bx-controls-auto .bx-controls-auto-item a{display: block;text-indent: -9999px;width: 38px;height: 38px;background-image: url(../img/btn_modal_control.png);margin:0 2px 0 0;}
.popup-modal .bx-controls-auto .bx-stop {background-position-x:-39px;}

.mquick .pop{position: relative;left:50%;bottom:0;transform:translateX(-50%);display: block;width: calc(100% - 20px);height: auto;border-radius: 50px;background:#0f94d3;border: 3px solid #fff;color:#fff;font-size:.9rem;text-align: center;padding: 5px 20px;margin-top: 10px;}
.mquick .pop i{display: inline-block;/* margin: 5px auto 10px; */color:#fff;font-size: 1.6rem;transform-origin:top center;}
.mquick .pop i:before{font-family:"FontAwesome"}
.mquick .pop .num{font-size:.625rem;width:18px;line-height:18px;border-radius:50%;text-align:center;color:#fff;font-weight:700;background:#f66;position:absolute;right:54%;top:15%;}
.mquick .pop span:not(.bell){font-size:1rem;margin-left:10px;}
.mquick .pop .bell{display:inline-block;width:30px;height:30px;background:url(/resources/homepage/nikom/img/popup-ico.png) no-repeat;vertical-align:bottom;}
.mquick .pop:hover	{background:linear-gradient(0deg, #4FB8E8, #015293);}
.mquick .pop:hover i{animation:swing2 1s both alternate;}

@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1440px){ /* 960 */	
	#mpopupsilde		{margin:0;}
	.popup_cont			{width:810px;}
}
@media only screen and (max-width:1240px){ /* 960 */
	.popup_cont		{width:430px;}
}
@media only screen and (max-width:1023px){ /* 960 */
}
@media only screen and (max-width:767px){ /* 960 */
	.popup_cont		{width:100%;max-width:390px;}
	#pop_close		{width:150px;right:20px;left:auto;}
	#pop_close a	{background:#3AA370;}
	.modal.popup-modal{min-width:320px;}
	#nikom_intro .control a		{width:35px;height:35px;line-height:30px;background-size:25%;font-size:1rem}
	#nikom_intro .control a.prev	{top:-30px;left:10px;}
	#nikom_intro .control a.next	{top:-30px;left:50px;}
	#nikom_intro .col_wrap	{max-height:400px;}
	#nikom_intro .cont	{min-height:235px;padding:10px;}
	#nikom_intro .img-cont	{padding:0;}
}
@media only screen and (max-width:576px){
	
}
@media only screen and (max-width:415px){
}

.thumb		{position:relative;overflow:hidden;transition:all ease-out 0.2s}
.thumb img	{min-width:100%;max-width:100%;min-height:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;z-index:1;}
.thumb-none	{background:var(--basic-bg);}
.thumb-none:before{content:"\f083";font-family:FontAwesome;color:#ccc;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}

:root{
	--white:#ffffff;
	--font-base:1rem;
	--font-sm:calc(var(--font-base) * 0.875);
}

.btn-d				{-webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease-out;	-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;	transition: all 0.2s ease-out;cursor:pointer !important;-webkit-border-radius:0.125rem;-moz-border-radius:0.125rem;-ms-border-radius:0.125rem;-o-border-radius:3px;border-radius:0.125rem;}
.btn-d				{padding:0 16px;line-height:38px;display:inline-block;*zoom:1;cursor:pointer;white-space:nowrap;text-align:center;vertical-align: middle;border-style:solid;border-width:1px;border-color:var(--basic-color);background-color:var(--basic-color);color:var(--white);font-weight:var(--font-normal) !important}
.btn-d:hover,
.btn-d:focus		{background:var(--dgray1);border-color:var(--dgray1);color:#fff;-webkit-box-shadow:0 2px 4px var(--black3);-ms-box-shadow:0 2px 4px var(--black3);box-shadow:0 2px 4px var(--black3);}

.btn-d.btn-sm		{padding:0 12px;font-size:var(--font-sm);line-height:33px;}
.btn-b-wh		{color:var(--white);border-color:var(--white);background:none !important}

.sh-circle		{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50% !important;}
.sh-ell			{-webkit-border-radius:80px;-moz-border-radius:80px;-ms-border-radius:80px;-o-border-radius:80px;border-radius:80px !important;}
.sh-round		{-webkit-border-radius:0.5rem;-moz-border-radius:0.5rem;-ms-border-radius:0.5rem;-o-border-radius:0.5rem;border-radius:0.5rem !important;}