@charset "utf-8";

/****************************************************************************************************
*	Slide Up Layer
*****************************************************************************************************/
.SUL									{position:fixed; top:0px; right:0px; left:0px; bottom:0px; width:100%; display:none; height:100%; box-sizing:border-box; overflow:hidden; z-index:2;}

.SUL .maskbg							{display:block; width:100%; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#000; opacity:0; transition:opacity 0.4s;}
.SUL.on .maskbg							{opacity:.5;}
.SUL.on .sul_wrap						{transform:translateY(0);}

/* Layer Type 01 */
.SUL .sul_wrap							{position:relative; width:100%; height:100%; padding:0 20px; box-sizing:border-box; background-color:#fff; overflow:hidden; transform:translateY(100%); transition:transform 0.4s; border-radius:10px 10px 0 0}
.SUL .sul_header						{display:flex; justify-content:space-between; align-items:center; position:relative; margin:0px auto; width:100%; border-bottom:1px solid #DDD;}
.SUL .sul_body							{position:relative; /*min-height:calc(100% - 60px - 94px); max-height:calc(100vh - 60px - 94px);*/ box-sizing:border-box; overflow:hidden; overflow-y:auto; outline:none;}
.SUL .sul_footer						{padding:16px 20px 28px;}

/* sul_header */
.sul_header .header_title				{flex-grow:1; width:100%; margin:0 auto; padding:15px 0; box-sizing:border-box; font-size:var(--FS16); font-weight:700; text-align:left; line-height:1.44; color:#333;}
.sul_header .header_title.cartedit		{padding:5px 0; font-size:var(--FS16); font-weight:700;}
.sul_header .sul_btnArea				{display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.sul_header a.btn_reset					{padding:6px 14px; margin-left:5px; border-radius:28px; border:1px solid #DDD; box-sizing:border-box; background-color:#fff; font-size:var(--FS-mm-medium); font-weight:600; letter-spacing:-1px; color:#888;}

/* Layer Type 02 */
.SUL.type02 .sul_wrap					{position:absolute; margin:0 auto; max-width:var(--max-width) !important; right:0; bottom:0; left:0; height:auto; padding:30px 20px 10px 20px; border-radius:10px 10px 0 0; box-sizing:border-box; overflow:visible;}

.SUL.type02 .sul_body					{min-height:auto; max-height:calc(100vh - 100px); padding:10px 0; box-sizing:border-box; overflow:hidden; overflow-y:auto;}
.SUL.type02 .sul_footer					{padding:0px;}


/* Filter Area */
.filter_area							{margin:10px auto;}
.filter_area > li						{display:inline-block; width:100%; padding:20px 0; border-bottom:1px solid #EDEDED;}
.filter_area > li:last-child			{border:none; padding-bottom:10px}
.filter_area .filter_title				{display:inline-block; width:100%; margin-bottom:15px; font-size:var(--FS15); font-weight:var(--FW700F);; letter-spacing:-1px; color:#333;}

.filter_area .obj_division				{display:block; box-sizing:border-box; font-size:var(--FS14); font-weight:var(--FW600) !important;}
.filter_area .obj_division > li			{display:inline-block; margin-bottom:10px; box-sizing:border-box;}
.filter_area .obj_division.col_5 > li	{float:left; display:inline-block; width:20%;}
.filter_area .obj_division.col_4 > li	{float:left; display:inline-block; width:25%;}
.filter_area .obj_division.col_3 > li	{float:left; display:inline-block; width:33.3333%;}
.filter_area .obj_division.col_2 > li	{float:left; display:inline-block; width:50%;}

/* Close */
.SUL .sul_close 						{position:absolute; top:0; left:0; display:none; width:100%; height:30px; color:transparent; overflow:hidden; text-indent:-1000em;}
.SUL .sul_close:before					{content: ''; position:absolute; display:block; top:12px; left:50%; width:60px; height:6px; margin-left:-30px; border-radius:3px; background-color:#000; opacity: .35;}
.SUL .sul_close:hover:before			{opacity:0.8;}
.SUL .sul_close							{display:block;}


/***** Select layer *****/
.sulSelect {position:fixed; right:0; left:0; bottom:0; display:none; height:100%; box-sizing:border-box; overflow:hidden; z-index:100;}
.sulSelect .maskbg {display:block; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#000; opacity:0; transition:opacity 0.4s;}
.sulSelect .sulSelect_wrap {position:absolute; right:0; bottom:0; left:0; width:100%; padding-top:30px; padding-bottom:18px; border-radius:8px 8px 0 0; box-sizing:border-box; background-color:#fff; transform:translateY(100%); transition:transform 0.4s;}
.sulSelect .sulSelect_header {padding:0 20px;}
.sulSelect .sulSelect_header > h2 {width:100%; padding:6px 0 24px; border-bottom:1px solid #eee; color:#333; font-weight:700; font-size:18px; line-height:1.44; letter-spacing:-0.8px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.sulSelect .sulSelect_body {max-height:calc(100vh - 60px - 105px); box-sizing:border-box; overflow:hidden; overflow-y:auto; outline:none;}
.sulSelect .sulSelect_close {position:absolute; top:0; left:0; display:block; width:100%; height:30px; color:transparent; overflow:hidden;}
.sulSelect .sulSelect_close:before {content:''; position:absolute; top:12px; left:50%; display:block; width:52px; height:6px; margin-left:-26px; border-radius:3px; background-color:#333; opacity:.15;}

.sulSelect.on .maskbg {opacity:.5;}
.sulSelect.on .sulSelect_wrap {transform:translateY(0);}

.sulSelect_list {padding-top:20px;}
.sulSelect_list li {padding: 0 20px;}
.sulSelect_list li a {display:block; width:100%; padding:13px 0 12px; font-size:18px; font-weight:400; line-height:1.5; letter-spacing:-0.6px; color:#333; overflow:hidden;}
.sulSelect_list li.on {background-color:#f6f6f6;}
.sulSelect_list.ty02 {padding-bottom:20px;}
.sulSelect_list.ty03 .off {position:relative; opacity:0.2;} /* 2020_07_09 */
.sulSelect_list.ty03 .off a {cursor:auto} /* 2020_07_09 */
.sulSelect_list.ty03 .tit {margin-bottom:2px; font-size:18px; color:#333; font-weight:400; line-height:1.5; letter-spacing:-0.6px;}
.sulSelect_list.ty03 .date {font-size:12px; color:#231f20; font-weight:400; line-height:1.58; letter-spacing:-0.5px;}


/* Full browser Layer Popup (경고 및 알림창) */
.pop_wrap					{position:fixed; left:0; top:0; width:100%; height:100%; padding:30px 30px; overflow-x:hidden; overflow-y:auto; visibility:hidden; box-sizing:border-box; z-index:666 !important; 
							opacity:0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}

.pop_open .pop_wrap.opened{visibility: visible;opacity:1;}
.pop_wrap:before			{content:'';display: block;position: fixed;left:0;top:0;width:100%;height:100%;background: #000;opacity: 0;-webkit-transition: .2s ease opacity;transition: .2s ease opacity;}
.pop_open .pop_wrap:before	{opacity: .8;-webkit-transition: .2s ease opacity;transition: .2s ease opacity;}

.pop_wrap2					{position:fixed; left:0; top:50px; width:100%;  padding:30px 30px; overflow-x:hidden; overflow-y:auto; z-index:110; visibility:hidden; box-sizing:border-box;
							opacity:0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}

.pop_open .pop_wrap2.opened{visibility: visible;opacity:1;}
.pop_wrap2:before			{content:'';display: block;position: fixed;left:0;top:50px;width:100%;background: #000;opacity: 0;-webkit-transition: .2s ease opacity;transition: .2s ease opacity;}
.pop_open .pop_wrap2:before	{opacity: .8;-webkit-transition: .2s ease opacity;transition: .2s ease opacity;}

.pop_cont					{background:#fff; position:relative; width:100%; margin:auto; top:30%; padding:30px; opacity:0; border-radius:20px;
							-webkit-transform:translateY(-50%) rotateX(-70deg); -moz-transform:translateY(-50%) rotateX(-70deg); -ms-transform:translateY(-50%) rotateX(-70deg); transform:translateY(-50%) rotateX(-70deg);
							-webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d;
							/*-webkit-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s;*/}

.pop_open .pop_cont			{opacity:1; -webkit-transform:rotateX(0deg) translateY(-50%); -moz-transform:rotateX(0deg) translateY(-50%); -ms-transform:rotateX(0deg) translateY(-50%); transform:rotateX(0deg) translateY(-50%);}
.pop_cont .pop_closeArea	{display:block; width:25px; height:25px; position:absolute; font-size:0; top:20px; right:20px; cursor:pointer; z-index:99;}
.pop_cont .cssIcon.x		{position:absolute; font-size:0; display:block; top:0px; right:0px; cursor:pointer;}
.pop_cont .cssIcon.x:before	{right:10px; top:1px; height:20px; width:1px;}
.pop_cont .cssIcon.x:after	{right:10px; top:1px; height:20px; width:1px;}


@media screen and (min-width:980px) and (max-width:5000px) { 
.pop_cont		{width:80%; max-width:350px;}
.pop_cont.type500	{width:80%; max-width:500px;}
}

/* popup - common */
.popCommon_cont .popCont_text			{height:150px; position:relative; box-sizing:border-box; padding:0;}
.popCommon_cont .popCont_text strong	{position:relative; display:block; text-align: center; font-size:var(--FS20); color:#111; font-weight:500; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); top:50%;}


/****************************************************************************************************
*	Main Popup
*****************************************************************************************************/
.c_popup						{position:fixed; left:0; top:0; width:100%; height:100%; background:transparent; display:flex; justify-content:center; align-items:center; flex-direction:column; z-index:99;}
.c_popup .pop_wraps				{z-index:90; position:relative; display:inline-block; border-radius:10px; overflow:hidden;}
.c_popup_bg						{background:rgba(0,0,0,0.7); position:fixed; left:0; top:0; width:100%; height:100%; z-index:10}

.c_popup .img_box				{overflow:hidden; background:#fff; border:0 !important; box-sizing:border-box;}
.c_popup .img_box img			{float:left; max-height:750px}

.c_popup .close_box				{background:#fff; border:0 !important; overflow:hidden;}
.c_popup .close_box label		{float:left; font-size:12px; color:#666; font-weight:500; position:relative; text-align:left; box-sizing:border-box; margin-right:10px; padding:10px; line-height:12px; letter-spacing:-1px;}
.c_popup .close_box label:hover {text-decoration:underline; cursor:pointer; color:#222;}
.c_popup .close_box input		{margin-right:6px; margin-top:0px}

.c_popup .close_box .btn_close	{float:right; width:25px; height:25px; padding:5px; margin-top:8px; margin-right:0px;}
.c_popup .close_box .btn_close i{position:relative; top:-1px;}


@media screen and (max-width:980px) {
	.c_popup				{border:0; padding:15px; box-sizing:border-box;}
	.c_popup .img_box		{border:1px solid #ddd; border-bottom:0; box-sizing:border-box;}
}

@media screen and (max-width:600px) {	
	.c_popup				{width:100%; left:0 !important; border:0; padding:10px; box-sizing:border-box;}
	.c_popup .img_box a		{width:100%;}
	.c_popup .img_box img	{width:100%; max-width:none;}
}


/****************************************************************************************************
*	Main Popup : 3Pic Slide Popup - 2025.02.11
*****************************************************************************************************/
.layerPopop					{position:fixed; top:0; display: flex; align-items:center; justify-content:center; width:100%; height:100%; z-index:15;background:rgba(0,0,0,0.6); opacity: 0; visibility: hidden; transition:all .5s;}
.layerPopop.active			{opacity:1; visibility:visible;}

.layerPopop .wrap-side-pop	{position:relative; max-width:var(--max-width); width:100%; margin:0 auto;}

.layerPopop .wrap-side-pop .slider			{padding:0 4%;}
.layerPopop .wrap-side-pop .slider a		{display:block; text-align:center;}
.layerPopop .wrap-side-pop .slider a img	{display:inline-block; max-width:400px}

.layerPopop .wrap-side-pop .control			{position: absolute; left: 0; top: 35%; width: 100%; height: 0px;}
.layerPopop .wrap-side-pop .control button	{display: inline-block; vertical-align: middle; text-indent: -9999px;}
.layerPopop .wrap-side-pop .control button.slick-hidden {display: none;}

.layerPopop .wrap-side-pop .control .prev,
.layerPopop .wrap-side-pop .control .next	{position:absolute; display:inline-block; width:30px; height:30px; border-right:6px solid white; border-top:6px solid white; border-radius:6px; z-index:10;}
.layerPopop .wrap-side-pop .control .prev	{left:0; transform:rotate(225deg);}
.layerPopop .wrap-side-pop .control .next	{right:0; transform:rotate(45deg);}

.layerPopop .wrap-side-pop .control2					{margin-top:35px; text-align:center; font-size:var(--FS15F); color:#FFF;}
.layerPopop .wrap-side-pop .control2 .pop-today,
.layerPopop .wrap-side-pop .control2 .pop-close,
.layerPopop .wrap-side-pop .control2 .pop-state			{display:inline-block; margin:0 6px; vertical-align:middle;}
.layerPopop .wrap-side-pop .control2 .pop-today label	{display:block; position:relative;}
.layerPopop .wrap-side-pop .control2 .pop-today button	{letter-spacing: -.05em; padding:12px 50px 12px 30px; background-color:var(--mygray); border-radius:100px; color:#FFF;}


.layerPopop .wrap-side-pop .control2 .pop-today input	{cursor:pointer; width:0; height:0; visibility:hidden;}
.layerPopop .wrap-side-pop .control2 .pop-today span	{width:0; height:0; overflow:hidden; display:inline-block;}
.layerPopop .wrap-side-pop .control2 .pop-close button	{position: relative; padding:12px 50px 12px 30px; background-color:var(--mygray400); border-radius:100px; color:#FFF;}


.layerPopop .wrap-side-pop .control2 .btn-close i.icon-x{position:absolute; font-size:20px; right:20px;}

.layerPopop .wrap-side-pop .control2 .pop-state span	{display:inline-block; padding:12px 30px; background-color:var(--IDTcolor); border-radius: 100px; letter-spacing: -.05em;}
.layerPopop .wrap-side-pop .control2 .pop-state em		{letter-spacing: -.05em;}


@media all and (max-width:1460px) {
    .layerPopop .wrap-side-pop .control .prev {left:20px;}
    .layerPopop .wrap-side-pop .control .next {right:20px;}
}

@media all and (max-width:768px) {
    .layerPopop .wrap-side-pop .control2 .pop-state {display: none;}
}

/*******************************************************************************************************************************************
*	MODAL LAYERPOPUP (All Basic Popup) : 2023.02.07 
*******************************************************************************************************************************************/
/* modal layer */
.modal-fixed-pop-wrapper	{display:none; overflow-y:auto; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; background:#000; background:rgba(0,0,0,0.8); z-index:5;}
.modal-fixed-pop-wrapper2	{display:none; overflow-y:auto; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; background:#000; background:rgba(0,0,0,0.8); z-index:5;}
.modal-fixed-pop-inner		{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-inner-box			{position:relative; display:table-cell; vertical-align:middle;}
.modal-loading				{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10;}
.modal-inner-content		{text-align:left;}


/* Modify Funny : 2023.02.01 */
.modalBox								{max-width:1000px; margin:20px auto; border-radius:14px; overflow:hidden;}
.modalBox.noti							{max-width:350px;} /* 경고창 */
.modalBox.simple						{max-width:600px;} /* 정보수정, */
.modalBox.wide							{max-width:900px;} /* 정보제공형 */

.modalBox > p							{margin-top:10px;}
.modalBox img							{width:100% !important;}
.modalBox iframe						{width:100% !important;}

.modalBox_Header						{display:flex; align-items:center; justify-content:center; padding:8px 0; background-color:#7e8697;}
.modalBox_Header > H1					{flex-grow:1; font-family:celmonHG; font-size:1.25rem; font-weight:700; text-align:center; color:#FFF; margin-left:32px}
.modalBox_Header > .modal-close			{display:flex; align-items:center; justify-content:center; margin-right:10px; color:#fff; font-size:32px;}
.modalBox_Header > .modal-close:hover	{color:#000 !important; transform:rotate(360deg); -webkit-transform:rotate(360deg); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; transition:all 0.5s;}

.modalBox_Content						{padding:30px; background-color:#fff;}
.modalBox_Content_inner					{min-height:200px; max-height:600px; overflow-y:auto; overflow-x:hidden;}
.modalBox_Content ul					{list-style:none;}

.modalBox_Content H8					{display:flex; justify-content:space-between; align-items:center; font-size: var(--FS16); color:#000; font-weight:var(--FW700F); letter-spacing:-1px;}

#post_wrap.modalBox_Content  			{padding:0px !important;} /* Only kakao 우편번호 */

@media all and (max-width:980px){
	.modalBox							{width:94%;}

	.modalBox_Header					{padding:6px 0px;}
	.modalBox_Header > H1				{font-size:1rem;}
	.modalBox_Header > .modal-close		{margin-right:6px; font-size:26px;}
	.modalBox_Content					{padding:15px;}
}


/****************************************************************************************************
*	Contents Alarm Caution Popup (Modify by separating from Adminlte) : 2024.02.26
*****************************************************************************************************/
.modal-open					{overflow:hidden;}
.modal-open .modal			{overflow-x:hidden; overflow-y:auto;}
.modal						{position:fixed; top:0; left:0; z-index:3; display:none; width:100%; height:100%; overflow:hidden; outline:0;}
.modal-dialog				{position:relative; width:auto; margin:0.5rem; pointer-events:none;}
.modal.fade .modal-dialog	{transition:-webkit-transform 0.3s ease-out; transition:transform 0.3s ease-out; transition:transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform:translate(0, -50px); transform:translate(0, -50px);}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}
.modal.show .modal-dialog				{-webkit-transform:none; transform:none;}
.modal.modal-static .modal-dialog		{-webkit-transform:scale(1.02); transform:scale(1.02);}
.modal-dialog-scrollable				{display:-ms-flexbox; display:flex; max-height:calc(100% - 1rem);}
.modal-dialog-scrollable .modal-content {max-height:calc(100vh - 1rem); overflow:hidden;}
.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header	{-ms-flex-negative:0; flex-shrink:0;}
.modal-dialog-scrollable .modal-body	{overflow-y:auto;}
.modal-dialog-centered					{display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; min-height:calc(100% - 1rem);}
.modal-dialog-centered::before			{display:block; height:calc(100vh - 1rem); height:-webkit-min-content; height:-moz-min-content; height:min-content; content:'';}
.modal-dialog-centered.modal-dialog-scrollable {-ms-flex-direction:column; flex-direction:column; -ms-flex-pack:center; justify-content:center; height:100%;}
.modal-dialog-centered.modal-dialog-scrollable .modal-content	{max-height:none;}
.modal-dialog-centered.modal-dialog-scrollable::before			{content:none;}

.modal-content				{position:relative; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; width:100%; pointer-events:auto; background-color:#fff; background-clip:padding-box; border:1px solid rgba(0, 0, 0, 0.2); border-radius:0.3rem; box-shadow:0 0.25rem 0.5rem rgba(0, 0, 0, 0.5); outline:0;}
.modal-content				{animation:slideDownBounce 0.6s ease forwards;}
@keyframes slideDownBounce {
    0%	{transform:translateY(-1000px); opacity:0;}
    60% {transform:translateY(30px); opacity:1;}
    80% {transform:translateY(-10px);}
    100% {transform: translateY(0);}
}


.modal-backdrop				{position:fixed; top:0; left:0; z-index:1; width:100vw; height:100vh; background-color:#000;}
.modal-backdrop.fade		{opacity:0;}
.modal-backdrop.show		{opacity:0.5;}
.modal-header				{display:-ms-flexbox; display:flex; -ms-flex-align:start; align-items:flex-start; -ms-flex-pack:justify; justify-content:space-between; padding:1rem; border-bottom:1px solid #e9ecef; border-top-left-radius:calc(0.3rem - 1px); border-top-right-radius:calc(0.3rem - 1px);}
.modal-header .close,
.modal-header .mailbox-attachment-close {padding:1rem; margin:-1rem -1rem -1rem auto;}
.modal-title				{font-family:celmonHG; font-size:var(--FS16); margin-bottom:0;  font-weight:700; line-height:1.5;}
.modal-body					{position:relative; -ms-flex:1 1 auto; flex:1 1 auto; padding:1.5rem 1.2rem; font-size:var(--FS13); color:var(--mygray); line-height:1.25;}
.modal-footer				{display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center; align-items:center; -ms-flex-pack:end; justify-content:flex-end; padding:0.75rem; border-top:1px solid #e9ecef; border-bottom-right-radius:calc(0.3rem - 1px); border-bottom-left-radius:calc(0.3rem - 1px);}
.modal-footer > *			{margin:0.25rem;}
.modal-scrollbar-measure	{position:absolute; top:-9999px; width:50px; height:50px; overflow:scroll;}


@media (min-width: 576px) {
    .modal-dialog					{max-width:500px; margin:1.75rem auto; }
    .modal-dialog-scrollable		{max-height:calc(100% - 3.5rem); }
    .modal-dialog-scrollable .modal-content {max-height:calc(100vh - 3.5rem); }
    .modal-dialog-centered			{min-height:calc(100% - 3.5rem); }
    .modal-dialog-centered::before	{height:calc(100vh - 3.5rem); height:-webkit-min-content; height:-moz-min-content; height:min-content; }
    .modal-content					{box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.5); }
    .modal-sm						{max-width:300px; }
}
@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}
@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

.modal-body > ul			{word-break:break-all;}
.modal-body > ul > li		{list-style-type:disc; margin-bottom:0.75em; margin-left:20px !important; line-height:1.3;}

/* Top to bottom Popup Layer */
.dim-layer					{display:none;  position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:99999;}
.dim-layer .dimBg			{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.dim-layer .pop-layer		{display:block;}
.pop-layer .pop-container	{padding:10px 10px;}
.pop-layer					{display:none; position:absolute; top:calc((50% + 40px) / 2); left:50%; width:calc(100% - 50px); max-width:600px; height:auto; background-color:#fff; border:1px solid #6d778c; z-index:100;}