@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: 15vw; right: 2vw; animation:blink 1.6s infinite; width: 20%;}
.ATP_20251020 .ctabtn {bottom: 100px; left: 100px;}
.ATP_20251020 .Enrollnow {bottom: 130px; left: 100px;}
.con07 { position: relative;}
.ATP_20251020 .profile {position: absolute; top: 50vw; right: 8vw; padding: 0vw 6vw; height: 9vw; display: block; border-radius: 2vw; background-color: #032d14; margin-bottom: 0; color: #fff; font-size: 3.2vw; font-weight: 500; text-align: center; line-height: 8.3vw; }
.ATP_20251020 .profile::after { position: absolute; top: 3.3vw; left: 25.5vw; content: ""; width: 1.5vw; height: 1.5vw; 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}
}

/* 유튜브 영상 */
.video-container { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe {  position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.ATP_20251020 .lecture { padding-bottom: 30vw; position: relative; }
.ATP_20251020 #ctabtn2 { top: 110vw; }
.ATP_20251020 .btn {display: block; position: absolute; bottom: 14vw; left: 10vw;  height: 15vw; border-radius: 2vw; background-color: #032d14; width: 80%; color: #fff; font-size: 6vw; font-weight: 800; text-align: center; line-height: 15vw;}

/* 법령안내 */
.con03 { margin-bottom: 10vw;}
.con03 .evt_info { position: relative; width: 84.21vw; margin: 6vw auto 0; }
.con03 .evt_info .info { width: auto; padding: 5vw 4vw; font-size: 3.5vw; color: #000; line-height: 1.5; font-weight: 700; border: 1px solid #e5e7eb; border-radius: 0 0 0 2vw; text-align: left; }
.con03 details { position: relative; line-height: 5vw; }
.con03 details summary { font-size: 4vw; font-weight: 800; color: #fff;  margin: 0 auto; padding: 2.4vw 0; cursor: pointer; list-style-type: none; text-align: center; background-color: #032d14; border-radius:1.3vw; }
.con03 summary::-webkit-details-marker { display: none; }
.con03 details summary .arrow { position: absolute; top: 2.4vw; right: 13vw; }
.con03 details[open] summary .arrow { top: 1vw; right: 15vw; }
.con03 details[open] summary { border-bottom: 1px solid #000; padding: 2.4vw; width: auto; }
.con03 details[open] summary .arrow::after { position: absolute; top: 3.2vw; left: 3vw; content: ""; width: 2vw; height: 2vw; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(-45deg); }
.con03 details summary .arrow::after { position: absolute; top: 0.5vw; left: 1vw; content: ""; width: 2vw; height: 2vw; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(135deg); }
.con03 details div { width: 1000px; margin: 0 auto; padding: 50px 0 100px; text-align: left; }
.con03 details div p { padding: 3px 0 0 10px; font-weight: 400; color: #333; font-size: 3vw; }
.con03 details div p::before { content: " ·"; margin-left: -10px; padding-right: 5px; }
.con03 details div strong { padding-top: 20px; display: block; color: #0027ca; }
.disclaimer { border-top: 1px solid #f3f4f6;    padding-top: 0.75rem; margin-top: 1.5rem; font-size: 0.875rem;  color: #6b7280;}

/* layer */
.layer-pop{position:fixed; top:0; left:0; display: inline-flex; align-items: center; background:rgba(0,0,0,0.2); width:100%; height:100%; z-index:2;}
.layer-pop .tit{font-size: 1.3em; text-align: center;}
.pop_layer{background: #fff; width: 75%; position: relative; margin: 0 auto; padding: 1em; box-shadow: 0px 0.1em 0.5em 0.3em rgb(0 0 0 / 0.2); border-radius: 0.3em; text-align: left;}
.layer_conts{position: relative; width: 95%; font-size: 1em; overflow-y: auto; line-height: 1.5; height: 18em; margin: 0 auto; padding: 0 2.5%;}
.layer_conts strong{padding-top: 0.5em; display: block; font-weight: 500;}
.layer-pop a{position: absolute; top: 0.5em; right: 0; width: 1em; line-height: 0.8rem; font-size: 3em; text-align: center; cursor: pointer; color: #000; text-decoration: none;}
.noti_txt{font-size: 12px;}
.red{color:#e41545;}
.bg_gray{ background: #efefef; margin: 0.5em 0; padding: 1em; text-align: left; font-size: 0.8em; width: 92%;}

/* 모달레이어 폼 */
.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); }
.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 { width: 400px; max-width: 90%; top: 68%; left: 50%;transform: translate(-50%, -50%);}
.layer_resume .layer_content { font-size: 5vw; 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%;}