.content {width:100%; margin:130px auto 200px; color:#555; background:url('/culture/img_sub/content_bg.png') center top no-repeat;}
.content h3.title {padding:125px 0;font-size:2.5em; text-align:center; color:#000;  font-family:'NanumSquareNeoHeavy';}
.content h4.tit {font-size:1.5em; font-weight:700; margin-bottom:30px;}

.sub_box {border:1px solid #ddd; border-radius:10px; box-shadow:0 0 20px #eee; padding:50px; margin-bottom:50px;}
.box_tit {font-weight:700; font-size:1.5em; color:#004bd5;}
.goal {background:url('/culture/img_sub/sub_box_goal.png') 50px center no-repeat; padding-left:250px;}
.tel_info {background:url('/culture/img_sub/sub_box_tel.png') 50px center no-repeat; padding-left:200px;}
.reserve_box {background:url('/culture/img_sub/reserve_box.png') 50px center no-repeat; padding-left:200px;}

.sub_ul li {margin:3px 0;padding-left:15px; background:url('/culture/img_sub/list_circle.png') left 10px no-repeat;}

dl.sub_dl {display:flex; margin:3px;}  
dl.sub_dl dt {width:30%; padding:30px 0; border:1px solid #ddd; color:#4c66b4; text-align:center; background:#edeff7; font-weight:700;}
dl.sub_dl dd {width:70%; padding:30px; border:1px solid #ddd; margin-left:3px;}

.tabContent {display: none;}
.tabContents {display: none;}
.active {display: block;}

/*member*/
.login_box {width:400px; margin:0 auto; border:1px solid #ddd; border-radius:10px; padding:50px; text-align:center; box-shadow:0 13px 16px rgba(0, 0, 0, 0.03);}
.login_box p {margin-bottom:20px; color:#555;}
.login_box input {height:40px; margin:10px 0; width:100%;}
.login_box button {display:block; width:100%; line-height:50px; margin:10px 0; text-align:center;background:#3f57c1; color:#fff; border-radius:10px;}
.login_box ul {width:100%; display:flex; margin-top:30px; }
.login_box ul li {width:33.333%; border-left:1px solid #ddd;; line-height:1;}
.login_box ul li a {display:block; text-align:center; color:#555;}
.login_box ul li:first-child {border-left:0;}

.agree_check {width:calc(100% - 20px); text-align:right; padding:10px; border-bottom:1px solid #ddd;}
.bt_basic {display:inline-block; border:1px solid #ddd; border-radius:10px; padding:15px; text-align:center; width:100px; color:#555;}
.bt_check {display:inline-block; background:#3f57c1; border:1px solid #3f57c1; border-radius:10px; padding:15px; text-align:center; width:100px; color:#fff;}
.btn_basic {border-radius:10px; height:40px; color:#fff; text-align:center; padding:5px 20px; background:#16294a;}

ul.realname {width:800px; margin:50px auto 0; display:flex;}
ul.realname li {width:50%; margin:0 20px; border:1px solid #ddd; border-radius:10px; text-align:center; padding:50px 30px;}
ul.realname li p {font-size:1.2em; font-weight:700;}
ul.realname li a {display:block; color:#fff; background:#3f57c1; border-radius:100px; padding:10px 0; margin-top:200px}
ul.realname li:nth-child(1){background:url('/culture/img_sub/auth_hp_icon.png') center center no-repeat;}
ul.realname li:nth-child(2){background:url('/culture/img_sub/auth_ipin_icon.png') center center no-repeat;}

/*sub*/
.edu_day {}
.edu_day h2 {padding:100px 0 50px; text-align:center; font-size:2em; color:#2c3e50;}
.edu_day h2 b {color:#7acce2;}
.edu_day h3 {font-size:1.5em; color:#2c3e50; margin-top:30px;}
.edu_day table {width:100%;}
.edu_day table th {padding:5px 0 ; border-bottom:1px solid #8b8b8b; border-right:1px solid #8b8b8b; background:#2c3e50; color:#fff;}
.edu_day table td {padding:5px 0;text-align:center; border-bottom:1px solid #8b8b8b; border-right:1px solid #8b8b8b;}
.edu_day table th:first-child , .edu_day table td:first-child {border-left:1px solid #8b8b8b;}

.mypage {}
.mypage ul {display:flex; margin:50px 0; flex-wrap:wrap;}
.mypage ul li {width:100%; margin-left:20px; font-size:1.2em; font-weight:700; text-align:center; border-radius:10px; border:1px solid #ddd; border-top:3px solid #000; }
.mypage ul li a {display:block;  color:#333; padding:180px 0 50px;}
.mypage ul li:nth-child(1) {background:url('/culture/img_sub/mypage_03.png') center 50px no-repeat; margin-left:0;}
.mypage ul li:nth-child(2) {background:url('/culture/img_sub/mypage_02.png') center 50px no-repeat;}
.mypage ul li:nth-child(3) {background:url('/culture/img_sub/mypage_04.png') center 50px no-repeat;}

.service_box {line-height:1.8;}
.service_box h4 {padding-top:45px; margin-top:45px; font-size:1.5em; }
.service_box h5 {padding:20px 0; font-size:1.2em;}
.service_box ul > li {list-style:none;}
.service_box ul > li > ul > li {list-style:none;} 

.sitemap_wp {display:flex; flex-wrap:wrap; gap:20px 20px;}
.sitemap {width:calc(20% - 18px); padding:0 0; border:1px solid #ddd; border-radius:10px; text-align:center; font-size:1.2em;}
.sitemap p {color: #1058a4; border-bottom:1px solid #eee; padding:30px;border-radius:10px 10px 0 0; font-weight:700; font-size:1.2em;}
.sitemap ul {width:calc(100% - 60px); padding:20px 30px;}
.sitemap li {border-bottom:1px dashed #ddd;}
.sitemap li:last-child {border-bottom:0;}
.sitemap a {display:block; text-decoration:none; padding:10px 0; color:#555;}


/*list*/
.online_sch {width:100%; padding:25px 0; border:1px solid #ddd; border-radius:10px; text-align:center; background:rgba(255, 255, 255, 0.5);}
.online_sch select {width:150px; border:1px solid #ccc; height:50px; border-radius:10px;}
.online_sch input {border:1px solid #ccc; height:48px; border-radius:10px;}
.online_sch button {width:150px;color:#fff; background:#333; line-height:50px; border-radius:10px;}

.online_wp {display:block;}
.online_wp .online {display:flex; background:rgba(255, 255, 255, 0.5);}
.online_wp a{display:block; border:1px solid #ddd;  margin-top:50px;border-radius:10px 10px 50px 10px;}
.online_wp a:hover {border:1px solid #0018ff; box-shadow:0 0 10px #ddd;}
.online_img span{display:inline-block; color:#fff; width:139px; height:139px; line-height:140px; font-size:1.2em; text-align:Center; font-weight:200; border-radius:300px; background:#7acce2; margin:50px; }
.online_img span.close{background:#d6d6d6;}

.online_cont {width:calc(100% - 260px); padding:30px;}
.online_cont p {font-size:1.2em; font-weight:700; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px;}
.online_cont p span {display:inline-block; width:90px; margin-right:20px; text-align:center; font-size:0.9em; background:#ff5736; border-radius:100px; color:#fff;}
.online_cont p span.basic {background:#f4e522; color:#333;}
.online_cont ul {display:inline-block;}
.online_cont ul li {width:50%; float:left; margin:5px 0;}
.online_cont ul li span {display:inline-block; width:100px; color:#333; font-weight:700; padding-left:45px;}
.online_cont ul li span.apply {background:url('/culture/img_sub/apply_cal.svg') left center no-repeat;}
.online_cont ul li span.time {background:url('/culture/img_sub/apply_time.svg') left center no-repeat;}
.online_cont ul li span.num {background:url('/culture/img_sub/apply_num.svg') left center no-repeat;}

/*view*/
.online_view .subject {display:flex; width:calc(100% - 60px); padding:30px; border:1px solid #ddd; border-radius:30px; margin-bottom:50px; background:rgba(255, 255, 255, 50%);  justify-content:space-between;}
.online_view .subject p {font-size:1.2em; font-weight:700;}
.online_view .subject p span {display:inline-block;width:90px; margin-right:5px; text-align:center; font-size:0.7em; background:#7acce2; border-radius:100px; color:#fff;}
.online_view .subject p span.close {background:#d6d6d6;}
.online_view .subject p span.basic {background:#f4e522; color:#333;}
.online_view .subject p span.prop {background:#ff5736;}
.online_view .subject a {display:block;  padding:5px 25px; text-align:center;color:#fff; background:#2c3e50; border-radius:100px; font-weight:7900;}


/*apply*/
.sub031_agree {background:url('/culture/img_sub/sub_box_agree.png') 50px center no-repeat; padding-left:250px;}
.sub031_agree a {display:inline-block; border-radius:30px; padding:5px 20px 5px 35px; color:#fff; margin:15px 0; background:url('/culture/img_sub/icon_plus.png') #333 10px center no-repeat}
.agree_check {border-top:1px solid #ddd; padding-top:15px;}
.agree_check div {display:inline-block;}
.agree_check input {margin-left:50px;}