@charset "utf-8";

.popup-pannelWrap {font-size:20px;}
@media all and (max-width:1024px)	{ .popup-pannelWrap {font-size:19px;} }
@media all and (max-width:780px)	{ .popup-pannelWrap {font-size:18px;} }
@media all and (max-width:640px)	{ .popup-pannelWrap {font-size:17px;} }
@media all and (max-width:480px)	{ .popup-pannelWrap {font-size:16px;} }
@media all and (max-width:380px)	{ .popup-pannelWrap {font-size:15px;} }


.popup-pannelWrap:not(.popProdWrap) {display:none !important;}

.popup-pannelWrap {display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.4); z-index:999999;}
.popup-pannelWrap.active {display:block !important;}
.popup-pannelWrap .pannel {display:block; position:absolute; top:50%; left:50%; width:1200px; max-width:90vw; background:#fff; border-radius:6px; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.popup-pannelWrap .pannel.w-middle {width:750px;}
.popup-pannelWrap .pannel h3 {display:table; position:absolute; top:0; left:0; right:0; width:100%; height:5em; font-size:1em; padding:0 2em; padding-right:3.5em; border-bottom:1px solid #E0E6EC; line-height:1.1em; z-index:0;}
.popup-pannelWrap .pannel h3 strong {display:table-cell; vertical-align:middle; font-size:1.5em; color:#111; font-weight:700;}
.popup-pannelWrap .pannel .close {display:block; position:absolute; top:1.6em; right:1.5em; width:1.8em; height:1.8em; text-indent:-999px; overflow:hidden; background:url(../img/common/btn_modal_close.svg) no-repeat 50% 50%; background-size:contain; z-index:5;}
.popup-pannelWrap .btnWrap {text-align:center; margin-top:2em;}
.popup-pannelWrap .btnWrap .btn {border-radius:0 !important;}


.pannel-content {position:relative; margin-top:5em;}
.pannel-content .in {display:block; position:relative; padding:2.222222em; max-height:70vh; overflow:auto; font-size:.9em;}

.pannel-content .bod_write dl {min-width:225px;}
.pannel-content .bod_write select,
.pannel-content .bod_write textarea,
.pannel-content .bod_write input[type="text"] {border-color:#D9D9D9;}

@media all and (max-width:640px) {
	.popup-pannelWrap .pannel h3 {padding:0 1em;}
	.pannel-content .in {padding:1.111111em;}
	.popup-pannelWrap .pannel .close {right:1em;}
}

/* loadingSendMailEn */
@keyframes ldio-ow7acjar329 {
          0% { transform: rotate(0) }
          100% { transform: rotate(360deg) }
        }
        .ldio-ow7acjar329 div { box-sizing: border-box!important }
        .ldio-ow7acjar329 > div {
          position: absolute;
          width: 72px;
          height: 72px;
          top: 14px;
          left: 14px;
          border-radius: 50%;
          border: 8px solid #000;
          border-color: #1e245b transparent #1e245b transparent;
          animation: ldio-ow7acjar329 1s linear infinite;
        }
        .ldio-ow7acjar329 > div:nth-child(2) { border-color: transparent }
        .ldio-ow7acjar329 > div:nth-child(2) div {
          position: absolute;
          width: 100%;
          height: 100%;
          transform: rotate(45deg);
        }
        .ldio-ow7acjar329 > div:nth-child(2) div:before, .ldio-ow7acjar329 > div:nth-child(2) div:after {
          content: "";
          display: block;
          position: absolute;
          width: 8px;
          height: 8px;
          top: -8px;
          left: 24px;
          background: #1e245b;
          border-radius: 50%;
          box-shadow: 0 64px 0 0 #1e245b;
        }
        .ldio-ow7acjar329 > div:nth-child(2) div:after {
          left: -8px;
          top: 24px;
          box-shadow: 64px 0 0 0 #1e245b;
        }
        .loadingio-spinner-dual-ring-9cvfyzm989d {
          width: 64px;
          height: 64px;
          display: inline-block;
          overflow: hidden;
          /* background: #ffffff; */
        }
        .ldio-ow7acjar329 {
          width: 100%;
          height: 100%;
          position: relative;
          transform: translateZ(0) scale(0.64);
          backface-visibility: hidden;
          transform-origin: 0 0; /* see note above */
        }
        .ldio-ow7acjar329 div { box-sizing: content-box; }

        /* 濡쒕뵫 */
        .loadingSendMailEn_bx { left: 0; top: 0; right: 0; bottom: 0; background-color:rgba(0, 0, 0, 0.5); position: fixed; z-index:999999 !important;}
.loadingSendMailEn { position: absolute; top: 50% ; left: 50%;  z-index: 9999999 !important; width: 240px; height: 100px; transform: translate(-50%,-50%); text-align: center;}
.loadingSendMailEn span { text-align: center; width: 100%; justify-content: center; display: block; color: #ffffff; font-weight: 500; background-color:transparent; padding: 3px 10px; border-radius: 30px; }