﻿@charset "UTF-8";

/* IT패키지 202208 */
.ITPack_2023 { background:#e3e0e4; padding-bottom:40px; }
#container > h1 { border-bottom:none }
.ITPack_2023 .btn_itLayer { position:relative; }
.ITPack_2023 .btn_itLayer > a { position:absolute; left:5%; top:47%; color:#fff; font-size:14px; background:url(images/bullet_rightWhite.png) no-repeat right 4px; padding-right:10px; background-size:6px auto; }
.ITPack_2023 .btn_itLayer .modal_layer a { position:absolute; right:30px; bottom:-30px; display:block; width:19px; height:19px; }
.btn_itLayer .modal_layer .layer_content { margin:0 15px; border-radius:10px; }
.ITPack_2023 .license_link:after { content:""; display:block; clear:both; }
.ITPack_2023 .license_link { background:#fff; padding:0 15px 35px; }
.ITPack_2023 .license_link li { background:#e4e4f1; border-radius:10px; margin:0 0 16px 0; padding:20px 10px; box-sizing:border-box; text-align:center; width: 100%;}
.ITPack_2023 .license_link li:nth-child(odd) { margin-right:2%; }
.ITPack_2023 .license_link li > span { background:#111; color:#fff; display:inline-block; padding:0 20px; height:24px; border-radius:15px; line-height:24px; margin:0 auto; }
.ITPack_2023 .license_link li h2 { font-size:20px; border-bottom:1px solid #111; padding:8px 0 8px; font-weight:bold; }
.ITPack_2023 .license_link li .credt { background:#fff; border-radius:8px; padding:10px; margin:15px 0 10px; }
.ITPack_2023 .license_link li a { display:block; background:#0019a7; border-radius:8px; color:#fff; transition:all .2s; padding:15px 10px; }
.ITPack_2023 .license_link li a strong { font-weight:400; background:url(images/bullet_02.png) no-repeat right 2px; background-size:16px auto; padding-right:22px; font-size:16px; }
.ITPack_2023 .license_link li a span { display:block; width:90px; height:20px; background:#00dff8; font-size:13px; line-height:20px; border-radius:25px; color:#222;  margin:0 auto 5px; }

.ITPack_2023 .subject_content { background:#00006c; padding:0 15px 8%; }
.subject_content .tab_div { background:#fff; padding:20px 10px 35px; border-radius:10px; }
.subject_content .tab_div:last-child {  padding:20px 10px 20px;}
.subject_content .tab_div h3 { margin:0; border-bottom:0; padding:0; }
.subject_content.margin { padding-bottom:16px; }
.subject_content .tab_div > P { font-size:22px; font-weight:bold; text-align:center; }
.subject_content .tab_div h4 { display:block; font-size:20px; font-weight:bold; background:url(https://cdn.kystudy.co.kr/User/Content/images/event/2022/itPack_20220125/images/icon_section04.png) no-repeat left center; background-size:22px auto; padding:5px 0 0 30px; margin:15px 0 0; }
.tab_div .tab_design:after { content:""; display:block; clear:both; }
.tab_div .tab_design { border-top:1px solid #111; margin-top:10px; }
.tab_div .tab_design li { float:left; width:33%; }
.tab_div .tab_design li a { display:block; width:100%; height:100%; background:#e6e6f0; color:#777788; font-size:15px; padding:18px 0; border-right:1px solid #ccc; background:#e6e6f0;text-align:center; box-sizing:border-box; }
.tab_div .tab_design li a.current { background:#001dbf; color:#fff; border-right:0; }
.tab_div .tab_design li:nth-child(2) { width:34%; }
.tab_div .tab_design li:nth-child(3) a { border-right: none;}

.tab_div .tab_design.v2 li{ float:left; width:25%; height: 18vw !important;}
.tab_div .tab_design.v2 li a{border-right:1px solid #ccc; display: grid; align-items: center;}
.tab_div .tab_design.v2 li:last-child a { border-right: 0 !important;}

.ITPack_2023 .tab_content { padding:15px 10px; border-bottom:1px solid #adadb7; text-align:left; }
.ITPack_2023 .tab_content.college_con { border-bottom:none; }
.ITPack_2023 .tab_content dl { margin-bottom:10px;}
.ITPack_2023 .tab_content dt { color:#0012a6; font-weight:bold; font-size:17px; padding-bottom:4px; }
.ITPack_2023 .tab_content dd{max-width: 97%;}


/* 패키지 상품 리스트 */
.package_list { padding-bottom:40px; }
.package_list .tab { margin:30px 10px 0; }
.package_list .tab:after,.package_list .package_con dd:after { content:"";display:block; clear:both; }
.package_list .tab li { float:left; width:32%; margin-right:1.5%; height:55px;box-sizing:border-box; }
.package_list .tab li:nth-child(2) { width:33%; }
.package_list .tab li:last-child { margin:0; }
.package_list .tab li a { position:relative; display:inline-block; width:100%; height:100%; background:#fff; text-align:center; box-sizing:border-box; padding-top:12px; line-height:1.1; border-radius:5px; color:#788fa7; font-size:15px;}
.package_list .tab li:first-child a { padding-top:18px; }
.package_list .tab li a.current { background:#222; color:#fff; border-bottom:1px solid #222; }
.package_list .tab li small { display:block; padding-top:2px; }
.package_list .package_con { margin:10px 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; }
.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; }


.btn{width: 90%; margin: 0 auto 10%;}

.slide_wp{background: #111; padding-bottom: 5%;}
.slide_wp > div {background: #fff; width: 90%; margin: 0 auto 2%; padding-bottom: 5%;}
.slide_wp .bx-controls{text-align: center;}
.slide_wp .bx-pager-item{display: inline-block; padding: 0 1%;}

.slide_wp .bx-pager-item a{display: inline-block; width: 11px; height: 11px; border-radius: 15px; text-indent: -9999px; overflow: hidden; background: #504f6f;}
.slide_wp .bx-pager-item a.active {background: #ff025b;}

.slide_wp .bx-wrapper{position: relative;}
.slide_wp .bx-wrapper .bx-controls-direction a{position: absolute; top: 40%; display: block; width: 40px; height: 40px; background-size: 25px auto; text-indent: -9999px; overflow: hidden; opacity: .7;}
.slide_wp .bx-wrapper .bx-prev{left: 5px; background: url('imgs/arrow_prev.png') no-repeat;}
.slide_wp .bx-wrapper .bx-next {right: -10px; background: url('imgs/arrow_next.png') no-repeat;}

/* 패키지 상담신청_무한재수강 추가 20250409 */
.packageTitle { text-align:center; padding:32px 0 0; }
.packageTitle span { font-size:18px; }
.packageTitle h5 { font-size:23px; padding:8px 0 10px; font-weight:bold; }
.packageTitle h5 strong { color:#001dbf; 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: #001dbf url('images/bullet_rightWhite.png') no-repeat 63px 9px; background-size:5px auto;  border:1px solid #001dbf; }
.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; }