﻿@charset "euc-kr";

/* 간편상담신청 : 2022.11.09 */
#wrap_popup { width:100%; overflow:hidden; }
.popcounsel { margin:0 auto; padding-bottom:50px; overflow:hidden; background:#fff url(https://www.bbedu.co.kr/images/bbedu/design/2022/1111_bb/bgpop_counsel.jpg) no-repeat top center; text-align:center; }
.popcounsel.end { height:480px; padding:0; background:#fff; }
.popcounsel h1 { margin:0; padding:50px 0 24px; color:#23282d; }
.popcounsel h1 span, .popcounsel h1 strong { display:block; letter-spacing:-1px; }
.popcounsel h1 span { font-size:17px; font-weight:400; margin-bottom:5px; }
.popcounsel h1 strong { font-size:32px; letter-spacing:-3px; }
.popcounsel .stn_form { width:300px; margin:0 auto; }
.popcounsel .stn_form .form-text { margin-bottom:10px; }
.popcounsel .stn_form .form-text select{width:100%;font-size:inherit;height:40px;line-height:38px;border:1px solid #828291;color:#222;padding:0 0 0 11px;}
.popcounsel .stn_form .popbtnbox { margin:40px 0 0; }
.popcounsel .stn_form .popbtnbox .btn-medium { width:100%; height:60px; font-size:21px; font-weight:500; line-height:54px; }
.popcounsel .stn_form .checkbox01 { display:block; margin-bottom:10px; text-align:left; }
.popcounsel .stn_form .checkbox01 input[type="checkbox"] { margin:0; border:1px solid #222; }
.popcounsel .stn_form .checkbox01 label { font-size:13px; color:#0082ff; }
.popcounsel .stn_form .checkbox01 label a { color:#0082ff; }

input{font-size:12px;font-weight:100}
input[type="checkbox"],
input[type="radio"],
input[type="file"]{border:0;vertical-align:middle;padding:0;}
input[type='text'],
input[type="password"]{height:27px;line-height:27px;border:1px solid #ddd;padding:0 15px;}
textarea{resize:none;font-size:inherit;width:100%;height:95px;padding:15px;border:1px solid #ddd;}

.form-text{z-index:1;position:relative; background-color:#fff; box-sizing:border-box;}
.form-text *{font-weight:100;}
.form-text input{font-size:16px; border:1px solid #d2d2dc; padding-left:0 !important; box-sizing:border-box; width:100%; height:40px !important; color:#333; text-indent:15px; }
.form-text input:focus{border-color:#0082ff;}
.form-text label{font-size:16px;position:absolute;top:0;left:15px;height:38px;line-height:36px; overflow:hidden; color:#a9a9a9;}
.form-text p{display:none;position:absolute;right:19px;top:0;height:38px;line-height:36px;font-size:12px; color:#ff0000;}
.form-text.focus{border-color:#0082ff;}

.form-text input { border:1px solid #828291; }

.btn-xsmall,.btn-small,.btn-medium,.btn-large,.btn-search,.btn-file{display:inline-block;font-weight:100;text-align:center;background:#fff;border:1px solid #222;color:#222;letter-spacing:-.5px;}
.btn-xsmall,.btn-small{font-weight:normal;}
.btn-xsmall{min-width:58px;height:20px;line-height:18px;font-size:11px;padding:0 8px}
.btn-small{min-width:53px;height:27px;line-height:25px;font-size:12px;padding:0 7px}
.btn-medium{width:148px;height:40px;line-height:37px;font-size:16px;}
.btn-large{width:425px;height:79px;line-height:77px;border:2px solid #222;font-size:18px;font-weight: bold;}
.btn-search{min-width:80px;height:32px;line-height:30px;font-size:14px;}
.btn-file{min-width:85px;height:27px;line-height:26px;font-size:13px;color:#fefefe;background:#8e8e8e;border:0}
[class^='btn-'].v4{background:#0082ff;border-color:#0082ff;color:#fff;}

/* 25.10.20 */
#wrap_popup.popcounsel_wrap {max-width:640px; margin:0 auto;}
#wrap_popup.popcounsel_wrap * {font-family:'pretendard';}
#wrap_popup.popcounsel_wrap .popcounsel input:focus,
#wrap_popup.popcounsel_wrap .popcounsel select:focus {outline:2px solid #000 !important; border-color: #000;}
#wrap_popup.popcounsel_wrap .popcounsel {background:#fff; padding-bottom:0;}
#wrap_popup.popcounsel_wrap .popcounsel h1 {background:#0082ff; padding:27px 0;}
#wrap_popup.popcounsel_wrap .popcounsel h1 span {font-size:18px; color:#111; line-height:1; font-weight:600; margin-bottom:12px;}
#wrap_popup.popcounsel_wrap .popcounsel h1 span i {font-style:normal; color:#fff;}
#wrap_popup.popcounsel_wrap .popcounsel h1 strong {font-size:36px; color:#fff; line-height:1; font-weight:800;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con {position:relative; background:#fff; padding:42px 40px;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con .compulsory {position:absolute; top:29px; right:48px; font-size:12px; color:#888; line-height:1; font-weight:400;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con .compulsory span {vertical-align:2px;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con .box {text-align:left;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con .box + .box {margin-top:32px;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con .box p {font-size:14px; color:#888; line-height:18px; font-weight:300;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con .box_tit {display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con .box_tit strong {display:block; font-size:16px; color:#1d1d1f; line-height:1; font-weight:600;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con .box_tit strong span {vertical-align:2px;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con .box_tit strong em {color:#888;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con select {width:100%; height:48px; border:1px solid #e4e4e4; padding:0 23px 0 19px; font-size:16px; font-weight:500; appearance:none;
background:url('https://img.bbedu.co.kr/images/bbedu/design/2025/1020_bb/arr_select.png') no-repeat right 23px center;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con select:invalid {color:#888;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con select option {color:#111;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con input[type="text"],
#wrap_popup.popcounsel_wrap .popcounsel .pop_con input[type="number"] {width:100%; height:48px; border:1px solid #e4e4e4; padding:0 19px; font-size:16px; color:#111; font-weight:500;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con input[type="text"]::placeholder,
#wrap_popup.popcounsel_wrap .popcounsel .pop_con input[type="number"]::placeholder {color:#888;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con input[type="number"] {-moz-appearance: textfield;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con input[type="number"]::-webkit-outer-spin-button,
#wrap_popup.popcounsel_wrap .popcounsel .pop_con input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con .box_tit label {font-size:14px; color:#1d1d1f; line-height:1; font-weight:500; cursor:pointer;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con .box_tit label input {width:24px; height:24px; margin-right:8px; cursor:pointer;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con .terms_box {border:1px solid #e4e4e4; padding:12px 15px; font-size:14px; color:#888; line-height:24px; font-weight:400; height:147px; overflow-y:scroll;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con .terms_box .t_red {color:#ff0000;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con .txt_box {position:relative;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con textarea {border:1px solid #e4e4e4; height:200px; font-size:16px; color:#111; font-weight:500; padding:15px 19px;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con textarea::placeholder {color:#888;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con .count {position:absolute; bottom:-25px; right:0; font-size:14px; color:#888; line-height:1; font-weight:400;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con .count span {color:#0082ff; font-weight:500;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con {position:relative;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con .filebox {display:flex; margin-bottom:10px;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con .filebox .upload-name {width:460px; height:48px; border:1px solid #e4e4e4; padding:0 19px; font-size:16px; color:#111; font-weight:500; box-sizing:border-box;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con .filebox .upload-name::placeholder {color:#888;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con .filebox label {display:flex; justify-content:center; align-items:center; width:100px; height:48px; border:1px solid #e4e4e4; border-left:none;
background:#111; font-size:14px; color:#fff; font-weight:500; box-sizing:border-box; cursor:pointer;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con .filebox input[type="file"] {position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0; }
#wrap_popup.popcounsel_wrap .popcounsel .pop_con .btn_apply {display:block; font-size:22px; color:#fff; line-height:56px; font-weight:600; background:#0082ff; border-radius:8px; margin-top:40px;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con.end {padding-top:71px;}
#wrap_popup.popcounsel_wrap .popcounsel .pop_con.end .btn_apply {margin-top:64px;}
#wrap_popup.popcounsel_wrap .end_txt strong {display:block; font-size:36px; color:#0082ff; line-height:1; font-weight:800;}
#wrap_popup.popcounsel_wrap .end_txt em {display:block; font-size:18px; color:#333; line-height:1; font-weight:600; margin:17px 0 26px;}
#wrap_popup.popcounsel_wrap .end_txt p {display:block; font-size:16px; color:#888; line-height:26px; font-weight:500;}
#wrap_popup.popcounsel_wrap .end_txt p span {color:#0082ff;}