@charset "UTF-8";

/* 사회복지학 패키지 */
.socialwelfare_Package { background:#dadae8;}
#container > h1 { border-bottom:none }

/* 패키지 상품 리스트 */
.package_list { padding-bottom:15vw; background:#feece2;}
.package_list .package_con { margin:0 10px 0; background:#fff; border-radius:5px; }
.package_list .package_con dl { border-bottom:1px solid #ddd; padding:20px 15px 20px; }
.package_list .package_con dl:first-child { padding-top:20px; }
.package_list .package_con dl:last-child { padding-bottom:20px; }
.package_list .package_con dt { padding:2px 15px 3px;border-radius:20px; display:inline-block; color:#fff; background:#0082ff;}
.package_list .package_con dd { position:relative; }
.package_list .package_con dd>strong { padding:10px 0 0 5px; display:block; font-size:18px; }
.package_list .package_con dd button { position:absolute; right:0; bottom:0; display:block; width:100px; background:#fff url(/images/sub/bullet_rightGray.png) no-repeat 75px; padding-right:10px; background-size:6px auto; border-radius:3px; height:32px; padding-top:1px; border:1px solid #929ba7; font-size:15px; }
.package_list .subject_pay { margin:10px 0 0 5px; border-top:1px dashed #d8dde8; padding-top:15px; }
.package_list .subject_pay li { letter-spacing:-1px; color:#888;font-size:13px; }
.package_list .subject_pay li:last-child { color:#ae0202; padding-top:5px; font-size:16px;  }
.package_list .subject_pay li:last-child:before { content: ' \2192';  }
.package_list .subject_pay li strong { font-size:28px; vertical-align:-1px;line-height:1; }
.package_list .subject_pay del { padding-right:5px; }

/* con1 */
.con01 .btn01 {text-align: right; position: absolute; top: 71vw; right: 4vw; }
.con01 .btn01 a {display: inline-block; padding: 3vw 8vw; }

.con01 .btn02 {text-align: right; position: absolute; top: 95vw; right: 3.8vw; }
.con01 .btn02 a {display: inline-block; padding: 4vw 14vw; }
.popup .layer_h { height: 110vw;}

.event { position: relative;}
.event .btn { text-align: center; position: absolute; top: 121vw; right: 7vw; }
.event .btn a {display: inline-block; padding: 7vw 43vw; }

/* con07 : link_wrap */
.con07 { position: relative; background: #28282d; padding-bottom: 10vw; }
.con07 .link_wrap ul{ overflow: hidden;}
.con07 .link_wrap ul li { float: left; width: 33.333%;}
.con07 .link_wrap2 ul{ overflow: hidden;}
.con07 .link_wrap2 ul li { float: left; width: 50%;}


/* popup */
.btn_detailPop{position: absolute; right: 400px; bottom: 227px;}
.pop_wp{position: fixed; top: 0; left: 0; width: 100%; height: 100%;  display: flex; align-items: center; overflow-x: hidden; z-index: 1000001; background: rgba(0,0,0,0.7);}
.closeX{position: absolute; top: 12px; right: 5px; width: 2rem; line-height: 1rem; font-size: 1.5rem; text-align: center; cursor: pointer; color: #000; text-decoration: none; z-index: 11;}
.closeX:hover{color: #ccc;}

.popup-table{position: relative; margin: 0 auto; background: #fff; text-align: center; padding: 20px 20px 30px;  animation: fadeIn 1s;}
.popup-table .tit{text-align: center; font-size: 23px; font-weight: 900; line-height: 2;}
.popup-table > div{overflow-y: auto;}
.popup-table table{table-layout: fixed; word-break: break-all; border-collapse: collapse; width: 100%; margin: 0 auto;}

.popup-table table thead th{background: #000; color: #fff; border-bottom: 0;}
.popup-table table tbody th{background: #efefef; border-left: 0;}
.popup-table table th,
.popup-table table td{border: 1px solid #ccc; border-top: 0; border-right: 0; padding: 5px; font-size: 12px;}
.popup-table table td{background: #fff; text-align: center;}
.popup-table table td:last-child,
.popup-table table{margin-top: 10px;}
.popup-table table col:nth-child(1){width: 15%;}
.popup-table table col:nth-child(2){width: 25%;}
.popup-table table col:nth-child(3){width: 20%;}
.popup-table table col:nth-child(4){width: 20%;}
.popup-table table col:nth-child(5){width: 20%;}

/* 패키지 상담신청_무한재수강 추가 20250409 */
.packageTitle { text-align:center; padding:32px 0; background:#feece2; }
.packageTitle span { font-size:18px; }
.packageTitle h5 { font-size:23px; padding:8px 0 10px; font-weight:bold; }
.packageTitle h5 strong { color:#d40006; display:block; font-size:30px; }
.packageTitle p { font-size:16px; }
.packageTitle p strong { text-decoration:underline; }
.package_list .btn_package { position:absolute; right:0; bottom:-6px; }
.package_list .btn_package li:first-child { margin-bottom:5px; }
.package_list .btn_package li button { position:static; width:80px; height:28px; font-size:14px; background: #111 url('images/bullet_rightWhite.png') no-repeat 63px 9px; background-size:5px auto; color:#fff; border:1px solid #111; }
.package_list .btn_package li:first-child button { background: #d40006 url('images/bullet_rightWhite.png') no-repeat 63px 9px; background-size:5px auto;  border:1px solid #d40006; }
.package_list .unlimited .btn_package { bottom:92px }
.package_list .unlimited .package_guide { background:#f1f1f1; padding:10px; margin-top:20px; }
.package_list .unlimited .package_guide strong { padding-bottom:3px; display:block; }


