.uk-link, a, a:hover{text-decoration:none; color: #fff;}
.uk-sticky {border-bottom: 1px solid #e1e1e1;}
.uk-navbar-container:not(.uk-navbar-transparent) {background:#fff;}
.uk-light .uk-button-primary, .uk-light .uk-button-primary:hover, .uk-light .uk-button-primary:active {background-color:#646aff; color: #fff;}

header .uk-h1, h1 {font-size: 4.5rem;font-weight: 800;margin-top:0;}
header .uk-h3, h3 {font-size: 16px; margin-bottom:0;}
header .uk-light p {color: rgba(255,255,255,1); font-size: 14px;}
article > h6 {font-size: 14px; font-weight: 800; color: #9069ac}
article .uk-heading-divider {padding-top: 10px;}
.uk-light hr {border-top-color: #0cb4ce;}
.uk-divider-small::after {border-top: 2px solid #646aff; width: 9%; }
.uk-heading-divider {margin: 0 auto; border-bottom: 1px solid #96949f;}

.uk-list {padding-top: 80px}
.uk-list>li:nth-child(4) {font-size:20px;}
.uk-list>li:nth-child(5) {font-size:15px;}
.uk-list>li:nth-child(n+2), .uk-list>li>ul {margin-top: 0;}
.uk-light .uk-text-primary {color: #0cb4ce !important; font-weight: 800;}
/*custmized scale animation*/
.uk-padding-small {transform:scale(1); padding:9px}
/* .uk-padding-small:hover > img {transform:scale(1.1); transition:all 1s;} */
.uk-text-small {padding-top:13px;}
/*custmized scale animation*/

/*motion*/
#about {transition:all 3s; opacity:0; transform:translateX(-50px);}
#about.start{transition:all 1.2s; opacity:1; transform:translateX(0px); transition-delay:0.5s;}

#service {transition:all 3s; opacity:0; transform:translateY(50px);}
#service.start2{transition:all 1.2s; opacity:1; transform:translateY(0px); transition-delay:0.5s;}
/*motion*/

/*uk-parteners*/
/*#partners {background:#3e9dc7;}*/
#partners {background:#fff;}
#consulting > a:hover {border:1px solid #fff;}
.text_underline{text-underline-position:under; text-decoration: underline;margin: 0 0 6px 0;}
/*uk-parteners*/

.image-box{display:inline !important;}
.image-box > img{width: 112px;}

footer {background-color: #000; font-size: 12px; color: #e1e1e1 !important; line-height: 1.6;}
.uk-description-list>dt {font-size: 12px; color: #f1f1f1;}
.uk-light .uk-input {border: 1px solid #e1e1e1;}
.uk-height-large {padding: 50px 0;height: auto;}
.uk-container-small {max-width: 1150px;}
.uk-navbar-nav>li>a {color: #333; font-weight: 500; font-size: 12px;}
.uk-nav-sub>li:nth-child(6)>a, .uk-navbar-nav>li:nth-child(7)>a {color:#95BAFF !important}
.side {padding-left: 40px;}
#frm {width: 80%;}
.uk-offcanvas-bar .uk-nav-default>li>a,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a {color: #f1f1f1; margin-top: 10px;}
.text_center > p {text-align:center;}

/* mplanit*/
.mp-text-white {color: #fff !important;}
p.mp-text-underline {	text-underline-position: under;	text-decoration: none;	margin: 0 0 5px 0 !important;}
.copyright {	border-top: 1px solid #3f3f3f;	margin: 0;	font-size: 12px !important;	color: #fff !important;	background: #000;}
.copyright .uk-navbar-container:not(.uk-navbar-transparent) {background: #000;}
.copyright nav a { color: #fff !important; min-height: 40px;}

.uk-checkbox{display:inline-block;vertical-align:middle;margin:0 6px 0 0;}
span.agreeprivacy{display:inline-block;vertical-align:middle;}

.logo-box{text-align: center;}
.logo-box >div {padding: 0 90px!important;}
.logo-box div{display: inline-block;margin: 0 auto;padding: 0;}
.logo-box >div> div {float:left; width:25%; margin:25px 0;}
.logo-box img{display: inline-block; max-width:180px;}

.triple-box .uk-display-block{margin: 0 50px;}

.mouse-hover > div:nth-child(1) {display: inline-block;  }
.mouse-hover > div { position: relative; }
.mouse-hover > div > .layer_over { word-break: keep-all; padding:15px; position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,0.8); color: #fff; box-sizing: border-box; flex-direction: column; font-size:13px; opacity:0; }
.layer_over > h4{ font-size: 17px; color: #fff; margin: 0 0 15px; }
.layer_over > ul { list-style:none; margin:0; padding:0; }
.layer_over p { margin: 0; }
.uk-margin-small-right {font-family: "S-CoreDream-3Light";}

/* .popup_img{ box-shadow:5px 5px 5px #8d8d8d, 0px 16px 32px #4a4e52; } 20220504 추가 */
.popup_outer{ position:absolute; top:50%; left: 30%; width:400px; z-index:100; display:none; transform: translate(-50%, -50%); } /* 20220504 추가 */
.popup button { position:absolute; right:5%;top:3%; width: 40px; height: 40px; border: 0; }
.pop_close.pop_close_bk { background:url('/img/new-image/popup/pop_close_bk.png') no-repeat 50% 50%; color: #a3a3a3; } /* 20220504 추가 */

/* Modern Layer Popup Styles - Image background only */
.modern-popup-content {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    width: 500px;
    height: auto;
    background-size: contain; /* cover에서 contain으로 변경하여 원본 비율 유지 */
    background-color: transparent; /* 배경색 투명 */
    border-radius: 8px;
    z-index: 99;
    display: none;
}

.modern-popup-content .popup-image {
    border-radius: 20px;
    width: 500px;
    border: 2px solid rgba(166, 132, 72, 0.9);
}

.modern-popup-content.show {
    display: block;
}

/* 우측 상단 X 버튼 */
.modern-popup-close-x {
    position: absolute;
    top: 0;
    right: 0;
    background: transparent;
    border: none;
    color: rgba(166, 132, 72, 0.9);
    font-size: 3.0rem;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    z-index: 10;
}

/* 하단 "오늘 하루 동안 안보기" 영역 */
.modern-popup-footer-simple {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.modern-dont-show-today {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.5rem;
    color: rgba(166, 132, 72, 0.9);
    cursor: pointer;
    user-select: none;
}

.modern-dont-show-checkbox {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(0, 0, 0, 0.7);
    border-radius: 3px;
    position: relative;
    background: transparent;
    flex-shrink: 0;
}

.modern-dont-show-checkbox.checked {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(255, 255, 255, 0.9);
}

.modern-dont-show-checkbox.checked::after {
    content: '✓';
    position: absolute;
    top: -3px;
    left: 1px;
    color: #333;
    font-size: 1.2rem;
    font-weight: bold;
}

/* Responsive Design - 원본 비율 유지하면서 크기만 축소 */
@media (max-width: 1024px) {
    .modern-popup-content {
        width: 480px; /* 600px의 80% */
        height: auto;
    }

    .modern-popup-content .popup-image {
        width: 480px;
    }

    .modern-popup-close-x {
        font-size: 4rem;
        width: 30px;
        height: 30px;
        right: 5px;
        top: 5px;
    }

    .modern-popup-footer-simple {
        bottom: 25px;
    }
}

@media (max-width: 768px) {
    .modern-popup-content {
        top: 110px;
        width: 420px;
        height: auto;
    }

    .modern-popup-content .popup-image {
        width: 420px;
    }
    
    .modern-popup-close-x {
        font-size: 3rem;
        width: 30px;
        height: 30px;
        right: 5px;
        top: 5px;
    }
    
    .modern-dont-show-today {
        font-size: 1.1rem;
    }
    
    .modern-dont-show-checkbox {
        width: 14px;
        height: 14px;
    }
}

@media (max-width: 420px) {
    .modern-popup-content {
        top: 100px;
        width: 300px;
        height: auto;
    }
    .modern-popup-content .popup-image {
        width: 300px;
    }

    .modern-popup-close-x {
        font-size: 2.5rem;
        width: 25px;
        height: 25px;
        right: 5px;
        top: 5px;
    }
    
    .modern-dont-show-today {
        font-size: 1rem;
    }
    
    .modern-dont-show-checkbox {
        width: 12px;
        height: 12px;
        border-width: 1px;
    }
    
    .modern-dont-show-checkbox.checked::after {
        font-size: 1rem;
        top: -2px;
        left: 1px;
    }

    .modern-popup-footer-simple {
        bottom: 20px;
    }
}

footer { background: #363545; }

.start2 h6.uk-text-center { font-size: 30px!important; color:#333!important; }
.start2 .uk-padding-small { color: #333!important; }

@media (min-width: 1200px) {
	.uk-height-large {height: 828px;}
	header h1, header h3 {display: block; margin: 0;}
	header .uk-light p {color: rgba(255,255,255,1); font-size: 18px;}
	header .uk-h1, h1 {font-size: 6.5rem;font-weight: 900; letter-spacing:5px;}
}

@media (max-width: 1100px) {
  .popup_outer{ position:absolute; top:50%; left: 50%; width:50%; z-index:100; display:none; transform: translate(-50%, -50%); } /* 20220504 추가 */
  .logo-box >div { padding: 0 15px!important; }
}

@media (min-width: 960px) {
  .start { padding-bottom:40px; }
}

@media (max-width: 960px) {
  .popup_outer{ position:absolute; top:50%; left: 50%; width:60%; z-index:100; display:none; transform: translate(-50%, -50%); } /* 20220504 추가 */
  .start { padding-bottom:40px; }
	#frm {width: 100%;}
	.uk-navbar-nav>li>a {color: #333; font-weight: 600; font-size: 12px;}
	article {margin-bottom: 50px;}
	.uk-heading-small {font-size: 1.5rem;}
	.uk-section p.uk-panel {}
	p.uk-panel {font-size: 0.75rem;}
	.side {padding-left: 0;}
	.copyright { min-height: 40px; line-height:40px;}
	.triple-box .uk-display-block{margin: 0 30px;}
	.logo-box >div> div { width: 33.333333%!important; }
}

@media (max-width: 768px) {
  .popup_outer{ position:absolute; top:50%; left: 50%; width:50%; z-index:100; display:none; transform: translate(-50%, -50%); } /* 20220504 추가 */
  #keydig-pop { width: 100%; max-width: 350px; }
  .uk-height-large { padding: 50px 15px; }
  #ga .uk-text-top {text-align: center !important;}
  .logo-box >div> div { width: 50%!important; }
  .logo-box img{margin: 5px 0;max-width:160px;}
  #ga { background-size: auto 100%!important; padding: 40px 15px;}
  .start2 h6.uk-text-center { font-size: 20px!important; }
  #about {transition:none; opacity:1; transform:none !important;}
  #about.start{transition:none; opacity:1; transform:none !important; transition-delay:0;}
  #service {transition:none; opacity:1; transform:none !important;}
  #service.start2{transition:none; opacity:1; transform:none !important; transition-delay:0;}
  .copyright { min-height: 40px; line-height:40px;}
}

@media (max-width: 620px) {
  .popup_outer{ position:absolute; top:50%; left: 50%; width:60%; z-index:100; display:none; transform: translate(-50%, -50%); } /* 20220504 추가 */
  .triple-box .uk-display-block{margin: 0 20px;}
  .triple-box .uk-display-block .uk-margin-top{text-align: center;}
  #about {transition:none; opacity:1; transform:none !important;}
  #about.start{transition:none; opacity:1; transform:none !important; transition-delay:0;}
  #service {transition:none; opacity:1; transform:none !important;}
  #service.start2{transition:none; opacity:1; transform:none !important; transition-delay:0;}
  .copyright { min-height: 40px; line-height:40px;}
}

@media (max-width: 420px) {
  .popup_outer{ position:absolute; top:50%; left: 50%; width:80%; z-index:100; display:none; transform: translate(-50%, -50%); } /* 20220504 추가 */
  h1{font-size:3em;}
  .logo-box >div> div { margin:10px 0; }
  .logo-box img{margin: 5px 0;max-width:110px;}
  #about {transition:none; opacity:1; transform:none !important;}
  #about.start{transition:none; opacity:1; transform:none !important; transition-delay:0;}
  #service {transition:none; opacity:1; transform:none !important;}
  #service.start2{transition:none; opacity:1; transform:none !important; transition-delay:0;}
}