@charset "utf-8";

/* reset.css */
html, body { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height:100%; margin: 0; padding: 0; }
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,input,select,option,textarea,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:top; -webkit-text-size-adjust:100%;}
table, caption, tbody, tfoot, thead, tr, th, td, img, input, button, select, label, fieldset { vertical-align:middle; }
table {width:100%; border-collapse:collapse; border-spacing:0;}
button {cursor:pointer;}
img, fieldset {border:0;}
ul, ol, li {list-style:none;}
address, caption, cite, code, em, strong, th {font-style:normal;font-weight:normal;}
header, hgroup, footer, section, article, nav, canvas, figure, figcaption {display:block;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
blockquote, q {quotes:none;}
q:after, q:before {content:"";}
.cf:after {content:""; display:block; clear:both;}
caption, th {text-align:left;}
abbr, acronym {border:none;}
hr {display:none;}
#skipNavi, .blind {position:absolute;left:0;top:0;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;visibility:hidden;}

/* common */
body {
	*word-break:break-all;-ms-word-break:break-all; overflow-x: hidden;
	background-image:url('/image/global_background.png'); background-size:cover; background-attachment: fixed; background-repeat: no-repeat;
}
body {font-family:'Pretendard', 'Noto Sans KR', 'Nanum Gothic', '나눔 고딕', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', '굴림', 'Gulim', Arial, Helvetica, Sans-serif; font-size:15px; color:#000; letter-spacing:-0.1px;}
a {font-family:'Pretendard', 'Noto Sans KR', 'Nanum Gothic', '나눔 고딕', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', '굴림', 'Gulim', Arial, Helvetica, Sans-serif; font-size:15px; color:#000; letter-spacing:-0.1px; text-decoration:none; outline:0;}
input,select,option,label,textarea,button {font-family:'Pretendard', 'Noto Sans KR', 'Nanum Gothic', '나눔 고딕', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', '굴림', 'Gulim', Arial, Helvetica, Sans-serif; font-size:15px; color:#000; letter-spacing:-0.1px; box-sizing:border-box; }
a {cursor:pointer;}

img.bg_logo { position:fixed; height:40px; left:calc((50% - 320px) / 2); top:50%; transform:translate(-50%, -50%); }

/* native hide */
.hide {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.hide::-ms-expand {display:none;}

.container { width:100%; padding:115px 0 20px 0; background-color:#ffffff; }
.container.on { margin-top:0; }

.container .login_box { padding: 0px 30px 0px 30px; }

.container_pop {width:100%; max-width:400px; margin:0 auto; padding:0}
.container_pop .container_inner { margin:0 auto; padding:0 20px; text-align:center; }
.container_pop .main_tit { border-bottom:1px solid #707070; padding:25px 0; text-align:center; }
.container_pop .main_tit span {font-size:22px; font-weight:500}

/* 아이폰 그림자없애기 */
input[type="text"],input[type="password"],input[type="email"],input[type="number"], textarea, select {-webkit-appearance:none; -webkit-border-radius:5px; background:#fff; border: 1px solid white; margin:4.5px 0; padding:10px 10px 10px 10px; utline: none; box-sizing: border-box; }
input::placeholder {color: #c6c6c6}

/* 기본 체크박스 숨기기 */
input[type="checkbox"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 18px; height: 18px; background:#fff; border: 1px solid #b1b1b1; border-radius: 3px; outline: none; cursor: pointer; vertical-align: middle; margin-right:5px}

/* 체크박스가 체크된 상태 */
input[type="checkbox"]:checked { background-color: #353148; border:0; position: relative; }

/* 체크 표시 스타일 */
input[type="checkbox"]:checked::after { content: ''; position: absolute; top: 3px; left: 6px; width: 4px; height: 8px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); }

/* 모든 라디오 버튼에 스타일 적용 */
input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #353148; outline: none; background-color: white; vertical-align: middle; margin-right: 5px; cursor: pointer; position: relative; }

/* 라디오 버튼이 체크되었을 때의 스타일 */
input[type="radio"]:checked { background-color: #353148; border: 2px solid #353148; /* 테두리 유지 */ }

/* 라디오 버튼의 텍스트와 수직 정렬 */
label { vertical-align: middle; cursor: pointer; }

.custom-select { position: relative; display: inline-block; width: 200px; }
.custom-select select { appearance: none; /* 기본 화살표 제거 */ -webkit-appearance: none; -moz-appearance: none; display: inline-block; width: 100%; padding: 10px; padding-right: 30px; /* 아이콘과의 공간 확보 */ }
.custom-select .arrow { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); pointer-events: none; /* 아이콘 클릭 불가능하게 설정 */ font-size: 16px; }

.btn_pen { width: 90px; height: 30px; background: #fff; background-image: url('/image/btn_pen.png'); background-repeat: no-repeat; background-position: 15px center; /* 이미지 버튼의 좌측 중앙 정렬 */ background-size: 6px 18px; /* 이미지 크기 조정 */ padding:3px 0 7px 20px; /* 이미지와 텍스트 사이 간격 */ border:2px solid #000; border-radius:15px; color: #000; font-size: 13px; font-weight:600; }

.container_inner .top_buttons { background-color:#fff; border-bottom:1px solid #dddddd; }
.container_inner .back_button { padding:15px 0px 15px 10px; text-align:left; font-weight:450; background-color:#fff; color:#2b2b2b; }
.container_inner .back_button i { margin-top:1px; }

.container_inner .btn_black_large { width:99%; height:48px; border-radius:5px; background:#353148; border:0; margin:4.5px 0; padding:10px 0; color:#fff; font-size:12pt; }
.container_inner .btn_beige_large { width:99%; height:48px; border-radius:5px; background:#EEE5D4; border:0; margin:4.5px 0; padding:10px 0; color:#282437; font-size:12pt; }
.container_inner .btn_black_border_large {width:100%; border-radius:5px; background:#fff; border:1px solid #000000; ; margin:4.5px 0; padding:10px 0; color:#000; font-weight:600}
.container_inner .btn_black_medium { background:#353148; color:#fff; border-radius:8px; border:0; font-size:14px; padding:4px 14px; }
.container_inner .btn_beige_small { height:28px; background:#EEE5D4; border:0; border-radius:5px; font-size:11pt; color:#282437; padding:3px 10px; }
.container_inner .btn_gray_small {background:#e5e5e5; border:0; border-radius:10px; font-size:12px; color:#0D0D0D; padding:3px 10px; font-weight:500}
.container_inner .btn_gray_medium {width:70px; background:#a7a7a7; color:#fff; border-radius:15px; border:0; font-size:13px; padding:5px; font-weight:500}
.container_inner .btn_gray50_small {background:#e5e5e5; color:#000000; width:49%; font-size:12px; border:0; border-radius:15px; padding:5px 15px; font-weight:500}
.container_inner .btn_white_small { height:32px; border:1px solid #353148; border-radius:5px; background-color:#fff; font-size:12px; line-height:14.32px; font-weight:500; }

.container .container_inner .div_buttons50 { background-color:#fff; padding:8px 0px 8px 0px; }

.container_inner .div_buttons50 .btn_orange { width:49%; max-width:155px; border-radius:5px; background:#f4866e; border:2px solid #f4866e; margin:4.5px 0; padding:10px 0; color:#fff; font-weight:500; }
.container_inner .div_buttons50 .btn_gray_border { width:49%; max-width:155px; border-radius:5px; border:2px solid #d5d5d5; margin:4.5px 0; padding:10px 0; color:#919191; font-weight:500; }
.container_inner .div_buttons50 .btn_gray { width:49%; max-width:155px; border-radius:5px; background:#d5d5d5; border:0; margin:4.5px 0; padding:10px 0; color:#000; font-weight:500; }
.container_inner .div_buttons50 .btn_black { width:49%; max-width:155px; border-radius:5px; background:#353148; border:0; margin:4.5px 0; padding:10px 0; color:#fff; font-weight:500; }
.container_inner .div_buttons50 .btn_beige { width:49%; max-width:155px; border-radius:5px; background:#EEE5D4; border:0; margin:4.5px 0; padding:10px 0; color:#282437; font-weight:500; }
.container_inner .div_buttons50 .btn_white { width:49%; max-width:155px; border-radius:5px; background:#ffffff; border:1px solid #353148; margin:4.5px 0; padding:10px 0; color:#353148; font-weight:500; }

.container .container_inner { margin:0 auto; text-align:center; }
.container .container_inner .padding_wrap { padding:10px; }
.container .container_inner .main_tit { }
.container .container_inner .main_tit span {font-size:24px; font-weight:500}
.container .container_inner .bbs11 {width:310px; margin:30px auto 0 auto; padding:30px 0 20px 0; text-align:left; border-top:1px solid #707070}
.container .container_inner .set_max {width:310px; margin:0 auto}

.container .container_inner .input_msg_top { margin:0 auto; padding:20px 10px 5px 10px; text-align:left; font-size:14px; color:#00000088; font-weight:500; }
.container .container_inner .input_msg {margin:0 auto; max-width:300px; padding:8px 8px 15px 10px; text-align:left; font-size:12px; color:#999}

.container .container_inner .border_top2 {margin-top:50px; padding-top:30px; border-top:2px solid #eaeaea}
/* 로그인 */
/* input이 포커스될 때 (커서가 생길 때) */
/* input에서 포커스가 벗어났을 때 (커서가 다른 곳으로 갈 때) */
.container .container_inner .input_border_red input:blur {border: 1px solid white; border-color: white}
.container .container_inner .select100 {width:100%; max-width:310px}
.container .container_inner .input_border_red .input50 { width:48%; }


/* 로그인 화면 - 아이디 저장, 로그인, 회원가입 영역 s */
.container .container_inner .save_search {margin:0 auto; width:100%; max-width:320px}
.container .container_inner .save_search .div_left { float:left; margin-left:15px; }
.container .container_inner .save_search .div_left .save_id {font-size:12px; color:#999; vertical-align: middle}
.container .container_inner .save_search .div_right { float:right; margin-right:20px; }
.container .container_inner .save_search .div_right span {font-size:12px; color:#999; vertical-align: middle}

.container .container_inner .div_buttons {margin:50px 0}
.container .container_inner .div_buttons .btn_purple { width:100%; max-width:310px; border-radius:5px; background:#353148; border:0; margin:4.5px 0; padding:10px 0; color:#fff; }
.container .container_inner .div_buttons .btn_orange { width:100%; max-width:310px; border-radius:5px; background:#f4866e; border:0; margin:4.5px 0; padding:10px 0; color:#fff; }
.container .container_inner .div_buttons .btn_black { width:100%; max-width:310px; border-radius:5px; background:#353148; border:0; margin:4.5px 0; padding:10px 0; color:#fff; }
.container .container_inner .div_buttons .btn_beige { width:100%; max-width:310px; border-radius:5px; background:#EEE5D4; border:0; margin:4.5px 0; padding:10px 0; color:#282437; }
.container .container_inner .div_buttons .btn_gray { width:100%; max-width:310px; border-radius:5px; background:#d5d5d5; border:0; margin:4.5px 0; padding:10px 0; color:#00000088; }

.container .container_inner .div_buttons.mypage { margin:15px; }
.container .container_inner .div_buttons.mypage .btn_line {
	width:100%; max-width:310px;
	height:50px; line-height:50px;
	text-align:left; background-color:transparent;
	padding-left:10px; padding-right:10px;
	border:0px; border-bottom: 1px solid #7D7D7D;
}
.container .container_inner .div_buttons.mypage .btn_line:first-child { border-top: 1px solid #7D7D7D; }
.container .container_inner .div_buttons.mypage .btn_line span { display:inline-block; float:right; font-size:16pt; font-weight:200; }

.container .container_inner .div_buttons.withdraw .btn_line:first-child { border-top: 1px solid #E5E5E5; }
.container .container_inner .div_buttons.withdraw .btn_line { border-bottom-color:#E5E5E5; color:#636363; }

.container .container_inner .div_sns_login {margin-top:50px; border-top:1px solid #e0e0e0; padding-top:50px}
.container .container_inner .div_sns_login .sns_tit {margin-bottom:20px; color:#666666}
.container .container_inner .div_sns_login .btn_kakao {width:100%; max-width:310px}
/* 로그인 화면 - 아이디 저장, 로그인, 회원가입 영역 e */


/* 약관동의 화면 s */
.container .container_inner .steps {margin:0px auto; width:274px; margin-bottom:20px; }
.container .container_inner .steps table .td_step{width:58px; text-align:center; vertical-align:top}
.container .container_inner .steps table .td_step button { width:30px; height:30px; line-height:29px; background:#fff; border:1px solid #333; color:#333; font-family:'Montserrat'; font-weight:bold; border-radius:20px; }
.container .container_inner .steps table .td_step button.on { background:#282437; border:1px solid #282437; color:#fff; }
.container .container_inner .steps table .td_step .step_no {margin-top:10px}
.container .container_inner .steps table .td_step .step_no span {font-size:10px; color:#333}
.container .container_inner .steps table .td_step .step_tit { margin-top:-4px; }
.container .container_inner .steps table .td_step .step_tit span { font-size:15px; font-weight:700; color:#333; }
.container .container_inner .steps table .td_dots { vertical-align:top }
.container .container_inner .steps table .td_dots div { margin-top:-12px; }
.container .container_inner .steps table .td_dots div span { color:#282437; font-size:30px; }

.container .container_inner .agreeAll {margin:50px auto 0 auto; width:100%; max-width:310px; background:#fff}
.container .container_inner .agreeAll div {border: 1px solid #353148; border-radius:5px; padding:18px 20px; text-align:left}

.container .container_inner .checkboxs {margin:0 auto; width:100%; max-width:310px; text-align:center; }
.container .container_inner .checkboxs .inner {background:#fff; border-radius:5px; padding:10px 20px; margin-bottom:20px; }
.container .container_inner .checkboxs .inner .box_area {float:left}
.container .container_inner .checkboxs .inner .box_area span {font-size:12px; vertical-align:middle}
.container .container_inner .checkboxs .inner .arrow_area { float:right; margin-top:-1px; }
.container .container_inner .checkboxs .inner textarea {width:calc(100% - 22px); border:1px solid #cccccc; border-radius:5px; padding:10px; font-size:12px}

.container .container_inner .align_left {text-align:left}
.container .container_inner .align_right {text-align:right}
.container .container_inner .rdo_box {margin:0 auto; max-width:310px}
.container .container_inner .rdo_box .rdo_box_inner{background:#fff; border-radius:5px; padding: 8px 0 10px 15px}
/* 약관동의 화면 e */

.container_inner .child_button { padding:15px 20px 0px 20px; margin: 0 auto; max-width:330px; }


/* 시간표 상단 컨텐츠 영역 */ 
.container .container_inner .calendar_content { margin:20px 0px 0px 0px; padding:10px 10px 10px 10px; background-color:#f9f9f9; text-align:left; line-height:20px; }
.container .container_inner .calendar_content .tit { font-size:13px; font-weight:600; color:#282437; }
.container .container_inner .calendar_content .text { margin-top:10px; font-size:11.5px; color:#8f8f8f; }
/* 시간표 상단 컨텐츠 영역 */


/* 버튼 s */
.container .container_inner .btn_orange {width:calc(33.33% - 3px); border-radius:5px; background:#f4866e; border:2px solid #f4866e; margin:4.5px 0; padding:10px 0; color:#fff}
.container .container_inner .btn_orange_border {width:calc(33.33% - 3px); background:#fff; border-radius:5px; border:2px solid #F4866E; margin:4.5px 0; padding:10px 0; color:#000000; font-weight:500}
.container .container_inner .btn_gray {width:calc(33.33% - 3px); border-radius:5px; background:#d5d5d5; border:0; margin:4.5px 0; padding:10px 0; color:#000}
.container .container_inner .btn_gray_border {width:calc(33.33% - 3px); border-radius:5px; background:#f5f5f5; border:2px solid #d5d5d5; margin:4.5px 0; padding:10px 0; color:#919191; font-weight:500; }
.container .container_inner .btn_black {width:calc(33.33% - 3px); border-radius:5px; background:#353148; border:0; margin:4.5px 0; padding:10px 0; color:#fff}
.container .container_inner .btn_black_bar { width:calc(33.33% - 3px); background-color:transparent; border:0px; height:50px; padding-bottom:2px; }
.container .container_inner .btn_black_bar.on { border-bottom:3px solid #353148; padding-bottom:0px; }

.container .container_inner .div_buttons33 .btn_orange { width:calc(33.33% - 3px); }
.container .container_inner .div_buttons33 .btn_orange_border { width:calc(33.33% - 3px); }
.container .container_inner .div_buttons33 .btn_gray { width:calc(33.33% - 3px); }
.container .container_inner .div_buttons33 .btn_gray_border { width:calc(33.33% - 3px); }
.container .container_inner .div_buttons33 .btn_black { width:calc(33.33% - 3px); }
.container .container_inner .div_buttons33 .btn_black_bar { width:calc(33.33% - 3px); }
.container .container_inner .div_buttons33 .button_selector { display:inline-block; }
.container .container_inner .div_buttons33 .button_selector button { display:none; position:relative; width:100%; height:100%; z-index:40; }
.container .container_inner .div_buttons33 .button_selector button.selected { display:block; }
.container .container_inner .div_buttons33 .button_selector.opened button { display:block; }
.container .container_inner .div_buttons33 .button_selector.opened button:not(:first-of-type) { margin-top:3px; border-bottom:1px solid #dddddd; background-color:#ffffff; }

.container .container_inner .div_buttons_border33 .btn_orange { width:calc(33.33% - 3px); max-width:100px; border-radius:0; background:#f5f5f5; border:none; border-bottom:3px solid #d5d5d5; margin:4.5px 0; padding:10px 0; color:#919191}
.container .container_inner .div_buttons_border33 .btn_orange.on { width:calc(33.33% - 3px); border-radius:0; border:none; border-bottom:3px solid #F4866E; margin:4.5px 0; padding:10px 0; color:#F4866E; font-weight:500}

.container .container_inner .div_buttons25 .btn_orange { width:24%; max-width:101px; }
.container .container_inner .div_buttons25 .btn_orange_border { width:24%; max-width:101px; }
.container .container_inner .div_buttons25 .btn_gray { width:24%; max-width:101px; }
.container .container_inner .div_buttons25 .btn_gray_border { width:24%; max-width:101px; }
.container .container_inner .div_buttons25 .btn_black { width:24%; max-width:101px; }
/* 버튼 e */


/* 아이선택 s */
.container_inner .nameNbtns { height:40px; padding:0px 10px 0px 15px; font-weight:600; background-color:#fff; line-height:40px; }
.container_inner .nameNbtns img {width:22px; margin:0 0px 5px 0;}
.container_inner .nameNbtns span { display: inline-block; height:40px; line-height:40px; }
.container_inner .searchArea { margin:10px 0; !border-bottom:1px solid #e0e0e0; !box-shadow: 0px 1px 0px #e7e7e7; text-align:left; }
/* 아이선택 e */


/* 학원정보 s */
.container .container_inner .list_count { margin-top:25px; padding:0px 10px 0px 10px; text-align:left; color:#000000; font-size:12pt; }
.container .container_inner .distance_text { display:inline-block; font-size:14px; color:#898989; line-height:22px; margin:5px 0px 5px 0px; }

.container .container_inner .list_schools { margin:10px 0; padding:10px; }
.container .container_inner .list_schools ul li {background:#FFFFFF; border:1px solid #fff; border-radius:10px; margin:0 0 10px 0; padding:25px 15px 15px 17px; transition: border 0.3s ease;}
.container .container_inner .list_schools ul li.active {border: 1px solid #F4866E}
.container .container_inner .list_schools ul li.active .hidden-contents { max-height: 1000px; /* 충분히 큰 값 설정 */ }
.container .container_inner .list_schools ul li .hidden-contents {max-height:0; overflow:hidden; transition: max-height 0.3s ease}
.container .container_inner .list_schools ul li .hidden-contents .inner {width:100%; border-top:1px solid #F2F2F2; margin-top:13px; padding:20px 0; text-align:left; color:#999; font-size:8px}
.container .container_inner .list_schools ul li .hidden-contents .inner ul {border-bottom:1px solid #F2F2F2; margin-top:20px}
.container .container_inner .list_schools ul li .hidden-contents .inner ul li {background:#FFFFFF; border-top:1px solid #F2F2F2; border-radius:0; margin:5px 0; padding:5px 0}
.container .container_inner .list_schools ul li .hidden-contents .inner ul li .radio_area {float:left; width:calc(100% - 70px)}
.container .container_inner .list_schools ul li .hidden-contents .inner ul li .radio_area .nums {display:inline-block; width:20px; font-size:12px}
.container .container_inner .list_schools ul li .hidden-contents .inner ul li .radio_area .weeks {display:inline-block; width:65px; font-size:12px}
.container .container_inner .list_schools ul li .hidden-contents .inner ul li .radio_area .curr {display:inline-block; width:calc(100% - 120px); font-size:12px}
.container .container_inner .list_schools ul li .hidden-contents .inner ul li .times {float:right; width:70px; margin-top:5px; text-align:right}
.container .container_inner .list_schools ul li .hidden-contents .inner ul li .times .time {font-size:12px; color:#000}
.container .container_inner .list_schools ul li .logo {float:left; padding:0 14px 0 0}
.container .container_inner .list_schools ul li .logo img {width:54px}
.container .container_inner .list_schools ul li .btn_area100 {margin:4px 0 0 0}
.container .container_inner .list_schools ul li .btn_area100 button { width:100%; height:36px; background:#EEE5D4; border:0; border-radius:10px; padding:3px 8px 5px 8px; color:#282437; font-size:11pt; }
.container .container_inner .list_schools ul li .btn_area100 button span {display:inline-block; margin-top:2px; font-size:9px}
.container .container_inner .list_schools ul li .contents {float:right; width:calc(100% - 68px); margin-top:-3px; text-align:left}
.container .container_inner .list_schools ul li .contents .tit { font-size:14pt; font-weight:bold; cursor:pointer; }
.container .container_inner .list_schools ul li .contents .address { margin:7px 0 0 0; cursor:pointer; }
.container .container_inner .list_schools ul li .contents .address span { font-size:11pt; color:#999999; }
.container .container_inner .list_schools ul li .contents .score_area { margin:5px 0px 5px 0px; }
.container .container_inner .list_schools ul li .contents .score_area .score { float:left; margin:8px 0; font-size:11pt; }
.container .container_inner .list_schools ul li .contents .score_area .score i {margin-top:3px; color:#ffce00}
.container .container_inner .list_schools ul li .contents .score_area .score .socre_num {color:#999999; font-weight:bold}
.container .container_inner .list_schools ul li .contents .score_area .score .bar {color:#e5e5e5}
.container .container_inner .list_schools ul li .contents .btn_area {float:right; margin:4px 0 0 0}
.container .container_inner .list_schools ul li .contents .btn_area button { background:#f4866e; border:0; border-radius:10px; padding:3px 8px 5px 8px; color:#ffffff; font-size:11pt; }
.container .container_inner .list_schools ul li .contents .btn_area button span { display:inline-block; font-size:12pt; }


.container .container_inner .fav_area {float:right; margin:4px 0 0 0; font-size:12px}
.container .container_inner .fav_area .btn_heart { background: #fff; !background-image: url('/image/icon_heart.png'); background-repeat: no-repeat; background-position: 30px center; /* 이미지 버튼의 좌측 중앙 정렬 */ background-size: 17px 15px; border:0; !border:1px solid #555; ; color: #999; font-size:20px; font-weight:100; }
.container .container_inner .fav_area .btn_heart .xi-heart { display:none; }
.container .container_inner .fav_area .btn_heart .xi-heart-o { display:revert; }
.container .container_inner .fav_area .btn_heart.on { !background-image: url('/image/icon_heart_on.png'); /* 이미지와 텍스트 사이 간격 */ border:0; color: #e02234; }
.container .container_inner .fav_area .btn_heart.on .xi-heart { display:revert; }
.container .container_inner .fav_area .btn_heart.on .xi-heart-o { display:none; }
.container .container_inner .school_detail .distance { text-align:left; margin-bottom:5px; }
.container .container_inner .school_detail .distance .distance_text { font-size:10pt; }
.container .container_inner .school_detail .intro { text-align:left; margin:15px 0px 20px 0px; }
.container .container_inner .school_detail .fav_area { margin-top:-5px; }
.container .container_inner .school_detail .fav_area .btn_heart { font-size:18pt; }
.container .container_inner .school_detail .fav_area .btn_heart.on { }
/* 학원정보 e */


/* 학원정보 디테일 s */
.container .container_inner .school_detail { background:#fff; border-radius:10px; padding:35px 15px 15px 15px; }
.container .container_inner .school_detail .tit { font-size:18px; font-weight:500; }
.container .container_inner .school_detail .buttons {margin:28px 0}
.container .container_inner .school_detail .buttons button {width:30%}
.container .container_inner .school_detail .buttons .btn_orange {border-radius:15px; background:#f4866e; border:0; padding:4px 10px 6px 10px; color:#fff; font-size:12pt; }
.container .container_inner .school_detail .buttons .btn_gray {border-radius:15px; background:#d5d5d5; border:0; padding:4px 10px 6px 10px; color:#000; font-size:12pt; }
.container .container_inner .school_detail .maps { background:#f0f0f0; margin:5px 0; height:220px; }
.container .container_inner .school_detail .address { width:100%; text-align:left; padding:15px 0 2px 0px; }
.container .container_inner .school_detail .address span { font-size:10pt; color:#1a1a1a; }
.container .container_inner .school_detail .school_detail_text { }
.container .container_inner .school_detail .school_detail_text ul { list-style-type: disc; }
.container .container_inner .school_detail .school_detail_text li {
position: relative; /* 가상 요소의 위치 설정 */
margin-bottom: 5px; /* 항목 간 간격 */
text-align:left;
font-size:12pt;
}

.container .container_inner .school_detail_text li::before {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 4px; /* 도트의 너비 */
height: 4px; /* 도트의 높이 */
background-color: black; /* 도트의 색상 */
border-radius: 50%; /* 도트를 원형으로 */
transform: translateY(-50%); /* 도트를 세로 중앙에 배치 */
}
.container .container_inner .school_detail_text li::before { content: none; display: none; }

.container .container_inner .div_buttons33 .btn_orange {width:32.45%; max-width:101px; border-radius:5px; background:#f4866e; border:2px solid #f4866e; margin:4.5px 0; padding:10px 0; color:#fff}
/* 학원정보 디테일 e */


/* 리뷰 리스트 s */
.container .container_inner .review_list { padding:35px 14px 20px 14px; }
.container .container_inner .review_list .btn_pen { padding: 6px 12px; width:revert; height: 26px; background: #EEE5D4; border:0; border-radius:6px; font-size:12px; color:#353148; }
.container .container_inner .review_list .title_box .tit { font-size:20px; font-weight:500; }
.container .container_inner .review_list .buttons { position:relative; margin-top:45px; }
.container .container_inner .review_list .buttons button { position:absolute; width:calc(50% + 4px); height:45px; background: #F6F6F6; border:1px solid #F6F6F6; border-radius:8px; }
.container .container_inner .review_list .buttons button:nth-child(1) { top:0px; left:4px; }
.container .container_inner .review_list .buttons button:nth-child(2) { top:0px; right:4px; }
.container .container_inner .review_list .buttons button.on { background-color:#ffffff; border-color:#e6e6e6; }
/* 리뷰 리스트 e */


/* 게시판 - 리스트 s */
.container .container_inner .div_bbs_list { padding-left:15px; padding-right:15px; }
.container .container_inner .div_bbs_list ul li {border-bottom:1px solid #d8d8d8; padding:20px 0; }
.container .container_inner .div_bbs_list ul li .dot_red {position:absolute; color:#F4866E; font-size:24px; font-weight:bold; margin:-12px 0 0 -10px}
.container .container_inner .div_bbs_list ul li .title_head {float:left; width:70px; font-weight:600; text-align:left}
.container .container_inner .div_bbs_list ul li .left { display:inline-block; width:calc(100% - 70px); }
.container .container_inner .div_bbs_list ul li .tit { width:100%; font-size:13pt; text-align:left; line-height:1.2; }
.container .container_inner .div_bbs_list ul li .comt { display:inline-block; float:right; text-align:right; }
.container .container_inner .div_bbs_list ul li .writer { margin-top:5px; text-align:left; }
.container .container_inner .div_bbs_list ul li .writer div { display:inline-block; }
.container .container_inner .div_bbs_list ul li .writer .nm { color:#858585; font-size:12pt; text-align:left; margin-right:15px; }
.container .container_inner .div_bbs_list ul li .writer .date { color:#919191; font-size:11pt; text-align:left}
.container .container_inner .div_bbs_list ul li .comt { float:right; color:#919191; font-size:12pt; }
.container .container_inner .div_bbs_list ul li .count { }
.container .container_inner .div_bbs_list ul li .count img { width:24px; margin-bottom:3px; }
.container .container_inner .div_bbs_list ul li .reply { }
.container .container_inner .div_bbs_list ul li .reply img { width:20px; }
.container .container_inner .div_bbs_list ul li .reply span { font-size:12pt; padding:6px 8px}
.container .container_inner .div_bbs_list .btn_area {padding:20px 0 0 0; text-align:right}
/* 게시판 - 리스트 e */



/* 게시판 - 리스트 s */
.container .container_inner .div_bbs_view { text-align:left; padding-left:20px; padding-right:20px; }
.container .container_inner .div_bbs_view .bbs_name {font-size:14px; color:#F4866E; font-weight:600}
.container .container_inner .div_bbs_view .left { display:inline-block; width:calc(100% - 70px); }
.container .container_inner .div_bbs_view .tit { width:100%; font-size:18px; text-align:left; line-height:1.2; font-weight:600; }
.container .container_inner .div_bbs_view .comt { display:inline-block; float:right; text-align:right; }
.container .container_inner .div_bbs_view .writer {margin-top:5px}
.container .container_inner .div_bbs_view .writer div { display:inline-block; }
.container .container_inner .div_bbs_view .writer .nm { color:#000000; font-size:12pt; text-align:left; margin-right:15px; }
.container .container_inner .div_bbs_view .writer .date { color:#919191; font-size:11pt; text-align:left; }
.container .container_inner .div_bbs_view .writer .count { float:right; color:#919191; font-size:12pt; text-align:left;}
.container .container_inner .div_bbs_view .count img { width:24px; margin-bottom:3px; }
.container .container_inner .div_bbs_view .reply img { width:20px; }
.container .container_inner .div_bbs_view .reply span { font-size:12pt; padding:6px 8px}
.container .container_inner .div_bbs_view .txt { border-bottom:1px solid #d8d8d8; margin:10px 0; padding:30px 0; font-size:14px; font-weight:500; }

.container .container_inner .div_bbs_view ul {border-bottom:2px solid #e6e6e6; margin:0 0 30px 0; padding:20px 0 0 0}
.container .container_inner .div_bbs_view ul li {padding:0 0 30px 0; font-size:13px}
.container .container_inner .div_bbs_view ul li .nm_bold{margin:0 0 5px 0; font-size:12px; font-weight:600}
.container .container_inner .div_bbs_view ul li .nm_bold .new {display:inline-block; width:12px; height:12px; text-align:center; background:#f4866e; color:#fff; font-size:8px; font-weight:normal; border-radius:3px; padding:0 0 0 1px; margin-top:2px}
.container .container_inner .div_bbs_view ul li .tit_review{font-size:13px; font-weight:500}
/* 게시판 - 리스트 e */

.container .container_inner .input_border_red .search_title { font-size:1.1em; font-weight:500; margin-bottom:15px; background-color: whitesmoke; padding:5px; }
.container .container_inner .input_border_red .search_title .desc { display:inline-block; font-size:0.8em; font-weight:400; margin-top:2px; }
.container .container_inner .input_border_red .height_spacing { width:100%; height:1px; border-top:0px solid #00000020; margin-top:0px; margin-bottom:10px; }

.container .container_inner .list_count .desc { display:inline-block; color:#898989; font-size:0.9em; font-weight:400; margin-top:1px; }


/* 게시판 - 게시물 작성 팝업 s */
.container .container_inner .head_txt { margin:20px 0px 0px 15px; text-align:left; color:#00000077; font-size:13px; }
.container .container_inner .input_border_red { padding:10px; }
.container .container_inner .input_border_red input { border:1px solid #e6e6e6; border-radius:8px; }
.container .container_inner .input_border_red input:focus { border:1px solid #353148;}
.container .container_inner .input_border_red .input100 {width:100%; }
.container .container_inner .input_border_red .input50 {width:48%}
.container .container_inner .input_border_red textarea { height:126px; border:1px solid #e6e6e6; border-radius:8px; }
.container .container_inner .input_border_red textarea:focus { border:1px solid #353148; }
.container .container_inner .input_msg_top { margin:0 auto; padding:20px 0 10px 0; text-align:left; font-size:14px; color:#00000088; font-weight:500; }
.container .container_inner .input_msg_top .dot_black { display:none; height:30px; overflow:hidden; font-size:30px; vertical-align:top; font-weight:bold; margin-top:-12px; }

.container .close-btn { position: absolute; top: 30px; right:calc(50% - 150px); background: none; color: #000; border: none; font-size: 24px; cursor: pointer; display: flex; align-items: center; justify-content: center; }

.container .container_inner .academy_name { font-size:18px; font-weight:500; margin:10px 0px 10px 0px; }
.container .container_inner .div_stars { text-align:center; margin:10px }
.container .container_inner .div_stars .star img { width:34px; cursor:pointer; }
.container .container_inner .div_stars .star .star_off { display:inline-block; }
.container .container_inner .div_stars .star .star_on { display:none; }
.container .container_inner .div_stars .star.on .star_off { display:none; }
.container .container_inner .div_stars .star.on .star_on { display:inline-block; }

.container .container_inner .div_buttons {margin:50px 0}
.container .container_inner .div_buttons .btn_orange {width:100%; max-width:310px; border-radius:5px; background:#f4866e; border:0; margin:4.5px 0; padding:10px 0; color:#fff}
.container .container_inner .div_buttons .btn_gray {width:100%; max-width:310px; border-radius:5px; background:#d5d5d5; border:0; margin:4.5px 0; padding:10px 0; color:#fff}
/* 게시판 - 게시물 작성 팝업 e */




/* 게시판 - 리뷰 제출 완료 s */
.container_pop .container_inner .icon {margin:100px 0 0 0; text-align:center}
.container_pop .container_inner .icon img {width:80px}
.container_pop .container_inner .tit_head {margin:20px 0}
.container_pop .container_inner .tit_head span {font-size:28px; font-weight:600}
.container_pop .container_inner .desc {margin:20px 0}
.container_pop .container_inner .desc span {font-size:14px; ont-weight:600}
.container_pop .container_inner .box {background:#fff; margin:30px 5px; padding:30px 20px; border-radius:10px; text-align:left}
.container_pop .container_inner .box .tit {font-size:18px; font-weight:600}
.container_pop .container_inner .box .desc {margin:20px 0 0 0}
.container_pop .container_inner .box .desc span {font-size:12px; line-height:1.2}
/* 게시판 - 리뷰 제출 완료 e */






/* 내가 쓴 리뷰 보기 s */
.container .container_inner .mypage_review {margin:22px 0}
.container .container_inner .mypage_review ul li {background:#FFFFFF; border:1px solid #fff; border-radius:10px; margin:0 0 10px 0; padding:0px 15px 0px 15px; transition: border 0.3s ease;}
.container .container_inner .mypage_review ul li .logo { width:36px; }
.container .container_inner .mypage_review ul li .logo img { width:100%; }
.container .container_inner .mypage_review ul li .tit {font-size:14px; font-weight:bold}

.container .container_inner .mypage_review ul li .writer_area {margin:10px 0; text-align:left; background:#f8f8f8; border-bottom:2px solid #d8d8d8; padding:0 10px}
.container .container_inner .mypage_review ul li .writer_area .score_area .score {float:left; margin:8px 0; font-size:10px}
.container .container_inner .mypage_review ul li .writer_area .score_area .score_right {float:right; margin:8px 0; font-size:10px}
.container .container_inner .mypage_review ul li .writer_area .score_area i {margin-top:3px; color:#ffce00}
.container .container_inner .mypage_review ul li .writer_area .score_area .socre_num {color:#999; font-weight:bold}
.container .container_inner .mypage_review ul li .writer_area .score_area .fd {color:#999}
.container .container_inner .mypage_review ul li .writer_area .score_area .bar {margin:0 5px; color:#e5e5e5}
.container .container_inner .mypage_review ul li .contents { margin:10px 0; border-bottom:4px solid #fafafa; }
.container .container_inner .mypage_review ul li .contents .tit { text-align:left; font-size:16px; font-weight:bold; margin:15px 0px; }
.container .container_inner .mypage_review ul li .contents .txt { margin:10px 0 15px 0; padding-left:4px; text-align:left; font-size:14px; line-height:1.2em; }
.container .container_inner .mypage_review ul li .contents .txt span { display:inline-block; }
.container .container_inner .mypage_review ul li .contents .txt .tit_th { width:55px; color:#00000088; font-weight:450; margin-right:20px; }
.container .container_inner .mypage_review ul li .goodNbad {margin:30px 0; text-align:left}
.container .container_inner .mypage_review ul li .goodNbad img {width:30px}
.container .container_inner .mypage_review ul li .goodNbad .tit {display:inline-block; margin-top:5px; font-weight:500; font-size:13px}
.container .container_inner .mypage_review ul li .goodNbad .txt {margin:10px 0 15px 0; text-align:left; font-size:13px; line-height:1.2; padding:5px}
.container .container_inner .mypage_review .writer { position:relative; height:36px; margin-bottom:5px; }
.container .container_inner .mypage_review .writer .click { float:left; }
.container .container_inner .mypage_review .writer .academy { position:absolute; left:40px; top:10px; text-align:left; font-size:16px; font-weight:bold; }
.container .container_inner .mypage_review .writer .name { position:absolute; left:0px; top:9px; }
.container .container_inner .mypage_review .writer .date { position:absolute; right:0px; top:9px; display:inline-block; color:#00000088; font-size:14px; font-weight:450; }
.container .container_inner .mypage_review .stars { text-align:left; }
.container .container_inner .mypage_review .stars img { width:25px; }
/* 내가 쓴 리뷰 보기 e */


/* 학원정보 상세페이지 하단의 게시판 리스트 s */
.container .container_inner .chool_info_bottom_bbs {margin-top:70px; background:#FFFFFF; border:1px solid #fff; border-radius:10px}
.container .container_inner .chool_info_bottom_bbs ul li {margin:0 0 10px 0; padding:15px 15px 0 15px}
.container .container_inner .chool_info_bottom_bbs ul li .logo {float:left}
.container .container_inner .chool_info_bottom_bbs ul li .logo img {width:30px}
.container .container_inner .chool_info_bottom_bbs ul li .tit {font-size:12px; color:#888}

.container .container_inner .chool_info_bottom_bbs ul li .contents {margin:10px 0; border-bottom:1px solid #d8d8d8}
.container .container_inner .chool_info_bottom_bbs ul li .contents .tit {float:left; width:calc(100% - 57px); margin:5px 0; text-align:left; font-size:14px; font-weight:bold; color:#000}
.container .container_inner .chool_info_bottom_bbs ul li .contents .icons {float:right; padding:5px 0 0 10px}
.container .container_inner .chool_info_bottom_bbs ul li .contents .icons .icons_inner{width:45px; height:45px; background:#ddd; border:1px solid #cccccc; border-radius:10px}
.container .container_inner .chool_info_bottom_bbs ul li .contents .txt {margin:5px 0 15px 0; text-align:left; font-size:12px; line-height:1.2; color:#888}
/* 학원정보 상세페이지 하단의 게시판 리스트 e */


/* 추가 */
.popup_layer { z-index:30; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); display: none; justify-content: center; align-items: center; }
.popup_layer .popup_container { position:relative; width:70%; max-width:290px; background-color: #fff; text-align:center; padding: 20px 20px 20px 20px; border-radius: 10px;  }
.popup_layer .popup_container .popup_title { color:#000; font-size:12pt; font-weight:600; text-align:left; }
.popup_layer .popup_container .popup_title.border_bottom { height:36px; line-height:36px; border-bottom: 1px solid #BFBFBF; }
.popup_layer .popup_container .popup_subject { color:#000; font-size:12pt; font-weight:600; text-align:left; height:45px; line-height:45px; }
.popup_layer .popup_container i { position:absolute; right:25px; top:25px; font-size:18px; color:#000; font-weight:400; cursor:pointer; }
.popup_layer .popup_container button { font-size:11pt; padding:12px 10px 12px 10px; }
.popup_layer .popup_container .button_black {margin-top: 20px; width:49%; height:50px; border-radius:10px; background:#282437; border:0; color:#efeff1; }
.popup_layer .popup_container .button_white {margin-top: 20px; width:49%; height:50px; border-radius:10px; background:#ffffff; border:0; color:#3d383c; border:1px solid #282437; }
.popup_layer .popup_container .button_grey {margin-top: 20px; width:49%; height:50px; border-radius:10px; background:#a7a7a7; border:0; color:#fff; }
.popup_layer .popup_container .popup_items { text-align:left; font-size:11pt; }
.popup_layer .popup_container .popup_item { text-align:left; margin:5px 0px 5px 0px;  }
.popup_layer .popup_container .popup_item span { display:inline-block; }
.popup_layer .popup_container table { margin-top:10px; }
.popup_layer .popup_container table th { font-weight:550; }
.popup_layer .popup_container table td { padding-left:6px; }
.popup_layer .popup_container table td .input_text { width:100%; background-color:#F4F4F4; }


@media only screen and (max-width: 375px) {
.container .container_inner .div_bbs_view .review_input .input100 { max-width:290px; }
}


/* 2. 반응형 미디어 쿼리 */
@media only screen and (max-width: 312px) {
.container .container_inner .input_border_red .input50 {width:48%; max-width:110px}
.container .container_inner .school_detail .buttons button {width:auto}
.container .container_inner .school_detail .address span { }
.container .container_inner .select100 {width:100%; max-width:290px}
.container .container_inner .bbs11 {width:270px; margin:30px auto 0 auto; padding:30px 0 20px 0; text-align:left; border-top:1px solid #707070}
.container .container_inner .set_max {width:270px; margin:0 auto}
}





/* 2. 반응형 미디어 쿼리 */
@media only screen and (max-width: 640px) {
.container { }

.container_pop {width:100%; max-width:400px; margin:0 auto; padding:0}
.container_pop .container_inner { padding:0 20px; text-align:center; }
.container_pop .main_tit {border-bottom:1px solid #707070; padding:25px 0; text-align:center}
.container_pop .main_tit span {font-size:22px; font-weight:500}

.container_inner .btn_black_large { }
.container_inner .btn_black_border_large {width:100%; border-radius:5px; background:#fff; border:1px solid #000000; ; margin:4.5px 0; padding:10px 0; color:#000; font-weight:600}
.container_inner .btn_gray_small { background:#e5e5e5; border:0; border-radius:10px; font-size:12px; color:#0D0D0D; padding:3px 10px; font-weight:500; }
.container_inner .btn_gray_medium {width:70px; background:#a7a7a7; color:#fff; border-radius:15px; border:0; font-size:13px; padding:5px; font-weight:500}
.container_inner .btn_gray50_small {background:#e5e5e5; color:#000000; width:49%; font-size:12px; border:0; border-radius:15px; padding:5px; font-weight:500; letter-spacing:-1px}

.container_inner .div_buttons50 .btn_purple {width:49%; max-width:155px; border-radius:5px; margin:4.5px 0; padding:10px 0; color:#fff; font-weight:500}
.container_inner .div_buttons50 .btn_purple { width:49%; max-width:155px; border-radius:5px; background:#353148; margin:4.5px 0; padding:10px 0; color:#fff; font-weight:500; }
.container_inner .div_buttons50 .btn_orange { width:49%; max-width:155px; border-radius:5px; background:#f4866e; border:2px solid #f4866e; margin:4.5px 0; padding:10px 0; color:#fff; font-weight:500; }
.container_inner .div_buttons50 .btn_gray_border {width:49%; max-width:155px; border-radius:5px; border:2px solid #d5d5d5; margin:4.5px 0; padding:10px 0; color:#919191; font-weight:500}
.container_inner .div_buttons50 .btn_gray {width:49%; max-width:155px; border-radius:5px; background:#d5d5d5; border:0; margin:4.5px 0; padding:10px 0; color:#000; font-weight:500}
.container_inner .div_buttons50 .btn_black {width:49%; max-width:155px; border-radius:5px; margin:4.5px 0; padding:10px 0; color:#fff; font-weight:500}

.container .container_inner .main_tit span {font-size:24px; font-weight:500}

.container .container_inner .input_msg {margin:0 auto; max-width:300px; padding:8px 8px 15px 10px; text-align:left; font-size:12px; color:#999}

.container .container_inner .border_top2 {margin-top:50px; padding-top:30px; border-top:2px solid #eaeaea}
/* 로그인 */
/* input이 포커스될 때 (커서가 생길 때) */
/* input에서 포커스가 벗어났을 때 (커서가 다른 곳으로 갈 때) */
.container .container_inner .input_border_red input:blur {border: 1px solid white; border-color: white}


/* 로그인 화면 - 아이디 저장, 로그인, 회원가입 영역 s */
.container .container_inner .save_search {margin:0 auto; width:100%; max-width:320px}
.container .container_inner .save_search .div_left { float:left; margin-left:5px; }
.container .container_inner .save_search .div_left .save_id {font-size:12px; color:#999; vertical-align: middle}
.container .container_inner .save_search .div_right { margin-right:5px; }
.container .container_inner .save_search .div_right span {font-size:12px; color:#999; vertical-align: middle}

.container .container_inner .div_buttons {margin:50px 0}
.container .container_inner .div_buttons .btn_orange {width:100%; max-width:310px; border-radius:5px; background:#f4866e; border:0; margin:4.5px 0; padding:10px 0; color:#fff}
.container .container_inner .div_buttons .btn_gray {width:100%; max-width:310px; border-radius:5px; background:#d5d5d5; border:0; margin:4.5px 0; padding:10px 0; }

.container .container_inner .div_sns_login {margin-top:50px; border-top:1px solid #e0e0e0; padding-top:50px}
.container .container_inner .div_sns_login .sns_tit {margin-bottom:20px; color:#666666}
.container .container_inner .div_sns_login .btn_kakao {width:100%; max-width:310px}
/* 로그인 화면 - 아이디 저장, 로그인, 회원가입 영역 e */


/* 약관동의 화면 s */
.container .container_inner .steps { }
.container .container_inner .steps table .td_step{width:58px; text-align:center; vertical-align:top}
.container .container_inner .steps table .td_step button { }
.container .container_inner .steps table .td_step button.on { }
.container .container_inner .steps table .td_step .step_no {margin-top:10px}
.container .container_inner .steps table .td_step .step_no span {font-size:10px; color:#333}
.container .container_inner .steps table .td_step .step_tit { }
.container .container_inner .steps table .td_step .step_tit span {font-size:15px; color:#333}
.container .container_inner .steps table .td_dots { }
.container .container_inner .steps table .td_dots div { }
.container .container_inner .steps table .td_dots div span { }

.container .container_inner .agreeAll {margin:50px auto 0 auto; width:100%; max-width:310px; background:#fff}
.container .container_inner .agreeAll div { border-radius:5px; padding:18px 20px; text-align:left}

.container .container_inner .checkboxs {margin:0 auto; width:100%; max-width:310px; text-align:center}
.container .container_inner .checkboxs .inner .box_area {float:left}
.container .container_inner .checkboxs .inner .box_area span {font-size:12px; vertical-align:middle}
.container .container_inner .checkboxs .inner textarea {width:calc(100% - 22px); border:1px solid #cccccc; border-radius:5px; padding:10px; font-size:12px}

.container .container_inner .align_left {text-align:left}
.container .container_inner .align_right {text-align:right}
/* 약관동의 화면 e */

.container_inner .child_button { padding-right:0px; }


/* 버튼 s */
.container .container_inner .div_buttons25 .btn_orange {width:24%; max-width:101px; border-radius:5px; background:#f4866e; border:2px solid #f4866e; margin:4.5px 0; padding:10px 0; color:#fff}
.container .container_inner .div_buttons25 .btn_orange_border {width:24%; max-width:101px; background:#fff; border-radius:5px; border:2px solid #F4866E; margin:4.5px 0; padding:10px 0; color:#000000; font-weight:500}
.container .container_inner .div_buttons25 .btn_gray {width:24%; max-width:101px; border-radius:5px; background:#d5d5d5; border:0; margin:4.5px 0; padding:10px 0; color:#000}
.container .container_inner .div_buttons25 .btn_gray_border {width:24%; max-width:101px; border-radius:5px; background:#f5f5f5; border:2px solid #d5d5d5; margin:4.5px 0; padding:10px 0; color:#919191}
.container .container_inner .div_buttons25 .btn_black {width:24%; max-width:101px; border-radius:5px; border:0; margin:4.5px 0; padding:10px 0; color:#fff}
/* 버튼 e */


/* 학원정보 s */
.container .container_inner .list_schools { }
.container .container_inner .list_schools ul li {background:#FFFFFF; border:1px solid #fff; border-radius:10px; margin:0 0 10px 0; padding:25px 15px 15px 17px; transition: border 0.3s ease;}
.container .container_inner .list_schools ul li.active {border: 1px solid #F4866E}
.container .container_inner .list_schools ul li.active .hidden-contents { max-height: 1000px; /* 충분히 큰 값 설정 */ }
.container .container_inner .list_schools ul li .hidden-contents {max-height:0; overflow:hidden; transition: max-height 0.3s ease}
.container .container_inner .list_schools ul li .hidden-contents .inner {width:100%; border-top:1px solid #F2F2F2; margin-top:13px; padding:20px 0; text-align:left; color:#999; font-size:8px}
.container .container_inner .list_schools ul li .hidden-contents .inner ul {border-bottom:1px solid #F2F2F2; margin-top:20px}
.container .container_inner .list_schools ul li .hidden-contents .inner ul li {background:#FFFFFF; border-top:1px solid #F2F2F2; border-radius:0; margin:5px 0; padding:5px 0}
.container .container_inner .list_schools ul li .hidden-contents .inner ul li .radio_area {float:left; width:calc(100% - 70px)}
.container .container_inner .list_schools ul li .hidden-contents .inner ul li .radio_area .nums {display:inline-block; width:20px; font-size:12px}
.container .container_inner .list_schools ul li .hidden-contents .inner ul li .radio_area .weeks {display:inline-block; width:65px; font-size:12px}
.container .container_inner .list_schools ul li .hidden-contents .inner ul li .radio_area .curr {display:inline-block; width:calc(100% - 120px); font-size:12px}
.container .container_inner .list_schools ul li .hidden-contents .inner ul li .times {float:right; width:70px; margin-top:5px; text-align:right}
.container .container_inner .list_schools ul li .hidden-contents .inner ul li .times .time {font-size:12px; color:#000}
.container .container_inner .list_schools ul li .logo {float:left; padding:0 14px 0 0}
.container .container_inner .list_schools ul li .logo img {width:54px}
.container .container_inner .list_schools ul li .contents {float:right; width:calc(100% - 68px); margin-top:-3px; text-align:left}
.container .container_inner .list_schools ul li .contents .tit { font-weight:bold; }
.container .container_inner .list_schools ul li .contents .address {margin:7px 0 0 0}
.container .container_inner .list_schools ul li .contents .address span { color:#999999; }
.container .container_inner .list_schools ul li .contents .score_area .score { float:left; margin:8px 0; }
.container .container_inner .list_schools ul li .contents .score_area .score i {margin-top:3px; color:#ffce00}
.container .container_inner .list_schools ul li .contents .score_area .score .socre_num {color:#999999; font-weight:bold}
.container .container_inner .list_schools ul li .contents .score_area .score .bar {color:#e5e5e5}
.container .container_inner .list_schools ul li .contents .btn_area {float:right; margin:4px 0 0 0}
.container .container_inner .list_schools ul li .contents .btn_area button { background:#f4866e; border:0; border-radius:10px; padding:3px 8px 5px 8px; color:#ffffff; }
.container .container_inner .list_schools ul li .contents .btn_area button span { display:inline-block; }
/* 학원정보 e */


/* 학원정보 디테일 s */
.container .container_inner .school_detail .tit { }
.container .container_inner .school_detail .buttons {margin:28px 0}
.container .container_inner .school_detail .buttons .btn_orange {border-radius:15px; background:#f4866e; border:0; padding:4px 10px 6px 10px; color:#fff; font-size:12pt; }
.container .container_inner .school_detail .buttons .btn_gray {border-radius:15px; background:#d5d5d5; border:0; padding:4px 10px 6px 10px; color:#000; font-size:12pt; }
.container .container_inner .school_detail .maps { }
.container .container_inner .school_detail .address { }
.container .container_inner .school_detail .address span { }
.container .container_inner .school_detail .school_detail_text { }
.container .container_inner .school_detail .school_detail_text ul {list-style-type: disc}
.container .container_inner .school_detail .school_detail_text li {
position: relative; /* 가상 요소의 위치 설정 */
margin-bottom: 5px; /* 항목 간 간격 */
text-align:left;
}

.container .container_inner .school_detail_text li::before {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 4px; /* 도트의 너비 */
height: 4px; /* 도트의 높이 */
background-color: black; /* 도트의 색상 */
border-radius: 50%; /* 도트를 원형으로 */
transform: translateY(-50%); /* 도트를 세로 중앙에 배치 */
}
/* 학원정보 디테일 e */


/* 게시판 - 리스트 s */
.container .container_inner .div_bbs_list ul li .dot_red {position:absolute; color:#F4866E; font-size:24px; font-weight:bold; margin:-12px 0 0 -10px}
.container .container_inner .div_bbs_list ul li .title_head {float:left; width:70px; font-size:14px; font-weight:600; text-align:left}
.container .container_inner .div_bbs_list ul li .writer { margin-top:5px; }
.container .container_inner .div_bbs_list ul li .writer .date { color:#919191; text-align:left}
.container .container_inner .div_bbs_list ul li .writer .count { color:#919191; text-align:left}
.container .container_inner .div_bbs_list .btn_area {padding:20px 0 0 0; text-align:right}
/* 게시판 - 리스트 e */


/* 게시판 - 리스트 s */
.container .container_inner .div_bbs_view {text-align:left}
.container .container_inner .div_bbs_view .bbs_name {font-size:14px; color:#F4866E; font-weight:600}
.container .container_inner .div_bbs_view .writer {margin-top:5px}
.container .container_inner .div_bbs_view .writer .count {float:left; font-size:12px; color:#919191; text-align:left}

.container .container_inner .div_bbs_view ul {border-bottom:2px solid #e6e6e6; margin:0 0 30px 0; padding:20px 0 0 0}
.container .container_inner .div_bbs_view ul li {padding:0 0 30px 0; font-size:13px}
.container .container_inner .div_bbs_view ul li .nm_bold{margin:0 0 5px 0; font-size:12px; font-weight:600}
.container .container_inner .div_bbs_view ul li .nm_bold .new {display:inline-block; width:12px; height:12px; text-align:center; background:#f4866e; color:#fff; font-size:8px; font-weight:normal; border-radius:3px; padding:0 0 0 1px; margin-top:2px}
.container .container_inner .div_bbs_view ul li .tit_review{font-size:13px; font-weight:500}
.container .container_inner .div_bbs_view .review_input .input100 { width:100%; }
/* 게시판 - 리스트 e */


/* 게시판 - 게시물 작성 팝업 s */
.container_pop .container_inner .head_txt {margin:40px 0; text-align:center; color:#333; font-size:12px}
.container_pop .container_inner .input_border_red input:focus {border: 1px solid #f4866e; border-color: #f4866e}
.container_pop .container_inner .input_border_red input:blur {border: 1px solid white; border-color: white}
.container_pop .container_inner .input_border_red .input100 {width:100%; }
.container_pop .container_inner .input_border_red .input50 {width:48%}
.container_pop .container_inner .input_border_red textarea {height:200px}
.container_pop .container_inner .input_border_red textarea:focus {border: 1px solid #f4866e; border-color: #f4866e}
.container_pop .container_inner .input_border_red textarea:blur {border: 1px solid white; border-color: white}
.container_pop .container_inner .input_msg_top { margin:0 auto; padding:20px 0 0 0; text-align:left; font-size:14px; color:#333; font-weight:500; }
.container_pop .container_inner .input_msg_top .dot_black {display:inline-block; height:30px; overflow:hidden; font-size:30px; vertical-align:top; font-weight:bold; margin-top:-12px}

.container_pop .close-btn { position: absolute; top: 30px; right:calc(50% - 150px); background: none; color: #000; border: none; font-size: 24px; cursor: pointer; display: flex; align-items: center; justify-content: center; }

.container_pop .container_inner .div_stars {text-align:left; margin:10px}
.container_pop .container_inner .div_stars .star {font-size:44px; margin:0 5px; color:#c7c7c7; cursor:pointer}
.container_pop .container_inner .div_stars .star.on {font-size:44px; margin:0 5px; color:#ffce00}

.container_pop .container_inner .div_buttons {margin:50px 0}
.container_pop .container_inner .div_buttons .btn_orange {width:100%; max-width:310px; border-radius:5px; background:#f4866e; border:0; margin:4.5px 0; padding:10px 0; color:#fff}
.container_pop .container_inner .div_buttons .btn_gray {width:100%; max-width:310px; border-radius:5px; background:#d5d5d5; border:0; margin:4.5px 0; padding:10px 0; color:#fff}
/* 게시판 - 게시물 작성 팝업 e */


/* 게시판 - 리뷰 제출 완료 s */
.container_pop .container_inner .icon {margin:100px 0 0 0; text-align:center}
.container_pop .container_inner .icon img {width:80px}
.container_pop .container_inner .tit_head {margin:20px 0}
.container_pop .container_inner .tit_head span {font-size:28px; font-weight:600}
.container_pop .container_inner .desc {margin:20px 0}
.container_pop .container_inner .desc span {font-size:14px; ont-weight:600}
.container_pop .container_inner .box {background:#fff; margin:30px 5px; padding:30px 20px; border-radius:10px; text-align:left}
.container_pop .container_inner .box .tit {font-size:18px; font-weight:600}
.container_pop .container_inner .box .desc {margin:20px 0 0 0}
.container_pop .container_inner .box .desc span {font-size:12px; line-height:1.2}
/* 게시판 - 리뷰 제출 완료 e */


/* 내가 쓴 리뷰 보기 s */
.container .container_inner .mypage_review {margin:22px 0}
.container .container_inner .mypage_review ul li .tit {font-size:14px; font-weight:bold}

.container .container_inner .mypage_review ul li .writer_area {margin:10px 0; text-align:left; background:#f8f8f8; border-bottom:2px solid #d8d8d8; padding:0 10px}
.container .container_inner .mypage_review ul li .writer_area .score_area .score {float:left; margin:8px 0; font-size:10px}
.container .container_inner .mypage_review ul li .writer_area .score_area .score_right {float:right; margin:8px 0; font-size:10px}
.container .container_inner .mypage_review ul li .writer_area .score_area i {margin-top:3px; color:#ffce00}
.container .container_inner .mypage_review ul li .writer_area .score_area .socre_num {color:#999; font-weight:bold}
.container .container_inner .mypage_review ul li .writer_area .score_area .fd {color:#999}
.container .container_inner .mypage_review ul li .writer_area .score_area .bar {margin:0 5px; color:#e5e5e5}
.container .container_inner .mypage_review ul li .goodNbad {margin:30px 0; text-align:left}
.container .container_inner .mypage_review ul li .goodNbad img {width:30px}
.container .container_inner .mypage_review ul li .goodNbad .tit {display:inline-block; margin-top:5px; font-weight:500; font-size:13px}
.container .container_inner .mypage_review ul li .goodNbad .txt {margin:10px 0 15px 0; text-align:left; font-size:13px; line-height:1.2; padding:5px}
/* 내가 쓴 리뷰 보기 e */


/* 학원정보 상세페이지 하단의 게시판 리스트 s */
.container .container_inner .chool_info_bottom_bbs {margin-top:70px; background:#FFFFFF; border:1px solid #fff; border-radius:10px}
.container .container_inner .chool_info_bottom_bbs ul li {margin:0 0 10px 0; padding:15px 15px 0 15px}
.container .container_inner .chool_info_bottom_bbs ul li .logo {float:left}
.container .container_inner .chool_info_bottom_bbs ul li .logo img {width:30px}
.container .container_inner .chool_info_bottom_bbs ul li .tit {font-size:12px; color:#888}

.container .container_inner .chool_info_bottom_bbs ul li .contents {margin:10px 0; border-bottom:1px solid #d8d8d8}
.container .container_inner .chool_info_bottom_bbs ul li .contents .tit {float:left; width:calc(100% - 57px); margin:5px 0; text-align:left; font-size:14px; font-weight:bold; color:#000}
.container .container_inner .chool_info_bottom_bbs ul li .contents .icons {float:right; padding:5px 0 0 10px}
.container .container_inner .chool_info_bottom_bbs ul li .contents .icons .icons_inner{width:45px; height:45px; background:#ddd; border:1px solid #cccccc; border-radius:10px}
.container .container_inner .chool_info_bottom_bbs ul li .contents .txt {margin:5px 0 15px 0; text-align:left; font-size:12px; line-height:1.2; color:#888}
/* 학원정보 상세페이지 하단의 게시판 리스트 e */
}


/* PC (640px 이상) */
@media only screen and (min-width: 641px) {
.container { width:640px; margin:0 auto; !background:#f9f9f9; }

.container_pop {width:100%; max-width:400px; margin:0 auto; padding:0}
.container_pop .main_tit {border-bottom:1px solid #707070; padding:25px 0; text-align:center}
.container_pop .main_tit span {font-size:22px; font-weight:500}

.container_inner .btn_black_large { }
.container_inner .btn_black_border_large {width:100%; border-radius:5px; background:#fff; border:1px solid #000000; ; margin:4.5px 0; padding:10px 0; color:#000; font-weight:600}
.container_inner .btn_gray_small {background:#e5e5e5; border:0; border-radius:10px; font-size:12px; color:#0D0D0D; padding:3px 10px; font-weight:500}
.container_inner .btn_gray_medium {width:70px; background:#a7a7a7; color:#fff; border-radius:15px; border:0; font-size:13px; padding:5px; font-weight:500}
.container_inner .btn_gray50_small {background:#e5e5e5; color:#000000; width:49%; font-size:12px; border:0; border-radius:15px; padding:5px 15px; font-weight:500}

.container_inner .div_buttons50 .btn_orange {width:49%; max-width:155px; border-radius:5px; background:#f4866e; border:2px solid #f4866e; margin:4.5px 0; padding:10px 0; color:#fff; font-weight:500}
.container_inner .div_buttons50 .btn_gray_border {width:49%; max-width:155px; border-radius:5px; border:2px solid #d5d5d5; margin:4.5px 0; padding:10px 0; color:#919191; font-weight:500}
.container_inner .div_buttons50 .btn_gray {width:49%; max-width:155px; border-radius:5px; background:#d5d5d5; border:0; margin:4.5px 0; padding:10px 0; color:#000; font-weight:500}
.container_inner .div_buttons50 .btn_black {width:49%; max-width:155px; border-radius:5px; margin:4.5px 0; padding:10px 0; color:#fff; font-weight:500}

.container .container_inner .main_tit span {font-size:24px; font-weight:500}

.container .container_inner .input_msg {margin:0 auto; max-width:300px; padding:8px 8px 15px 10px; text-align:left; font-size:12px; color:#999}

.container .container_inner .border_top2 {margin-top:50px; padding-top:30px; border-top:2px solid #eaeaea}
/* 로그인 */
/* input이 포커스될 때 (커서가 생길 때) */
/* input에서 포커스가 벗어났을 때 (커서가 다른 곳으로 갈 때) */
.container .container_inner .input_border_red input:blur {border: 1px solid white; border-color: white}
.container .container_inner .input_border_red .input50 {width:48%}


/* 로그인 화면 - 아이디 저장, 로그인, 회원가입 영역 s */
.container .container_inner .save_search {margin:0 auto; width:100%; max-width:320px}
.container .container_inner .save_search .div_left { }
.container .container_inner .save_search .div_left .save_id {font-size:12px; color:#999; vertical-align: middle}
.container .container_inner .save_search .div_right { }
.container .container_inner .save_search .div_right span {font-size:12px; color:#999; vertical-align: middle}

.container .container_inner .div_buttons {margin:50px 0}
.container .container_inner .div_buttons .btn_orange {width:100%; max-width:310px; border-radius:5px; background:#f4866e; border:0; margin:4.5px 0; padding:10px 0; color:#fff}
.container .container_inner .div_buttons .btn_gray {width:100%; max-width:310px; border-radius:5px; background:#d5d5d5; border:0; margin:4.5px 0; padding:10px 0;}

.container .container_inner .div_sns_login {margin-top:50px; border-top:1px solid #e0e0e0; padding-top:50px}
.container .container_inner .div_sns_login .sns_tit {margin-bottom:20px; color:#666666}
.container .container_inner .div_sns_login .btn_kakao {width:100%; max-width:310px}
/* 로그인 화면 - 아이디 저장, 로그인, 회원가입 영역 e */


/* 약관동의 화면 s */
.container .container_inner .steps { }
.container .container_inner .steps table .td_step{width:58px; text-align:center; vertical-align:top}
.container .container_inner .steps table .td_step button { }
.container .container_inner .steps table .td_step button.on { }
.container .container_inner .steps table .td_step .step_no {margin-top:10px}
.container .container_inner .steps table .td_step .step_no span {font-size:10px; color:#333}
.container .container_inner .steps table .td_step .step_tit { }
.container .container_inner .steps table .td_step .step_tit span {font-size:15px; color:#333}
.container .container_inner .steps table .td_dots { }
.container .container_inner .steps table .td_dots div { }
.container .container_inner .steps table .td_dots div span { }

.container .container_inner .agreeAll {margin:50px auto 0 auto; width:100%; max-width:310px; background:#fff}
.container .container_inner .agreeAll div { border-radius:5px; padding:18px 20px; text-align:left}

.container .container_inner .checkboxs {margin:0 auto; width:100%; max-width:310px; text-align:center}
.container .container_inner .checkboxs .inner .box_area {float:left}
.container .container_inner .checkboxs .inner .box_area span {font-size:12px; vertical-align:middle}
.container .container_inner .checkboxs .inner textarea {width:calc(100% - 22px); border:1px solid #cccccc; border-radius:5px; padding:10px; font-size:12px}

.container .container_inner .align_left {text-align:left}
.container .container_inner .align_right {text-align:right}
/* 약관동의 화면 e */


/* 학원정보 s */
.container .container_inner .list_schools { }
.container .container_inner .list_schools ul li {background:#FFFFFF; border:1px solid #fff; border-radius:10px; margin:0 0 10px 0; padding:25px 15px 15px 17px; transition: border 0.3s ease;}
.container .container_inner .list_schools ul li.active {border: 1px solid #F4866E}
.container .container_inner .list_schools ul li.active .hidden-contents { max-height: 1000px; /* 충분히 큰 값 설정 */ }
.container .container_inner .list_schools ul li .hidden-contents {max-height:0; overflow:hidden; transition: max-height 0.3s ease}
.container .container_inner .list_schools ul li .hidden-contents .inner {width:100%; border-top:1px solid #F2F2F2; margin-top:13px; padding:20px 0; text-align:left; color:#999; font-size:8px}
.container .container_inner .list_schools ul li .hidden-contents .inner ul {border-bottom:1px solid #F2F2F2; margin-top:20px}
.container .container_inner .list_schools ul li .hidden-contents .inner ul li {background:#FFFFFF; border-top:1px solid #F2F2F2; border-radius:0; margin:5px 0; padding:5px 0}
.container .container_inner .list_schools ul li .hidden-contents .inner ul li .radio_area {float:left; width:calc(100% - 70px)}
.container .container_inner .list_schools ul li .hidden-contents .inner ul li .radio_area .nums {display:inline-block; width:20px; font-size:12px}
.container .container_inner .list_schools ul li .hidden-contents .inner ul li .radio_area .weeks {display:inline-block; width:65px; font-size:12px}
.container .container_inner .list_schools ul li .hidden-contents .inner ul li .radio_area .curr {display:inline-block; width:calc(100% - 120px); font-size:12px}
.container .container_inner .list_schools ul li .hidden-contents .inner ul li .times {float:right; width:70px; margin-top:5px; text-align:right}
.container .container_inner .list_schools ul li .hidden-contents .inner ul li .times .time {font-size:12px; color:#000}
.container .container_inner .list_schools ul li .logo {float:left; padding:0 14px 0 0}
.container .container_inner .list_schools ul li .logo img {width:54px}
.container .container_inner .list_schools ul li .contents {float:right; width:calc(100% - 68px); margin-top:-3px; text-align:left}
.container .container_inner .list_schools ul li .contents .tit { font-weight:bold; }
.container .container_inner .list_schools ul li .contents .address {margin:7px 0 0 0}
.container .container_inner .list_schools ul li .contents .address span { color:#999999; }
.container .container_inner .list_schools ul li .contents .score_area .score { float:left; margin:8px 0; }
.container .container_inner .list_schools ul li .contents .score_area .score i {margin-top:3px; color:#ffce00}
.container .container_inner .list_schools ul li .contents .score_area .score .socre_num {color:#999999; font-weight:bold}
.container .container_inner .list_schools ul li .contents .score_area .score .bar {color:#e5e5e5}
.container .container_inner .list_schools ul li .contents .btn_area {float:right; margin:4px 0 0 0}
.container .container_inner .list_schools ul li .contents .btn_area button { background:#f4866e; border:0; border-radius:10px; padding:3px 8px 5px 8px; color:#ffffff; }
.container .container_inner .list_schools ul li .contents .btn_area button span { display:inline-block; }
/* 학원정보 e */


/* 학원정보 디테일 s */
.container .container_inner .school_detail .tit { }
.container .container_inner .school_detail .buttons {margin:28px 0}
.container .container_inner .school_detail .buttons .btn_orange {border-radius:15px; background:#f4866e; border:0; padding:4px 10px 6px 10px; color:#fff; font-size:12pt; }
.container .container_inner .school_detail .buttons .btn_gray {border-radius:15px; background:#d5d5d5; border:0; padding:4px 10px 6px 10px; color:#000; font-size:12pt; }
.container .container_inner .school_detail .maps { }
.container .container_inner .school_detail .address {  }
.container .container_inner .school_detail .address span {color:#000}
.container .container_inner .school_detail .school_detail_text { }
.container .container_inner .school_detail .school_detail_text ul {list-style-type: disc}
.container .container_inner .school_detail .school_detail_text li {
position: relative; /* 가상 요소의 위치 설정 */
margin-bottom: 5px; /* 항목 간 간격 */
text-align:left;
}

.container .container_inner .school_detail_text li::before {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 4px; /* 도트의 너비 */
height: 4px; /* 도트의 높이 */
background-color: black; /* 도트의 색상 */
border-radius: 50%; /* 도트를 원형으로 */
transform: translateY(-50%); /* 도트를 세로 중앙에 배치 */
}
/* 학원정보 디테일 e */


/* 게시판 - 리스트 s */
.container .container_inner .div_bbs_list ul li .dot_red {position:absolute; color:#F4866E; font-size:24px; font-weight:bold; margin:-12px 0 0 -10px}
.container .container_inner .div_bbs_list ul li .title_head {float:left; width:70px; font-size:14px; font-weight:600; text-align:left}
.container .container_inner .div_bbs_list ul li .writer { margin-top:5px; }
.container .container_inner .div_bbs_list ul li .writer .date { color:#919191; text-align:left}
.container .container_inner .div_bbs_list ul li .writer .count { color:#919191; text-align:left}
.container .container_inner .div_bbs_list .btn_area {padding:20px 0 0 0; text-align:right}
/* 게시판 - 리스트 e */


.container .container_inner .div_bbs_view {text-align:left}
.container .container_inner .div_bbs_view .bbs_name {font-size:14px; color:#F4866E; font-weight:600}
.container .container_inner .div_bbs_view .writer {margin-top:5px}
.container .container_inner .div_bbs_view .writer .count {float:left; font-size:12px; color:#919191; text-align:left}

.container .container_inner .div_bbs_view ul {border-bottom:2px solid #e6e6e6; margin:0 0 30px 0; padding:20px 0 0 0}
.container .container_inner .div_bbs_view ul li {padding:0 0 30px 0; font-size:13px}
.container .container_inner .div_bbs_view ul li .nm_bold{margin:0 0 5px 0; font-size:12px; font-weight:600}
.container .container_inner .div_bbs_view ul li .nm_bold .new {display:inline-block; width:12px; height:12px; text-align:center; background:#f4866e; color:#fff; font-size:8px; font-weight:normal; border-radius:3px; padding:0 0 0 1px; margin-top:2px}
.container .container_inner .div_bbs_view ul li .tit_review{font-size:13px; font-weight:500}
.container .container_inner .div_bbs_view .review_input .input100 { width:100%; }
/* 게시판 - 리스트 e */


/* 게시판 - 게시물 작성 팝업 s */
.container_pop .container_inner .head_txt {margin:40px 0; text-align:center; color:#333; font-size:12px}
.container_pop .container_inner .input_border_red input:focus {border: 1px solid #f4866e; border-color: #f4866e}
.container_pop .container_inner .input_border_red input:blur {border: 1px solid white; border-color: white}
.container_pop .container_inner .input_border_red .input100 {width:100%; }
.container_pop .container_inner .input_border_red .input50 {width:48%}
.container_pop .container_inner .input_border_red textarea {height:200px}
.container_pop .container_inner .input_border_red textarea:focus {border: 1px solid #f4866e; border-color: #f4866e}
.container_pop .container_inner .input_border_red textarea:blur {border: 1px solid white; border-color: white}
.container_pop .container_inner .input_msg_top {margin:0 auto; padding:20px 0 0 0; text-align:left; font-size:14px; color:#333; font-weight:500}
.container_pop .container_inner .input_msg_top .dot_black {display:inline-block; height:30px; overflow:hidden; font-size:30px; vertical-align:top; font-weight:bold; margin-top:-12px}

.container_pop .close-btn { position: absolute; top: 30px; right:calc(50% - 150px); background: none; color: #000; border: none; font-size: 24px; cursor: pointer; display: flex; align-items: center; justify-content: center; }

.container_pop .container_inner .div_stars {text-align:left; margin:10px}
.container_pop .container_inner .div_stars .star {font-size:44px; margin:0 5px; color:#c7c7c7; cursor:pointer}
.container_pop .container_inner .div_stars .star.on {font-size:44px; margin:0 5px; color:#ffce00}

.container_pop .container_inner .div_buttons {margin:50px 0}
.container_pop .container_inner .div_buttons .btn_orange {width:100%; max-width:310px; border-radius:5px; background:#f4866e; border:0; margin:4.5px 0; padding:10px 0; color:#fff}
.container_pop .container_inner .div_buttons .btn_gray {width:100%; max-width:310px; border-radius:5px; background:#d5d5d5; border:0; margin:4.5px 0; padding:10px 0; color:#fff}
/* 게시판 - 게시물 작성 팝업 e */


/* 게시판 - 리뷰 제출 완료 s */
.container_pop .container_inner .icon {margin:100px 0 0 0; text-align:center}
.container_pop .container_inner .icon img {width:80px}
.container_pop .container_inner .tit_head {margin:20px 0}
.container_pop .container_inner .tit_head span {font-size:28px; font-weight:600}
.container_pop .container_inner .desc {margin:20px 0}
.container_pop .container_inner .desc span {font-size:14px; ont-weight:600}
.container_pop .container_inner .box {background:#fff; margin:30px 5px; padding:30px 20px; border-radius:10px; text-align:left}
.container_pop .container_inner .box .tit {font-size:18px; font-weight:600}
.container_pop .container_inner .box .desc {margin:20px 0 0 0}
.container_pop .container_inner .box .desc span {font-size:12px; line-height:1.2}
/* 게시판 - 리뷰 제출 완료 e */


/* 내가 쓴 리뷰 보기 s */
.container .container_inner .mypage_review {margin:22px 0}
.container .container_inner .mypage_review ul li .tit {font-size:14px; font-weight:bold}

.container .container_inner .mypage_review ul li .writer_area {margin:10px 0; text-align:left; background:#f8f8f8; border-bottom:2px solid #d8d8d8; padding:0 10px}
.container .container_inner .mypage_review ul li .writer_area .score_area .score {float:left; margin:8px 0; font-size:10px}
.container .container_inner .mypage_review ul li .writer_area .score_area .score_right {float:right; margin:8px 0; font-size:10px}
.container .container_inner .mypage_review ul li .writer_area .score_area i {margin-top:3px; color:#ffce00}
.container .container_inner .mypage_review ul li .writer_area .score_area .socre_num {color:#999; font-weight:bold}
.container .container_inner .mypage_review ul li .writer_area .score_area .fd {color:#999}
.container .container_inner .mypage_review ul li .writer_area .score_area .bar {margin:0 5px; color:#e5e5e5}
.container .container_inner .mypage_review ul li .goodNbad {margin:30px 0; text-align:left}
.container .container_inner .mypage_review ul li .goodNbad img {width:30px}
.container .container_inner .mypage_review ul li .goodNbad .tit {display:inline-block; margin-top:5px; font-weight:500; font-size:13px}
.container .container_inner .mypage_review ul li .goodNbad .txt {margin:10px 0 15px 0; text-align:left; font-size:13px; line-height:1.2; padding:5px}
/* 내가 쓴 리뷰 보기 e */


/* 학원정보 상세페이지 하단의 게시판 리스트 s */
.container .container_inner .chool_info_bottom_bbs {margin-top:70px; background:#FFFFFF; border:1px solid #fff; border-radius:10px}
.container .container_inner .chool_info_bottom_bbs ul li {margin:0 0 10px 0; padding:15px 15px 0 15px}
.container .container_inner .chool_info_bottom_bbs ul li .logo {float:left}
.container .container_inner .chool_info_bottom_bbs ul li .logo img {width:30px}
.container .container_inner .chool_info_bottom_bbs ul li .tit {font-size:12px; color:#888}

.container .container_inner .chool_info_bottom_bbs ul li .contents {margin:10px 0; border-bottom:1px solid #d8d8d8}
.container .container_inner .chool_info_bottom_bbs ul li .contents .tit {float:left; width:calc(100% - 57px); margin:5px 0; text-align:left; font-size:14px; font-weight:bold; color:#000}
.container .container_inner .chool_info_bottom_bbs ul li .contents .icons {float:right; padding:5px 0 0 10px}
.container .container_inner .chool_info_bottom_bbs ul li .contents .icons .icons_inner{width:45px; height:45px; background:#ddd; border:1px solid #cccccc; border-radius:10px}
.container .container_inner .chool_info_bottom_bbs ul li .contents .txt {margin:5px 0 15px 0; text-align:left; font-size:12px; line-height:1.2; color:#888}
/* 학원정보 상세페이지 하단의 게시판 리스트 e */
}