.at-container {max-width:1280px; margin:0 auto; position:relative;}


header {border-bottom:1px solid #d8d7d4; padding:20px 0 10px;}


.apply_wrapper {background:#f5f5f5; padding-top:30px; padding-bottom:60px;}


.step_ul { height:56px; border-radius:40px; display:flex;}
.step_ul li {width:25%; text-align:center; font-size:16px; color:#000000; letter-spacing:-1px; line-height:54px; background:#e0dfde; position:relative;}
.step_ul li:first-child {border-top-left-radius:40px; border-bottom-left-radius:40px;}
.step_ul li:last-child {border-top-right-radius:40px; border-bottom-right-radius:40px;}
.step_ul li.active {background:#4990fa; color:#FFF;}
.step_ul li.wide {width:100%;}
.step_ul li.active::before { bottom: -15px; border-width: 15px 15px 0px; border-color: #4990fa transparent; display: block; width: 0px; content: ""; position: absolute; border-style: solid; left:50%; margin-left:-7px;}


@media all and (max-width:992px) {
.step_ul li {font-size:14px;}
}

@media all and (max-width:767px) {
.step_ul li {line-height:120%; padding:13px 0; font-size:12px; letter-spacing:-1px; white-space:nowrap;}
.step_ul li span {display:block; text-align:center;}
.step_ul li.wide {width:100%; font-size:14px; padding:17px 0;}
}

@media all and (max-width:400px) {
.step_ul li {font-size:11px;}
}


.main_program_box {margin-top:30px; border-radius:10px; border:1px solid #dcdcdc; background:#FFF; padding:30px; padding-left:320px; position:relative; overflow:hidden;}
.main_program_box .title {position:absolute; left:40px; top:80px; padding-top:110px; background:url(../img/main_icon.png) no-repeat; font-size:28px; font-family: 'S-CoreDream-4Regular'; letter-spacing:-1px; line-height:120%;}
.main_program_box .title strong { font-family: 'S-CoreDream-6Bold';}
.main_program_box .title p {font-size:16px; font-family:sans-serif; letter-spacing:-1px; margin-top:20px; height:21px; background:url(../img/main_tel_icon.png) no-repeat; padding-left:30px; line-height:140%;}
.main_program_box a.main_download {position:absolute; left:40px; top:20px; background:#4990fa; border-radius:50px; color:#FFF; padding:5px 20px;}

.main_program_box .left_img {position:absolute; left:0; bottom:0;}

.table_wrap_view {}
.main_program_list {display:flex; margin-top:0px; margin-left:-10px;}
.main_program_list > li {width:308px; margin-left:10px; background:#FFF; margin-bottom:30px;  border:1px solid #cecece; position:relative; padding-bottom:46px; -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.main_program_list > li:hover { border: 3px solid transparent; border-image: linear-gradient(to right, #4791f9 0%, #03b9c9 100%);  border-image-slice: 1;}

.main_program_list li img {max-width:100%;}
.main_program_list li .info {padding:20px;}
.main_program_list li .info h3 {font-size:18px; color:#333333; font-weight:bold; border-bottom:1px solid #e5e5e5; padding-bottom:5px; letter-spacing:-1px; margin-bottom:10px;}
.main_program_list li .info h3 span {background:#4990fa; display:inline-block; color:#FFF; font-size:12px; padding:0 10px; border-radius:30px; position:relative; line-height:170%; top:-2px;}
.main_program_list li .info p {font-size:14px; color:#555555; line-height:1.2em; letter-spacing:-1px; height:2.4em; overflow:hidden; margin-bottom:20px;}
.main_program_list li .info ol {}
.main_program_list li .info ol li {position:relative; padding-left:80px; letter-spacing:-1px;}
.main_program_list li .info ol li span {position:absolute; left:0; top:0; color:#fd3049; font-size:14px; }

.main_program_list li .btns {position:absolute; bottom:0; left:0; width:100%; border-top:1px solid #cecece;}
.main_program_list li .btns li {float:left; width:50%; }
.main_program_list li .btns li:first-child {border-right:1px solid #cecece;}
.main_program_list li .btns li a {background:#f8f8f8; height:46px; display:block; text-align:center; line-height:44px;}
.main_program_list li .btns li a i {color:#888888; font-size:16px;}
.main_program_list li .btns li a:hover {background:#eee;}


.main_program_list li.location .info ol li {padding-left:0; text-align:center; font-size:16px;}
.main_program_list li.location .btns li {width:100%; border-right:none;}
.main_program_list li.location .info h3 {border-bottom:none; text-align:center;}


@media all and (max-width:767px) {

.main_program_box {padding:20px; padding-left:20px; background-image:none; }
.main_program_box .title {position:relative; top:0; padding-top:10px; padding-left:80px; left:0; background-size:60px; height:70px; font-size:20px;}
.main_program_box .title br {display:none;}
.main_program_box .title strong {margin-left:10px;}
.main_program_box .title p {margin-top:0px;}
.main_program_box .left_img {position:relative;}
.main_program_box .left_img img {max-width:100%;}

.main_program_box a.main_download {left:auto; top:30px; right:20px;}
}

@media all and (max-width:580px) {

.main_program_box .title {}
.main_program_box a.main_download {position:relative; top:auto; right:auto; margin-bottom:10px; display:inline-block;}
}

@media all and (max-width:500px) {

.table_wrap_view {overflow-x:scroll; width:100%;} 

}


footer {background:#e1e1e1; padding:30px 0; font-size:15px; color:#555555; letter-spacing:-1px;}

@media all and (max-width:767px) {
footer {text-align:Center;}
footer span {display:block;}

}


.apply_box {margin-top:30px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border:1px solid #dcdcdc; background:#FFF; position:relative;}

.home_btn_st {position:absolute; width:100%; text-align:center; bottom:-22px; z-index:9;}
.home_btn_st a {display:inline-block; width:115px; height:46px; border:2px solid #09bbca; text-align:center; line-height:44px; border-radius:50px; background:#f8f8f8;}

.apply_step01 {display: flex; }
.apply_step01_box {flex: 1; border:1px solid #e5e5e5; margin-left:-1px; border-right:none; padding:22px 35px; border-bottom:none;  position:relative; }
.apply_step01_box.first {border-left:none;}
.apply_step01_box.wide {flex-grow:1.3; min-height:400px;}
.apply_step01_box h3 {font-size:16px; color:#555555; margin-bottom:30px;}



@media all and (max-width:1100px) {
.apply_step01 {display: flex; flex-flow: row wrap;}
.apply_step01_box {flex-basis: 33.33333%; border-top:1px solid #dcdcdc; padding:22px 20px;}
.apply_step01_box.last .apply_btn_st {position:relative; padding:20px 0;}

}

@media all and (max-width:800px) {
.apply_step01_box {flex-basis: 50%; border-top:1px solid #dcdcdc; }
}

@media all and (max-width:500px) {
.apply_step01_box {flex-basis: 100%; }
.apply_step01_box .apply_btn_st {position:relative; padding:20px 0; text-align:center;}


}


.apply_calnder {}
.apply_calnder .date {height:35px; position:relative; text-align:center; font-size:21px; color:#000; margin-bottom:10px;}
.apply_calnder .date a.prev {position:absolute; left:0; top:0; color:#03b8c9; font-size:16px;}
.apply_calnder .date a.next {position:absolute; right:0; top:0;  color:#03b8c9; font-size:16px;}
.apply_calnder table {border-collapse:collapse; width:100%;}
.apply_calnder table th {}
.apply_calnder table td {text-align:center; color:#036ece; font-size:14px; padding:10px;}

.program_name {padding:25px 20px; background:#f5f5f5; position:relative; padding-left:120px; font-size:18px; color:#000000; letter-spacing:-1px; }
.program_name img {width:64px; border-radius:10px; display:inline-block; position:absolute; left:50px; top:15px;}
.program_name i {color:#03b9c9; font-size:20px; display:inline-block; position:absolute; left:25px; top:30px;}
.program_name span {color:#00a5b5; font-size:14px; line-height:120%;}
.program_name p {font-size: 14px; color: red; font-weight: bold;}

.program_name2 {padding:25px 20px; background:#f5f5f5; position:relative;  font-size:18px; color:#000000; letter-spacing:-1px; border-bottom:1px solid #cdcdcd;}
.program_name2 i {color:#03b9c9; font-size:20px; display:inline-block; }

@media all and (max-width:767px) {
.program_name {padding:15px 20px; padding-left:120px;}
.program_name span {display:block; }
}


.select_chapter {}
.select_chapter li {background:#f5f5f5; border-radius:10px; margin-bottom:5px; position:relative;}
.select_chapter li label {padding:10px; display:block; position:relative; font-size:14px; color:#333333; text-align:center; font-weight:bold;}
.select_chapter li label span {position:absolute; left:20px; top:10px; color:#114a7e;}
.select_chapter li input[type=radio] {position:absolute; right:30px; top:15px; width:20px; height:20px; border:2px solid #b5b5b5;}

.select_chapter li span.not_select {position:absolute; right:20px; top:15px; background:#616161; color:#FFF; padding:0 10px; display:block; font-size:14px; border-radius:40px; line-height:150%;}


.tex01 {color:#114a7e; font-size:14px; letter-spacing:-1px; font-weight:bold; margin-bottom:5px;}
.tex02 {margin-bottom:10px;}
.tex02.button_is {padding-right:90px; position:relative;}
.tex02 .input_box {border:1px solid #e2e2e2; padding:10px; border-radius:5px; width:100%; height:40px;}

.zip_btn {position:absolute; right:0; top:0; font-size:14px; color:#fff; background:#03b8c9; width:80px; height:40px; border-radius:5px;}


.caption_txt {text-align:center; font-size:15px; color:#ff3000; letter-spacing:-1px;}

.stepper_wrap {font-size:14px; color:#000000; margin-top:30px;}
.stepper_box {display:inline-block; border:1px solid #e2e2e2; border-radius:5px; position:relative; padding:0 10px;}
.stepper_box .qty-input {border:none; width:70px; text-align:center; height:32px;}
.stepper_box .qty-down {position:absolute; left:5px; top:0; font-size:20px;}
.stepper_box .qty-up {position:absolute; right:5px; top:0; font-size:20px;}

.apply_btn_st {position:absolute; bottom:10px;  width:100%; clear:both; left:0; padding:20px 40px; box-sizing:border-box; text-align:right; white-space:nowrap;}
.apply_btn_st.text-center {text-align:center;}
.apply_btn_st.style2 {position:relative; bottom:0; text-align:center;}


.apply_btn_st .btn_submit {background:url(../img/btn_arrow.png) no-repeat right center #f8f8f8; border:2px solid #03b9c9; color:#000; width:100%; text-align:left; padding:13px 10px 13px 30px; border-radius:30px; font-weight:bold; font-size:14px; max-width:200px;}
.apply_btn_st .btn_prev {background:#f8f8f8; border:2px solid #03b9c9; text-align:center; padding:8px 0px 8px 0px; border-radius:30px; font-weight:bold; font-size:14px; width:80px; display:inline-block;}
.apply_btn_st .btn_next {background:url(../img/btn_arrow2.png) no-repeat right center #dadada; border:1px solid #cecece; text-align:left; padding:13px 50px 13px 30px; border-radius:30px; font-weight:bold; font-size:14px; width:116px;}
.apply_btn_st .btn_pointer {cursor:pointer;}

.apply_btn_st input.btn_next {position:relative; top:-2px; cursor:pointer;}

#submitBtn {
  background:url(../img/btn_arrow2.png) no-repeat right center #dadada; border:1px solid #cecece; text-align:left; padding:13px 50px 13px 30px; border-radius:30px; font-weight:bold; font-size:14px; width:116px;
  transition: all 0.3s ease;
}

#submitBtn.active {
 background:url(../img/btn_arrow2.png) no-repeat right center #03b9c9;
 color:#FFF;
}


@keyframes blink {
  0% { background-color: #fff; }
  50% { background-color: #03b8c9; }
  100% { background-color: #fff; }
}

.blink {
  animation: blink 1s linear infinite;
}


.apply_textarea {}
.apply_textarea textarea {width:100%; height:200px; background:#f9f9f9; box-sizing:border-box; padding:20px; border:1px solid #e2e2e2; border-radius:5px;  font-family:sans-serif;}
.apply_textarea p {font-size:14px; color:#000000; margin-top:18px;}
.apply_textarea input[type="checkbox"] {width:20px; height:20px; border:2px solid #b5b5b5;}


.apply_step03 {display:block; width:100%; position:relative; padding-bottom:110px;}
.apply_step03_inner {display:flex; max-width:680px; width:90%; margin:30px auto; background:#f5f5f5; padding:0px; border-radius:5px;}
.apply_step03_left { padding:30px 40px; border-right:1px solid #FFF;}
.apply_step03_right {flex-grow:1.5; padding:30px 40px;}


@media all and (max-width:600px) {
.apply_step03_inner {flex-flow: row wrap;}
.apply_step03_left {flex-basis: 100%; }
.apply_step03_right {flex-basis: 100%; }
}


.apply_confirm_box {background:url(../img/apply_confirm_bg.png) no-repeat right bottom #f5f5f5; max-width:680px; width:90%; margin:80px auto 10px auto; border-radius:5px; padding:50px;}
.apply_confirm_box .apply_confirm_text {padding-right:180px;}
.apply_confirm_notice {background:url(../img/apply_confirm_notice.png) no-repeat; height:47px; padding-left:57px; font-size:18px; line-height:120%; padding-top:10px; letter-spacing:-1px; margin-bottom:20px;} 


@media all and (max-width:600px) {
.apply_confirm_box {padding:30px;}
.apply_confirm_notice {font-size:16px;}
.apply_confirm_box .apply_confirm_text {padding-right:50px;}
}


.apply_list_wrap {display:block; width:100%; position:relative; padding:50px;}

.apply_list_wrap .list_row {border-bottom:1px solid #e5e5e5; margin-bottom:40px;}
.apply_list_wrap .list_row h4 {border-bottom:2px solid #000; font-size:18px; letter-spacing:-1px; padding-bottom:5px; font-weight:normal;}
.apply_list_wrap .list_row h4 span {margin-left:10px; font-size:14px;}
.apply_list_wrap .list_info {padding:15px 0; display:flex; padding-right:0px; position:relative; padding-left:160px; min-height:105px;}
.apply_list_wrap .list_info .img {padding:0 30px; position:absolute; left:0; top:15px;}
.apply_list_wrap .list_info .img img {width:105px; height:105px;}
.apply_list_wrap .list_info .info {width:430px;}
.apply_list_wrap .list_info .info dl {display:table;}
.apply_list_wrap .list_info .info dl dt {display:table-cell; background:#f5f5f5; width:151px; padding:5px 10px; font-size:14px;}
.apply_list_wrap .list_info .info dl dd {display:table-cell; padding:5px 10px; font-size:14px;}

.apply_list_wrap .list_info .cancel_btn {position:absolute; right:20px; top:50%; border:1px solid #cdcdcd; font-size:14px; text-align:center; width:120px; height:34px; border-radius:5px; margin-top:-17px; line-height:32px;cursor:pointer;}
.apply_list_wrap .list_info .btn_status1 {position:absolute; right:20px; top:50%; border:1px solid #cdcdcd; font-size:14px; text-align:center; width:120px; height:34px; border-radius:5px; margin-top:-17px; line-height:32px;}
.apply_list_wrap .list_info .btn_status2 {position:absolute; right:20px; top:50%; border:none; font-size:14px; text-align:center; width:120px; height:34px; border-radius:5px; margin-top:-17px; line-height:32px; color: #ff0b00; font-weight: bold;}
.apply_list_wrap .list_info .btn_order_detail {position:absolute; right:20px; top:30%; border:1px solid #cdcdcd; font-size:14px; text-align:center; width:120px; height:34px; border-radius:5px; margin-top:-17px; line-height:32px;cursor:pointer;background:#f5f5f5;}

@media all and (max-width:992px) {

/*.apply_list_wrap .list_info {flex-flow: row wrap;}*/
.apply_list_wrap .list_row h4 {padding-right:100px;}
.apply_list_wrap .list_info .cancel_btn {top:-20px; right:0; font-size:12px; height:30px; line-height:28px; width:90px;}
.apply_list_wrap .list_info .btn_status1 {top:-20px; right:0; font-size:12px; height:30px; line-height:28px; width:90px;}
.apply_list_wrap .list_info .btn_status2 {top:-20px; right:0; font-size:12px; height:30px; line-height:28px; width:90px;}
.apply_list_wrap .list_info .btn_order_detail {top:-20px; right:95px; font-size:12px; height:30px; line-height:28px; width:90px;}
.apply_list_wrap .list_info .info dl dt {width:90px;}
}
@media all and (max-width:767px) {

.apply_list_wrap {padding:20px;}
.apply_list_wrap .list_row {margin-bottom:50px; margin-top:20px;}
.apply_list_wrap .list_info {flex-flow: row wrap; padding-left:130px;}
.apply_list_wrap .list_info .img {padding:0 10px; }

}

@media all and (max-width:500px) {

.apply_list_wrap .list_info {flex-flow: row wrap; padding-left:100px;}
.apply_list_wrap .list_info .img {padding:0 10px; }
.apply_list_wrap .list_info .img img {width:75px; height:75px;}

}




.program_info {padding:50px;}
.program_info .title {margin-bottom:10px;}
.program_info .title h3 {font-size:27px; font-weight:normal;}
.program_info .title p {font-size:14px; color:#9a9a9a; line-height:140%;}
.program_info .info img {max-width:100%;}


@media all and (max-width:767px) {
.program_info {padding:30px;}
.program_info .title {padding-right:76px;}
}

#apply_step03_pay h2 {
    color: #114a7e;
    font-size: 14px;
    letter-spacing: -1px;
    font-weight: bold;
    margin-bottom: 5px;
}

#apply_step03_pay #od_tot_price {
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0;
    border-bottom: 1px solid #ddd;
}

#apply_step03_pay #od_pay_sl h3 {
    margin-top: 15px;
	color: #114a7e;
    font-size: 14px;
    letter-spacing: -1px;
    font-weight: bold;
    margin-bottom: 5px;
}

#apply_step03_paysel {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    gap: 10px;
}

#apply_step03_paysel input {
    display: none;
}

#apply_step03_paysel label {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
}

#apply_step03_paysel label:hover {
    background-color: #eee;
}

#apply_step03_paysel input:checked + label {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}

/* 주문 상세 모달 스타일 */
.order-detail-modal {
    padding: 20px;
    max-width: 500px;
    text-align: center;
}

.order-detail-modal h2 {
    font-size: 20px;
    margin-bottom: 15px;
}

.order-detail-table {
    width: 100%;
    border-collapse: collapse;
}

.order-detail-table th, 
.order-detail-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
	white-space: nowrap;
}

.order-detail-table th {
    background-color: #f2f2f2;
	width:80px;
}


.confirm_btn {position:absolute; right:0; top:10px; color:#FFF; background:#03b8c9; padding:5px 30px; border-radius:40px;}

.kakao-link-btn {
	position: absolute;
    right: 180px;
    top: 10px;
    background: #FAE100;
	border-radius: 40px;
	padding: 3px 10px;
	width: 160px;
}

.kakao-link-btn img {
	width: 30px;
}



@media all and (max-width:650px) {
 
	header {
		padding-bottom: 20px; 
		text-align: center;
	}
	.confirm_btn {
		position: relative;
		display: inline-block;
	}
	.kakao-link-btn {
		position: relative; 
		right: 0;  
		display: inline-block;
		top: 9px;
		padding: 4px 10px;
		height: 36px;
	}
	.kakao-link-btn img {
		width: 25px;
	}

}




@media all and (max-width:500px) {
	header h1 img {width:180px;}
	.confirm_btn {
		font-size: 12px; 
		top: 5px; 
		padding: 5px 10px;
	}
	.kakao-link-btn {
		font-size: 12px; 
		top: 4px; 
		padding: 3px 10px; 
		height: 35px;
	}
}