@charset "UTF-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css'); 
.ATP_20251020 {width:100%; overflow:hidden; text-align:center; }
.ATP_20251020 img {vertical-align:top;}				
.ATP_20251020 .por { position: relative;}
.ATP_20251020 .label { position: absolute; top: 130px; right: 15px; animation:blink 1.6s infinite;}
.ATP_20251020 .btn {position: absolute; color: #fff; font-size: 40px; font-weight: 800; padding: 20px 250px; display: inline-block; background-color: #032d14; border-radius: 10px; transition: background-color 0.3s ease;}
.ATP_20251020 .btn:hover { background-color: #01170a;}
.ATP_20251020 .ctabtn {bottom: 100px; left: 100px;}
.ATP_20251020 .Enrollnow {bottom: 130px; left: 100px; }

/* 251020수정 */
.ATP_20251020 .profile {position: absolute; top: 420px; right: 67px; padding: 10px 35px; display: block; border-radius: 10px; background-color: #032d14; margin-bottom: 0; color: #fff; font-size: 18px; text-align: center; line-height: 20px; }
.ATP_20251020 .profile::after { position: absolute; top: 14px; left: 136px; content: ""; width: 8px; height: 8px; border-top: 2px solid #fff;  border-right: 2px solid #fff; transform: rotate(45deg);}

@keyframes blink {
    0%{opacity:1}
    50%{opacity: 0.3}
    100%{opacity:1}
}
.ATP_20251020 .lecture { background-color: #f8f8f8; position: relative; }
.ATP_20251020 .lecture h2 { font-size: 50px;font-weight: 800; padding: 90px 0 50px; }
.ATP_20251020 .ctabtn2 { bottom: 90px; left: 100px; }
.ATP_20251020 .lecture .con08 { padding-bottom: 200px;}

/* 법령안내 */
#accordion {
    width: 90%; /* 모바일 환경을 고려해 약간의 여백 확보 */
    max-width: 740px;
    background-color: white;
    border-radius: 0.75rem;
    border: 1px solid #e5e7eb; /* border-gray-200 */
    margin-left:50px;
    margin-bottom:90px;
}

#info_header {
    padding: 1rem; /* p-5 */
    cursor: pointer;
    border-radius: 8px;							
    transition: background-color 0.2s;
    background-color: #1a4d2e; /* 다크 그린 색상 유지 */
    display: flex;
    justify-content: space-between; /* justify-between */
    align-items: center; /* items-center */
}

/* 헤더 텍스트 및 아이콘 스타일 */
.header-content-flex {
    display: flex;
    justify-content:center;
    align-items: center;
    width: 100%;
}

.title_container {
    display: flex;
    align-items: center;
    gap: 0.5rem; 
}

#header-title {
    font-size: 1.25rem; 
    font-weight: 500; 
    color: white; 
}

#arrow {
    color: white;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

#content {
    padding-left: 1.25rem; /* px-5 */
    padding-right: 1.25rem; /* px-5 */
    color: #4b5563; /* text-gray-700 */
    font-size: 1.2rem;
    text-align: left;
}

#content p {
    margin-bottom: 1rem;
    font-size: 1.2rem;
}

#content p:last-of-type {
    margin-bottom: 1.5rem; /* mb-6 */
}

#content ul {
    list-style: none; /* list-none */
    padding-left: 0;
    margin-bottom: 1.5rem;
}

#content ul li {
    display: flex; /* flex */
    align-items: flex-start; /* items-start */
    margin-bottom: 0.75rem; /* space-y-3 */
}

#content ul li span:first-child {
    font-weight: 700; /* font-bold */
    margin-right: 0.5rem; /* mr-2 */
}

.disclaimer {
    border-top: 1px solid #f3f4f6; /* border-t border-gray-100 */
    padding-top: 0.75rem; /* pt-3 */
    margin-top: 0.75rem; /* mt-3 */
    font-size: 0.875rem; /* text-sm */
    color: #6b7280; /* text-gray-500 */
}

.content-hidden {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out, padding 0.3s ease-out;
    padding-top: 0 !important; /* CSS 우선순위를 위해 !important 사용 */
    padding-bottom: 0 !important;
}

.content-visible {
    max-height: 1000px;
    transition: max-height 0.5s ease-in, padding 0.3s ease-in;
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}

/* 화살표 아이콘 회전 */
.rotate-180 {
    transform: rotate(180deg);
    transition: transform 0.3s;
}
.rotate-0 {
    transform: rotate(0deg);
    transition: transform 0.3s;
}

/* 모달레이어 폼 */
.modal_layer { display:none; position:absolute; z-index:1001; }
.modal_layer .header { background:#3e3e55; height:40px; width:100%; }
.modal_layer .header .title { box-sizing:border-box; font-weight:bold; font-size:20px; text-align:center; padding-top:8px; color:#fff; font-weight:normal; }
.modal_layer .header .comment { font-size:18px; margin-top:8px; }
.modal_layer .btn_section { padding:0 20px 20px; box-sizing:border-box; text-align:center;background:#fff; }
.modal_layerBg { position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index: 999; display: none; }
.modal_layer .btn_modalClose { position: absolute; right:0; bottom:-40px; z-index:1000; color:#fff; line-height:1.5; }
.modal_layer .btn_modalClose a { display:inline-block; width:20px; padding:10px 10px 10px 2px;}

/* 약력확인하기 */
.layer_resume {max-width: 90%; top: 50%; left: 50%;transform: translate(-50%, -50%); position:fixed;  z-index: 1000; display: none;}
.layer_resume .layer_content { font-size: 18px; border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.modal_layer h4 { position:relative;height:50px; font-size:20px; text-align:center; background:#032d14; color:#fff; line-height:50px; box-sizing:border-box; border-top-left-radius: 8px;border-top-right-radius: 8px; }
.modal_layer h4 a.btn_close { position: absolute; right: 15px;top: 50%;transform: translateY(-50%); width: 24px; height: 24px;}
.modal_layer h4 a.btn_close img { width: 100%;height: 100%;}