@charset "UTF-8";
/*=========================================================
1. 폰트
=========================================================*/
@import url('/css/font.css');

/*=========================================================
2. 리셋
=========================================================*/

html {font-size:1em; letter-spacing:-0.02em;}
html,body {height:100%;}
html.fixed,html.fixed body {overflow:hidden;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button {margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; font-family:'Nanum Gothic',Dotum,'돋움',Helvetica,"Apple SD Gothic Neo",sans-serif; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;}

input[type="text"],input[type="email"],input[type="number"],button,input[type="submit"],input[type="reset"],button,input[type="tel"],button,input[type="password"],input[type="url"],input[type="search"],input[type="file"],button,textarea {-webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; margin:0; padding:0; font-family:'Nanum Gothic',Dotum,'돋움',Helvetica,"Apple SD Gothic Neo",sans-serif; border:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; background:none; font-size:100%; letter-spacing:-0.04em; resize:none;}
body {-webkit-text-size-adjust:none; -moz-text-size-adjust:none; position:relative; background:#fff; word-break:keep-all; word-wrap:break-word; font-size:14px; line-height:1.8; color:#4c5358;}
blockquote,q {quotes:none;}
/* input:focus,button:focus {border:none;} */
table {border-collapse:collapse; border-spacing:0;}
ul,ol,li {list-style:none;}
a:focus {outline:none !important;}
a {text-decoration:none; color:#686f75;}
:invalid {-webkit-box-shadow:none;box-shadow:none;}
:-moz-submit-invalid {box-shadow:none;}
:-moz-ui-invalid {box-shadow:none;}
button::-moz-focus-inner {border:0; padding:0; margin-top:-2px; margin-bottom:-2px;}
input::-moz-focus-inner {border:0; padding:0; margin-top:-2px; margin-bottom:-2px;}
img {max-width:100%; height:auto;}
a:hover,button:hover {cursor:pointer;}
button {background:transparent;}
textarea:focus {outline:none;}
:focus {outline:none;}
em,address,i {font-style:normal;}
button span {position:relative;}

/* PC, 모바일 제어 */
.pc {display:block !important;}
.mobile {display:none !important;}

@media screen and (max-width:1024px) {
    .pc {display:none !important;}
    .mobile {display:block !important;}
}

/* Placeholder */
::-webkit-input-placeholder {font-weight:400; color:#ccc;}
::-moz-placeholder {font-weight:400; color:#ccc;}
:-ms-input-placeholder {font-weight:400; color:#ccc;}
:-moz-placeholder {font-weight:400; color:#ccc;}

/* Hidden */
.hidden {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0 0 0 0);}
.hide {display:none;}

/* Ajax loading */
#ajaxProgressBar {position:fixed; top:0; left:0; z-index:99999999; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); _position:absolute;}
#ajaxProgressBar img {position:absolute; top:50%; left:50%; margin:-93px 0 0 -93px;}

/*=========================================================
3. 공통 레이아웃
=========================================================*/

[lang="en"] {font-family:"Lato"; letter-spacing:0;}
:before,:after {-webkit-box-sizing:inherit;box-sizing:inherit;}
.wrap {overflow-x:hidden; min-width:320px;}
.grid_container {position:relative; max-width:1200px; margin:0 auto; padding:0 100px;}
.grid_container.middle {padding:0;}
.grid_container.wide {max-width:1400px; padding:0;}

@media (max-width:1024px) {
    .grid_container {padding:0 30px;}
}

@media (max-width:599px) {
    .grid_container {padding:0 15px;}
}

/* 하위브라우저 접근차단 */
.ie9 {position:fixed; top:0; left:0; z-index:9999; width:100%; height:100%; padding-top:15%; background:#fff; text-align:center;}
.ie9 p {margin-top:30px; font-size:16px; line-height:1.5;}
.ie9 a {display:inline-block; height:2.5em; margin-top:30px; padding:0 1em; border-radius:1.25em; background:#43a8a4; font-family:"Nanum Square"; font-size:20px; font-weight:700; line-height:2.5em; color:#fff; -webkit-border-radius:1.25em; -moz-border-radius:1.25em; -ms-border-radius:1.25em; -o-border-radius:1.25em;}

/* 버튼 */
.btn_wrap a,.btn_wrap button {display:inline-block; position:relative; -webkit-box-sizing:inherit; box-sizing:inherit; margin:0; padding:0 20px; border:1px solid #333; background:none; font-size:14px; line-height:46px; color:#333; text-align:left; text-decoration:none; text-transform:uppercase;}
.btn_wrap.bg_fill a,.btn_wrap.bg_fill button {z-index:0; text-align:left;}
.btn_wrap.bg_fill a:after,.btn_wrap.bg_fill button:after {position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1; -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:right center; transform-origin:right center; -webkit-transition:-webkit-transform 0.2s; transition:-webkit-transform 0.2s; transition:transform 0.2s; transition:transform 0.2s, -webkit-transform 0.2s; content:"";}
.btn_wrap.bg_fill a:hover:after,.btn_wrap.bg_fill button:hover:after {-webkit-transform:scaleX(1);transform:scaleX(1); -webkit-transform-origin:left center; transform-origin:left center;}
.btn_wrap .link span:before,.btn_wrap .link span:after {position:absolute; top:50%; right:12px; height:1px; background:#fff; content:"";}
.btn_wrap .link span:before {width:30px;}
.btn_wrap .link span:after {width:10px; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:right; transform-origin:right;}

@media (max-width:1024px) {
    .btn_wrap a {font-size:12px; line-height:38px;}
    .btn_wrap span:before,.btn_wrap span:after {right:20px !important;}
}

/* 입력폼 초기화 */
input[type="text"],input[type="email"],input[type="number"],input[type="tel"],input[type="password"],input[type="url"],input[type="search"],input[type="file"],textarea {-webkit-box-sizing:border-box; box-sizing:border-box; height:40px; margin:0; padding:0; padding:0 15px; border:none; border:1px solid #cdcdcd; border-radius:0; background:none; background:#fff; font-family:inherit; font-size:14px; line-height:40px; color:#666; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-border-radius:0; -moz-border-radius:0; -o-box-sizing:border-box;}
textarea {line-height:1.5em;}

/* 셀렉트박스 */
.select_form {display:inline-block; position:relative; max-width:100%; background:#fff; font-size:14px; text-align:left;}
.select_form button {display:block; overflow:hidden; position:relative; width:100%; padding:0 35px 0 15px; border:1px solid #cdcdcd; background:#fff; line-height:38px; color:#666; text-align:inherit; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:border 0.2s; transition:border 0.2s;}
.select_form button:after {position:absolute; top:50%; right:15px; width:10px; height:10px; margin-top:-8px; border-right:2px solid #333; border-bottom:2px solid #333; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all 0.2s; transition:all 0.2s; content:"";}
.select_form button.on:after {margin-top:-4px; -webkit-transform:rotate(225deg); transform:rotate(225deg);}
.select_form ul {visibility:hidden; position:absolute; width:100%; height:0; padding:6px 15px; border:1px solid #cdcdcd; border-top:0; -webkit-transition:opacity 0.5s; transition:opacity 0.5s; opacity:0;}
.select_form button.on + ul {overflow-y:auto; visibility:visible; z-index:1; height:auto; max-height:300px; background:#fff; opacity:1;}
.select_form ul li a {display:block; padding:5px 0; line-height:20px; color:#666;}
.select_form ul li a:hover {font-weight:700; color:#1D676A;}

/* 체크박스 */
.check_form ul {overflow:hidden; margin-bottom:-10px; padding:11px 0; font-size:0;}
.check_form ul li {overflow:hidden; float:left; margin-bottom:10px; line-height:1;}
.check_form input[type='checkbox'] {width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; opacity:0;}
.check_form input[type='checkbox'] + label {float:left; position:relative; margin-right:30px; padding-left:23px; font-size:14px; line-height:16px; color:#333; cursor:pointer;}
.check_form ul li:last-child input[type='checkbox'] + label {margin-right:0;}
.check_form input[type='checkbox'] + label:before {display:inline-block; position:absolute; top:0; left:2px; width:16px; height:16px; border:1px solid #dedede; background:#fff; content:''; -webkit-box-sizing:border-box; box-sizing:border-box;}
.check_form input[type="checkbox"]:checked + label:after {position:absolute; top:1px; left:6px; width:8px; height:10px; border:2px solid #00687f; border-top:0; border-left:0; -webkit-transform:rotate(45deg) skew(10deg); transform:rotate(45deg) skew(10deg); content:"";}
.check_form input[type='checkbox']:disabled + label:before {background:#dedede;}

/* 라디오버튼 */
.radio_form ul {overflow:hidden; margin-bottom:-10px; padding:11px 0; font-size:0;}
.radio_form ul li {overflow:hidden; float:left; margin-bottom:10px; line-height:1;}
.radio_form input[type='radio'] {width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; opacity:0;}
.radio_form input[type='radio'] + label {float:left; position:relative; margin-right:30px; padding-left:23px; font-size:14px; line-height:16px; color:#333; cursor:pointer;}
.radio_form ul li:last-child input[type="radio"] + label {margin-right:0;}
.radio_form input[type="radio"] + label:before {display:inline-block; position:absolute; top:0; left:2px; -webkit-box-sizing:border-box; box-sizing:border-box; width:16px; height:16px; border:1px solid #dedede; border-radius:50%; content:"";}
.radio_form input[type='radio']:checked + label:after {display:inline-block; position:absolute; top:5px; left:7px; width:6px; height:6px; border-radius:50%; background:#00687f; content:'';}

/* 검색 */
.search_wrap {display:inline-block; position:relative; min-width:220px; font-size:0;}
.search_wrap input[type="text"] {width:100%; padding-right:40px;}
.search_wrap button {position:absolute; right:13px; top:12px; width:16px; height:16px; text-indent:-9999px;}
.search_wrap button:before,.search_wrap button:after {content:""; position:absolute;}
.search_wrap button:before {bottom:2px; right:1px; width:6px; height:2px; background:#333; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.search_wrap button:after {top:0; left:0; width:13px; height:13px; border:2px solid #333; border-radius:50%;}

/* 검색 메뉴(셀렉트박스 + 검색) */
.board_util {margin-top:10px; text-align:right;}
.search_form {margin-right:-5px; font-size:0;}
.search_form > div {margin-right:5px; vertical-align:middle;}
.search_form .select_form {width:120px;}

@media (max-width:599px) {
    .search_form {margin:0;}
    .search_form > div {width:100% !important; margin-right:0; margin-bottom:5px;}
}

/* 테이블 초기화 */
table {width:100%; border-bottom:1px solid #cdcdcd; background:#fff; table-layout:fixed; border-collapse:collapse;}
table th,table td {padding:17px 5px; border-top:1px solid #cdcdcd; font-size:14px; line-height:1.5em; color:#666; vertical-align:middle;}
caption {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
label {cursor:pointer;}

/* 입력폼 테이블 */
.form_table table {border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd;}
.form_table table th {padding:0; background:#e6eff1;}
.form_table table th label {font-family:"Nanum Square"; font-size:18px; font-weight:700; font-weight:700; color:#333;}
.form_table table th label .must {display:inline-block; position:relative; width:0; text-indent:-9999px;}
.form_table table th label .must:after {position:absolute; top:-5px; right:-7px; font-weight:700; color:#43a8a4; text-indent:0; content:"*";}
.form_table table td {padding:8px 0; padding-left:20px; font-size:0;}
.form_table table td .select_form,.form_table table td input[type="text"],.form_table table td input[type="password"] {margin-right:10px;}
.form_table table td .label {display:inline-block; margin-right:30px; font-size:18px; line-height:38px; color:#1D676A;}
.form_table table td .check_form,.form_table table td .radio_form {display:inline-block; vertical-align:top;}
.form_table table td .calendar {display:inline-block; position:relative;}
.form_table table td .calendar:before {position:absolute; top:50%; right:18px; width:18px; height:18px; margin-top:-9px; background:url(/img/masterymath/sprite/sprite.png?v=1.0); background-size:500px; background-position:-180px -475px; content:"";}
.form_table table td .calendar input[type="text"] {position:relative; margin:0; background:none;}

@media (max-width:1024px) {
    .form_table:after {display:block; clear:both; content:"";}
    .form_table table,
	.form_table table thead,
	.form_table table tbody,
	.form_table table tr,
	.form_table table th,
    .form_table table td {display:block; float:left; clear:both; width:100%; border:none; text-align:left;}
    .form_table table th {line-height:2.5em; padding-left:15px;}
    .form_table table td {padding:15px 0;}
    .form_table table .line_2 {margin-top:-15px;}
}

@media (max-width:599px) {
    .form_table table td .select_form,
    .form_table table td input[type="text"],
    .form_table table td input[type="password"],
    .form_table table td input[type="email"],
	.form_table table td input[type="tel"],
	.form_table table td .calendar {width:100% !important; margin:0; margin-bottom:5px;}
	/*
    .form_table table td.divide_3 .select_form,
    .form_table table td.divide_3 input[type="text"],
    .form_table table td.divide_3 input[type="password"] {width:calc(33.33% - 4px) !important; margin-right:5px;}
    .form_table table td.divide_3 .select_form:last-child,
    .form_table table td.divide_3 input[type="text"]:last-child {margin-right:0;}*/
}

/* 데이터 테이블 */
.data_table {overflow:hidden;}
.data_table table {width:calc(100% + 1px); margin-left:-1px; border-top:3px solid #333;}
.data_table table th,.data_table table td {border-left:1px solid #cdcdcd; text-align:center;}
.data_table table thead th {border-bottom:1px solid #333; background:#f5f5f5; font-size:16px;}
.data_table table tr th:first-child {border-right:2px solid #cdcdcd;}
.data_table table td.left {text-align:left;}
.data_table.no_left_th table thead th {border-right:0;}

@-webkit-keyframes scroll_txt {
    0% {-webkit-transform:translateX(0px);transform:translateX(0px);}
	50% {-webkit-transform:translateX(10px);transform:translateX(10px);}
    100% {-webkit-transform:translateX(0);transform:translateX(0);}
}

@keyframes scroll_txt {
    0% {-webkit-transform:translateX(0px);transform:translateX(0px);}
	50% {-webkit-transform:translateX(10px);transform:translateX(10px);}
    100% {-webkit-transform:translateX(0);transform:translateX(0);}
}

@media (max-width:1024px) {
    .data_table {overflow:auto;}
    .data_table:before {display:inline-block; font-size:12px; color:#00687f; -webkit-animation:scroll_txt 1s linear infinite; animation:scroll_txt 1s linear infinite; content:"↔︎ 좌우로 스크롤하여 확인하세요.";}
    .data_table table {width:100%; margin:0;}
    .data_table table th,.data_table table td {padding:12px 15px;}
    .data_table table tr th:first-child,.data_table table tr td:first-child {border-left:0;}
}

@media (max-width:599px) {
    .data_table table thead th {font-size:14px;}    
    .data_table table th,.data_table table td {padding:8px 15px;}
}

/* Datepicker */
.ui-datepicker {width:200px; border:1px solid #00687f; background:#fff; -webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,0.2); box-shadow:0 5px 10px 0 rgba(0,0,0,0.2);}
.ui-datepicker th,.ui-datepicker td {padding:0; border:0; font-size:12px; line-height:20px;}
.ui-datepicker th {border-bottom:1px solid #00687f; background:#e6eff1; color:#00687f;}
.ui-datepicker td a {display:block; color:#999; -webkit-transition:all 0.5s; transition:all 0.5s; text-align:center;}
.ui-datepicker td a:hover {background:#00687f; font-weight:700; color:#fff;}
.ui-datepicker td.ui-datepicker-unselectable span {color:#eee;}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {position:absolute; top:5px; width:20px; height:20px; text-indent:-9999px; -webkit-transition:all 0.5s; transition:all 0.5s;}
.ui-datepicker .ui-datepicker-prev {left:5px;}
.ui-datepicker .ui-datepicker-next {right:5px;}
.ui-datepicker .ui-datepicker-prev:before,.ui-datepicker .ui-datepicker-next:before {content:""; width:10px; height:10px; border:2px solid #fff; -webkit-transform:translateX(-50%) rotate(45deg); transform:translateX(-50%) rotate(45deg); position:absolute; left:50%; top:5px;}
.ui-datepicker .ui-datepicker-prev:before {margin-left:2px; border-top:0; border-right:0;}
.ui-datepicker .ui-datepicker-next:before {margin-left:-2px; border-bottom:0; border-left:0;}
.ui-datepicker .ui-datepicker-title {background:#00687f; font-size:14px; font-weight:700; line-height:30px; color:#fff; text-align:center;}
.ui-datepicker select {margin-right:3px; padding:0 5px; background:none; border:1px solid #fff; border-radius:0; color:#fff; font-size:14px; font-weight:700; font-family:inherit; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.ui-datepicker select::-ms-expand {display:none;}
.ui-datepicker select option {color:#00687f;}

/* 게시판(일반) 리스트 */
.board_list table thead th {border-top:3px solid #333; font-size:16px; font-weight:700; color:#333;}
.board_list table tbody tr:first-child th,.board_list table tbody tr:first-child td {border-color:#333;}
.board_list table td {text-align:center;}
.board_list table td.tit {text-align:left;}
.board_list table td.tit a {font-size:16px; line-height:1.5em; color:#333;}
.board_list table td.tit a:hover {color:#1D676A;}
.board_list table td.tit a strong {font-family:inherit; color:#00687f;}
.board_list table td.tit .new {display:inline; position:relative; top:-2px; font-size:12px; color:#e7833f; text-transform:uppercase;}
.board_list table td.tit .file {display:inline-block; width:21px; height:17px; background-image:url(/img/masterymath/sprite/sprite.png?v=1.0); background-position:-177px -123px; background-size:500px 500px; text-indent:-9999px; vertical-align:text-bottom;}
.board_list table td.reply.depth1 {padding-left:25px;}
.board_list table td.reply.depth2 {padding-left:50px;}
.board_list table td.reply.depth3 {padding-left:75px;}
.board_list table td.reply.depth4 {padding-left:100px;}
.board_list table td.reply.depth5 {padding-left:125px;}
.board_list table td.reply:before {position:absolute; width:16px; height:18px; margin-left:-20px; background-image:url(/img/masterymath/sprite/sprite.png?v=1.0); background-position:-203px -475px; background-size:500px; text-indent:-9999px; content:"답글";}
.board_list table td.name {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board_list table .notice th,.board_list table .notice td {padding:13px 5px;}
.board_list table .notice td.tit a {font-size:18px; font-weight:700; -webkit-transition:all 0.5s; transition:all 0.5s;}
.board_list table .notice .notice_icon {display:inline-block; position:relative; width:82px; padding-left:40px; border:1px solid #43a8a4; border-radius:16px; font-size:14px; font-weight:700; line-height:30px; color:#43a8a4; text-align:left; -webkit-border-radius:16px; -moz-border-radius:16px; -ms-border-radius:16px; -o-border-radius:16px;}
.board_list table .notice .notice_icon:before {position:absolute; top:5px; left:14px; width:22px; height:20px; background-image:url(/img/masterymath/sprite/sprite.png?v=1.0); background-position:-203px -123px; background-size:500px 500px; content:"";}

@media (max-width:1024px) {
    .board_list {overflow:hidden; min-height:300px;}
    .board_list table,
	.board_list table thead,
	.board_list table tbody,
	.board_list table tr,
	.board_list table th,
    .board_list table td {display:block; float:left; clear:both; width:100%; border:none; text-align:left;}
    .board_list table tr {padding:15px 0; border-bottom:1px solid #cdcdcd;}
    .board_list table tbody tr:last-child {border:0;}
    .board_list table thead {overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px;}
    .board_list table tbody {border-top:2px solid #333; border-bottom:2px solid #333;}
    .board_list table th, .board_list table td,.board_list table .notice th, .board_list table .notice td {padding:0;}
    .board_list table td.tit {padding-bottom:15px;}
    .board_list table td.tit a {font-weight:700;}
    .board_list table td.reply.depth2 {padding-left:35px;}
    .board_list table td.reply.depth3 {padding-left:45px;}
    .board_list table td.reply.depth4 {padding-left:55px;}
    .board_list table td.reply.depth5 {padding-left:65px;}
    .board_list table .notice td.tit a {font-size:16px;}
    .board_list table .notice .notice_icon {margin-bottom:15px;}
    /* .board_list table td.name {overflow:visible; white-space:normal;} */
    .board_list table tr:not(.notice) th.num {display:none;}
    .board_list table td.name,.board_list table td.date,.board_list table td.view {font-size:12px;}
    .board_list table td.name:before {content:"작성자 : ";}
    .board_list table td.date:before {content:"등록일 : ";}
    .board_list table td.view:before {content:"조회수 : ";}
}

/* 게시판(썸네일형) 최신 */
.top_news {overflow:hidden; margin-bottom:40px; padding:40px; border:1px solid #cdcdcd; border-top:3px solid #1D676A;}
.top_news .cont {float:left; width:calc(50% - 15px);}
.top_news .img_view {height:0; margin-right:30px; padding-top:32%; background-position:center; background-size:cover;}
.top_news .txt_view .tit {overflow:hidden; max-height:3em; margin-top:-5px; font-family:"Nanum Square"; font-size:30px; line-height:1.5em; color:#333; -webkit-transition:all 0.5s; transition:all 0.5s;}
.top_news .txt_view .tit strong {font-family:inherit; color:#00687f;}
.top_news .txt_view .txt {overflow:hidden; max-height:5.4em; margin-top:5px; font-size:14px; line-height:1.8em; color:#666; -webkit-transition:all 0.5s; transition:all 0.5s;}
.top_news:hover .txt_view .tit,.top_news:hover .txt_view .txt {color:#1D676A;}
.top_news .txt_view .date {display:inline-block; margin-top:15px; padding:0 10px; border-radius:12px; background:#f2f2f2; font-size:12px; line-height:24px; color:#999; -webkit-border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px;}
.top_news .txt_view .btn_wrap {margin-top:40px;}
.top_news .txt_view .btn_wrap a {width:180px; padding:0 20px; border:1px solid #43a8a4; font-size:14px; line-height:46px; color:#666; text-align:left; text-transform:uppercase;}
.top_news .txt_view .btn_wrap a:hover {color:#fff;}
.top_news .txt_view .btn_wrap a:after {background:#43a8a4;}
.top_news .txt_view .btn_wrap a span:before,.top_news .txt_view .btn_wrap a span:after {position:absolute; top:50%; right:12px; height:1px; background:#43a8a4; content:"";}
.top_news .txt_view .btn_wrap a span:before {width:30px;}
.top_news .txt_view .btn_wrap a span:after {width:10px; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:right; transform-origin:right;}
.top_news .txt_view .btn_wrap a:hover span:before,.top_news .txt_view .btn_wrap a:hover span:after {background:#fff;}

@media (max-width:1024px) {
    .top_news {margin-bottom:30px; padding:30px;}
    .top_news .txt_view .tit {font-size:22px;}
    .top_news .txt_view .txt {line-height:1.5em; max-height:3em;}
    .top_news .txt_view .btn_wrap {margin-top:20px;}
    .top_news .txt_view .btn_wrap a {width:150px; font-size:12px; font-weight:700; line-height:38px;}
}

@media (max-width:599px) {
    .top_news {padding:15px 0; border-right:0; border-left:0;}
    .top_news .cont {float:none; width:100%;}
    .top_news .img_view {margin:0; margin-bottom:15px; padding-top:75%;}
    .top_news .txt_view .tit {font-size:18px;}
}

/* 게시판(썸네일형) 리스트 */
.news_list {border-top:3px solid #333; border-bottom:1px solid #333;}
.news_list ul {overflow:hidden; margin:15px -25px;}
.news_list ul li {float:left; width:calc(33.33% - 50px); margin:15px 25px; border:1px solid #cdcdcd; -webkit-transition:all 0.5s; transition:all 0.5s; -webkit-transform:scale(0); transform:scale(0);}
.news_list ul li:hover {border-color:#43a8a4;}
.news_list ul li.animated {-webkit-transform:scale(1);transform:scale(1);}
.news_list ul li a {display:block;}
.news_list ul li .img_view {overflow:hidden; position:relative; height:0; padding-top:75%; background-position:center; background-size:cover;}
.news_list ul li .img_view:after {position:absolute; top:0; left:0; width:100%; height:100%; background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,0.65))); background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); content:""; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); backface-visibility:hidden; -webkit-backface-visibility:hidden; -webkit-transition:all 0.5s; transition:all 0.5s; -webkit-transform-origin:top; transform-origin:top;}
.news_list ul li:hover .img_view:after {background:rgba(0,0,0,0.65); -webkit-transform:scaleY(1); transform:scaleY(1);}
.news_list ul li .img_view .tit {overflow:hidden; position:absolute; bottom:0; left:0; z-index:1; width:calc(100% - 24px); height:3em; max-height:3em; margin:10px 12px; font-family:"Nanum Square"; font-size:20px; line-height:1.5em; color:#fff;}
.news_list ul li .img_view .tit strong {font-family:inherit; color:#00687f;}
.news_list ul li .txt_view {padding:10px; padding-bottom:15px;}
.news_list ul li .txt_view p {overflow:hidden; height:40px; font-size:12px; line-height:20px; color:#666; -webkit-transition:all 0.5s; transition:all 0.5s;}
.news_list ul li:hover .txt_view p {color:#1D676A;}
.news_list ul li .txt_view .date {display:inline-block; margin-top:20px; padding:0 8px; border:1px solid #ccc; border-radius:12px; background:#fff; font-size:12px; line-height:24px; -webkit-border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px;}

@media (max-width:1024px) {
    .news_list ul {margin:15px -15px;}
    .news_list ul li {width:calc(50% - 30px); margin:15px;}
    .news_list ul li .img_view .tit {font-size:18px;}
}

@media (max-width:599px) {
    .news_list ul {margin:15px 0;}
    .news_list ul li {width:100%; margin:15px 0;}
}

/* 게시판(뉴스) 리스트 */
.news_thumb_list {border-top:3px solid #333; border-bottom:1px solid #333;}
.news_thumb_list ul {overflow:hidden;}
.news_thumb_list ul li {overflow:hidden; padding:10px 0; border-bottom:1px solid #ddd;}
.news_thumb_list ul li:last-child {border:0;}
.news_thumb_list .img_view {float:left; width:280px; height:210px; border:1px solid #cdcdcd; background-position:center; background-size:cover; -webkit-transition:all 0.5s; transition:all 0.5s;}
.news_thumb_list ul li:hover .img_view {border-color:#43a8a4;}
.news_thumb_list .txt_view {padding-left:320px;}
.news_thumb_list .txt_view p {overflow:hidden; line-height:1.6em; -webkit-transition:all 0.5s; transition:all 0.5s;}
.news_thumb_list ul li:hover .txt_view p {color:#1D676A;}
.news_thumb_list .txt_view .tit {margin:10px 0 8px; font-family:"Nanum Square"; font-size:22px; font-weight:700; color:#333; text-overflow:ellipsis; white-space:nowrap;}
.news_thumb_list .txt_view .tit strong {font-family:inherit; color:#00687f;}
.news_thumb_list .txt_view .txt {height:6.4em; font-size:16px; color:#666;}
.news_thumb_list .txt_view .util {margin-top:15px; font-size:12px; color:#333;}
.news_thumb_list .txt_view .util .date {font-family:inherit; opacity:0.6;}
.news_thumb_list .txt_view .util .link {float:right; position:relative; padding-right:15px; font-family:inherit; font-weight:300; -webkit-transition:all 0.2s; transition:all 0.2s; opacity:0.8; text-transform:uppercase;}
.news_thumb_list .txt_view .util .link:before,.news_thumb_list .txt_view .util .link:after {position:absolute; top:50%; right:0; width:10px; height:2px; background:#5e5e5e; -webkit-transition:all 0.2s; transition:all 0.2s; content:"";}
.news_thumb_list .txt_view .util .link:before {-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.news_thumb_list .txt_view .util .link:after {margin-top:-1px; -webkit-transform:rotate(90deg); transform:rotate(90deg); -webkit-transform-origin:center; transform-origin:center;}
.news_thumb_list .txt_view .util .link:hover {color:#1D676A;}
.news_thumb_list .txt_view .util .link:hover:before {background:#43a8a4;}
.news_thumb_list .txt_view .util .link:hover:after {right:1px; width:8px; height:8px; margin-top:-4px; border-top:2px solid #43a8a4; border-right:2px solid #43a8a4; background:none; -webkit-transform:rotate(45deg); transform:rotate(45deg);}

.news_thumb_list.major {margin-bottom:50px;}
.news_thumb_list.major ul li {position:relative;}
.news_thumb_list.major .img_view {width:450px; height:340px;}
.news_thumb_list.major .txt_view {padding-left:490px;}
.news_thumb_list.major .txt_view .tit {max-height:2.8em; margin:0; margin-top:20px; font-size:30px; line-height:1.4em; text-overflow:ellipsis; white-space:normal;}
.news_thumb_list.major .txt_view .tit strong {font-family:inherit; color:#00687f;}
.news_thumb_list.major .txt_view .txt {height:11em; margin:0; margin-top:15px; font-size:16px; line-height:1.6em;}
.news_thumb_list.major .txt_view .util {position:absolute; right:0; bottom:15px; width:calc(100% - 490px);}

.news_thumb_list .notice_icon {display: inline-block;position: relative;width: 82px;padding-left: 40px;border: 1px solid #43a8a4;border-radius: 16px;font-size: 14px;font-weight: 700;line-height: 30px;color: #43a8a4;text-align: left;-webkit-border-radius: 16px;vertical-align:middle;margin: 0 5px 2px 0;}
.news_thumb_list .notice_icon:before {position: absolute;top: 5px;left: 14px;width: 22px;height: 20px;background-image: url(/img/masterymath/sprite/sprite.png);background-position: -324px -2.5px;background-size: 500px;content: "";}

@media (max-width:1024px) {
	.news_thumb_list ul li {padding:15px 0;}
	.news_thumb_list .img_view {width:250px; height:180px;}
	.news_thumb_list .txt_view {padding-left:280px;}
	.news_thumb_list .txt_view .tit {font-size:20px;}
	.news_thumb_list .txt_view .txt {font-size:14px;}

	.news_thumb_list.major {margin-bottom:30px;}
	.news_thumb_list.major .img_view {width:calc(50% - 15px); height:250px;}
	.news_thumb_list.major .txt_view {float:left; width:calc(50% - 15px); margin-left:30px; padding:0;}
	.news_thumb_list.major .txt_view .tit {font-size:24px; margin-top:-4px;}
	.news_thumb_list.major .txt_view .txt {font-size:14px; height:9.5em;}
	.news_thumb_list.major .txt_view .util {width:calc(50% - 15px);}
}

@media (max-width:599px) {
	.news_thumb_list .img_view {float:none; width:100%; height:0; padding-top:75%;}
	.news_thumb_list .txt_view {padding:0;}
	.news_thumb_list .txt_view .tit {font-size:18px;}
	.news_thumb_list .txt_view .txt {height:auto; max-height:3.2em;}

	.news_thumb_list.major .img_view {width:100%; height:0; padding-top:75%;}
	.news_thumb_list.major .txt_view {margin:0; width:100%;}
	.news_thumb_list.major .txt_view .tit {font-size:18px; margin-top:15px;}
	.news_thumb_list.major .txt_view .txt {height:3.2em;}
	.news_thumb_list.major .txt_view .util {position:static; width:100%;}
}

/* 게시판(FAQ형) 리스트 */
.faq_list dl {border-top:1px solid #333;}
.faq_list dt,.faq_list dd {position:relative; border-bottom:1px solid #ddd;}
.faq_list dt {padding:20px 60px 20px 75px; cursor:pointer;}
.faq_list dt:before,.faq_list dt:after {position:absolute; top:40px; right:20px; width:20px; height:2px; margin-top:-1px; background:#999; -webkit-transition:all 0.5s; transition:all 0.5s; content:"";}
.faq_list dt:after {-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.faq_list .on dt:after {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
.faq_list dt span,.faq_list dd span {width:40px; border-radius:50%; font-family:"Lato"; font-size:18px; font-weight:700; line-height:40px; text-align:center; text-transform:uppercase;}
.faq_list dt span {position:absolute; top:20px; left:20px; background:#43a8a4; color:#fff;}
.faq_list dt p {margin:5px 0; font-family:"Nanum Square"; font-size:20px; line-height:30px;}
.faq_list dd {display:none; padding:30px; background:#eff6f7;}
.faq_list .on dd {visibility:visible; height:auto; opacity:1;}
.faq_list dd span {display:inline-block; margin-bottom:25px; background:#fff; color:#43a8a4;}
.faq_list dd p {font-size:14px; line-height:1.7em;}

@media (max-width:1024px) {
    .faq_list dt {padding:15px 45px 15px 60px;}
    .faq_list dt:before, .faq_list dt:after {right:15px; width:15px; top:30px;}
    .faq_list dt span,.faq_list dd span {width:30px; font-size:16px; line-height:30px;}
    .faq_list dt span {top:15px; left:15px;}
    .faq_list dt p {font-size:16px; line-height:24px; margin:3px 0;}
    .faq_list dd {padding:15px;}
    .faq_list dd span {margin-bottom:15px;}
}

@media (max-width:599px) {
    .faq_list dt p {font-size:14px;}
    .faq_list dd p{font-size:12px; line-height:1.6em;}
}

/* 게시판(일반) 뷰 */
.board_view .info {padding:22px 30px; border-top:3px solid #333;}
.board_view .info .tit {font-size:24px; font-weight:700; line-height:1.5em; color:#333;}
.board_view .info .tit strong {font-family:inherit; color:#00687f;}
.board_view .info .txt_info {margin-top:15px; font-size:0;}
.board_view .info .txt_info > div,.board_view .info .txt_info dt,.board_view .info .txt_info dd {display:inline-block; position:relative; line-height:1.5em; vertical-align:middle;}
.board_view .info .txt_info dt {width:17px; height:17px; margin-right:5px; background-image:url(/img/masterymath/sprite/sprite.png); background-size:500px; text-indent:-9999px;}
.board_view .info .txt_info .date dt {background-position:-371px -2.5px;}
.board_view .info .txt_info .view dt {width:20px; height:14px; margin-top:1px; background-position:-419px -2.5px;}
.board_view .info .txt_info .author dt {background-position:-278px -37.5px;}
.board_view .info .txt_info dd {overflow:hidden; max-width:200px; margin-right:16px; font-size:16px; color:#666; text-overflow:ellipsis; white-space:nowrap;}
.board_view .content_wrap {border-top:1px solid #333; border-bottom:1px solid #333;}
.board_view .content {padding:50px 30px; font-size:14px; line-height:2em; color:#666;}
.board_view .content table {float:none !important; border-bottom:0}
.board_view .content th,.board_view .content td {border:0;}
.board_view .content img,.board_view .content iframe {display:block; max-width:100%; margin:0 auto; margin-bottom:1em;}
.board_view .content img {max-width:100% !important; height:auto !important;}
.board_view .pdf {margin-bottom:30px; width: 100%; height:1000px; background:#efefef;}
.board_view .pdf iframe {width:100%; height:100%; background:#ccc;}

.board_view .upload_file {border-top:1px solid #cdcdcd;}
.board_view .upload_file ul {overflow:hidden; padding:15px 20px;}
.board_view .upload_file ul li {overflow:hidden; float:left; position:relative; max-width:500px; margin-right:20px; padding-left:28px; text-overflow:ellipsis; white-space:nowrap;}
.board_view .upload_file ul li:before {position:absolute; top:3px; left:0; width:21px; height:17px; background-image:url(/img/masterymath/sprite/sprite.png); background-position:-278px -2.5px; background-size:500px 500px; content:"";}
.board_view .upload_file ul li a {color:#999;}
.board_view .upload_file ul li a:hover {color:#43a8a4; text-decoration:underline;}
.board_view .reply_wrap {margin-top:105px;}
.board_view .reply_wrap .total {margin-bottom:15px; font-family:"Nanum Square"; font-size:18px; font-weight:700; line-height:1.5em; color:#0d0d0c;}
.board_view .reply_wrap .total strong {font-family:inherit; font-weight:inherit; color:#00687f;}
.board_view .reply_wrap .list > li {border-bottom:1px solid #ddd;}
.board_view .reply_wrap .list > li .view {position:relative; padding:20px 0;}
.board_view .reply_wrap .depth_1 > .list {border-top:1px solid #ddd;}
.board_view .reply_wrap .depth_2 {padding:15px 60px; border-top:1px solid #ddd; background:#f7fafb;}
.board_view .reply_wrap .depth_2 > .list > li {position:relative;}
.board_view .reply_wrap .depth_2 > .list > li:before {position:absolute; top:5px; left:-45px; width:25px; height:25px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; content:"";}
.board_view .reply_wrap .txt_wrap span,.board_view .reply_wrap .txt_wrap p {display:block; font-size:14px; line-height:1.7em;}
.board_view .reply_wrap .txt_wrap .author {overflow:hidden; font-weight:700; color:#333; text-overflow:ellipsis; white-space:nowrap;}
.board_view .reply_wrap .txt_wrap p {position:relative;}
.board_view .reply_wrap .txt_wrap .secret {display:inline-block; padding-right:20px;}
.board_view .reply_wrap .txt_wrap .secret:after {position:absolute; top:50%; right:0; width:11px; height:16px; margin-top:-8px; background:url(/img/masterymath/sprite/sprite.png?v=1.0); background-size:500px; background-position:-164px -475px; content:"";}
.board_view .reply_wrap .txt_wrap .date {margin-top:7px; color:#666;}
.board_view .reply_wrap .ctr {position:absolute; right:0; bottom:10px; font-size:0;}
.board_view .reply_wrap .ctr li {display:inline-block; margin-left:5px;}
.board_view .reply_wrap .ctr button {padding:0 14px; border:1px solid #ccc; background:#fff; font-size:14px; line-height:28px; color:#888; -webkit-transition:all 0.5s; transition:all 0.5s;}
.board_view .reply_wrap .ctr button:hover {border-color:#42adaa; color:#42adaa;}
.board_view .reply_wrap .ctr button strong {margin-left:5px; font-weight:400; color:#42adaa;}
.board_view .reply_wrap .input_wrap {margin:30px 0;}
.board_view .reply_wrap .depth_2 .input_wrap {margin-top:15px;}
.board_view .reply_wrap .input_wrap .author_info {overflow:hidden;}
.board_view .reply_wrap .input_wrap .author_info li {float:left;}
.board_view .reply_wrap .input_wrap .author_info li input {width:160px; margin-right:6px;}
.board_view .reply_wrap .input_wrap .author_txt {margin-top:5px; background:#fff; line-height:0;}
.board_view .reply_wrap .input_wrap .author_txt textarea {width:100%; height:120px; padding:13px 16px;}
.board_view .reply_wrap .input_wrap .txt_ctr {overflow:hidden; border:1px solid #ddd; border-top:0;}
.board_view .reply_wrap .input_wrap .txt_ctr input[type="checkbox"] {width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; opacity:0;}
.board_view .reply_wrap .input_wrap .txt_ctr label {float:left; position:relative; margin-left:20px; padding-left:20px; font-weight:700; line-height:50px; color:#a29f9a;}
.board_view .reply_wrap .input_wrap .txt_ctr label:before {position:absolute; top:50%; left:0; width:14px; height:21px; background:url(/img/masterymath/sprite/sprite.png?v=1.0); background-size:500px; background-position-x:-126px; background-position-y:-475px; -webkit-transform:translateY(-50%); transform:translateY(-50%); content:"";}
.board_view .reply_wrap .input_wrap .txt_ctr input[type="checkbox"]:checked + label {color:#42adaa;}
.board_view .reply_wrap .input_wrap .txt_ctr input[type="checkbox"]:checked + label:before {background-position-x:-145px;}
.board_view .reply_wrap .input_wrap .txt_ctr button {float:right; width:100px; background:#1D676A; font-family:"Nanum Square"; font-size:18px; font-weight:700; line-height:50px; color:#fff;}
.board_view .article_ctr {margin-top:50px; text-align:center;}
.board_view .article_ctr a,.board_view .article_ctr button {min-width:180px; margin:0 2px; padding:0 15px; background:#555; font-family:"Nanum Square"; font-size:18px; font-weight:700; line-height:50px; color:#fff; text-align:center;vertical-align:top; -webkit-transition:all 0.5s; transition:all 0.5s;}
.board_view .list_link {margin:60px 0 50px; text-align:right;}
.board_view .list_link a {position:relative; width:96px; padding:0 18px; border:1px solid #43a8a4; background:#fff; font-family:"Nanum Square"; font-size:18px; font-weight:700; line-height:46px; color:#666; text-align:left; -webkit-transition:all 0.5s; transition:all 0.5s;}
.board_view .list_link a:hover {background:#43a8a4; color:#fff;}
.board_view .list_link a span {position:absolute; right:15px; width:20px; height:2px; background:#43a8a4; -webkit-transition:all 0.5s; transition:all 0.5s;}
.board_view .list_link a span:nth-child(1) {top:16px;}
.board_view .list_link a span:nth-child(2) {top:22px;}
.board_view .list_link a span:nth-child(3) {top:28px;}
.board_view .list_link a:hover span {background:#fff;}
.board_view .paging_wrap {border-top:1px solid #333; border-bottom:1px solid #333;}
.board_view .paging_wrap > div {position:relative;}
.board_view .paging_wrap > div:first-child {border-bottom:1px solid #cdcdcd;}
.board_view .paging_wrap dt {position:absolute;}
.board_view .paging_wrap dt span {display:inline-block; position:relative; width:1px; text-indent:-9999px;}
.board_view .paging_wrap dt span:after {position:absolute; top:-2px; left:30px; width:40px; font-size:14px; line-height:48px; color:#333; text-indent:0; content:attr(data-title); text-transform:capitalize;}
.board_view .paging_wrap dd {padding-left:88px; font-size:16px; line-height:0; color:#666;}
.board_view .paging_wrap dd a {display:inline-block; overflow:hidden; max-width:calc(100% - 85px); line-height:48px; text-overflow:ellipsis; white-space:nowrap;}
.board_view .paging_wrap dd a:hover {color:#43a8a4;}
.board_view .paging_wrap dd a,.board_view .paging_wrap dd i {vertical-align:middle;}
.board_view .paging_wrap dd a strong {color:#00687f;}
.board_view .paging_wrap dd .file {display:inline-block; width:21px; height:17px; background-image:url(/img/masterymath/sprite/sprite.png?v=1.0); background-position:-5px -475px; background-size:500px 500px; text-indent:-9999px;}
.board_view .paging_wrap dd .new {display:inline-block; position:relative; width:1px; text-indent:-9999px;}
.board_view .paging_wrap dd .new:after {position:absolute; top:0; left:0; width:30px; font-size:12px; color:#e7833f; text-indent:0; content:"new"; text-transform:uppercase;}

@media (max-width:1024px) {
    .board_view .info {padding:15px 0;}
    .board_view .info .tit {font-size:20px;}
    .board_view .info .txt_info dd {font-size:14px;}
    .board_view .content {padding:30px 0; line-height:1.8em;}
    .board_view .upload_file ul {padding:15px 0;}
    .board_view .reply_wrap {margin-top:30px;}
    .board_view .reply_wrap .txt_wrap .date {font-size:12px;}
    .board_view .reply_wrap .ctr {position:static; margin-top:15px;}
    .board_view .reply_wrap .ctr li {margin:0; margin-right:5px; margin-top:5px;}
    .board_view .reply_wrap .ctr button {padding:0 10px; font-size:12px; line-height:2em;}
    .board_view .reply_wrap .depth_2 {padding:10px 30px;}
    .board_view .reply_wrap .depth_2 > .list > li:before {top:15px; left:-20px; width:15px; height:15px;}
    .board_view .reply_wrap .depth_2 .input_wrap {margin-bottom:0;}
    .board_view .reply_wrap .input_wrap .txt_ctr label {margin-left:15px; font-size:14px; line-height:40px;}
    .board_view .reply_wrap .input_wrap .txt_ctr button {width:80px; font-size:14px; line-height:40px;}
    .board_view .article_ctr {margin:30px -2px 0; font-size:0;}
    .board_view .article_ctr a,.board_view .article_ctr button {min-width:150px; font-size:16px; line-height:40px;}
    .board_view .list_link {margin:30px -2px 30px; font-size:0;}
    .board_view .list_link a {font-size:14px; line-height:40px;}
    .board_view .paging_wrap dd {padding-left:45px; font-size:14px;}
    .board_view .paging_wrap dd a {max-width:calc(100% - 65px); line-height:40px;}
    .board_view .paging_wrap dt span:after {top:-5px; left:0; font-weight:700;}
    .board_view .list_link a span:nth-child(1) {top:13px;}
    .board_view .list_link a span:nth-child(2) {top:19px;}
    .board_view .list_link a span:nth-child(3) {top:25px;}
    .board_view .pdf {height:700px;}
}

@media (max-width:599px) {
    .board_view .info .tit {font-size:16px;}
    .board_view .info .txt_info dd {font-size:12px;}
    .board_view .upload_file ul li {float:none; font-size:12px;}
    .board_view .upload_file ul li:before {top:1px;}
    .board_view .reply_wrap .depth_2 {padding:10px 15px;}
    .board_view .reply_wrap .depth_2 > .list > li:before {left:-10px; width:5px;}
    .board_view .reply_wrap .input_wrap .author_info li {float:none;}
    .board_view .reply_wrap .input_wrap .author_info li input {width:100%; margin:0; margin-bottom:5px;}
    .board_view .reply_wrap .input_wrap .author_txt {margin:0;}
    .board_view .article_ctr a,.board_view .article_ctr button {width:calc(33.33% - 4px); min-width:0; font-size:14px;}
    .board_view .list_link {text-align:center;}
    .board_view .list_link a {width:calc(50% - 4px); text-align:center;}
    .board_view .list_link a span {display:none;}
    .board_view .paging_wrap dd {font-size:12px;}
	.board_view .pdf {height:500px;}
}

/* 게시물 작성 페이지 */
.board_write .necessary {display:inline-block; position:relative; width:1px; font-size:0; vertical-align:top;}
.board_write .necessary:before {position:absolute; top:0; left:0; font-size:18px; line-height:12px; color:red; text-indent:0; content:"*";}
.board_write .cmt {margin-top:30px; font-size:12px; text-align:right;}
.board_write .cmt .necessary:before {top:3px; left:-8px;}
.board_write table {border-top:3px solid #333;}
.board_write th,.board_write td {padding:10px 20px; font-size:0; text-align:left;}
.board_write th .necessary {top:8px;}
.board_write label {display:inline-block; font-family:"Nanum Square"; font-size:16px; font-weight:700; line-height:40px; white-space:nowrap;}
.board_write td .txt {display:block; font-size:14px; line-height:20px;}
.board_write td .multi_upload {margin:-5px 0;}
.board_write td .multi_upload li {margin:5px 0;}
.board_write td .multi_upload li .attach_btn {display:inline-block; position:relative; width:40px; height:40px; margin-left:10px; background:#fff; border:1px solid #00687f; -webkit-transition:all 0.5s; transition:all 0.5s;}
.board_write td .multi_upload li .attach_btn:hover {background:#00687f;}
.board_write td .multi_upload li .attach_btn:before,.board_write td .multi_upload li .attach_btn:after {content:""; width:16px; height:2px; position:absolute; left:50%; top:50%; margin-left:-8px; margin-top:-1px; background:#00687f; -webkit-transition:all 0.5s; transition:all 0.5s;}
.board_write td .multi_upload li .add:before {-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.board_write td .multi_upload li .attach_btn:hover:before,.board_write td .multi_upload li .attach_btn:hover:after {background:#fff;}
.board_write td input[type="text"],.board_write td input[type="password"] {width:100%;}
.board_write td input[type="file"] {position:absolute; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; opacity:0;}
.board_write td input[type="text"].file_name {display:inline-block; width:calc(100% - 230px); vertical-align:top;}
.board_write td label,.board_write td .file_del {display:inline-block; width:80px; border:1px solid #00687f; font-family:"Nanum Square"; font-size:16px; font-weight:700; font-weight:700; line-height:38px; color:#00687f; text-align:center; -webkit-transition:all 0.5s; transition:all 0.5s; margin-left:10px; vertical-align:top;}
.board_write td label:hover,.board_write td .file_del:hover {background:#00687f; color:#fff;}
.board_write td .file_list {/*padding:10px 0;*/ vertical-align:top;}
.board_write td .file_list li {display:inline-block; overflow:hidden; position:relative; margin-top:5px; margin-right:30px; padding-right:20px; font-size:14px; line-height:20px; -webkit-transition:all 0.5s; transition:all 0.5s;}
.board_write td .file_list li:hover {color:#00687f;}
.board_write td .file_list li .tit {overflow:hidden; float:left; max-width:200px; text-overflow:ellipsis; white-space:nowrap;}
.board_write td .file_list li button {overflow:hidden; position:absolute; top:4px; right:0; width:12px; height:12px; text-indent:-9999px;}
.board_write td .file_list li button:before,.board_write td .file_list li button:after {position:absolute; top:-2px; left:50%; width:2px; height:16px; margin-left:-1px; background:#333; content:"";}
.board_write td .file_list li button:before {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.board_write td .file_list li button:after {-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.board_write .btn_wrap {padding-top:50px; text-align:center;}
.board_write .btn_wrap a,.board_write .btn_wrap button {min-width:180px; margin:0 2px; padding:0 15px; font-family:"Nanum Square"; font-size:18px; font-weight:700; line-height:50px; color:#fff; text-align:center; vertical-align:top; -webkit-transition:all 0.5s; transition:all 0.5s;}
.board_write .btn_wrap .cancel {background:#555;}
.board_write .btn_wrap .submit {background:#00687f;}

@media (max-width:1024px) {
    .board_write table,
    .board_write tbody,
    .board_write tr,
    .board_write th,
    .board_write td {display:block; float:left; clear:both; width:100%; border:none; text-align:left; padding:0;}
    .board_write th,.board_write td {margin-bottom:15px;}
    .board_write label {line-height:1.5em;}
    .board_write th .necessary {top:3px;}
	.board_write td .multi_upload li .attach_btn {width:30px;}
	.board_write td input[type="text"].file_name {width:calc(100% - 180px);}
	.board_write td label,.board_write td .file_del {font-size:14px; width:60px;}
    .board_write td .file_list {padding:5px 0;}
    .board_write td .file_list li {margin-right:15px; font-size:12px;}
    .board_write .btn_wrap {clear:both; margin:0 -2px; padding-top:30px; font-size:0;}
    .board_write .btn_wrap a,.board_write .btn_wrap button {min-width:150px; font-size:16px; line-height:40px;}
}

@media (max-width:599px) {
    .board_write label {font-size:14px;}
    .board_write td input[type="text"].file_name {width:calc(100% - 160px);}
	.board_write td label,.board_write td .file_del {font-size:12px; width:50px;}
    .board_write td .file_list li {margin-right:10px;}
    .board_write .btn_wrap a,.board_write .btn_wrap button {width:calc(50% - 4px); min-width:0; font-size:14px;}
}

/* 게시물 작성 버튼 */
.board_ctr {margin-top:50px; text-align:center;}
.board_ctr a {min-width:180px; margin:0 2px; padding:0 15px;  font-family:"Nanum Square"; font-size:18px; font-weight:700; line-height:50px; color:#fff; text-align:center; vertical-align:top; -webkit-transition:all 0.5s; transition:all 0.5s; background:#00687f;}

@media (max-width:1024px) {
    .board_ctr {margin:30px -2px 0; font-size:0;}
    .board_ctr a {min-width:150px; font-size:16px; line-height:40px;}
}

@media (max-width:599px) {
    .board_ctr a {width:calc(50% - 4px); min-width:0; font-size:14px;}
}

/* 페이징 */
.pagenation {position:relative; margin-top:30px; font-size:0; text-align:center;}
.pagenation .pager {display:inline-block; overflow:hidden;}
.pagenation .pager > a {float:left; position:relative; z-index:0; width:42px; height:40px; border:1px solid #ccc; background:#fff; text-indent:-9999px;}
.pagenation .pager > a:hover {z-index:1; border-color:#43a8a4;}
.pagenation .pager > a:before,.pagenation .pager > a:after {position:absolute; top:14px; left:16px; width:8px; height:8px; border:1px solid #5c5c5c; -webkit-transform:rotate(45deg); transform:rotate(45deg); content:"";}
.pagenation .pager > a:hover:before,.pagenation .pager > a:hover:after {border-color:#43a8a4;}
.pagenation .pager .first:before,.pagenation .pager .first:after,.pagenation .pager .prev:before,.pagenation .pager .prev:after {border-top:0; border-right:0;}
.pagenation .pager .first:before {left:15px;}
.pagenation .pager .first:after {left:21px;}
.pagenation .pager .prev:before {left:18px;}
.pagenation .pager .prev:after {display:none;}
.pagenation .pager .next:before,.pagenation .pager .next:after,.pagenation .pager .last:before,.pagenation .pager .last:after {border-left:0; border-bottom:0;}
.pagenation .pager .next:before {left:14px;}
.pagenation .pager .next:after {display:none;}
.pagenation .pager .last:before {left:11px;}
.pagenation .pager .last:after {left:17px;}
.pagenation .pager > a.first {position:relative; left:1px;}
.pagenation .pager > a.last {position:relative; right:1px;}
.pagenation ul {overflow:hidden; float:left; margin:0 22px;}
.pagenation ul li {float:left; margin:0 3px;}
.pagenation ul li span,.pagenation ul li a {display:inline-block; width:42px; border:1px solid #ccc; font-size:16px; line-height:38px; color:#5c5c5c; text-align:center;}
.pagenation ul li span {border-color:#43a8a4; background:#43a8a4; color:#fff;}
.pagenation ul li a:hover {border-color:#43a8a4; color:#43a8a4;}

@media (max-width:1024px) {
    .pagenation .pager > a {width:30px; height:30px;}
    .pagenation ul {margin:0 10px;}
    .pagenation ul li span, .pagenation ul li a {width:30px; line-height:28px; font-size:14px;}
    .pagenation .pager > a:before, .pagenation .pager > a:after {top:10px;}
    .pagenation .pager .first:before {left:10px;}
    .pagenation .pager .first:after {left:16px;}
    .pagenation .pager .prev:before {left:12px;}
    .pagenation .pager .next:before {left:9px;}
    .pagenation .pager .last:before {left:5px;}
    .pagenation .pager .last:after {left:11px;}
}

@media (max-width:599px) {
    /* .pagenation .pager > a {display:inline-block; float:none;}
    .pagenation ul {float:none; margin:10px; text-align:left;}
    .pagenation ul li {display:inline-block; float:none; margin:3px;} */
    .pagenation .pager > a {width:22px;}
    .pagenation ul li span, .pagenation ul li a {font-size:12px;}
    .pagenation .pager .first:before {left:6px;}
    .pagenation .pager .first:after {left:12px;}
    .pagenation .pager .prev:before {left:8px;}
    .pagenation .pager .next:before {left:5px;}
    .pagenation .pager .last:before {left:1px;}
    .pagenation .pager .last:after {left:7px;}
}



/*=========================================================
4. 헤더
=========================================================*/

header {position:fixed; top:0; left:0; z-index:5; width:100%;}
header:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transition:all 0.5s; transition:all 0.5s;}
header:hover:before {background:#fff; -webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,0.2); box-shadow:0 5px 10px 0 rgba(0,0,0,0.2);}
.header {position:relative;}
.header:before {visibility:hidden; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.75); -webkit-transition:all 0.5s; transition:all 0.5s; opacity:0; content:"";}
.header.on:before {visibility:visible; opacity:1;}
header:hover .header:before {visibility:hidden; opacity:0;}
.header_wrap {position:relative; height:120px; -webkit-transition:all cubic-bezier(1,0,.5,1.5) 0.5s; transition:all cubic-bezier(1,0,.5,1.5) 0.5s;}
header:hover .header_wrap {height:340px;}
.header_wrap:after {position:absolute; top:120px; left:0; width:calc(100% - 4px); height:1px; margin:0 2px; background:rgba(255,255,255,0.5); -webkit-transition:all 0.5s; transition:all 0.5s; content:"";} 
header:hover .header_wrap:after {background:#dcdcdc;}
.header_wrap h1 {display:inline-block; padding:53px 0 0 0px;}
.header_wrap h1 a {display:block; position:relative; width: 216px; height: 44px;}
.header_wrap h1 img {position:absolute; left:0; top:0; -webkit-transition:all 0.5s; transition:all 0.5s;}
.header_wrap h1 .alter {opacity:0; visibility:hidden;}
header:hover .header_wrap h1 .alter {opacity:1; visibility:visible;}
.nav_wrap {position:absolute; top:0; right:0; padding:0;} 
.nav_wrap .menu {float:right; margin-right:0; padding:10px 0;} 

.group_nav {margin-left:15px; padding:12px 0; font-size:0; text-align:right;}
.group_nav:after {display:block; clear:both; content:"";}
.group_nav > div {vertical-align:top;}
.group_nav .search_wrap {width:120px; min-width:0;}
.group_nav .search_wrap input[type="text"] {height:30px; padding-right:32px; padding-left:8px; border:0; background:rgba(255,255,255,0.3); line-height:30px; -webkit-transition: all 0s 0s; transition: all 0s 0s;}
header:hover .group_nav .search_wrap input[type="text"] {background:#f5f5f5; -webkit-transition: all 0s 0s; transition: all 0s 0s;}
.group_nav .search_wrap button {top:7px; right:8px;}
.group_nav .btn {position:relative; display:inline-block; margin:0 0 0 10px; padding:0 12px; background:#43a8a4; border-color: #43a8a4; border-radius:0px; font-size:12px; line-height:30px; color:#fff; text-align:center; vertical-align:top; border:0; -webkit-transition:all 0.5s; transition:all 0.5s;}
/*.group_nav .btn:before {position:absolute; top:50%; left:12px; width:9px; height:12px; margin-top:-6px; background-image:url(../img/haverman/sprite/sprite.png); background-size:500px; background-position:-5px -458px;content:"";}*/
.group_nav .menu_btn {display:inline-block;}
.group_nav .btn.login {padding:0 15px;}
.group_nav .member {display:inline-block; margin-left:10px; font-size:14px; line-height:30px; color:#fff;}
.group_nav .member strong {display:inline-block; overflow:hidden; max-width:100px; color:#00ffea; text-overflow:ellipsis; vertical-align:top; white-space:nowrap;}
header:hover .group_nav .btn {border-color:#43a8a4; background:#43a8a4;}
header:hover .group_nav .member {color:#333;}
header:hover .group_nav .member strong {color:#43a8a4;}

.navigation a {color:#fff; -webkit-transition:all 0.5s; transition:all 0.5s;}
.navigation a:hover {color:#43a8a4 !important;}
.navigation .menu_1depth {float:right; padding:11px 0 10px 0;}
.navigation .menu_1depth:after {display:block; clear:both; content:"";}
.navigation .menu_1depth > li {float:left; position:relative; margin:0 42px;}
.navigation .menu_1depth > li:last-child {margin-right: 0;}
.navigation .menu_1depth > li:after {visibility:hidden; position:absolute; top:52px; left:50%; z-index:1; width:38px; height:4px; margin-left:-19px; background:#43a8a4; -webkit-transition:all 0.5s; transition:all 0.5s; opacity:0; content:"";}
.navigation .menu_1depth > li:hover:after {visibility:visible; opacity:1;}
.navigation .menu_1depth > li > a {display:block; font-size:18px; line-height:28px; font-weight: 700;}
header:hover .navigation .menu_1depth > li > a {color:#333;}
.navigation .menu_2depth {visibility:hidden; position:absolute; top:65px; left:50%; min-width:150px; text-align:center; -webkit-transform:translateX(-50%); transform:translateX(-50%); opacity:0;}
header:hover .navigation .menu_2depth {visibility:visible; -webkit-transition:all 1.2s; transition:all 1.2s; opacity:1;}
.navigation .menu_2depth li a {display:block; padding:0.4em 0; font-size:14px; line-height:2em; color:#666;}
.navigation .menu_2depth li a:hover {font-weight:700;}
.navigation .menu_3depth {display:none;}

.search_keyword {position:absolute; right:0; top:47px; line-height:0;}
.search_keyword .search {width:24px; height:24px; margin:0; background-image:url(../img/haverman/sprite/sprite.png); background-size:500px; background-position:-19px -446px; text-indent:-9999px;}
header:hover .search_keyword .search {background-position-x:-48px;}
.search_keyword .search.on {background-position-x:-77px;}
header:hover .search_keyword .search.on {background-position-x:-106px;}
.search_keyword .search_box {visibility:hidden; position:absolute; right:0; top:53px; z-index:1; padding:16px; background:none; opacity:0; border:1px solid rgba(255,255,255,0.5);}
.search_keyword.on .search_box {background:rgba(0,0,0,0.75);}
header:hover .search_keyword .search_box {background:#eee; border-color:#eee;}
.search_keyword .search_box.on {-webkit-transition:all 0.5s; transition:all 0.5s; visibility:visible; opacity:1;}
.search_keyword .search_wrap {min-width:285px;}
.search_keyword .search_wrap input[type="text"] {line-height:43px; height:43px; color:#333; padding-right:46px; -webkit-transition:all 0.5s; transition:all 0.5s; font-size:16px;}
.search_keyword .search_wrap input[type="text"]:focus {border-color:#43a8a4;}
.search_keyword .search_wrap button {top:10px; width:24px; height:24px; background-image:url(../img/haverman/sprite/sprite.png); background-size:500px; background-position:-135px -446px;}
.search_keyword .search_wrap button:before,.search_keyword .search_wrap button:after {display:none;}

@media (max-width:1280px) {
    .header_wrap h1 img {height:auto;}
    .group_nav {margin-left:18px;}
    .group_nav .search_keyword .search {margin-left:10px;}
    /* .navigation .menu_1depth > li {margin:0 10px;} */
    .navigation .menu_1depth > li > a {font-size:16px;}
}
 
@media (max-width:1024px) {
    header {-webkit-box-shadow:0 10px 10px -10px rgba(0,0,0,0.2);box-shadow:0 10px 10px -10px rgba(0,0,0,0.2);}
    .header {background:#fff;}
    .header.on:before {display:none;}
    header:hover:before {height:100%; background:none;}
    .header_wrap {height:50px; text-align:center;position:relative;font-size: 0;}
    .header_wrap:after {display:none;}
    header:hover .header_wrap {height:50px;}
    .header_wrap h1 {position:relative; z-index:1; padding:0;}
    .header_wrap h1 .alter {visibility:visible; opacity:1;}
    .header_wrap h1 img {position:static; height:20px;}
    .header_wrap h1 a {width:auto; height:auto; margin-top:15px; line-height:0;}
    .header_wrap .open_menu {position:absolute; top:13px; left:0; z-index:1; width:24px; height:24px; background:#fff; text-indent:-9999px;}
    .header_wrap .open_menu span {position:absolute; right:0; width:100%; height:2px; background:#1d676a;}
    .header_wrap .open_menu span:nth-child(1) {top:0;}
    .header_wrap .open_menu span:nth-child(2) {top:50%; right:auto; left:0; margin-top:-1px;}
    .header_wrap .open_menu span:nth-child(3) {bottom:0;}
    .header_wrap .open_menu:focus span {top:50%; margin-top:-1px; -webkit-transform-origin:right center; transform-origin:right center; -webkit-transition:all 0.2s; transition:all 0.2s;}
    .header_wrap .open_menu:focus span:nth-child(1) {width:14px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
    .header_wrap .open_menu:focus span:nth-child(2) {width:90%;}
    .header_wrap .open_menu:focus span:nth-child(3) {width:14px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
    .group_nav {display:none; margin:0;}
    .group_nav .member {position:static; line-height:28px; margin-left:5px; color:#333 !important;}
    nav {visibility:hidden; position:fixed; top:0; left:0; z-index:1; width:100%; height:100%; -webkit-transition:all 0.5s; transition:all 0.5s; opacity:0;}
    nav.on {visibility:visible; background:rgba(0,0,0,0.2); opacity:1;}
    .nav_wrap {position:static; width:50%; height:100%; padding:0; padding:15px 30px; background:#fff; text-align:left; -webkit-transform:translateX(-100%); transform:translateX(-100%); -webkit-box-shadow:10px 0 10px -5px rgba(0,0,0,0.2); box-shadow:10px 0 10px -5px rgba(0,0,0,0.2);}
    nav.on .nav_wrap {-webkit-transform:translateX(0);transform:translateX(0); -webkit-transition:-webkit-transform 0.5s; transition:-webkit-transform 0.5s; transition:transform 0.5s; transition:transform 0.5s, -webkit-transform 0.5s; -webkit-transition-timing-function:cubic-bezier(0.95,0,0.05,1); transition-timing-function:cubic-bezier(0.95,0,0.05,1);}
    .nav_wrap button.close {visibility:hidden; position:absolute; top:0; right:-30px; width:30px; height:30px; background:#43a8a4; text-indent:-9999px; opacity:0;}
    .nav_wrap button.close:before,.nav_wrap button.close:after {position:absolute; top:50%; left:50%; width:20px; height:2px; margin-top:-1px; margin-left:-10px; background:#fff; content:"";}
    .nav_wrap button.close:before {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
    .nav_wrap button.close:after {-webkit-transform:rotate(45deg);transform:rotate(45deg);}
    nav.on .nav_wrap button.close {visibility:visible; opacity:1;}
    .nav_wrap .menu {overflow-y:auto; float:none; position:absolute; top:0; left:0; width:100%; height:100%; padding:15px 30px;}
    .nav_wrap .call_num {position:absolute; left:0; bottom:0; padding:15px;}
    .nav_wrap .call_num dl {width:100%; font-size:0;}
    .nav_wrap .call_num dt,.nav_wrap .call_num dd {display:inline-block; font-family:"Nanum Square"; font-weight:700; line-height:20px; vertical-align:middle;}
    .nav_wrap .call_num dt {font-size:14px;}
    .nav_wrap .call_num dd {margin-left:10px; font-size:18px; color:#43a8a4;}

    .group_nav {margin:0 -5px;}
    .group_nav .btn {display:inline-block; float:none; border-color:#43a8a4; background:#43a8a4;}
    .group_nav .btn.admin,.group_nav .btn.study {display:none;}

	.group_nav {display:block; margin:0; padding: 0; text-align: left; font-size:100%;}
	.group_nav .search_wrap {width: 100%;}
	.group_nav .menu_btn .member {display: none;}
	.group_nav .study, .group_nav .admin {display: none;}
	.group_nav .menu_btn {display: none; margin: 0 -5px; margin-top: 15px;}
	.group_nav .search_wrap input[type="text"] {background:#f5f5f5;}
	.navigation {border-top: 1px solid #eee;}

    .navigation a.has_sub {position:relative;}
    .navigation a.has_sub:before,.navigation a.has_sub:after {position:absolute; top:50%; right:0; width:10px; height:2px; margin-top:-1px; background:#43a8a4; -webkit-transition:all 0.5s; transition:all 0.5s; content:"";}
    .navigation a.has_sub:before {-webkit-transform:rotate(90deg);transform:rotate(90deg);}
    .navigation a.has_sub.on:before {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    .navigation .menu_1depth {float:none; margin:0;}
    .navigation .menu_1depth > li {float:none; margin:0;}
    .navigation .menu_1depth > li:hover:after {display:none;}
    .navigation .menu_1depth > li > a {border-bottom:1px dashed #ddd; font-family:"Nanum Square"; font-size:16px; font-weight:700; line-height:2em; color:#333;}
    .navigation .menu_2depth {display:none; visibility:visible; position:static; width:auto; padding:5px 15px; background:#e5f1ee; text-align:left; -webkit-transform:none; transform:none; -webkit-transition:none !important; transition:none !important; opacity:1;}
    .navigation .menu_2depth li a {padding:0.3em 0; font-size:12px; line-height:1.4em;}
    .navigation .menu_2depth li a:hover {text-decoration:none;}
	.navigation .menu_3depth {display:none; visibility:visible; position:static; width:auto; padding:5px 15px; background:#fff; text-align:left; -webkit-transform:none; transform:none; -webkit-transition:none !important; transition:none !important; opacity:1;}
	.navigation .menu_3depth li a {font-size:12px;}

    .search_keyword {top:13px; z-index:0; width:100%; text-align:right;}
    .search_keyword .search {margin:0; background-position-x:-48px !important;}
    .search_keyword .search.on {background-position-x:-106px !important;}
    .search_keyword .search_box {top:37px; right:-30px; padding:15px; background:rgba(0,0,0,0.65) !important; -webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,0.2); box-shadow:0 5px 10px 0 rgba(0,0,0,0.2);}
    .search_keyword .search_wrap input[type="text"] {height:36px; padding-right:52px; padding-left:14px; font-size:14px; line-height:36px;}
    .search_keyword .search_wrap button {top:6px; right:15px;}
}

@media (max-width:599px) {
    .search_keyword .search_box {width:calc(100% + 30px); right:-15px;}
    .search_keyword .search_wrap {width:100%; min-width:0;}
    .nav_wrap {width:290px; padding:15px;}     
    .nav_wrap .menu {padding:15px;}
}

/* 모바일 네비 버튼 */
.mobileInfo_group {position: absolute;top: 0;left: 0;width: 100%;background:#43a8a4; padding:8px 13px 8px;height:101px;}
.mobileInfo_group #mobileloginBtn{display: inline-block;width:auto;font-size: 15px;color: #fff;font-weight:900;padding-left:3px;}
.mobileInfo_group #mobileloginBtn:after {content: '';width: 43px;position: absolute;left: 17px;top: 35px;border-width: 0 0 1px;border-style: solid;}
.mobileInfo_group .mobile_btnGroup {display: block;width: 100%;margin: 8px 0 5px;border-top: 0.25px solid rgba(255, 255, 255, 0.36);padding-top: 10px;}
.mobileInfo_group .mobile_btnGroup .mobileInfoBtn {display: inline-block;border: 2px solid #1a9ba4; width: 126px;color: #fff;font-size: 14px;text-align: center;padding: 2px 5px; background:#1a9ba4;}
.mobileInfo_group .mobile_btnGroup .mobileInfoBtn:nth-child(1):before{ background-image: url(../img/haverman/sprite/sprite.png); background-position:-183px -6px; content: ""; display: inline-block;height: 25px;width: 25px;background-size: 340px;  vertical-align: middle;}
.mobileInfo_group .mobile_btnGroup .mobileInfoBtn:nth-child(2){float:right;}
.mobileInfo_group .mobile_btnGroup .mobileInfoBtn:nth-child(2):before{ background-image: url(../img/haverman/sprite/sprite.png);background-position: -209px -6px; content: "";display: inline-block;height: 25px;width: 25px;background-size: 340px; vertical-align: middle;}
.mobileInfo_group .member {font-size: 13px;color:#fff;}
.mobileInfo_group .member strong {overflow: hidden;max-width: 100px;color: #fff;text-overflow: ellipsis;font-size:15px;}

@media (max-width: 1024px) {
    #mobileSideMenu {position: relative;height: 100%;top: 100px;}
	#mobileSideMenu .navigation {overflow: auto; position: absolute; left: 0; width: 100%; height: calc(100% - 60px); padding: 15px 30px; top: 45px;}

}

/* 로그인 페이지 헤더 */
header.rvs .header {background:#fff; -webkit-box-shadow:0 10px 10px -10px rgba(0,0,0,0.2); box-shadow:0 10px 10px -10px rgba(0,0,0,0.2);}
header.rvs .group_nav .search_wrap input[type="text"] {background:#f5f5f5; -webkit-transition: all 0s 0s; transition: all 0s 0s;}
header.rvs .group_nav .btn {border-color:#43a8a4; background:#43a8a4;}
header.rvs .group_nav .member {color:#333;}
header.rvs .group_nav .member strong {color:#43a8a4;}
header.rvs .navigation .menu_1depth > li > a {color:#333;}
header.rvs .header_wrap h1 .alter {opacity: 1; visibility: visible;}
header.rvs .header_wrap {-webkit-transition:all cubic-bezier(1,0,.5,1.1) 0.3s; transition:all cubic-bezier(1,0,.5,1.1) 0.3s;}

.login_form .sub_content {margin-top:120px;padding-top: 0px;}
@media (max-width:1024px) {
	.login_form .sub_content {margin-top:50px;}
}

/*=========================================================
6. 푸터
=========================================================*/

footer {background:#2f3435; color:#fff;}
.footer_upper {position:relative; border-bottom:1px solid rgba(255,255,255,0.1);}
.footer_upper .bottom_menu {overflow:hidden; margin:0 -30px;}
.footer_upper .bottom_menu li {float:left; margin:0 30px;}
.footer_upper .bottom_menu li a {display:inline-block; font-size:16px; font-weight:700; line-height:60px; color:rgba(255,255,255,0.7);}
.footer_upper .bottom_menu li a:hover,.footer_upper .bottom_menu li a strong {font-weight:700; color:#43a8a4;}
.footer_upper .select_form {position:absolute; top:0; right:0; min-width:150px; background:none; font-size:16px;}
.footer_upper .select_form button {padding-right:30px; border:none; background:none; line-height:60px; color:rgba(255,255,255,0.7); text-transform:uppercase; font-family:"Nanum Square";}
.footer_upper .select_form button:after {right:3px; border-color:#999;}
.footer_upper .select_form button.on + ul {bottom:60px; border:0; background:#2f3435;}
.footer_upper .select_form ul li a {font-size:14px; color:rgba(255,255,255,0.7); line-height:0;}
.footer_upper .select_form button.on + ul li a {line-height:20px;}
.footer_upper .select_form ul li a:hover {color:#43a8a4;}
.footer_lower {overflow:hidden; position:relative; padding:25px 0; color:rgba(255,255,255,0.9); display:flex; align-items:center;}
.footer_lower .sns {overflow:hidden; margin-top:10px; display:flex; gap:5px;}
.footer_lower .sns li a {display:flex; justify-content:center; align-items:center; position:relative; width:40px; height:40px; background:#3f4344; text-indent:-9999px; border-radius:8px;}
.footer_lower .sns li a:after {background-image:url(/img/masterymath/sprite/sprite.png); background-size:500px; display:block; content:"";}
.footer_lower .sns li.blog a:after {width:23px; height:19px; background-position:-2.5px -240.5px; margin-top:1px;}
.footer_lower .sns li.youtube a:after {width:23px; height:17px; background-position:-53.5px -240.5px;}
.footer_lower .sns li.instagram a:after {width:21px; height:21px; background-position:-110px -240.5px;}
.footer_lower .sns li.facebook a:after {width:20px; height:20px; background-position:-165px -240.5px;}
.footer_lower .sns li.kakao a:after {width:23px; height:21px; background-position:-223.5px -240.5px; margin-top:1px;}
.footer_lower .logo {height:28px; margin-right:70px; margin-bottom:30px;}
.footer_lower .lower_wrap {font-size:14px; line-height:1.8em;}
.footer_lower .lower_wrap address a {color:inherit;}
.footer_lower .lower_wrap address li {display:inline-block;}
.footer_lower .lower_wrap address li:after {margin:0 8px 0 12px; color:rgba(255,255,255,0.2); content:"|";}
.footer_lower .lower_wrap address li:last-child:after {display:none;}
.footer_lower .lower_wrap address .copyright {font-size:12px;}

@media (max-width:1280px) {
    .footer_upper .bottom_menu {margin:0 -10px;}
    .footer_upper .bottom_menu li {margin:0 10px;}
    .footer_upper .bottom_menu li a {font-size:14px;}
}

@media (max-width:1024px) {
    .footer_upper {border:0;}
    .footer_upper .bottom_menu {display:inline-block; max-width:calc(100% - 130px); margin:0 -10px; padding:10px 0;}
    .footer_upper .bottom_menu li a {font-size:14px; line-height:30px;}
    .footer_upper .select_form button {line-height:50px;}
    .footer_upper .select_form button.on + ul {bottom:50px;}
    .footer_lower {padding-top:0; flex-direction:column;}
	.footer_lower .sns {margin-top:15px; justify-content: center;}
	.footer_lower .logo {display:block; height:27px; margin:0 auto 15px;}
    .footer_lower .lower_wrap {padding:0; text-align:center;}
    .footer_lower .lower_wrap address {font-size:12px; line-height:1.7em;}
}

@media (max-width:599px) {
    .footer_upper .bottom_menu {display:block; max-width:100%;}
    .footer_upper .bottom_menu li a {font-size:12px; line-height:2em;}
    .footer_upper .select_form {position:static; width:100%;}
    .footer_upper .select_form button {border:1px solid #fff; background:#2f3435; line-height:38px; color:#fff;}
    .footer_upper .select_form button:after {right:15px;}
    .footer_upper .select_form button.on + ul {bottom:40px; width:100%; border:1px solid #fff; background:#2f3435;}
    .footer_upper .select_form ul li a {color:#fff;}
    .footer_lower {padding:15px 0 25px 0;}
    /* .footer_lower .sns {position:static; margin-bottom:15px; text-align:center;} */
    .footer_lower .lower_wrap address {font-size:10px; line-height:1.5em;}
    .footer_lower .lower_wrap address li {display:inline-block !important;}
    .footer_lower .lower_wrap address .copyright {font-size:10px;}
    /* .footer_lower .lower_wrap address li {display:block !important;}
    .footer_lower .lower_wrap address li:after {display:none !important;} */
}

/*=========================================================
6. 모달
=========================================================*/

/*=========================================================
7. 메인 페이지 스타일
=========================================================*/

/* 슬라이드 공통 */
section .section {background-size:cover; background-position:center;}
section .slide {color:#fff;}
section .slide .btn_wrap {margin-top:60px;}
section .slide .btn_wrap a {width:180px; border-color:#fff; color:#fff;}
section .slide .btn_wrap a:after {background:#fff;}
section .slide .btn_wrap a:hover {color:#333;}
section .slide .btn_wrap a:hover span:before,section .slide .btn_wrap a:hover span:after {background:#333;}
.wrap .slide_scroll {visibility:visible; position:fixed; bottom:33px; left:50%; z-index:2; width:28px; height:44px; margin-left:-14px; border:1px solid #fff; border-radius:14px; text-indent:-9999px; opacity:1; -webkit-border-radius:14px; -moz-border-radius:14px; -ms-border-radius:14px; -o-border-radius:14px;}
.wrap .slide_scroll.on {visibility:hidden; opacity:0;}
.wrap .slide_scroll:after {position:absolute; top:8px; left:50%; width:4px; height:12px; margin-left:-2px; border-radius:2px; background:#fff; background:#fff; -webkit-transition:all 0.2s; transition:all 0.2s; content:""; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px;}
.wrap .slide_scroll:hover:after {-webkit-transform:translateY(2px); transform:translateY(2px);}
section .slide_cate {position:relative; margin-bottom:30px; font-size:18px; font-weight:700; line-height:1.1em;}
section .slide_cate:after {position:absolute; bottom:-10px; left:0; width:14px; height:1px; background:#fff; content:"";}
article .grand_tit {display:inline-block; position:relative; font-family:"Nanum Square"; font-size:50px; font-weight:300; line-height:1.4em; letter-spacing:-0.02em; -webkit-animation-delay:.2s; animation-delay:.2s;}
article .grand_tit span {font-family:inherit;}
article .grand_tit i {position:absolute; bottom:10px; right:-66px; width:66px; height:78px; background-image:url(/img/masterymath/sprite/sprite.png?v=1.0); background-size:1000px 1000px;}
/* article .grand_tit i {display:inline-block; width:66px; height:78px; background-image:url(/img/masterymath/sprite/sprite.png?v=1.0); background-size:1000px 1000px; margin-left:-10px; margin-top:-20px; vertical-align:top;} */
article .btn_wrap {-webkit-animation-delay:.4s;animation-delay:.4s;}
section .section:nth-child(1) article .grand_tit i {background-position:-10px -246px;}
section .section:nth-child(2) article .grand_tit i {background-position:-86px -246px;}
section .section:nth-child(3) article .grand_tit i {background-position:-162px -246px;}
section .section:nth-child(4) article .grand_tit i {background-position:-238px -246px;}
section .animate {-webkit-animation-name:fadeInUp;animation-name:fadeInUp; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-play-state:paused; animation-play-state:paused; opacity:0;}
section .section.fp-completely .animate {-webkit-animation-play-state:running;animation-play-state:running;}

/* 교육철학 */
section .slide .ideology {margin-top:20px; padding-bottom:20px; font-size:0;}
section .slide .ideology span {display:inline-block; position:relative; font-size:48px; font-weight:300; line-height:1.5em; text-transform:uppercase;}
section .slide .ideology .plus {width:75px; text-indent:-9999px;}
section .slide .ideology .plus:before,section .slide .ideology .plus:after {position:absolute; top:50%; left:50%; width:22px; height:4px; margin-top:-2px; margin-left:-11px; border-radius:2px; background:#43a8a4; opacity:0.6; content:""; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px;}
section .slide .ideology .plus:after {-webkit-transform:rotate(90deg); transform:rotate(90deg); -webkit-transform-origin:center; transform-origin:center;}
section .slide .ideology span:not(.plus):after {position:absolute; bottom:-20px; left:0; font-family:"Nanum Gothic"; font-size:18px; font-weight:400; line-height:20px;;}
section .slide .ideology .mission:after {content:"사명";}
section .slide .ideology .core:after {content:"핵심가치";}
section .slide .ideology .vision:after {content:"비전";}

/* 사업영역 */
section .slide .business {overflow:hidden; margin-top:40px;}
section .slide .business li {float:left; margin-right:20px;}
section .slide .business li:nth-child(1) {-webkit-animation-delay:.1s;animation-delay:.1s;}
section .slide .business li:nth-child(2) {-webkit-animation-delay:.2s;animation-delay:.2s;}
section .slide .business li:nth-child(3) {-webkit-animation-delay:.3s;animation-delay:.3s;}
section .slide .business li:nth-child(4) {-webkit-animation-delay:.4s;animation-delay:.4s;}
section .slide .business li:nth-child(5) {-webkit-animation-delay:.5s;animation-delay:.5s;}
section .slide .business li:nth-child(6) {-webkit-animation-delay:.6s;animation-delay:.6s;}
section .slide .business li a {display:block; position:relative; width:108px; padding-top:128px; color:inherit; text-align:center;}
section .slide .business li a:before {position:absolute; top:50%; left:50%; margin-top:-23px; background-image:url(/img/masterymath/sprite/sprite.png?v=1.0); background-size:500px 500px; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); content:"";}
section .slide .business li:nth-child(1) a:before {width:55px; height:54px; margin-left:-5px; background-position:-5px -5px;}
section .slide .business li:nth-child(2) a:before {width:49px; height:49px; background-position:-65px -5px;}
section .slide .business li:nth-child(3) a:before {width:51px; height:52px; background-position:-119px -5px;}
section .slide .business li:nth-child(4) a:before {width:38px; height:53px; background-position:-175px -5px;}
section .slide .business li:nth-child(5) a:before {width:50px; height:50px; background-position:-218px -5px;}
section .slide .business li:nth-child(6) a:before {width:44px; height:44px; background-position:-273px -5px;}
section .slide .business li:nth-child(1) a:hover:before {width:55px; height:54px; background-position:-5px -64px;}
section .slide .business li:nth-child(2) a:hover:before {width:49px; height:49px; background-position:-65px -64px;}
section .slide .business li:nth-child(3) a:hover:before {width:51px; height:52px; background-position:-119px -64px;}
section .slide .business li:nth-child(4) a:hover:before {width:38px; height:53px; background-position:-175px -64px;}
section .slide .business li:nth-child(5) a:hover:before {width:50px; height:50px; background-position:-218px -64px;}
section .slide .business li:nth-child(6) a:hover:before {width:44px; height:44px; background-position:-273px -64px;}
section .slide .business li a:after {position:absolute; top:0; left:0; width:108px; height:108px; border:1px solid #fff; border-radius:50%; content:""; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
section .slide .business li a:hover {font-weight:700; color:#8ab113;}
section .slide .business li a:hover:after {border:2px solid #8ab113;}

/* 연구개발 */
section .slide .research {margin-top:40px;}
section .slide .research:after {display:block; clear:both; content:"";}
section .slide .research li {float:left; margin-bottom:1px; margin-right:1px;}
section .slide .research li:nth-child(1) {-webkit-animation-delay:.1s;animation-delay:.1s;}
section .slide .research li:nth-child(2) {-webkit-animation-delay:.2s;animation-delay:.2s;}
section .slide .research li:nth-child(3) {-webkit-animation-delay:.3s;animation-delay:.3s;}
section .slide .research li:nth-child(4) {-webkit-animation-delay:.4s;animation-delay:.4s;}
section .slide .research li:nth-child(5) {-webkit-animation-delay:.5s;animation-delay:.5s;}
section .slide .research li a {display:block; position:relative; z-index:0; width:112px; padding:30px 0; font-size:16px; line-height:1.3em; color:inherit; text-align:center;}
section .slide .research li a:after {position:absolute; bottom:0; left:0; z-index:-1; width:100%; height:100%; background:rgba(0,0,0,0.2); -webkit-transition:height 0.2s; transition:height 0.2s; content:"";}
section .slide .research li a:hover:after {height:calc(100% + 5px); background:#e7833f;}

/* 올림피아드 소식 */
section .news_wrap .menu_tit {position:relative; margin:150px 0 50px; font-family:"Nanum Square"; font-size:40px; font-weight:400; line-height:85px; color:#333; text-align:center;}
section .news_wrap .menu_tit:after {position:absolute; bottom:0; left:50%; width:28px; height:1px; margin-left:-14px; background:#333; content:"";}
article .news {margin:0 -25px; padding-bottom:80px; text-align:left;}
article .news ul {overflow:hidden; font-size:0;}
article .news ul li {float:left; width:33.33%; margin-bottom:15px; padding:0 25px;}
article .news ul li a {display:block;}
article .news ul li a .txt_wrap {padding:10px 0;}
article .news ul li a .txt_wrap .cate {display:inline-block; font-size:14px; font-weight:700; line-height:30px;}
article .news ul li a .img_wrap {height:0; padding-top:75%; background-position:center; background-size:cover;}
article .news ul li a .txt_wrap .notice {color:#43a8a4;}
article .news ul li a .txt_wrap .blog {color:#3b9f47;}
article .news ul li a .txt_wrap .result {color:#ff8c3f;}
article .news ul li a .txt_wrap .tit {overflow:hidden; height:3em; font-family:"Nanum Square"; font-size:20px; line-height:1.5em; color:#333;}
article .news ul li a .txt_wrap .tit strong {font-family:inherit; color:#00687f;}
article .news ul li a .txt_wrap .txt {overflow:hidden; height:3.4em; margin:10px 0 20px; font-size:12px; line-height:1.7em; color:#666;}
article .news ul li a .txt_wrap .date {display:inline-block; padding:0 10px; border-radius:12px; background:#f2f2f2; font-size:12px; line-height:24px; color:#999; -webkit-border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px;}
section .section {background-attachment:fixed;}
/* section .news_wrap {padding-top:30px;} */
section .slide {display:table; width:100%; height:100vh; table-layout:fixed;}
section .slide > div {display:table-cell; vertical-align:middle;}
section .news_wrap .menu_tit {margin-top:50px;}
.indicator {display:none !important; position:fixed; top:50%; right:30px; z-index:1; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.indicator ul li {position:relative; margin-top:20px;}
.indicator ul li:before {position:absolute; bottom:9px; left:4px; width:1px; height:20px; background:#fff; content:"";}
.indicator ul li:first-child:before {display:none;}
.indicator ul li:after {visibility:hidden; position:absolute; top:-6px; right:22px; line-height:20px; color:#fff; -webkit-transition:all 0.5s; transition:all 0.5s; opacity:0; content:attr(data-name);}
.indicator ul li.active:after {visibility:visible; opacity:1;}
.indicator ul li:first-child {margin:0;}
.indicator ul li a {display:block; width:9px; height:9px; border:2px solid #fff; border-radius:50%; text-indent:-9999px; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.indicator ul li.active a {background:#fff;}
.slide:first-child .slide_cate:after {display:none;}

@media (max-width:1280px) {
    article .grand_tit,section .slide .ideology span {font-size:40px;}
}

@media (max-width:1024px) {
    section .section {background-attachment:scroll;}
    article {text-align:center;}
    section .slide .btn_wrap {margin-top:30px;}
    section .slide .btn_wrap a {width:150px;}
    section .slide_cate {line-height:1.5em;}
    section .slide_cate:after {left:50%; margin-left:-7px;}
    article .grand_tit {font-size:32px;}
    /*article .grand_tit br,article .grand_tit i {display:none;}*/
    section .slide .ideology span {font-size:28px;}
    section .slide .ideology .plus {width:40px;}
    section .slide .ideology span:not(.plus):after {bottom:-15px; font-size:12px; font-weight:700;}
    section .slide .business {font-size:0;}
    section .slide .business li {display:inline-block; float:none; margin:5px;}
    section .slide .business li a {width:80px; padding-top:55px; font-size:12px; font-weight:700;}
    section .slide .business li a:after {display:none;}
    section .slide .business li a:before {margin-top:-15px;}
    section .slide .research {font-size:0;}
    section .slide .research li {display:inline-block; float:none;}
    section .slide .research li a {width:80px; padding:20px 0; font-size:14px; font-weight:700;}
    section .news_wrap {padding-top:60px;}
    section .news_wrap .menu_tit {margin:30px 0; font-family:"Nanum Gothic"; font-size:18px; font-weight:700; line-height:1.5em;}
    section .news_wrap .menu_tit:after {bottom:-10px; width:14px; margin-left:-7px;}
    article .news {margin:0 -15px; padding-bottom:50px;}
    article .news ul li {width:50%; padding:0 15px;}
    article .news ul li a img {width:100%;}
    article .news ul li a .txt_wrap {padding:15px 0;}
    article .news ul li a .txt_wrap .cate {margin-bottom:5px; font-size:12px; line-height:1.5em;}
    article .news ul li a .txt_wrap .tit {font-size:18px;}
    .indicator,.wrap .slide_scroll {display:none !important;}
}

@media (max-width:599px) {
    section .slide_cate {font-size:14px;}
    article .grand_tit {font-size:22px;}
    /* section .slide .ideology,section .slide .business,section .slide .research {display:none;} */
    section .slide .ideology span {display:block; font-size:16px;}
    section .slide .ideology .plus {width:100%; padding:3px 0;}
    section .slide .ideology span:not(.plus):after {display:none;}
    section .slide .business {margin:0 auto; margin-top:15px; width:240px;}
    section .slide .business li a {width:70px; padding-top:45px;}
    section .slide .business li a:before {margin-top:-30px; margin-left:-25%; -webkit-transform:scale(0.75); transform:scale(0.75); -webkit-transform-origin:left top; transform-origin:left top;}
    section .slide .business li:nth-child(1) a:before {margin-left:-30%;}
    section .slide .business li:nth-child(4) a:before {margin-left:-20%;}
    section .slide .research {margin-top:15px;}
    section .slide .research li a {width:65px; padding:8px 0; font-size:12px;}
    article .news {margin:0;}
    article .news ul li {width:100%; padding:0;}
    section .news_wrap .menu_tit {font-size:14px;}
    section .slide .btn_wrap {margin-top:15px;}
}

/*=========================================================
8. 서브 페이지별 스타일
=========================================================*/

/*************** 공통 요소 ***************/

/* 페이지 공통 */
.sub_header {position:relative; height:470px; padding-top:210px; background-color:#ccc; background-position:center; background-size:cover; color:#fff; text-align:center; -webkit-transform:scale(1.05); transform:scale(1.05); -webkit-transition:-webkit-transform 1s; transition:-webkit-transform 1s; transition:transform 1s; transition:transform 1s, -webkit-transform 1s;}
.sub_header.animated {-webkit-transform:scale(1);transform:scale(1);}
.sub_header h2 {display:inline-block; position:relative; font-family:"Nanum Square"; font-size:50px; font-weight:400; line-height:1.5em;}
.sub_header h2:after {position:absolute; right:-76px; bottom:15px; width:66px; height:78px; background-image:url(/img/masterymath/sprite/sprite.png); background-position:-232px -5px; background-size:1000px 1000px; content:"";}
.sub_header .sub_tit {font-size:24px; line-height:1.5em;}
.sub_content {min-height:600px; padding-top:70px; padding-bottom:100px;}
.sub_content h3 {font-family:"Nanum Square"; font-size:40px; line-height:1.5em; color:#333; text-align:center;}
.sub_content h3[lang="en"] {font-size:50px; line-height:1.2em;}

@media (max-width:1024px) {
    .sub_header {height:auto; min-height:200px; padding-top:75px;}
	.sub_header h2 {font-size:36px;}
	.sub_header h2:after {right:-40px; bottom:10px; width:33px; height:39px; background-position:-116px -2.5px; background-size:500px 500px;}
	.sub_header .sub_tit {font-size:18px;}
	.sub_content {padding-top:30px; padding-bottom:50px;}
    .sub_content h3 {font-size:24px !important; line-height:1.5em !important;}
}

@media (max-width:599px) {
    .sub_header {min-height:180px; padding-top:65px;}
	.sub_header h2 {font-size:24px;}
	.sub_header h2:after {display:none;}
	.sub_header .sub_tit {font-size:14px;}
	.sub_content {min-height:300px; padding-bottom:30px;}
    .sub_content h3 {font-size:18px !important;}
}

/* 탭메뉴 */
.tab_menu {display:table; position:absolute; bottom:0; left:50%; width:100%; max-width:1000px; -webkit-transform:translateX(-50%); transform:translateX(-50%); table-layout:fixed;}
.tab_menu ul {display:table-row;}
.tab_menu ul li {display:table-cell; width:100%}
.tab_menu ul li a {display:block; position:relative; z-index:0; font-size:16px; line-height:55px; color:inherit; white-space:nowrap; -webkit-transition:all 0.2s; transition:all 0.2s;}
.tab_menu ul li.on a,.tab_menu ul li a:hover {font-size:18px; font-weight:700;}
.tab_menu ul li a:after {position:absolute; bottom:0; left:0; z-index:-1; width:calc(100% - 1px); height:100%; background:rgba(0,0,0,0.5); content:"";}
.tab_menu ul li.on a:after,.tab_menu ul li a:hover:after {bottom:-1px; height:calc(100% + 6px); background:#1d676a;}

@media (max-width:1024px) {
    .tab_menu {display:block; position:static; margin-top:50px; -webkit-transform:none; transform:none;}
	.tab_menu ul {display:block; overflow:hidden;}
	.tab_menu ul li {display:block; float:left; margin-top:1px;}
	.tab_menu ul li a {font-size:14px; line-height:40px;}
	.tab_menu ul li.on a,.tab_menu ul li a:hover {font-size:16px;}
	.tab_menu ul.type2 li {width:50%;}
	.tab_menu ul.type3 li {width:33.33%;}
    .tab_menu ul li.on a:after,.tab_menu ul li a:hover:after {bottom:0; height:100%;}
}

@media (max-width:599px) {
    .tab_menu {margin-top:30px;}
    .tab_menu ul li a {font-size:12px !important; line-height:2.5em;}
}

@media (max-width:320px) {
    .tab_menu ul li a {font-size:11px !important;}
}

/* 링크 탭메뉴 */
.link_tab {display:table; width:800px; margin:0 auto 40px; border-bottom:1px solid #cdcdcd; background:#fff; table-layout:fixed;}
.link_tab ul {display:table-row;}
.link_tab ul li {display:table-cell;}
.link_tab ul li a {display:block; position:relative; font-size:14px; line-height:50px; color:#333; text-align:center; -webkit-transition:all 0.5s; transition:all 0.5s;}
.link_tab ul li a:after {visibility:hidden; position:absolute; bottom:0; left:0; width:100%; height:5px; background:#1D676A; -webkit-transition:all 0.5s; transition:all 0.5s; opacity:0; content:"";}
.link_tab ul li a:hover,.link_tab ul li a:focus {font-size:16px; font-weight:700;}
.link_tab ul li a:hover:after,.link_tab ul li a:focus:after {visibility:visible; opacity:1;}

@media (max-width:1024px) {
    .link_tab {width:80%; margin:0 auto 60px;}
    .link_tab ul li a {line-height:40px;}
}

@media (max-width:599px) {
    .link_tab,.link_tab ul,.link_tab ul li {display:block; width:100%;}
	.link_tab {padding:0 15px; border:0;}
	.link_tab ul {overflow:hidden; border-top:1px solid #cdcdcd; border-right:1px solid #cdcdcd;}
	.link_tab ul li {float:left; width:33.33%; border:1px solid #cdcdcd; border-top:0; border-right:0;}
	.link_tab ul li a {line-height:35px;}
    .link_tab ul li a:after {height:3px;}
}

/* 서브 비주얼 + 서브 탭메뉴 */
.sub_visual {height:320px; padding-top:40px; background-position:center; background-size:1200px 320px;}
.sub_visual.type1 {background-image:url(/img/masterymath/bg/bg_subvisual_01.png);} /* 영재센터 */
.sub_visual.type2 {background-image:url(/img/masterymath/bg/bg_subvisual_02.png);} /* 하베르만 */
.sub_visual.type3 {background-image:url(/img/masterymath/bg/bg_subvisual_03.png);} /* 유투엠 */
.sub_visual.type4 {background-image:url(/img/masterymath/bg/bg_subvisual_04.png);} /* 올림피아드학원 */
.sub_visual.type5 {background-image:url(/img/masterymath/bg/bg_subvisual_05.png);} /* 거꾸로수학교실 */
.sub_visual.type6 {background-image:url(/img/masterymath/bg/bg_subvisual_06.png);} /* GLEC어학원 */
.sub_visual.type7 {background-image:url(/img/masterymath/bg/bg_subvisual_07.png);} /* GLEC드림투어 */
.sub_visual.type8 {background-image:url(/img/masterymath/bg/bg_subvisual_08.png);} /* 방과후수업 */
.sub_visual .sub_txt,.sub_visual .sub_tit {font-family:"Nanum Square"; line-height:1.4em; color:#333; text-align:center;}
.sub_visual .sub_txt {margin-top:60px; font-size:30px; font-weight:300;}
.sub_visual .sub_tit {margin:0; font-size:50px; font-weight:700;}

.subtab_menu {margin-bottom:-20px;text-align:center;}
.subtab_menu ul {display:inline-block; border-left:1px solid #1D676A;font-size:0;}
.subtab_menu ul li {display:inline-block; border:1px solid #1D676A; border-left:0;}
.subtab_menu ul li a {display:block; min-width:190px; padding:0 10px; font-size:16px; line-height:48px; color:#1D676A; -webkit-transition:all 0.5s; transition:all 0.5s;}
.subtab_menu ul li.on a,.subtab_menu ul li a:hover {background:#fff; font-weight:700;}

@media (max-width:1024px) {
    .sub_visual {height:auto; margin-top:-30px; padding:30px 0; background-size:cover;}
	.sub_visual .sub_txt {margin-top:0; font-size:24px;}
	.sub_visual .sub_tit {font-size:36px;}
	.subtab_menu {margin-bottom:30px;}
    .subtab_menu ul li a {min-width:150px; font-size:14px;line-height:2.5em;}
}

@media (max-width:599px) {
    .sub_visual .sub_txt {font-size:18px;}
	.sub_visual .sub_tit {font-size:24px;}
    .subtab_menu ul li a {min-width:95px; font-size:12px;}
}

/* 컨텐츠 영역 일반 텍스트 */
.content_txt {padding-top:50px;}
.content_txt .main_txt {margin-bottom:35px; font-family:"Nanum Square"; font-size:24px; line-height:1.65em; color:#333;}
.content_txt .main_txt strong {display:block; margin-top:10px; font-family:inherit; font-size:36px; line-height:1.4em;}
.content_txt .sub_txt {margin-top:15px; font-size:15px; line-height:2em; color:#555;}

@media (max-width:1024px) {
    .content_txt {padding-top:30px;}
	.content_txt br {display:none;}
	.content_txt .main_txt {margin-bottom:30px; font-size:18px; line-height:1.4em;}
	.content_txt .main_txt strong {margin-top:5px;font-size:24px;}
    .content_txt .sub_txt {font-size:14px; line-height:1.8em;}
}

@media (max-width:599px) {
    .content_txt .main_txt {font-size:14px;}
	.content_txt .main_txt strong {font-size:20px;}
    .content_txt .sub_txt {font-size:12px; line-height:1.6em;}
}

/* 하단 비주얼 */
.bottom_visual {position:relative; margin-top:45px; margin-bottom:70px;}
.bottom_visual .txt_wrap p {font-family:"Nanum Square";}
.bottom_visual .sub_txt {font-size:30px; line-height:1.5em; color:#333;}
.bottom_visual .main_txt {margin-bottom:30px;font-size:40px; line-height:1.5em; color:#1D676A;}
.bottom_visual .link {width:200px; border-color:#1D676A; background:#43a8a4;color:#fff;}
.bottom_visual .link:after {background:#fff;}
.bottom_visual .link:hover {color:#1D676A;}
.bottom_visual .link:hover span:before,.bottom_visual .link:hover span:after {background:#1D676A;}
.bottom_visual .logo {position:absolute; right:0; bottom:0;}

@media (max-width:1024px) {
    .bottom_visual {margin:30px 0;}
	.bottom_visual .sub_txt {font-size:18px;}
	.bottom_visual .main_txt {font-size:24px;}
    .bottom_visual .logo {-webkit-transform:scale(0.5);transform:scale(0.5); -webkit-transform-origin:right bottom; transform-origin:right bottom;}
}

@media (max-width:599px) {
    .bottom_visual .txt_wrap {text-align:center;}
	.bottom_visual .sub_txt {font-size:16px;}
	.bottom_visual .main_txt {margin-bottom:15px; font-size:20px;}
    .bottom_visual .logo {display:block; position:static; margin:0 auto; -webkit-transform-origin:center; transform-origin:center;}
}

/* 다이어그램 비주얼 영역 */
.diagram_view {margin-bottom:-100px; padding:50px 0; background:#f2f2f2;}
.diagram {height:0; background-repeat:no-repeat; background-position:center; background-size:contain;}

@media (max-width:1024px) {
    .diagram_view {margin-bottom:-50px; padding:30px 0;}
}

@media (max-width:599px) {
    .diagram_view {margin-bottom:-30px;}
}

/*************** 개별 페이지 ***************/ 

/* 대표이사 인사말 */
.greeting .edu_greeting .color_blue {color:#1D676A;}
.greeting .edu_greeting .line_tit {position:relative; margin-bottom:10px; padding-top:20px; font-family:"Nanum Square"; font-size:40px; font-weight:700; line-height:45px;}
.greeting .edu_greeting .line_tit:before {position:absolute; top:0; left:0; width:25px; height:2px; background-color:#1D676A; content:"";}
.greeting .edu_greeting .sub_tit {margin-bottom:20px; font-family:"Nanum Square"; font-size:30px; font-weight:700; font-weight:700; line-height:1.5em; color:#333;}
.greeting .edu_greeting .greeting_cont {margin-bottom:30px;}
.greeting .edu_greeting .greeting_cont li {margin-bottom:30px;}
.greeting .edu_greeting .greeting_cont li:last-chlid {margin-bottom:0;}
.greeting .edu_greeting .greeting_cont li .cont_tit {margin-bottom:10px; font-family:"Nanum Square"; font-size:24px; font-weight:normal; line-height:1.5em; color:#333;}
.greeting .edu_greeting .greeting_cont li .cont_txt {font-size:14px; line-height:2em; color:#333;}
.greeting .edu_greeting_sing {position:relative; line-height:0;}
.greeting .edu_greeting_sing:after {display:table; clear:both; content:"";}
.greeting .edu_greeting_sing .right_sing_cont {position:absolute; right:50px; bottom:40px;}
.greeting .edu_greeting_sing .right_sing_cont:after {display:table; clear:both; content:"";}
.greeting .edu_greeting_sing .sing_text {margin-bottom:15px;}
.greeting .edu_greeting_sing .sing_text .sing_name {font-size:14px; font-weight:700; line-height:1.4em; color:#333;}
.greeting .edu_greeting_sing .sing_img {float:right; width:144px; height:64px; background-size:144px 64px; line-height:0;}

@media (max-width:1024px) {
    .greeting .edu_greeting .line_tit {font-size:30px;}
	.greeting .edu_greeting .sub_tit {font-size:24px;}
	.greeting .edu_greeting .greeting_cont li .cont_tit {font-size:18px;}
    .greeting .edu_greeting .greeting_cont li .cont_txt {line-height:1.8em;}
    .greeting .edu_greeting_sing {width:calc(100% + 60px); margin-left:-30px; margin-bottom:-50px;}
}

@media (max-width:599px) {
    .greeting .edu_greeting .line_tit {font-size:24px;}
	.greeting .edu_greeting .sub_tit {font-size:18px;}
	.greeting .edu_greeting .greeting_cont li .cont_tit {font-size:16px;}
	.greeting .edu_greeting .greeting_cont li .cont_tit br {display:none;}
	.greeting .edu_greeting .greeting_cont li .cont_txt {font-size:12px; line-height:1.6em;}
	.greeting .edu_greeting .greeting_cont li .cont_txt br {display:none;}
	.greeting .edu_greeting_sing .right_sing_cont {text-align:right;}
    .greeting .edu_greeting_sing .right_sing_cont {position:static; margin-right:15px;}
    .greeting .edu_greeting_sing {width:calc(100% + 30px); margin-left:-15px; margin-bottom:-30px;}
}

/* 기업 가치관 */
.values .edu_values .color_blue {color:#1D676A;}
.values .edu_values .line_tit {position:relative; margin-bottom:10px; padding-top:20px; font-family:"Nanum Square"; font-size:40px; font-weight:700; line-height:45px;}
.values .edu_values .line_tit:before {position:absolute; top:0; left:0; width:25px; height:2px; background-color:#1D676A; content:"";}
.values .edu_values .value_cont {padding-top:15px;}
.values .edu_values .value_cont .cont_wrap .cont_tit {padding-top:30px; font-family:"Nanum Square"; font-size:24px; font-weight:700; line-height:1.5em; color:#333;}
.values .edu_values .value_cont .cont_wrap .cont_txt {font-size:14px; line-height:2em; color:#333;}
.values .edu_values .value_cont .cont_wrap .main_txt {padding:15px 0;}
.values .edu_values .value_cont .cont_wrap .main_txt li {font-family:"Nanum Square"; font-size:24px; line-height:1.65em; color:#333;}
.values .edu_values .value_cont .cont_wrap .main_txt li span{font-weight:700;}
.values .edu_values .value_cont .cont_wrap .btn_wrap.bg_fill {margin-top:35px; margin-bottom:20px;}
.values .edu_values .value_cont .cont_wrap .link {width: 200px; border-color: #1D676A; background: #43a8a4; color: #fff;}
.values .edu_values .value_cont .cont_wrap .link:after {background:#fff;}
.values .edu_values .value_cont .cont_wrap .link:hover {color:#1D676A;}
.values .edu_values .value_cont .cont_wrap  .link:hover span:before
,.values .edu_values .value_cont .cont_wrap  .link:hover span:after {background:#1D676A;}

.values .edu_values .value_cont .img_wrap {padding-top:60px;}
.values .edu_values .value_cont .txt_wrap {padding-top:40px;}
.values .edu_values .value_cont .txt_wrap:after {display:block; content:''; clear:both;}
.values .edu_values .value_cont .txt_wrap .left_box
, .values .edu_values .value_cont .txt_wrap .right_box {float:left;}
.values .edu_values .value_cont .txt_wrap .left_box{position:relative; width:33%;}
.values .edu_values .value_cont .txt_wrap .left_box:before{position:absolute; top:142px; left:-50%; width:100%; height:153px; border-right:1px solid #404040; content: "";}
.values .edu_values .value_cont .txt_wrap .right_box{width:66%;}
.values .edu_values .value_cont .txt_wrap .sub_tit {font-family:"Nanum Square"; font-size:24px; color:#333;}
.values .edu_values .value_cont .txt_wrap .txt{font-size:14px; line-height:2em; color:#333;}
.values .edu_values .value_cont .txt_wrap .list_txt li{font-size:14px; line-height:2em;}
.values .edu_values .value_cont .txt_wrap .left_box p {font-family:"Nanum Square"; font-size:24px; font-weight:300; line-height:1.3em; color:#666; text-align:center;}
.values .edu_values .value_cont .txt_wrap .left_box .tit {font-size:50px; font-weight:700; color:#333; line-height:1.5em;}
.values .edu_values .value_cont .txt_wrap .right_box .sub_tit {font-weight:700; line-height:1.5em; margin-top:7px;}
.values .edu_values .value_cont .txt_wrap .right_box .txt {padding-top:55px;}
.values .edu_values .value_cont .txt_wrap .btn_wrap.bg_fill {margin-top:24px; margin-bottom:20px;}
.values .edu_values .value_cont .txt_wrap .link {width: 200px; border-color: #333; background: #666; color: #fff;}
.values .edu_values .value_cont .txt_wrap .link:after {background:#fff;}
.values .edu_values .value_cont .txt_wrap .link:hover {color:#666;}
.values .edu_values .value_cont .txt_wrap  .link:hover span:before
,.values .edu_values .value_cont .txt_wrap  .link:hover span:after {background:#666;}
.values .edu_values .value_cont .txt_wrap .upper:after {display:block; content:''; clear:both;}
.values .edu_values .value_cont .txt_wrap .img_cont_wrap {padding:62px 0 95px 0; text-align:right;}
.values .edu_values .value_cont .txt_wrap .txt_box {position:relative; padding:43px 10% 50px; margin-bottom:20px; background:#f2f2f2;}
.values .edu_values .value_cont .txt_wrap .txt_box:nth-child(2) {padding:43px 13% 50px;}
.values .edu_values .value_cont .txt_wrap .txt_box .sub_tit {font-weight:700; line-height:1.65em; text-align:center; margin-bottom:13px;}
.values .edu_values .value_cont .txt_wrap .txt_box .txt {text-align:center; margin-bottom:25px;}
.values .edu_values .value_cont .txt_wrap .txt_box .list_txt{margin:0 auto;}
.values .edu_values .value_cont .txt_wrap .txt_box .list_txt li {position:relative; display:inline-block; padding-left:13px; font-weight:700; color:#1D676A; }
.values .edu_values .value_cont .txt_wrap .txt_box .list_txt li:before{position:absolute; left:0; display:inline-block; content:'•'; }
.values .edu_values .value_cont .txt_wrap .txt_box .btn_wrap.bg_fill {margin-top:23px; margin-bottom:0; text-align:center;}
.values .edu_values .value_cont .txt_wrap .right_box .sub_con_txt {margin-top:18px; font-family:"Nanum Square"; font-size:17px; font-weight:bold; line-height:1.5em; color:#333;}
.values .edu_values .value_cont .txt_wrap .right_box .list_txt {margin-top:57px;}
.values .edu_values .value_cont .txt_wrap .right_box .list_txt li {position:relative; padding-left:13px; color:#333;}
.values .edu_values .value_cont .txt_wrap .right_box .list_txt li:before{position:absolute; left:0; display:inline-block; content:'•'; }

.value_popup {display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999;}
.value_popup .popup_back {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; z-index: 9990;}
.value_popup .popup_content {overflow: hidden; position: fixed; top:5%; bottom:5%; left: 0; right: 0; width: 800px; min-height:100px; /* height: 90%; min-height:450px; */ height: 90%; background-size: cover; z-index: 9999; text-align: center; padding:0; margin: 0 auto;}
.value_popup .inner_pop {position: relative; margin: 0 auto; width: 100%; height:100%; /* height: 93%; */ border: 1px solid #000; background: #fff; overflow: hidden; overflow-y: scroll;}
.value_popup .inner_pop .pop_header {position:relative; height:230px; background:#1e2b39;}
.value_popup .inner_pop .pop_header:before {display:block; position:absolute; top:74px; left:50%; transform:translateX(-50%); width:50px; height:5px; background:#fff; content:'';}
.value_popup .inner_pop .pop_header .popup_logo{position:absolute; top:15px; left:15px; height:23px;}
.value_popup .inner_pop .pop_header p {padding-top:90px; font-family:"Nanum Square"; font-size:45px; font-weight:700; color:#fff;}

.value_popup .inner_pop .pop_cont{padding:40px 40px 17px;}
.value_popup .inner_pop .pop_cont .value_list {margin-bottom:41px; padding:13px 20px; background:#f2f2f2;}
.value_popup .inner_pop .pop_cont .value_list li {padding:5px 10px; border-bottom:1px dashed #b9b9b9; font-family:"Nanum Square"; font-size:24px; line-height:1.8em; font-weight:700; color:#333; text-align:left;}
.value_popup .inner_pop .pop_cont .value_list li:last-child {border-bottom:none;}
.value_popup .inner_pop .pop_cont .value_txt{padding-top:10px; text-align:left;}
.value_popup .inner_pop .pop_cont .value_txt .tit{padding-bottom:4px; border-bottom:2px solid #333; font-family:"Nanum Square"; font-size:24px; font-weight:700; color:#333;}
.value_popup .inner_pop .pop_cont .value_txt .txt_wrap{padding:32px 0 26px 0; border-bottom:1px solid #dadada;}
.value_popup .inner_pop .pop_cont .value_txt .txt_wrap:last-child {border-bottom:none;}
.value_popup .inner_pop .pop_cont .value_txt .txt_wrap .main_txt{padding-bottom:21px; font-family:"Nanum Square"; font-size:18px; font-weight:700; color:#333; text-align:center;}
.value_popup .inner_pop .pop_cont .value_txt .txt_wrap .sub_tit{padding-bottom:26px; font-family:"Nanum Square"; font-size:18px; font-weight:700; color:#333; text-align:center;}
.value_popup .inner_pop .pop_cont .value_txt .txt_wrap .txt{margin-bottom:8px; font-size:14px; line-height:2em; color:#333; letter-spacing:-0.2px;}
.value_popup .inner_pop .pop_cont .value_txt .txt_wrap .list_txt {padding-top:2px;}
.value_popup .inner_pop .pop_cont .value_txt .txt_wrap .list_txt li{position:relative; margin-bottom:11px; padding-left:9px; font-size:14px; line-height:2em; font-weight:900; color:#333; letter-spacing:-0.4px;}
.value_popup .inner_pop .pop_cont .value_txt .txt_wrap .list_txt li:before {display:block; position:absolute; left:0; content:'-';}

.value_popup .inner_pop .pop_close {overflow: hidden; position: fixed; top: 5%; right: 50% !important; margin-right:-381px; margin-top:15px; width: 39px; height: 39px; text-indent: -9999px; background:#1e2b39; padding: 6px;}
.value_popup .inner_pop .pop_close:before {display:block; content:''; background:url(../img/img/img_btn_close.png) center; width:27px; height:27px; transition:all 0.2s;}
.value_popup .inner_pop .pop_close:hover:before {background:url(../img/masterymath/img/img_btn_close_on.png) center;}

@media (max-width:1200px) {
	.values .edu_values .value_cont .txt_wrap .txt_box {padding:43px 8% 50px;}
	.values .edu_values .value_cont .txt_wrap .txt_box:nth-child(2) {padding:43px 11% 50px;}
}
@media (max-width:1163px) {
	.values .edu_values .value_cont .txt_wrap .txt_box {padding:43px 6% 50px;}
	.values .edu_values .value_cont .txt_wrap .txt_box:nth-child(2) {padding:43px 9% 50px;}

}
@media (max-width:1118px) {
	.values .edu_values .value_cont .txt_wrap .txt_box {padding:43px 5% 50px;}
	.values .edu_values .value_cont .txt_wrap .txt_box:nth-child(2) {padding:43px 8% 50px;}

}
@media (max-width:1093px) {
	.values .edu_values .value_cont .txt_wrap .txt_box:nth-child(2) {padding:43px 6% 50px;}

}
@media (max-width:1041px) {
	.values .edu_values .value_cont .txt_wrap .txt_box:nth-child(2) {padding:43px 5% 50px;}

}
@media (max-width:1024px) {
    .values .edu_values .line_tit {font-size:30px;  line-height:36px;}
	.values .edu_values .value_cont .cont_wrap .cont_tit {font-size:19px;}
    .values .edu_values .value_cont .cont_wrap .cont_txt {line-height:1.8em;}
	.values .edu_values .value_cont .cont_wrap .main_txt li {font-size:19px;}
	.values .edu_values .value_cont .txt_wrap .left_box p {font-size:18px;}
	.values .edu_values .value_cont .txt_wrap .left_box .tit {font-size:40px;}
	.values .edu_values .value_cont .txt_wrap .sub_tit {font-size:19px;}
	.values .edu_values .value_cont .txt_wrap .right_box .sub_con_txt{margin:18px auto; font-size:17px;  text-align:center;}
	.values .edu_values .value_cont .txt_wrap .txt {line-height:1.8em;}
	.values .edu_values .value_cont .txt_wrap .list_txt li {line-height:1.8em;}
	.values .edu_values .value_cont .txt_wrap .left_box {width:30%;}
	.values .edu_values .value_cont .txt_wrap .right_box {width:70%;}
	.values .edu_values .value_cont .txt_wrap .sub_tit {font-size:19px; text-align:center;}
	.values .edu_values .value_cont .txt_wrap .left_box
	, .values .edu_values .value_cont .txt_wrap .right_box {float:none; width:100%;}
	.values .edu_values .value_cont .txt_wrap .left_box {margin-bottom:20px;}
	.values .edu_values .value_cont .txt_wrap .left_box:before {content:none;}
	.values .edu_values .value_cont .txt_wrap .img_cont_wrap {text-align:center; padding:30px 0 60px 0;}
	.values .edu_values .value_cont .txt_wrap .btn_wrap.bg_fill {text-align:center;}
	.values .edu_values .value_cont .txt_wrap .right_box .txt{padding-top:30px; text-align:center;}
	.values .edu_values .value_cont .txt_wrap .right_box .list_txt {margin-top:40px;}
	.values .edu_values .value_cont .txt_wrap .right_box .center_area{width:528px; padding-left:10px; margin:0 auto;}
	.values .edu_values .value_cont .img_wrap {padding-top:30px;}	
	
	.value_popup .popup_content {width:640px;}
	.value_popup .inner_pop .pop_header {height:190px;}
	.value_popup .inner_pop .pop_header:before {top:55px; height:4px;}
	.value_popup .inner_pop .pop_header p {padding-top:67px; font-size:40px;}
	.value_popup .inner_pop .pop_header .popup_logo {height:22px;}
	.value_popup .inner_pop .pop_cont {padding:35px 37px 13px;}
	.value_popup .inner_pop .pop_cont .value_list {margin-bottom:32px; padding:5px 20px;}
	.value_popup .inner_pop .pop_cont .value_list li {font-size:18px;}
	.value_popup .inner_pop .pop_cont .value_txt .tit {font-size:18px;}
	.value_popup .inner_pop .pop_cont .value_txt .txt_wrap {padding:25px 0 20px 0;}
	.value_popup .inner_pop .pop_cont .value_txt .txt_wrap .main_txt {padding-bottom:15px; font-size:16px;}
	.value_popup .inner_pop .pop_cont .value_txt .txt_wrap .sub_tit {padding-bottom:18px; font-size:16px;}
	.value_popup .inner_pop .pop_cont .value_txt .txt_wrap .txt {line-height:1.9em;}
	.value_popup .inner_pop .pop_cont .value_txt .txt_wrap .list_txt li {line-height:1.9em;}
	.value_popup .inner_pop .pop_close {width:30px; height:30px; margin-right:-303px; margin-top:12px;}
	.value_popup .inner_pop .pop_close:before {width:24px; height:24px;}
}

@media (max-width:989px) {
	.values .edu_values .value_cont .txt_wrap .txt_box {padding:35px 6% 40px;}
	.values .edu_values .value_cont .txt_wrap .txt_box:nth-child(2) {padding:35px 9% 40px;}
}
@media (max-width:968px) {
	.values .edu_values .value_cont .txt_wrap .txt_box:nth-child(2) {padding:35px 8% 40px;}
}
@media (max-width:942px) {
	.values .edu_values .value_cont .txt_wrap .txt_box:nth-child(2) {padding:35px 7% 40px;}
}
@media (max-width:922px) {
	.values .edu_values .value_cont .txt_wrap .txt_box:nth-child(2) {padding:35px 6% 40px;}
}
@media (max-width:916px) {
	.values .edu_values .value_cont .txt_wrap .txt_box:nth-child(2) {padding:35px 6% 40px;}
}
@media (max-width:768px) {
	.value_popup .popup_content {width:512px; /*min-height:200px;*/}
	.value_popup .inner_pop .pop_header {height:150px;}
	.value_popup .inner_pop .pop_header:before {top:46px; height:3px;}
	.value_popup .inner_pop .pop_header p {padding-top:55px; font-size:32px;}
	.value_popup .inner_pop .pop_header .popup_logo {height:20px;}
	.value_popup .inner_pop .pop_cont {padding:28px 30px 10px;}
	.value_popup .inner_pop .pop_cont .value_list {margin-bottom:21px; padding:4px 16px;}
	.value_popup .inner_pop .pop_cont .value_list li {font-size:17px;}
	.value_popup .inner_pop .pop_cont .value_txt .tit {font-size:17px;}
	.value_popup .inner_pop .pop_cont .value_txt .txt_wrap {padding:20px 0 16px 0;}
	.value_popup .inner_pop .pop_cont .value_txt .txt_wrap .main_txt {padding-bottom:13px; font-size:16px;}
	.value_popup .inner_pop .pop_cont .value_txt .txt_wrap .sub_tit {padding-bottom:14px; font-size:16px;}
	.value_popup .inner_pop .pop_cont .value_txt .txt_wrap .txt {font-size:13px; line-height:1.8em; margin-bottom:7px; letter-spacing:-0.4px;}
	.value_popup .inner_pop .pop_cont .value_txt .txt_wrap .list_txt li {font-size:13px; line-height:1.8em; margin-bottom:9px;}
	.value_popup .inner_pop .pop_close {margin-right:-238px; margin-top:10px;}
}

@media (max-width:599px) {
    .values .edu_values .line_tit {font-size:24px; line-height:32px;}
	.values .edu_values .value_cont .cont_wrap .cont_tit {font-size:16px;}
	.values .edu_values .value_cont .cont_wrap .cont_tit br {display:none;}
	.values .edu_values .value_cont .cont_wrap .cont_txt {font-size:12px; line-height:1.6em;}
	.values .edu_values .value_cont .cont_wrap .cont_txt br {display:none;}
	.values .edu_values .value_cont .cont_wrap .main_txt li {font-size:16px;}
	.values .edu_values .value_cont .txt_wrap {padding-top:25px;}
	.values .edu_values .value_cont .txt_wrap .left_box p {font-size:15px;}
	.values .edu_values .value_cont .txt_wrap .left_box .tit {font-size:35px;}
	.values .edu_values .value_cont .txt_wrap .sub_tit {font-size:16px;}
	.values .edu_values .value_cont .txt_wrap .right_box .center_area{width:453px; padding-left:10px; margin:0 auto;}
	.values .edu_values .value_cont .txt_wrap .right_box .sub_con_txt{font-size:14px;}
	.values .edu_values .value_cont .txt_wrap .txt {font-size:12px; line-height:1.8em;}
	.values .edu_values .value_cont .txt_wrap .list_txt li {font-size:12px; line-height:1.8em;}
	.values .edu_values .value_cont .txt_wrap .txt_box {padding:25px 7% 30px;}
	.values .edu_values .value_cont .txt_wrap .txt_box:nth-child(2) {padding:25px 7% 30px;}
	.values .edu_values .value_cont .txt_wrap .txt_box .btn_wrap.bg_fill {margin-top:15px;}
	.values .edu_values .value_cont .txt_wrap .img_cont_wrap {padding:15px 0 40px 0;}

	.value_popup .popup_content {width:410px;}
	.value_popup .inner_pop .pop_header {height:120px;}
	.value_popup .inner_pop .pop_header:before {top:41px; width:40px; height:2px;}
	.value_popup .inner_pop .pop_header .popup_logo {top:8px; left:8px; height:17px;}
	.value_popup .inner_pop .pop_header p {padding-top:48px; font-size:24px;}
	.value_popup .inner_pop .pop_cont {padding:24px 24px 5px;}
	.value_popup .inner_pop .pop_cont .value_list {margin-bottom:17px; padding:4px 14px;}
	.value_popup .inner_pop .pop_cont .value_list li {padding:3px 7px; font-size:16px;}
	.value_popup .inner_pop .pop_cont .value_txt {padding-top:7px;}
	.value_popup .inner_pop .pop_cont .value_txt .tit {font-size:16px;}
	.value_popup .inner_pop .pop_cont .value_txt .txt_wrap {padding:16px 0 14px 0;}
	.value_popup .inner_pop .pop_cont .value_txt .txt_wrap .main_txt {padding-bottom:12px; font-size:14px; line-height: 1.7em;}
	.value_popup .inner_pop .pop_cont .value_txt .txt_wrap .sub_tit {padding-bottom:12px; font-size:14px;}
	.value_popup .inner_pop .pop_cont .value_txt .txt_wrap .txt {font-size:12px; line-height:1.8em; margin-bottom:7px; letter-spacing:0.1px; }
	.value_popup .inner_pop .pop_cont .value_txt .txt_wrap .list_txt li {font-size:12px; line-height:1.8em; margin-bottom:8px;}
	.value_popup .inner_pop .pop_close {width:26px; height:26px; margin-right:-188px; margin-top:10px; padding:2px;} 
	.value_popup .inner_pop .pop_close:before {width:22px; height:22px;}
}

@media (max-width:495px) {
	.values .edu_values .value_cont .txt_wrap .right_box .center_area{width:100%; padding-left:0;}
}

@media (max-width:480px) {
	.value_popup .popup_content {width:350px;}
	.value_popup .inner_pop .pop_header {height:110px;}
	.value_popup .inner_pop .pop_header:before {top:40px;}
	.value_popup .inner_pop .pop_header .popup_logo {top:7px; left:7px;}	
	.value_popup .inner_pop .pop_header p {padding-top:45px;}
	.value_popup .inner_pop .pop_cont .value_txt .txt_wrap .txt {line-height:1.75em; letter-spacing:-0.2px; }
	.value_popup .inner_pop .pop_cont .value_txt .txt_wrap .list_txt li {line-height:1.75em;}
	.value_popup .inner_pop .pop_close {margin-right:-160px;}
}

@media (max-width:400px) {
	.value_popup .popup_content {width:310px;}
	.value_popup .inner_pop .pop_cont .value_list {margin-bottom: 15px; padding: 2px 14px;}
	.value_popup .inner_pop .pop_close {margin-right:-139px;}
}

@media (max-width:360px) {
	.value_popup .popup_content {width:280px;}
	.value_popup .inner_pop .pop_header:before {top:38px; width:35px;}
	.value_popup .inner_pop .pop_header p {font-size:21px;}
	.value_popup .inner_pop .pop_cont .value_list li {padding:3px 0; font-size:15px;}
	.value_popup .inner_pop .pop_cont .value_txt .tit {font-size:15px;}
	.value_popup .inner_pop .pop_cont {padding:20px 17px 5px;}
	.value_popup .inner_pop .pop_cont .value_txt .txt_wrap {padding:12px 0 11px 0;}
	.value_popup .inner_pop .pop_close {margin-right:-126px;}
}

@media (max-width:320px) {
	.value_popup .popup_content {width:240px;}
	.value_popup .inner_pop .pop_close{width:25px; height:25px; margin-right:-106px;}
	.value_popup .inner_pop .pop_close:before {width:21px; height:21px;}
	
}

/* 교육철학 */
.philosophy .jumbotron {height:570px; padding-top:80px; background-image:url(/img/masterymath/bg/bg_philosophy_01.png); background-position:center; background-size:cover; color:#333;}
.philosophy .jumbotron .tit {font-family:"Nanum Square"; font-size:60px; line-height:1.2em;}
.philosophy .jumbotron .sub_txt {margin-top:25px; font-family:"Nanum Square"; font-size:40px; font-weight:300; line-height:1.4em;}
.philosophy .upper {overflow:hidden; margin-top:75px;}
.philosophy .upper .tit {float:left; width:33%; margin-top:-8px; font-family:"Nanum Square"; font-size:40px; line-height:1.4em;}
.philosophy .upper .txt_wrap {float:left; width:67%; margin-top:-8px;}
.philosophy .upper .txt {font-size:14px; line-height:2em; color:#333;}
.philosophy .upper .txt + .txt {margin-top:15px;}
.philosophy .lower {position:relative; margin-top:40px; padding-top:460px; background:url(/img/masterymath/bg/bg_philosophy_02.png) no-repeat; background-position:top center;}
.philosophy .lower .tit {position:absolute; top:330px; right:0; padding:30px 20px 0 40px; background:#fff; font-family:"Nanum Square"; font-size:40px; line-height:1.4em;}
.philosophy .lower .txt_wrap {overflow:hidden; margin:0 -15px; padding-top:45px;}
.philosophy .lower .txt {float:left; width:calc(50% - 30px); margin:0 15px;}

@media (max-width:1024px) {
    .philosophy .jumbotron {height:400px; margin-top:-30px; padding-top:50px;}
	.philosophy .jumbotron .tit {font-size:46px;}
	.philosophy .jumbotron .sub_txt {font-size:30px;}
	.philosophy .upper {margin-top:30px;}
	.philosophy .upper .tit {float:none; width:100%; margin:0; font-size:30px;}
	.philosophy .upper .tit br {display:none;}
	.philosophy .upper .txt_wrap {float:none; width:100%; margin:0; margin-top:15px;}
	.philosophy .lower {margin-top:30px; padding-top:45%; background-size:contain;}
	.philosophy .lower .tit {position:static; padding:0; padding-top:30px; background:none; font-size:30px;}
	.philosophy .lower .txt_wrap {margin:0; margin-top:15px; padding:0;}
	.philosophy .lower .txt {float:none; width:100%; margin:0;}
    .philosophy .lower .txt + .txt {margin-top:15px;}
}

@media (max-width:599px) {
    .philosophy .jumbotron {height:300px; padding-top:30px;}
	.philosophy .jumbotron .tit {font-size:30px;}
	.philosophy .jumbotron .sub_txt {font-size:20px;}
	.philosophy .upper .tit,.philosophy .lower .tit {font-size:20px;}
    .philosophy .upper .txt,.philosophy .lower .txt {line-height:1.8em;}
}

/* 연혁 */
.history_wrap {max-width:1560px; margin:0 auto; padding:0 30px;}
.history_wrap dl {position:relative; padding-top:5px; padding-bottom:150px;}
.history_wrap dl:before {display:block; position:absolute; top:0; left:50%; width:1px; height:100%; background:#cdcdcd; content:"";}
.history_wrap dl:after {display:block; clear:both; content:"";}
.history_wrap dl > div {position:relative; width:50%; margin-top:90px;}
.history_wrap dl > div:first-child {margin-top:55px;}
.history_wrap dl > div:nth-child(odd) {margin-left:50%;}
.history_wrap dl > div:nth-child(even) {margin-right:50%; text-align:right;}
.history_wrap dt {position:relative;}
.history_wrap dt span {position:absolute; width:165px; margin-top:-20px; font-family:"Lato"; font-size:50px; font-weight:700; line-height:1.2em; color:#43a8a4; text-align:center;}
.history_wrap dl > div:nth-child(odd) dt span {left:0; -webkit-transform:translateX(-100%); transform:translateX(-100%);}
.history_wrap dl > div:nth-child(even) dt span {right:0; -webkit-transform:translateX(100%); transform:translateX(100%);}
.history_wrap dt img {position:absolute; top:-10px; right:0; width:360px; width:48%;}
.history_wrap dl > div:nth-child(odd) dt img.left {right:auto; left:-100%;}
.history_wrap dl > div:nth-child(odd) dt img.right {right:0; left:auto;}
.history_wrap dl > div:nth-child(even) dt img.left {right:auto; left:0;}
.history_wrap dl > div:nth-child(even) dt img.right {right:-100%; left:auto;}
.history_wrap dd {position:relative; margin-bottom:10px; font-size:14px; line-height:1.5em;}
.history_wrap dd:before {position:absolute; top:3px; width:14px; height:14px; border:2px solid #43a8a4; border-radius:50%; background:#fff; content:"";}
.history_wrap dd.pic:before {background:#43a8a4;}
.history_wrap dd:after {position:absolute; top:10px; z-index:-1; width:30px; height:1px; background:#cdcdcd; content:"";}
.history_wrap dl > div dd:last-child {margin:0;}
.history_wrap dl > div:nth-child(odd) dd:before {left:-6px;}
.history_wrap dl > div:nth-child(even) dd:before {right:-8px;}
.history_wrap dl > div:nth-child(odd) dd:after {left:0;}
.history_wrap dl > div:nth-child(even) dd:after {right:0;}
.history_wrap dl > div:nth-child(odd) dd p {padding-right:calc(48% + 30px); padding-left:45px;}
.history_wrap dl > div:nth-child(even) dd p {padding-right:45px; padding-left:calc(48% + 30px);}

@media (max-width:1024px) {
    .history_wrap dl {padding:50px 8px;}
	.history_wrap dl:before {left:8px;}
	.history_wrap dl > div {width:100% !important; margin-top:30px;margin-right:0 !important; margin-left:0 !important; text-align:left !important;}
	.history_wrap dl > div:first-child {margin-top:0;}
	.history_wrap dt {margin-bottom:15px;}
	.history_wrap dt span {position:static; width:auto; padding-left:45px; font-size:40px; -webkit-transform:none !important; transform:none !important;}
	.history_wrap dd {margin-bottom:5px;}
	.history_wrap dd:before {right:auto; left:-6px !important;}
	.history_wrap dd:after {right:auto; left:0;}
	.history_wrap dl dd p {padding-right:210px !important; padding-left:45px !important; -webkit-animation-name:fadeInRight !important; animation-name:fadeInRight !important;}
    .history_wrap dt img {top:0; right:0 !important; left:auto !important; max-width:180px;}
}

@media (max-width:599px) {
    .history_wrap dl {padding:30px 0;}
	.history_wrap dl:before {display:none;}
	.history_wrap dl > div {padding-top:30px;}
	.history_wrap dt span {display:block; padding:0; font-size:30px;}
	.history_wrap dt img {display:block; position:static; width:180px; margin:15px auto; -webkit-animation-delay:0s !important; animation-delay:0s !important;}
	.history_wrap dd:before {top:5px; left:0 !important; width:10px; height:10px;}
	.history_wrap dd:after {display:none;}
    .history_wrap dl dd p {padding-right:0 !important; padding-left:20px !important; -webkit-animation-name:none !important; animation-name:none !important;}
}

/* 찾아오시는 길 */
.directions .directions_map {position:relative; width:100%; height:500px; background-color:gray;}
.directions .directions_map iframe {position:absolute; top:0; left:0; width:100%; height:100%;} 
.directions .directions_list .directions_text {overflow:hidden; padding:24px 0; border-bottom:1px solid #cdcdcd;}
.directions .directions_list .directions_text dt {float:left; min-width:150px; font-size:18px; font-weight:700; line-height:30px; color:#333;}
.directions .directions_list .directions_text dd {padding:4px 0; padding-left:150px; font-size:14px; line-height:20px; color:#666;}
.directions .directions_list .directions_text .text_pd {padding-right:100px;}
.directions .directions_list .directions_text dd ul {margin:-5px 0;}
.directions .directions_list .directions_text dd ul li {padding:5px 0;}
.directions .directions_list .directions_text dd ul li:last-child {margin-bottom:0;}
.directions .directions_list .directions_text dd span {display:inline-block; vertical-align:top;}
.directions .directions_list .directions_text dd .infor_tit {font-size:14px; line-height:20px; color:#333;}
.directions .directions_list .directions_text.tel dd {display:inline-block; padding:5px 0; vertical-align:top;}
.directions .directions_list .directions_text.tel dd:first-of-type {margin-right:30px;}
.directions .directions_list .directions_text dd .color_text a {display:inline-block; color:#43a8a4;}

@media (max-width:1024px) {
    .directions .directions_map {height:350px; margin-top:-30px;}
	.directions .directions_list .directions_text {padding:15px 0;}
	.directions .directions_list .directions_text dt {min-width:120px; font-size:16px;}
	.directions .directions_list .directions_text dd {padding-left:120px;}
	.directions .directions_list .directions_text dd ul {margin:-3px 0;}
	.directions .directions_list .directions_text dd ul li {padding:3px 0;}
	.directions .directions_list .directions_text dd .infor_tit {font-size:14px;}
    .directions .directions_list .directions_text.tel dd {display:block; padding-left:120px;}
}

@media (max-width:599px) {
    .directions .directions_map {height:300px;}
	.directions .directions_list .directions_text dt {float:none; min-width:0; margin-bottom:10px;}
	.directions .directions_list .directions_text .cont_tit_lh {padding:0;}
	.directions .directions_list .directions_text dd {float:none; padding:0;}
    .directions .directions_list .directions_text.tel dd {padding:0;}
}

/* 사업영역 - 수학영재교육 - 영재센터 */
.elite_tab1 .diagram {padding-top:75%;background-image:url(/img/masterymath/bg/bg_elite_tab1.png);}

/* 사업영역 - 수학영재교육 - 하베르만 */
.elite_tab2 .diagram {padding-top:75%;background-image:url(/img/masterymath/bg/bg_elite_tab2.png);}

/* 사업영역 - 수학전문학원 - 유투엠 */
.pro_tab1 .diagram {padding-top:60%;background-image:url(/img/masterymath/bg/bg_pro_tab1.png);}

/* 사업영역 - 수학전문학원 - 올림피아드학원 */
.pro_tab2 .diagram {padding-top:51%;background-image:url(/img/masterymath/bg/bg_pro_tab2.png);}

/* 사업영역 - 수학전문학원 - 거꾸로수학교실 */
.pro_tab3 .diagram {padding-top:53%;background-image:url(/img/masterymath/bg/bg_pro_masterymath_tab3.png);}

/* 사업영역 - 영어전문학원 - GLEC어학원 */
.glec .diagram {padding-top:53%;background-image:url(/img/masterymath/bg/bg_glec.png);}

/* 사업영역 - 해외연수 */
/* .overseas .bottom_visual {display:table; width:100%; height:340px; background:url(/img/olym/bg/bg_overseas_bottom.png) no-repeat; background-position:center right;}
.overseas .bottom_visual .txt_wrap {display:table-cell; vertical-align:middle;} */
.overseas .diagram {padding-top:52%;background-image:url(/img/masterymath/bg/bg_overseas.png);}

@media (max-width:1024px) {
    .overseas .bottom_visual {height:190px; background-size:100%;}
}

@media (max-width:599px) {
    .overseas .bottom_visual {height:auto; background:none;}
}

/* 사업영역 - 방과후수업 */
.afterschool .bottom_visual {display:table; width:100%; height:340px; background:url(/img/masterymath/bg/bg_afterschool_bottom.png) no-repeat; background-position:center right;}
.afterschool .bottom_visual .txt_wrap {display:table-cell; vertical-align:middle;}
.afterschool .diagram {padding-top:46%;background-image:url(/img/masterymath/bg/bg_afterschool.png);}

@media (max-width:1024px) {
    .afterschool .bottom_visual {height:190px; background-size:100%;}
}

@media (max-width:599px) {
    .afterschool .bottom_visual {height:auto; background:none;}
}

/* 사업영역 - 교재출판 */
.publish .sub_visual {margin-bottom:135px; padding-top:70px; background:#e6eff1;}
/* .publish .type_publish01 {background-image:url(/img/olym/bg/bg_type_publish01.jpg);}
.publish .type_publish02 {background-image:url(/img/olym/bg/bg_type_publish02.jpg);}
.publish .type_publish03 {background-image:url(/img/olym/bg/bg_type_publish03.jpg);}
.publish .type_publish04 {background-image:url(/img/olym/bg/bg_type_publish04.jpg);}
.publish .type_publish05 {background-image:url(/img/olym/bg/bg_type_publish05.jpg);} */

.publish .publish_book {margin-top:45px; padding:50px; background-color:#fff;}
.publish .publish_book .publish_list {overflow:hidden; margin:0 -15px;} 
.publish .publish_book .publish_list li {float:left; width:16.66%; padding:0 15px;}
.publish .publish_book .publish_list li img {border:1px solid #ccc;}
.publish .publish_text {margin-bottom:70px; padding:0 50px; text-align:center;}
.publish .publish_text .main_tit {display:block; margin-bottom:12px; font-family:"Nanum Square"; font-size:30px; font-weight:normal; line-height:1.6em; color:#1D676A;}
.publish .publish_text p {font-size:14px; line-height:2em;} 

@media (max-width:1024px) {
    .publish .sub_visual {margin-bottom:0; padding-top:50px;}
	.publish .publish_book {padding:30px;}
	.publish .publish_book .publish_list {margin:-15px;}
	.publish .publish_book .publish_list li {width:33.33%; padding:15px; line-height:0;text-align:center;}
	.publish .publish_book .publish_list li img {width:100%; max-width:120px;}
	.publish .publish_text {margin-bottom:30px; padding:30px 0;}
	.publish .publish_text .main_tit {font-size:24px;}
    .publish .publish_text p {line-height:1.8em;}
}

@media (max-width:599px) {
    .publish .sub_visual {padding-top:30px; padding-bottom:0;}
	.publish .publish_book {position:relative; left:-15px; width:calc(100% + 30px); margin-top:30px; padding:30px 15px;}
	.publish .publish_text {padding-top:0;}
	.publish .publish_text .main_tit {font-size:18px;}
	.publish .publish_text p {font-size:12px;}
    .publish .publish_text p br {display:none;}
}

/* 연구개발 */
.develop article {text-align:left;}
.develop .develop_cont_tit {display:inline-block; position:relative; z-index:0; margin-bottom:24px; font-family:"Nanum Square"; font-size:50px; font-weight:400; line-height:54px; color:#fff;}
.develop .develop_cont_tit:before {position:absolute; bottom:0; left:0; z-index:-1; width:100%; height:18px; background:#20868f; content:"";}
.develop .develop_cont_txt {font-size:15px; line-height:1.85em; color:#fff; -webkit-animation-delay:.2s; animation-delay:.2s;}
.develop .diagram {height:auto; margin-top:65px; -webkit-animation-delay:.6s; animation-delay:.6s;}
.develop .diagram img {display:block; margin:0 auto;}
.develop .elite {background-image:url(/img/masterymath/bg/bg_develop_elite.png);}
.develop .math {background-image:url(/img/masterymath/bg/bg_develop_math.png);}
.develop .strategy {background-image:url(/img/masterymath/bg/bg_develop_strategy.png);}
.develop .gleceng {background-image:url(/img/masterymath/bg/bg_develop_glec.png);}
.develop .dream {background-image:url(/img/masterymath/bg/bg_develop_dream.png);}
.develop .slide .btn_wrap {margin-top:20px; margin-bottom:-25px;}
.develop .slide .btn_wrap span {text-transform:capitalize;}

@media (max-width:1024px), (max-height:900px) {
	.develop .diagram img {max-height:270px;}
}

@media (max-width:1024px), (max-height:768px) {
    .develop .develop_cont_tit {margin-bottom:15px; font-size:24px; line-height:1.5em;}
	.develop .develop_cont_tit:before {height:10px;}
	.develop .develop_cont_txt {font-size:14px; line-height:1.8em;}
	.develop .diagram {margin-top:30px;}
	.develop .diagram img {max-height:180px;}
    .develop .slide .btn_wrap {margin-top:15px; margin-bottom:0;}
}

@media (max-width:599px) {
    .develop article {margin-top:60px;}
	.develop .develop_cont_tit {font-size:18px;}
	.develop .develop_cont_txt {font-size:12px; line-height:1.6em;}
	.develop .diagram {margin-top:15px;}
    .develop .diagram img {width:100%; height:auto; max-height:100%;}
}

@media (max-width:320px) {
    .develop .develop_cont_txt {font-size:10px;}
    /* .develop .diagram img {max-height:120px;} */
}

/* 가맹안내 - 공통 */
.franchise_mod_cont {display:table; width:100%; height:360px; margin-bottom:50px; padding:0 30px; background-position:center; background-size:cover; text-align:center;}
.franchise_mod_cont .txt_wrap {display:table-cell; vertical-align:middle;}
.franchise_mod_cont .tit {font-family:"Nanum Square"; font-size:40px; line-height:1.4em; color:#fff;} 
.franchise_mod_cont .tit strong {font-family:inherit; font-weight:700;}
.franchise_mod_cont .txt {margin-top:20px; font-family:"Nanum Square"; font-size:16px; line-height:1.75em; color:#fff;}
.franchise_step_txt .step_info > li {padding:40px 0 35px; border-bottom:1px solid #ddd;}
.franchise_step_txt .step_info > li .tit {display:block; margin-bottom:5px; font-family:"Nanum Square"; font-size:20px; font-weight:700; line-height:1.5em; color:#222;}
.franchise_step_txt .step_info > li .txt {font-size:15px; line-height:1.8em; color:#555;}
.franchise_step_txt .notice {margin-top:35px; font-size:13px; line-height:1.5em; color:#43a8a4;}
.franchise_step_txt .notice:before {content:"*";}

@media (max-width:1024px) {
    .franchise_mod_cont {height:auto !important; margin-bottom:30px; padding:30px;}
	.franchise_mod_cont .tit {font-size:24px;}
	.franchise_mod_cont .txt {margin-top:15px; font-size:14px;}
	.franchise_mod_cont .txt br {display:none;}
	.franchise_step_txt .step_info > li {padding:15px 0;}
	.franchise_step_txt .step_info > li .tit {margin-bottom:15px; font-size:18px;}
	.franchise_step_txt .step_info > li .txt {font-size:14px; line-height:1.6em;}
    .franchise_step_txt .notice {margin-top:15px; font-size:12px;}
}

@media (max-width:599px) {
    .franchise_mod_cont {padding:30px 15px;}
	.franchise_mod_cont .tit {font-size:18px;}
	.franchise_mod_cont .tit br {display:none;}
	.franchise_mod_cont .txt {font-size:12px; line-height:1.6em;}
	.franchise_step_txt .step_info > li {text-align:center;}
	.franchise_step_txt .step_info > li .tit {font-size:16px;}
    .franchise_step_txt .step_info > li .txt {font-size:12px;}
}

/* 가맹안내 - 올림피아드 가맹안내 */
.franchise_info .franchise_mod_cont {background-image:url(/img/masterymath/bg/bg_subvisual_franchise_info.jpg);}
.franchise_info .info_wrap {margin-bottom:50px;}
.franchise_info .info_wrap:after {display:table; clear:both; content:"";}
.franchise_info .info_wrap .img {float:left; width:50%; padding-right:51px;}
.franchise_info .info_wrap .txt {overflow:hidden; width:50%; margin-top:-6px;}
.franchise_info .info_wrap .txt p {margin-bottom:15px; font-size:15px; line-height:1.85em; color:#333;}
.franchise_info .info_wrap .txt p:last-child {margin-bottom:0;}
.franchise_info .diagram_view .diagram_txt {margin-bottom:50px; text-align:center;}
.franchise_info .diagram_view .diagram_txt .tit {margin-bottom:12px; font-family:"Nanum Square"; font-size:40px; font-weight:700; line-height:1.35em; color:#1D676A;}
.franchise_info .diagram_view .diagram_txt .txt {font-family:"Nanum Square"; font-size:16px; line-height:1.75em; color:#333;}
.franchise_info .diagram {padding-top:57%; background-image:url(/img/masterymath/bg/bg_franchise_info_diagram.png);}
.franchise_info .counsel_wrap {display:none;}

@media (max-width:1024px) {
    .franchise_info .info_wrap {margin-bottom:30px;}
	.franchise_info .info_wrap .img {float:none; width:100%; margin-bottom:30px; padding:0; text-align:center;}
	.franchise_info .info_wrap .img img {height:212px;}
	.franchise_info .info_wrap .txt {width:100%; margin:0;}
	.franchise_info .info_wrap .txt p {font-size:14px; line-height:1.8em;}
	.franchise_info .diagram_view .diagram_txt {margin-bottom:30px;}
	.franchise_info .diagram_view .diagram_txt .tit {font-size:24px;}
	.franchise_info .diagram_view .diagram_txt .txt {font-size:14px;}
    .franchise_info .diagram_view .diagram_txt .txt br {display:none;}
}

@media (max-width:599px) {
    .franchise_info .info_wrap .txt p {font-size:12px; line-height:1.6em;}
	.franchise_info .diagram_view {margin:0;}
	.franchise_info .diagram_view .diagram_txt {margin-bottom:30px;}
	.franchise_info .diagram_view .diagram_txt .tit {font-size:18px;}
	.franchise_info .diagram_view .diagram_txt .txt {font-size:12px; line-height:1.6em;}
	.franchise_info .counsel_wrap {display:block;}
	.franchise_info .counsel {padding-top:30px;}
	.franchise_info .counsel .txt_wrap {position:relative; padding-top:80px; font-family:"Nanum Square"; text-align:center;}
	.franchise_info .counsel .txt_wrap:before {position:absolute; top:0; left:50%; width:66px; height:65px; background-image:url(/img/masterymath/sprite/sprite.png); background-position:-2.5px -155.5px; background-size:500px; -webkit-transform:translateX(-50%); transform:translateX(-50%); content:"";}
	.franchise_info .counsel .txt_wrap .tit {font-family:inherit; font-size:18px; font-weight:700; line-height:1.5em; color:#222;}
	.franchise_info .counsel .txt_wrap .txt {margin-top:15px; font-family:inherit; font-size:14px; line-height:1.5em; color:#555;}
	.franchise_info .counsel .txt_wrap .tel {display:block; font-family:inherit; font-size:18px; line-height:1.5em;}
    .franchise_info .counsel .txt_wrap .tel a {font-weight:700; color:#43a8a4;}
}

/* 가맹안내 - 가맹 및 개원 절차 */
.franchise_step .step_wrap {padding-bottom:10px; background:url(/img/masterymath/bg/bg_franchise_step.png); background-position:center; background-size:cover;}
.franchise_step .step_wrap .step_tit {margin:0; padding-top:45px; font-size:30px;}
.franchise_step .step_wrap ol {margin:60px -35px 0;}
.franchise_step .step_wrap ol:after {display:block; clear:both; content:"";}
.franchise_step .step_wrap ol li {float:left; position:relative; width:20%; margin-bottom:50px; line-height:0; text-align:center;}
.franchise_step .step_wrap ol li:nth-child(6) {margin-right:20%;}
.franchise_step .step_wrap ol li:nth-child(n+5) {float:right;}
.franchise_step .step_wrap ol li:after {position:absolute; top:50%; right:0; width:18px; height:18px; border:2px solid #01aeba; -webkit-transform:rotate(45deg) translateY(-50%); transform:rotate(45deg) translateY(-50%); content:"";}
.franchise_step .step_wrap ol li:nth-child(-n+5):after {margin-right:2px; border-bottom:0; border-left:0;;}
.franchise_step .step_wrap ol li:nth-child(n+5):after {margin-right:-8px; border-top:0; border-right:0;}
.franchise_step .step_wrap ol li:nth-child(5):after {display:none;}
.franchise_step .step_wrap ol li:nth-child(6):before {position:absolute; top:-5px; left:102%; width:49%; height:85px; border-right:3px dotted #01aeba; border-bottom:3px dotted #01aeba; content:"";}
.franchise_step .step_wrap ol li .step {display:inline-block; position:relative; width:150px; height:150px; border-radius:50%; background:#fff; -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.1); box-shadow:0 0 20px 0 rgba(0,0,0,0.1);}
.franchise_step .step_wrap ol li .step .num {position:absolute; top:-0.75em; left:0; font-family:"Lato"; font-size:20px; font-weight:700; line-height:1.5em; color:#43a8a4; letter-spacing:0;}
.franchise_step .step_wrap ol li .step .txt_wrap {display:table; width:100%; padding-top:75px;}
.franchise_step .step_wrap ol li .step .txt_wrap:before {position:absolute; top:25px; left:50%; height:45px; background-image:url(/img/masterymath/sprite/sprite.png?v=1.0); background-size:500px; -webkit-transform:translateX(-50%); transform:translateX(-50%); content:"";}
.franchise_step .step_wrap ol li:nth-child(1) .step .txt_wrap:before {width:48px; background-position:-5px -166px;}
.franchise_step .step_wrap ol li:nth-child(2) .step .txt_wrap:before {width:45px; background-position:-58px -166px;}
.franchise_step .step_wrap ol li:nth-child(3) .step .txt_wrap:before {width:41px; background-position:-108px -166px;}
.franchise_step .step_wrap ol li:nth-child(4) .step .txt_wrap:before {width:34px; background-position:-154px -166px;}
.franchise_step .step_wrap ol li:nth-child(5) .step .txt_wrap:before {width:41px; margin-left:3px; background-position:-193px -166px;}
.franchise_step .step_wrap ol li:nth-child(6) .step .txt_wrap:before {width:45px; background-position:-239px -166px;}
.franchise_step .step_wrap ol li:nth-child(7) .step .txt_wrap:before {width:43px; background-position:-289px -166px;}
.franchise_step .step_wrap ol li:nth-child(8) .step .txt_wrap:before {width:44px; background-position:-337px -166px;}
.franchise_step .step_wrap ol li:nth-child(9) .step .txt_wrap:before {width:27px; background-position:-386px -166px;}
.franchise_step .step_wrap ol li .step .txt_wrap .txt {display:table-cell; height:2.8em; font-family:"Nanum Square"; font-size:16px; font-weight:700; line-height:1.4em; color:#333; vertical-align:middle;}
.franchise_step .franchise_step_txt .img_list {overflow:hidden;margin:25px -10px 0; line-height:0;}
.franchise_step .franchise_step_txt .img_list li {float:left; width:33.33%; padding:0 10px;}
.franchise_step .franchise_step_txt .img_list li img {width:100%;}
.franchise_step .franchise_step_txt .smart_edu {margin-top:25px;}
.franchise_step .franchise_step_txt .smart_edu dt {float:left; font-size:16px; font-weight:700; line-height:28px; color:#1D676A;}
.franchise_step .franchise_step_txt .smart_edu dt:after {margin:0 0.2em; color:#333; content:":";}
.franchise_step .franchise_step_txt .smart_edu dd {overflow:hidden; font-size:15px; line-height:28px;}

@media (max-width:1024px) {
    .franchise_step .step_wrap {margin-top:-30px; padding-bottom:0;}
	.franchise_step .step_wrap .step_tit {padding-top:30px;}
	.franchise_step .step_wrap ol {max-width:420px; margin:0 auto; margin-top:30px;}
	.franchise_step .step_wrap ol li {float:left !important; width:33.33%; margin-right:0 !important; margin-bottom:30px;}
	.franchise_step .step_wrap ol li:before,.franchise_step .step_wrap ol li:after {display:none;}
	.franchise_step .step_wrap ol li .step {width:120px; height:120px;}
	.franchise_step .step_wrap ol li .step .num {font-size:18px;}
	.franchise_step .step_wrap ol li .step .txt_wrap {padding-top:70px;}
	.franchise_step .step_wrap ol li .step .txt_wrap:before {top:15px;}
	.franchise_step .step_wrap ol li .step .txt_wrap .txt {font-size:14px;}
	.franchise_step .franchise_step_txt .smart_edu dt {font-size:14px; line-height:1.6em;}
	.franchise_step .franchise_step_txt .smart_edu dd {font-size:14px; line-height:1.6em;}
    .franchise_step .franchise_step_txt .img_list,.franchise_step .franchise_step_txt .smart_edu {margin-top:15px;}
}

@media (max-width:599px) {
    .franchise_step .step_wrap ol li {padding-bottom:2.8em; font-size:12px;}
	.franchise_step .step_wrap ol li .step {width:80px; height:80px;}
	.franchise_step .step_wrap ol li .step .num {font-size:16px;}
	.franchise_step .step_wrap ol li .step .txt_wrap {padding-top:90px;}
	.franchise_step .step_wrap ol li .step .txt_wrap:before {top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
	.franchise_step .step_wrap ol li .step .txt_wrap .txt {font-size:12px;}
	.franchise_step .franchise_step_txt .img_list {margin:0; margin-top:15px;}
	.franchise_step .franchise_step_txt .img_list li {width:100%; margin-bottom:15px; padding:0;}
	.franchise_step .franchise_step_txt .img_list li:last-child {margin:0;}
	.franchise_step .franchise_step_txt .smart_edu dt {float:none; margin:10px 0;}
	.franchise_step .franchise_step_txt .smart_edu dt:after {display:none;}
	.franchise_step .franchise_step_txt .smart_edu dd {font-size:12px;}
    .franchise_step .franchise_step_txt .smart_edu dd br {display:none;}
}

/* 가맹안내 - 개원 및 운영지원 */
.franchise_support .franchise_mod_cont {height:300px; margin-bottom:0; background-image:url(/img/masterymath/bg/bg_subvisual_franchise_support.jpg);}
.franchise_support .img_list {overflow:hidden; margin:-7px; margin-top:25px; line-height:0;}
.franchise_support .img_list li {float:left; margin:7px;}
.franchise_support .img_list img {height:165px; border:1px solid #ddd;}
.franchise_support .img_list.brand img {height:128px;}

@media (max-width:1024px) {
    .franchise_support .img_list {margin-top:15px;}
}

@media (max-width:599px) {
    .franchise_support .img_list li {float:none;}
}

/* 가맹안내 - 가맹사업 브랜드 소개 */
.franchise_brand .franchise_mod_cont {background-image:url(/img/masterymath/bg/bg_subvisual_franchise_brand.jpg);}
.franchise_brand .franchise_mod_cont .txt_wrap {-webkit-transform:translateY(-64px);transform:translateY(-64px);}
.franchise_brand .info_wrap {width:calc(100% - 100px); margin:0 auto; margin-top:-155px; padding:40px 45px 0; background:#fff;}
.franchise_brand .info_wrap ul li {margin-bottom:65px;}
.franchise_brand .info_wrap ul li .logo {float:left; width:260px; padding-top:30px;}
.franchise_brand .info_wrap ul li.utom .logo img {height:98px;}
.franchise_brand .info_wrap ul li.reverse .logo img {height:89px;}
.franchise_brand .info_wrap ul li .info_txt {overflow:hidden; position:relative; margin:-5px 0; padding-left:50px; border-left:2px dotted #bebebe;}
.franchise_brand .info_wrap ul li .info_txt .tit {margin-bottom:5px; font-family:"Nanum Square"; font-size:24px; font-weight:700; line-height:1.5em; color:#222;}
.franchise_brand .info_wrap ul li .info_txt .txt {margin-bottom:15px; font-size:15px; line-height:1.85em; color:#555;}
.franchise_brand .info_wrap ul li .info_txt .txt:last-child {margin-bottom:0;}
.franchise_brand .counsel {overflow:hidden; position:relative; padding-top:40px; border-top:1px solid #dcdcdc;}
.franchise_brand .counsel .txt_wrap {float:left; position:relative; margin-bottom:15px; padding-left:85px; font-family:"Nanum Square";}
.franchise_brand .counsel .txt_wrap:before {position:absolute; top:0; left:0; width:66px; height:65px; background-image:url(/img/masterymath/sprite/sprite.png?v=1.0); background-position:-2.5px -155.5px; background-size:500px; content:"";}
.franchise_brand .counsel .txt_wrap .tit {margin-top:-6px; font-family:inherit; font-size:24px; font-weight:700; line-height:1.5em; color:#222;}
.franchise_brand .counsel .txt_wrap .txt {margin-top:10px; font-family:inherit; font-size:16px; line-height:20px; color:#555;}
.franchise_brand .counsel .txt_wrap .tel {margin-left:15px; font-family:inherit; font-size:30px; line-height:20px;}
.franchise_brand .counsel .txt_wrap .tel a {font-weight:700; color:#43a8a4;}
.franchise_brand .counsel .txt_wrap .tel small {margin-right:15px; font-size:14px;}
.franchise_brand .counsel .btn_wrap {float:right;}
.franchise_brand .counsel .btn_wrap a {width:250px; border:0; background:#43a8a4; font-size:18px; font-weight:700; line-height:70px; color:#fff;}
.franchise_brand .counsel .btn_wrap .link span:before,.franchise_brand .counsel .btn_wrap .link span:after {right:20px;}

@media (max-width:1024px) {
    .franchise_brand .franchise_mod_cont .txt_wrap {-webkit-transform:none;transform:none;}
	.franchise_brand .info_wrap {width:100%; margin:0 auto 30px; padding:0;}
	/*.franchise_brand .info_wrap ul li {margin-bottom:30px;}*/
	.franchise_brand .info_wrap ul li .logo {width:250px; padding:0;}
	.franchise_brand .info_wrap ul li .info_txt {padding-left:30px;}
	.franchise_brand .info_wrap ul li .info_txt .tit {margin-bottom:15px;font-size:18px; line-height:28px;}
	.franchise_brand .info_wrap ul li .info_txt .txt {font-size:14px;}
	.franchise_brand .counsel {padding-top:30px;}
	.franchise_brand .counsel .txt_wrap {float:none;}
	.franchise_brand .counsel .btn_wrap {float:none; margin-top:30px;}
	.franchise_brand .counsel .btn_wrap a {width:220px; font-size:16px; line-height:50px;}
	.franchise_brand .counsel .txt_wrap .tit {font-size:18px;}
	.franchise_brand .counsel .txt_wrap .txt {margin-top:5px;}
	.franchise_brand .counsel .txt_wrap .tel {font-size:24px;}}
@media (max-width:599px) {
    .franchise_brand .info_wrap ul li .logo {float:none; width:auto; margin:0 auto 15px; line-height:0;text-align:center;}
	.franchise_brand .info_wrap ul li .info_txt {padding-top:15px; padding-left:0; border:0; border-top:2px dotted #dcdcdc; text-align:center;}
	.franchise_brand .info_wrap ul li .info_txt .txt {font-size:12px; line-height:1.6em;}
	.franchise_brand .counsel .txt_wrap {padding:0; padding-top:80px; text-align:center;}
	.franchise_brand .counsel .txt_wrap:before {left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
	.franchise_brand .counsel .txt_wrap .tit {margin:0;}
	.franchise_brand .counsel .txt_wrap .txt {margin-top:15px; font-size:14px; line-height:1.5em;}
    .franchise_brand .counsel .txt_wrap .tel {display:block; margin:0; font-size:18px;line-height:1.5em;}
    .franchise_brand .counsel .txt_wrap .tel small {margin:0; font-size:12px;}
	.franchise_brand .counsel .btn_wrap {text-align:center;}
    .franchise_brand .counsel .btn_wrap a {font-size:14px; line-height:40px;}
}

/* 가맹안내 - 가맹상담 신청 */
.franchise_input .form_wrap .tit {margin-bottom:0; font-size:30px;}
.franchise_input .form_wrap .tit strong {font-family:inherit; color:#1D676A;}
.franchise_input .form_wrap .must_info {display:block; font-family:"Nanum Square"; font-size:14px; font-weight:700; line-height:36px; color:#1fb7c1; text-align:right;}
.franchise_input .form_wrap .must_info strong {position:relative; top:-2px;}
.franchise_input .form_term {padding:30px; padding-bottom:40px; border:1px solid #cdcdcd; border-top:0;}
.franchise_input .form_term dt {margin-bottom:5px; font-family:"Nanum Square"; font-size:16px; font-weight:700; line-height:1.5em; color:#333;}
.franchise_input .form_term dl > div {margin-bottom:20px;}
.franchise_input .form_term dd {font-size:15px; line-height:24px; color:#333;}
.franchise_input .form_term .agree {margin-top:30px;}
.franchise_input .form_term .agree label {padding-left:2em; font-size:16px;}
.franchise_input .form_term .btn_wrap {margin-top:15px;}
.franchise_input .form_term .btn_wrap button {padding-right:90px; padding-left:20px; border-color:#00889c; background:#43a8a4; font-size:18px; font-weight:700; line-height:48px; color:#fff;}
.franchise_input .form_term .btn_wrap button span:before,.franchise_input .form_term .btn_wrap button span:after {right:-70px; -webkit-transition:all 0.5s; transition:all 0.5s;}
.franchise_input .form_term .btn_wrap button:hover span:before,.franchise_input .form_term .btn_wrap button:hover span:after {right:-75px;}

@media (max-width:1024px) {
    .franchise_input .form_wrap .must_info {margin-top:30px; font-size:12px; line-height:1.6em;}
	.franchise_input .form_term {padding-bottom:30px; border-top:1px solid #cdcdcd;}
	.franchise_input .form_term dt {font-size:14px;}
	.franchise_input .form_term dd {font-size:12px; line-height:1.8em;}
	.franchise_input .form_term .agree label {font-size:12px;}
	.franchise_input .form_term .btn_wrap button {padding:0 15px; font-size:16px; line-height:2.5em;}
    .franchise_input .form_term .btn_wrap button span:before,.franchise_input .form_term .btn_wrap button span:after {display:none;}
}

@media (max-width:599px) {
    .franchise_input .form_term {padding:15px;}
    .franchise_input .form_term .btn_wrap {text-align:center;}
}

/* 사이트맵 */
.sitemap_list {margin-top:50px; border-top:3px solid #333; text-align:left;}
.sitemap_list ul:after,.sitemap_list li:after {display:block; clear:both; content:"";}
.sitemap_list .menu_1depth > li {padding:12px 0; border-bottom:1px solid #cdcdcd; line-height:0;}
.sitemap_list .menu_1depth > li > a {display:block; float:left; margin:6px 0; padding-left:20px; font-family:"Nanum Square"; font-size:20px; font-weight:700; line-height:28px; color:#1D676A;}
.sitemap_list .menu_2depth {margin:0 -42px; padding-left:220px;}
.sitemap_list .menu_2depth > li {float:left; margin:0 42px;}
.sitemap_list .menu_2depth.junior {margin:0 -32px;}
.sitemap_list .menu_2depth.junior > li {margin:0 32px;}
.sitemap_list .menu_2depth.elite {margin:0 -27px;}
.sitemap_list .menu_2depth.elite > li {margin:0 27px;}
.sitemap_list .menu_2depth > li > a {display:block; margin:6px 0; font-family:"Nanum Square"; font-size:18px; font-weight:700; line-height:28px; color:#333;}
.sitemap_list .menu_3depth > li {padding:6px 0;}
.sitemap_list .menu_3depth > li > a {position:relative; padding-left:10px; font-size:14px; line-height:20px; color:#333;}
.sitemap_list .menu_3depth > li > a:before {position:absolute; top:6px; left:0; width:4px; height:4px; background:#333; content:"";}

@media (max-width:1024px) {
    .sitemap_list .menu_1depth > li > a {margin:0; font-size:18px;}
	.sitemap_list .menu_2depth {margin:0 -15px !important; padding-left:160px;}
	.sitemap_list .menu_2depth > li {margin:0 15px !important;}
	.sitemap_list .menu_2depth > li > a {margin:0; font-size:16px;}
	.sitemap_list .menu_3depth {margin:5px 0;}
    .sitemap_list .menu_3depth > li {padding:3px 0;}
}

@media (max-width:599px) {
    .sitemap_list a {text-align:center;}
	.sitemap_list .menu_1depth > li > a {float:none; margin-bottom:8px;padding:0; font-size:16px; line-height:1.6em;}
	.sitemap_list .menu_2depth {padding-left:0;}
	.sitemap_list .menu_2depth > li > a {font-size:14px; line-height:1.8em;}
	.sitemap_list .menu_2depth > li {float:none;}
	.sitemap_list .menu_3depth {margin:8px 0;}
	.sitemap_list .menu_3depth > li {padding:0; text-align:center;}
	.sitemap_list .menu_3depth > li > a {display:inline-block; font-size:12px; line-height:1.6em;}
    .sitemap_list .menu_3depth > li > a:before {top:7px;}
}

/* 검색결과 */
.search .highLight {background:rgba(255,255,0,0.5); color:#00687f; font-family:inherit; font-weight:700;}
.search .search_wrap {display:block; position:relative; width:520px; margin:0 auto 30px; padding-right:120px; border:3px solid #00687f; border-right:0;}
.search .search_wrap input[type="text"] {width:100%; min-width:0; height:42px; padding:0 18px; border:0; font-size:16px; line-height:42px;}
.search .search_wrap button {position:absolute; top:0; right:0; width:120px; height:42px; background:#00687f; font-family:"Nanum Square"; font-size:18px; line-height:42px; color:#fff; text-indent:0;}
.search .search_wrap button:before,.search .search_wrap button:after {display:none;}
.search .search_wrap button span {font-family:"Nanum Square"; font-size:18px; font-weight:700; color:#fff;}
.search .search_info {margin:30px 0;}
.search .search_info p {font-family:"Nanum Square"; font-size:30px; font-weight:700; line-height:1.4em; text-align:center;}
.search .search_info span {font-family:inherit;}
.search .search_info span:before,.search .search_info span:after {content:"'";}
.search .sub_tit_wrap {text-align:left;}
.search .sub_tit_wrap:after {left:0; margin-left:0;}
.search .sub_tit_wrap .highLight:before,.search .sub_tit_wrap .highLight:after {content:"'";}
.search .result_wrap {position:relative; margin-bottom:60px;}
.search .result_wrap:last-child {margin-bottom:0;}
.search .result_wrap h4 {margin-top:-4px; margin-bottom:15px; font-family:"Nanum Square"; font-size:20px; font-weight:700; line-height:28px;}
.search .result_wrap .board_list {border-top:2px solid #333;}
.search .result_wrap .board_list table strong {color:#333;}
.search .result_wrap .board_list table thead {display:none;}
.search .result_wrap .board_list table tbody tr td {padding:17px 30px; background:none; text-align:left; -webkit-transition:none; transition:none;}
.search .result_wrap .board_list table tbody tr td.tit {padding:17px 0;}
.search .result_wrap .board_list table tbody tr td.tit a {font-family:"Nanum Square";}
.search .result_wrap .board_list table tbody tr td.date {color:rgba(100,111,114,0.6); text-align:right;}
.search .result_wrap .gallery strong {color:#333;}
.search .result_wrap .more {position:absolute; top:0; right:0; padding-right:15px; font-size:12px; line-height:28px; -webkit-transition:all 0.5s; transition:all 0.5s;}
.search .result_wrap .more:hover {color:#00687f;}
.search .result_wrap .more:after {position:absolute; top:10px; right:0; width:8px; height:8px; border:1px solid #333; border-bottom:0; border-left:0; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all 0.5s; transition:all 0.5s; content:"";}
.search .result_wrap .more:hover:after {right:-3px; border-color:#00687f;}

@media (max-width:1024px) {
    .search .search_info p {font-size:24px;}
    .search .search_wrap {padding-right:100px;}
    .search .search_wrap input[type="text"] {height:34px; padding:0 15px; border:0; font-size:16px; line-height:34px; font-size:14px;}
    .search .search_wrap button {line-height:34px; width:100px; height:34px;}
    .search .search_wrap button span {font-size:16px;}
    .search .result_wrap {margin-bottom:30px;}
    .search .result_wrap h4 {font-size:18px;}
    .search .result_wrap .board_list {border:0;}
    .search .result_wrap .board_list table tbody tr td {padding:0;}
    .search .result_wrap .board_list table tbody tr td.cate {display:inline-block; width:auto; padding:3px 10px; background:#00687f; font-family:"Nanum Square"; font-size:14px; color:#fff;}
    .search .result_wrap .board_list table tbody tr td.tit {padding:0; padding-bottom:15px;}
    .search .result_wrap .board_list table tbody tr td.date {color:#333; text-align:left;}
}

@media (max-width:599px) {
    .search .search_info p {font-size:18px;}
    .search .search_wrap {width:100%; min-width:0; padding-right:80px;}
    .search .search_wrap button {width:80px;}
    .search .search_wrap button span {font-size:14px;}
    .search .result_wrap .board_list table tbody tr td.cate {font-size:12px;}
}

/* 로그인, 신청확인 페이지 공통 */
.input_mini_form .sub_upper_wrap {min-height:740px; margin-bottom:-100px;}
.input_mini_form .column {overflow:hidden; margin-top:40px;}
.input_mini_form .form_wrap {position:relative; max-width:100%; margin:40px auto 0; padding:30px 0; border-top:3px solid #333; border-bottom:1px solid #333;}
.input_mini_form .form_wrap:after {display:block; clear:both; content:"";}
.input_mini_form .form_wrap.login {max-width:500px;} 
.input_mini_form .column .column_form {float:left; width:calc(50% - 30px); margin:0 15px;}
.input_mini_form .column .column_form .form_tit {font-family:"Nanum Square"; font-size:24px; font-weight:700;}
.input_mini_form .column .form_wrap.login {width:100%; margin-top:10px;}
.input_mini_form .form_wrap.find {width:450px;}
.input_mini_form .form_wrap table {margin:-5px 0; border:0; background:none;}
.input_mini_form .form_wrap table .head {width:90px;}
.input_mini_form .form_wrap table th,.input_mini_form .form_wrap table td {padding:5px 0; border:0;}
.input_mini_form .form_wrap table th {text-align:left;}
.input_mini_form .form_wrap table th label {display:block; font-family:"Nanum Square"; font-size:18px; font-weight:700; line-height:40px;}
.input_mini_form .form_wrap table td input,.input_mini_form .form_wrap table td .select_form {width:100%;}
.input_mini_form .form_wrap table .tel {font-size:0;}
.input_mini_form .form_wrap table .tel .select_form,.input_mini_form .form_wrap table .tel input[type="text"] {width:calc(33.33% - 10px);}
.input_mini_form .form_wrap table .tel .dash {display:inline-block; width:15px; font-size:14px; line-height:40px; text-align:center; vertical-align:top;}
.input_mini_form .form_wrap.login table {float:left; width:calc(100% - 130px);}
.input_mini_form .form_wrap.login .login_btn {float:right; width:120px; background:#1d676a; font-family:"Nanum Square"; font-size:18px; font-weight:700; line-height:90px; color:#fff;}
.input_mini_form .form_wrap.login .check_form {position:absolute; bottom:32px; left:88px;}
.input_mini_form .form_wrap.login .check_form li {margin:0;}
.input_mini_form .form_wrap.login .check_form label {font-size:14px;}
.input_mini_form .form_wrap.login .misc {padding-top:6px; clear:both; font-size:0; text-align:right; padding-right:115px;}
.input_mini_form .form_wrap.login .misc li {display:inline-block; line-height:0; padding:0 15px; border-right:1px solid #ddd;}
.input_mini_form .form_wrap.login .misc li:last-child {border:0;}
.input_mini_form .form_wrap.login .misc li a {display:inline-block; font-size:14px; line-height:20px; color:#333; -webkit-transition:all 0.5s; transition:all 0.5s;}
.input_mini_form .form_wrap.login .misc li a:hover {font-weight:700; color:#00687f;}
.input_mini_form .btn_wrap {margin-top:40px;}
.input_mini_form .select_form button {min-width:0;}
.input_mini_form .sub_content {margin-top: 120px;padding-top: 0;}

@media (max-width:1024px) {
    .input_mini_form .sub_upper_wrap {margin-bottom:-50px;}
    .input_mini_form .column .column_form {float:none; width:auto;}
    .input_mini_form .column .column_form .form_tit {font-size:18px;}
    .input_mini_form .column .form_wrap.login {margin-bottom:30px;}
    .input_mini_form .form_wrap {margin-top:30px; padding:15px 0;}
    .input_mini_form .form_wrap table th label {font-size:16px;}
    .input_mini_form .form_wrap.login .login_btn {font-size:16px;}
    .input_mini_form .form_wrap table .head {width:70px;}
    .input_mini_form .form_wrap.login .check_form {bottom:17px; left:68px;}
	.input_mini_form .sub_content {margin-top: 50px;}
}

@media (max-width:599px) {
    .input_mini_form .sub_upper_wrap {min-height:0; margin-bottom:-30px;}
    .input_mini_form .form_wrap.login {height:auto;}
    .input_mini_form .form_wrap.login table {float:none; width:100%;}
    .input_mini_form .form_wrap table .head {width:60px;}
    .input_mini_form .form_wrap table th label {font-size:14px;}
    .input_mini_form .form_wrap.login .check_form {position:static;}
    .input_mini_form .form_wrap.login .check_form ul {margin:0;}
    .input_mini_form .form_wrap.login .check_form li {float:right;}
    .input_mini_form .form_wrap.login .login_btn {float:none; clear:both; width:100%; line-height:40px; margin-top:10px;}
    .input_mini_form .form_wrap.login .check_form label {font-size:12px;}
    .input_mini_form .form_wrap.login .misc {margin-top:10px; padding:0; text-align:center;}
    .input_mini_form .form_wrap.login .misc li a {font-size:12px;}
}

/* 개인정보처리방침, 이용약관, 이메일무단수집거부 */
.term_wrap {margin-top:5px; text-align:left;}
.term_wrap .term_tit {margin-top:40px; margin-bottom:10px; font-family:"Nanum Square"; font-size:18px; font-weight:700; line-height:1.6em;}
.term_wrap dt:first-of-type .term_tit {margin-top:0;}
.term_wrap li .term_tit {font-weight:400;}
.term_wrap .term_txt {font-size:14px; line-height:1.7em;}
.term_wrap .term_txt + .term_txt {margin-top:25px;}
.term_wrap li .term_txt {margin-top:25px;}
.term_wrap ul li {padding:0.15em 0; font-size:14px; line-height:1.7em;}
.term_wrap ul.sub {margin:25px 0;}
.term_wrap ul.sub.last {margin:0; margin-top:25px;}
.term_wrap ul.inner > li {margin:25px 0;}
.term_wrap ul.inner .inner_list {margin-top:15px;}
.term_wrap .notice {margin-top:15px;}

.term_wrap.term li .term_tit {font-weight:700;}
.term_wrap.term li .term_txt {margin-top:0;}

/* 사이트맵 */
.sitemap_list {margin-top:50px; border-top:3px solid #333; text-align:left;}
.sitemap_list ul:after,.sitemap_list li:after {display:block; clear:both; content:"";}
.sitemap_list .menu_1depth > li {padding:12px 0; border-bottom:1px solid #cdcdcd; line-height:0;}
.sitemap_list .menu_1depth > li > a {display:block; float:left; margin:6px 0; padding-left:20px; font-family:"Nanum Square"; font-size:20px; font-weight:700; line-height:28px; color:#1D676A;}
.sitemap_list .menu_2depth {margin:0 -42px; padding-left:220px;}
.sitemap_list .menu_2depth > li {float:left; margin:0 42px;}
.sitemap_list .menu_2depth.junior {margin:0 -32px;}
.sitemap_list .menu_2depth.junior > li {margin:0 32px;}
.sitemap_list .menu_2depth.elite {margin:0 -27px;}
.sitemap_list .menu_2depth.elite > li {margin:0 27px;}
.sitemap_list .menu_2depth > li > a {display:block; margin:6px 0; font-family:"Nanum Square"; font-size:18px; font-weight:700; line-height:28px; color:#333;}
.sitemap_list .menu_3depth > li {padding:6px 0;}
.sitemap_list .menu_3depth > li > a {position:relative; padding-left:10px; font-size:14px; line-height:20px; color:#333;}
.sitemap_list .menu_3depth > li > a:before {position:absolute; top:6px; left:0; width:4px; height:4px; background:#333; content:"";}

@media (max-width:1024px) {
    .sitemap_list .menu_1depth > li > a {margin:0; font-size:18px;}
	.sitemap_list .menu_2depth {margin:0 -15px !important; padding-left:160px;}
	.sitemap_list .menu_2depth > li {margin:0 15px !important;}
	.sitemap_list .menu_2depth > li > a {margin:0; font-size:16px;}
	.sitemap_list .menu_3depth {margin:5px 0;}
    .sitemap_list .menu_3depth > li {padding:3px 0;}
}

@media (max-width:599px) {
    .sitemap_list a {text-align:center;}
	.sitemap_list .menu_1depth > li > a {float:none; margin-bottom:8px;padding:0; font-size:16px; line-height:1.6em;}
	.sitemap_list .menu_2depth {padding-left:0;}
	.sitemap_list .menu_2depth > li > a {font-size:14px; line-height:1.8em;}
	.sitemap_list .menu_2depth > li {float:none;}
	.sitemap_list .menu_3depth {margin:8px 0;}
	.sitemap_list .menu_3depth > li {padding:0; text-align:center;}
	.sitemap_list .menu_3depth > li > a {display:inline-block; font-size:12px; line-height:1.6em;}
    .sitemap_list .menu_3depth > li > a:before {top:7px;}
}

/* 홈페이지 이용의견 */
.opinion .txt {font-size:16px; line-height:1.75em; text-align:center;}
.opinion .necessary {display:inline-block; position:relative; width:1px; font-size:0; vertical-align:top;}
.opinion .necessary:before {position:absolute; top:0; left:0; font-size:18px; line-height:12px; color:red; text-indent:0; content:"*";}
.opinion .cmt {margin-top:30px; font-size:12px; text-align:right;}
.opinion .cmt .necessary:before {top:3px; left:-8px;}
.opinion .survey_wrap {padding:20px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.opinion .survey_column .tit {font-family:"Nanum Square"; font-size:18px; line-height:40px;}
.opinion .survey_column .tit.select {display:inline-block; min-width:360px; margin-bottom:40px;}
.opinion .survey_column .tit strong {font-family:inherit;}
.opinion .survey_column .tit .necessary:before {top:8px; left:-3px;}
.opinion .survey_table {margin:10px 0 30px;}
.opinion .survey_table table {border-right:1px solid #ddd; border-left:1px solid #ddd;}
.opinion .survey_table table th {font-family:"Nanum Square"; font-size:16px; font-weight:700;}
.opinion .survey_table table .header {width:25%;}
.opinion .survey_table table .common {position:relative; padding:0; background:url(/img/masterymath/bg/bg_table_seperate.gif); background-size:100% 100%;}
.opinion .survey_table table .common span {position:absolute; font-family:"Nanum Square"; font-size:14px; font-weight:400; line-height:20px;}
.opinion .survey_table table .common .col {top:15px; right:20px;}
.opinion .survey_table table .common .row {bottom:15px; left:20px;}
.opinion .survey_table table th label {font-family:inherit;}
.opinion .survey_table table th,.opinion .survey_table table td {padding:17px 20px; border-bottom:1px solid #ddd;}
.opinion .survey_table table td {text-align:center;}
.opinion .survey_table table thead th {background:#ccc;}
.opinion .survey_table table tbody th {background:#e9e9e9; text-align:left;}
.opinion .survey_table table tr th:first-child {border-right:1px solid #ddd;}
.opinion .survey_table table input[type="radio"] {width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; opacity:0;}
.opinion .survey_table table input[type="radio"] + label {display:inline-block; position:relative; padding-left:23px; font-size:16px; line-height:26px; color:#333; cursor:pointer;}
.opinion .survey_table table input[type="radio"] + label:before {display:inline-block; position:absolute; top:13px; left:2px; -webkit-box-sizing:border-box; box-sizing:border-box; width:16px; height:16px; margin-top:-8px; border:1px solid #dedede; border-radius:50%; background:#fff; content:"";}
.opinion .survey_table table input[type="radio"]:checked + label:after {display:inline-block; position:absolute; top:13px; left:7px; width:6px; height:6px; margin-top:-3px; border-radius:50%; background:#00687f; content:"";}
.opinion .survey_column textarea {display:block; width:100%; height:210px; margin-top:10px; padding:12px;}
.opinion .survey_column .cnt {margin-bottom:30px; font-size:14px; line-height:2.4em; text-align:right;}
.opinion .survey_column .select_form {width:250px;}
.opinion .ps {margin-top:30px; text-align:center;}
.opinion .ps p {display:inline-block; font-size:14px; line-height:1.5em;}
.opinion .ps p:before {margin-right:0.2em; content:"※";}
.opinion .btn_wrap {margin:30px -2px 0; text-align:center;}
.opinion .btn_wrap button {min-width:180px; margin:0 2px; padding:0 15px; background:#00687f; font-family:"Nanum Square"; font-size:18px; font-weight:700; line-height:50px; color:#fff; text-align:center; vertical-align:top; -webkit-transition:all 0.5s; transition:all 0.5s;}

@media (max-width:1024px) {
    .opinion .txt {font-size:14px; line-height:1.6em;}
    .opinion .survey_table table .header {width:150px;}
    .opinion .survey_table table th,.opinion .survey_table table th {padding:10px 15px; font-size:14px;}
    .opinion .survey_table table input[type="radio"] + label {font-size:14px;}
    .opinion .survey_table table .common .col {top:3px; right:15px;}
    .opinion .survey_table table .common .row {bottom:3px; left:15px;}
    .opinion .survey_wrap {padding:30px 0;}
    .opinion .survey_column .tit {font-size:16px; line-height:30px;}
    .opinion .survey_table {margin:15px 0;}
    .opinion .survey_column .cnt {margin-bottom:15px; font-size:12px; line-height:1.5em;}
    .opinion .survey_column .tit.select {display:block; min-width:0; margin:15px 0;}
    .opinion .btn_wrap button {font-size:16px; line-height:40px;}
}

@media (max-width:599px) {
    .opinion .txt br {display:none;}
    .opinion .survey_column .tit {font-size:14px;}
    .opinion .survey_wrap {padding:15px 0;}
    .opinion .survey_table table,
    .opinion .survey_table table thead,
    .opinion .survey_table table tbody,
    .opinion .survey_table table tr,
    .opinion .survey_table table th,
    .opinion .survey_table table td {display:block; float:left; clear:both; width:100%; border:none; text-align:left;}
    .opinion .survey_table table thead {display:none;}
    .opinion .survey_table table th {margin:15px 0 5px; padding:0 15px; line-height:2em;}
    .opinion .survey_table table tr {margin-bottom:15px;}
    .opinion .survey_table table tr th:first-child {margin-top:0; border:0;}
    .opinion .survey_table table td {padding:0;}
    .opinion .survey_table table input[type="radio"] + label {font-size:12px;}
    .opinion .survey_column .select_form {width:100%;}
    .opinion .ps {margin-top:15px;}
    .opinion .ps p {font-size:12px;}
    .opinion .btn_wrap button {width:calc(50% - 4px); min-width:0; font-size:14px;}
}

/* 완료 페이지 공통 */
.confirm_page .tit {margin-bottom:50px; font-family:"Nanum Square"; font-size:30px; font-weight:700; line-height:1.5em; color:#333; text-align:center;}
.confirm_page .msg {text-align:center;}
.confirm_page .btn_wrap {margin-top:100px; text-align:center;}
.confirm_page .btn_wrap a,.confirm_page .btn_wrap button {min-width:180px; margin:0 2px; padding:0 15px; background:#00687f; font-family:"Nanum Square"; font-size:18px; font-weight:700; line-height:50px; color:#fff; text-align:center; vertical-align:top; -webkit-transition:all 0.5s; transition:all 0.5s;}
.confirm_page .btn_wrap a.grey,.confirm_page .btn_wrap button.grey {background:#555;}

@media (max-width:1024px) {
    .confirm_page .tit {margin-bottom:30px; font-size:24px;}
    .confirm_page .btn_wrap {margin:50px -2px 0; font-size:0;}
    .confirm_page .btn_wrap a,.confirm_page .btn_wrap button {font-size:16px; line-height:40px;}
}

@media (max-width:599px) {
    .confirm_page .tit {font-size:20px;}
    .confirm_page .btn_wrap {margin-top:30px;}
    .confirm_page .btn_wrap a,.confirm_page .btn_wrap button {width:calc(50% - 4px); min-width:0; font-size:14px;}
}

/* 시스템 점검 */
.system_check {text-align:center;}
.system_check .notice_header {padding:60px 0 30px; background:#00687f; font-size:0; color:#fff;}
.system_check .notice_header h1 {position:relative; margin-top:40px; padding-top:40px; font-family:"Nanum Square"; font-size:24px; font-weight:700;}
.system_check .notice_header h1:before {position:absolute; top:0; left:50%; width:24px; height:1px; margin-left:-12px; background:#fff; content:"";}
.system_check .notice_info {padding:25px 0 50px;}
.system_check .notice_info .txt {font-size:14px; line-height:1.7em;}
.system_check .notice_date {margin:35px 0;}
.system_check .notice_date .tit {font-family:"Nanum Square"; font-size:18px; font-weight:700;}
.system_check .notice_date .time {margin:5px 0 15px; font-size:16px; font-weight:700; line-height:1.4em; color:#666; color:#00687f; text-decoration:underline;}
.system_check .notice_date .ps li {font-size:13px; line-height:1.75em; color:#666;}
.system_check .notice_date .ps li:before {margin-right:0.3em; content:"*";}

@media (max-width:1024px) {
	.system_check .notice_header {padding:15px 0;}
	.system_check .notice_header img {max-height:20px;}
	.system_check .notice_header h1 {margin-top:15px; padding-top:15px; font-size:20px;}
}

@media (max-width:599px) {
	.system_check .notice_header h1 {font-size:16px;}
	.system_check .notice_date .tit {font-size:16px;}
	.system_check .notice_date .time {font-size:14px;}
	.system_check .notice_info .txt,.system_check .notice_date .ps li {font-size:12px; line-height:1.7em;}
}

/*=========================================================
9. 애니메이션
=========================================================*/

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

@-webkit-keyframes fadeInUp {
    0% {-webkit-transform:translate3d(0, 50px, 0); transform:translate3d(0, 50px, 0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; opacity:0;}
	100% {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; opacity:1;}
}

@keyframes fadeInUp {
    0% {-webkit-transform:translate3d(0, 50px, 0); transform:translate3d(0, 50px, 0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; opacity:0;}
    100% {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; opacity:1;}
}

@-webkit-keyframes fadeInLeft {
    0% {-webkit-transform:translate3d(-50px, 0, 0); transform:translate3d(-50px, 0, 0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; opacity:0;}
	100% {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; opacity:1;}
}

@keyframes fadeInLeft {
    0% {-webkit-transform:translate3d(-50px, 0, 0); transform:translate3d(-50px, 0, 0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; opacity:0;}
    100% {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; opacity:1;}
}

@-webkit-keyframes fadeInRight {
    0% {-webkit-transform:translate3d(50px, 0, 0); transform:translate3d(50px, 0, 0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; opacity:0;}
	100% {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; opacity:1;}
}

@keyframes fadeInRight {
    0% {-webkit-transform:translate3d(50px, 0, 0); transform:translate3d(50px, 0, 0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; opacity:0;}
    100% {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; opacity:1;}
}

.fadeInUp {-webkit-animation-name:fadeInUp; animation-name:fadeInUp;}
.fadeInLeft {-webkit-animation-name:fadeInLeft; animation-name:fadeInLeft;}
.fadeInRight {-webkit-animation-name:fadeInRight; animation-name:fadeInRight;}
.wait-animation {-webkit-animation-play-state:paused; animation-play-state:paused; opacity:0;}
.animated {-webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-delay:1s;}

/*=========================================================
10. fullpage
=========================================================*/

/*!
 * fullPage 3.0.4
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fp-section{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}.fp-scrollable{overflow:hidden;position:relative}.fp-scroller{overflow:hidden}.iScrollIndicator{border:0!important}.fp-notransition{-webkit-transition:none!important;transition:none!important}#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0)}#fp-nav.fp-right{right:17px}#fp-nav.fp-left{left:17px}.fp-slidesNav{position:absolute;z-index:4;opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0!important;right:0;margin:0 auto!important}.fp-slidesNav.fp-bottom{bottom:17px}.fp-slidesNav.fp-top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.fp-right{right:20px}#fp-nav ul li .fp-tooltip.fp-left{left:20px}.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section{height:auto!important}.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section{height:auto!important}.fp-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																											 /* 2022.02.09 재원생 학습 */
.cf:after{content:""; display:block; clear:both;}
.cf{zoom:1;}

.std_study .sub_upper_wrap .main_tit strong:before, .std_study .sub_upper_wrap .main_tit a:before
, .std_study .sub_upper_wrap .study_wrap li a:after, .std_study .sub_upper_wrap .study_wrap li a span:after
, .std_study .sub_upper_wrap .study_wrap li.unpaid a span:before{background: url(/img/sprite/my_study.png) no-repeat;}

.std_study .grid_container.inner{max-width: 900px;}
.std_study .sub_upper_wrap {min-height:740px; margin-bottom:-100px;padding-top:150px;}
.std_study .sub_upper_wrap .study_wrap {position:relative; max-width:100%; margin:15px auto 0; padding:20px 0; border-top:3px solid #333; border-bottom:1px solid #333;}

.std_study .sub_upper_wrap .main_tit {position:relative; text-align:left;}
.std_study .sub_upper_wrap .main_tit:before{width: 0; height: 0; top: 0; left: 0; margin-left: -9999px;}
.std_study .sub_upper_wrap .main_tit strong{padding-left: 40px;}
.std_study .sub_upper_wrap .main_tit strong:before{position: absolute; top:50%; left: 0; margin-top:-17px; width: 31px; height: 35px; background-position: -206px -425px; content: "";}

.std_study .sub_upper_wrap .main_tit a{position:absolute; display:block; bottom:10px; right:0; width:140px; line-height:34px; background:#1d676a;  font-family:"Nanum Square"; font-weight:700; font-size:15px; text-align:center; color:#ffffff; padding-left:14px;}
.std_study .sub_upper_wrap .main_tit a:before{position:absolute; display:block; top:50%; margin-top:-4px; left:28px; width:8px; height:8px; background-position: -208px -363px; content:'';}

.std_study .sub_upper_wrap .study_wrap ul {text-align:center; font-size:0;}
.std_study .sub_upper_wrap .study_wrap li {display:inline-block; width:calc(33.33% - 3px); height:180px; margin-right:4px; background:#c6d0d3; -webkit-transition:background 0.5s; transition:background 0.5s; min-width:180px;}
.std_study .sub_upper_wrap .study_wrap li:last-child {margin-right:0;}
.std_study .sub_upper_wrap .study_wrap li a{position:relative; display:block; width:100%; height:100%;}
.std_study .sub_upper_wrap .study_wrap li a span{position:absolute; display:block; width:146px; height:146px; left:50%; top:50%; margin-left:-73px; margin-top:-73px; border-radius:50%; background:#fff; padding-top:95px; font-family:"Nanum Square"; font-size:17px; line-height:19px; font-weight:900; color:#333333;}

.std_study .sub_upper_wrap .study_wrap li a:after{position:absolute; left:50%; display:block; content:'';}
.std_study .sub_upper_wrap .study_wrap li a span:after {display:none;}
.std_study .sub_upper_wrap .study_wrap li:nth-child(1) a:after{margin-top:51px; margin-left:-16px; width:32px; height:43px; background-position:-83px -5px;}
.std_study .sub_upper_wrap .study_wrap li:nth-child(2) a:after{margin-top:51px; margin-left:-19px; width:38px; height:43px; background-position:-256px -5px;}
.std_study .sub_upper_wrap .study_wrap li:nth-child(3) a:after{margin-top:46px; margin-left:-20px; width:40px; height:40px; background-position:-173px -87px;}
.std_study .sub_upper_wrap .study_wrap li:nth-child(3) a span{padding-top:93px;}
.std_study .sub_upper_wrap .study_wrap li:hover {background:#1fb6c1;}
.std_study .sub_upper_wrap .bot_text{font-family:"Nanum Square"; font-size:13px; font-weight:normal; color:#555555; margin-top:15px;}

/* 이미지 비활성화 */
.std_study .sub_upper_wrap .study_wrap li.non:nth-child(1) a:after{background-position:-165px -5px;}
.std_study .sub_upper_wrap .study_wrap li.non:nth-child(2) a:after{background-position:-352px -5px;}
.std_study .sub_upper_wrap .study_wrap li.non:nth-child(3) a:after{background-position:-274px -87px;}
.std_study .sub_upper_wrap .study_wrap li.non a span{color:#999999;}
	/* a태그 hover 제거 */
.std_study .sub_upper_wrap .study_wrap li.non:hover {background:#c6d0d3;}
.std_study .sub_upper_wrap .study_wrap li.non a{cursor: default; pointer-events: none;}

/* 교습비 미납 */
.std_study .sub_upper_wrap .study_wrap li.unpaid a span:before{position:absolute; display:block; top:5px; left:50%; margin-left:-45px; width:85px; height:20px; background-position:-305px -363px; content:'';}

@media (max-width:630px) {
	.std_study .sub_upper_wrap .main_tit a{bottom: 3px; right:10px;}
	.std_study .sub_upper_wrap .study_wrap {padding:5px 0;}
	.std_study .sub_upper_wrap .study_wrap li {width:100%; height:87px; margin-bottom:4px; margin-right:0;}
	.std_study .sub_upper_wrap .study_wrap li:last-child {margin-bottom:1px;}
	.std_study .sub_upper_wrap .study_wrap li a {width:170px; margin:0 auto;} /**/
	.std_study .sub_upper_wrap .study_wrap li a:after {display:none;}
	.std_study .sub_upper_wrap .study_wrap li:nth-child(1) a:after
	, .std_study .sub_upper_wrap .study_wrap li:nth-child(2) a:after
	, .std_study .sub_upper_wrap .study_wrap li:nth-child(3) a:after {margin-top:0;}	
	.std_study .sub_upper_wrap .study_wrap li a span{position:static; margin:0; padding-top:0; background:none; border-radius:100%; display:block; padding-left:72px; padding-right: 10px; font-family:"Nanum Square"; font-size:17px; line-height: 87px; font-weight:900; color:#333333; text-align:left; width:100%; height:100%;}
	
	.std_study .sub_upper_wrap .study_wrap li a span {display: table-cell; height: 87px;vertical-align: middle; line-height:1.5; font-size:16px;}

	.std_study .sub_upper_wrap .study_wrap li a span br{display:none;}
	.std_study .sub_upper_wrap .study_wrap li a span:before{position:absolute; display:block; width:57px; height:57px; left:0; top:50%; margin-top:-28px; border-radius:50%; background:#fff; content:'';}
	.std_study .sub_upper_wrap .study_wrap li.unpaid a span:before {position:absolute; display:block; width:57px; height:57px; left:0; top:50%; margin-top:-28px; border-radius:50%; background:#fff; content:''; margin-left:0;}
	.std_study .sub_upper_wrap .study_wrap li.unpaid a:after
	, .std_study .sub_upper_wrap .study_wrap li.non.unpaid a:after {position:absolute; display:block; top:-2px; left:0; width:87px; height:20px; margin-left:-16px; background-position:-305px -363px; content:'';}
	.std_study .sub_upper_wrap .study_wrap li a span:after{position:absolute; display:block; top:50%; left:28px; content:'';}
	.std_study .sub_upper_wrap .study_wrap li:nth-child(1) a span:after{margin-top:-14px; margin-left:-12px; width:24px; height:31px; background-position:-5px -237px;}
	.std_study .sub_upper_wrap .study_wrap li:nth-child(2) a span:after{margin-top:-20px; margin-left:-19px; width:38px; height:43px; background-position:-256px -5px;}
	.std_study .sub_upper_wrap .study_wrap li:nth-child(3) a span:after{margin-top:-16px; margin-left:-16px; width:32px; height:32px; background-position:-5px -363px;}
	.std_study .sub_upper_wrap .study_wrap li:nth-child(3) a span {padding-top:0;}

	/* 이미지 비활성화 */
	.std_study .sub_upper_wrap .study_wrap li.non:nth-child(1) a span:after{background-position:-101px -237px;}
	.std_study .sub_upper_wrap .study_wrap li.non:nth-child(2) a span:after{background-position:-352px -5px;}
	.std_study .sub_upper_wrap .study_wrap li.non:nth-child(3) a span:after{background-position:-100px -363px;}
}
@media (max-width:599px) {
	.std_study .sub_upper_wrap .main_tit a{bottom:0px; right:0; width: 100px; line-height: 25px; font-size:13px; padding-left:8px;}
	.std_study .sub_upper_wrap .main_tit a:before{left:13px;}
	.std_study .sub_upper_wrap .study_wrap li a span {display: table-cell;height: 87px;vertical-align: middle; line-height:1.5; font-size:16px;}
}
@media (max-width:400px) {
	.std_study .sub_upper_wrap .study_wrap li{height: 67px;}
	.std_study .sub_upper_wrap .study_wrap li a {width:136px;}  /**/
	.std_study .sub_upper_wrap .study_wrap li a span br{display:block;}
	.std_study .sub_upper_wrap .study_wrap li a span{height: 67px; display: table-cell; vertical-align: middle; padding-left: 55px; font-size:13px; line-height:1.5;}
	.std_study .sub_upper_wrap .study_wrap li a span{padding-right:5px;}
	.std_study .sub_upper_wrap .study_wrap li a span:before{width:40px; height:40px; left:7px; margin-top:-20px;}
	.std_study .sub_upper_wrap .study_wrap li.unpaid a span:before {width:40px; height:40px; left:7px; margin-top:-20px;}
	.std_study .sub_upper_wrap .study_wrap li.unpaid a:after
	, .std_study .sub_upper_wrap .study_wrap li.non.unpaid a:after {margin-left:-17px;}
	.std_study .sub_upper_wrap .study_wrap li a span:after{background-size:400px; top:50%; left:14px;}

	.std_study .sub_upper_wrap .study_wrap li:nth-child(1) a span:after{background-position: 0px -187px; width:26px; height:26px; margin-top: -13px; margin-left: -1px;}
	.std_study .sub_upper_wrap .study_wrap li:nth-child(2) a span:after{background-position: -205px -4px; width:31px; height:35px; margin-top: -16px; margin-left: -2px;}
	.std_study .sub_upper_wrap .study_wrap li:nth-child(3) a span:after{background-position: -3px -289px; width:26px; height:26px; margin-top: -14px; margin-left: -1px;}

	.std_study .sub_upper_wrap .study_wrap li.non:nth-child(1) a span:after{background-position: -77px -187px;}
	.std_study .sub_upper_wrap .study_wrap li.non:nth-child(2) a span:after{background-position: -282px -4px;}
	.std_study .sub_upper_wrap .study_wrap li.non:nth-child(3) a span:after{background-position: -79px -289px;}
	.std_study .sub_upper_wrap .bot_text{margin-top:10px; font-size:12px;}
}
/* 2020.03.12 개인정보처리방침 */
.privacy .btn_wrap button {display:inline-block; position:relative; -webkit-box-sizing:inherit; box-sizing:inherit; margin:0; margin-top:40px; padding:0 20px; border:1px solid #fff; font-size:14px; line-height:46px; color:#fff; text-align:left; text-decoration:none; text-transform:uppercase;} /*background:none;*/ 
.privacy .btn_wrap.bg_fill button {z-index:0; text-align:left;}
.privacy .btn_wrap.bg_fill button:after {position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1; -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:right center; transform-origin:right center; -webkit-transition:-webkit-transform 0.2s; transition:-webkit-transform 0.2s; transition:transform 0.2s; transition:transform 0.2s, -webkit-transform 0.2s; content:"";}
.privacy .btn_wrap.bg_fill button:hover:after {-webkit-transform:scaleX(1);transform:scaleX(1); -webkit-transform-origin:left center; transform-origin:left center;}
.privacy .btn_wrap .link span:before,.btn_wrap .link span:after {position:absolute; top:50%; right:12px; height:1px; background:#fff; content:"";}
.privacy .btn_wrap .link span:before {width:30px;}
.privacy .btn_wrap .link span:after {width:10px; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:right; transform-origin:right;}
.privacy .btn_wrap button span {position: static;}
.privacy .link {width: 225px; background: #aaa; color: #fff;}
.privacy .link:after {background:#1b8fa2;}
.privacy .link:hover {color:#fff;}
.privacy .link:hover span:before
,.privacy .link:hover span:after {background:#fff;}
@media (max-width:1024px) {
    .privacy .btn_wrap button {font-size:12px; line-height:38px;}
    .privacy .btn_wrap span:before,.btn_wrap span:after {right:20px !important;}
	.privacy .link {width:210px;}
}

.privacy_popup {display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999;}
.privacy_popup .popup_back {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; z-index: 9990;}
.privacy_popup .popup_content {overflow: hidden; position: fixed; top:5%; bottom:5%; left: 0; right: 0; width: 800px; min-height:100px; height: 90%; background-size: cover; z-index: 9999; text-align: center; padding:0; margin: 0 auto;}
.privacy_popup .inner_pop {position: relative; margin: 0 auto; width: 100%; height:100%; border: 1px solid #000; background: #fff; overflow: hidden; overflow-y: scroll;}
.privacy_popup .inner_pop .pop_header {position:relative; height:230px; background:#1e2b39;}
.privacy_popup .inner_pop .pop_header:before {display:block; position:absolute; top:74px; left:50%; transform:translateX(-50%); width:50px; height:5px; background:#fff; content:'';}
.privacy_popup .inner_pop .pop_header .popup_logo{position:absolute; top:15px; left:15px; height:23px;}
.privacy_popup .inner_pop .pop_header p {padding-top:90px; font-family:"Nanum Square"; font-size:45px; font-weight:700; color:#fff;}
.privacy_popup .inner_pop .pop_cont{padding:35px 40px 40px;}
.privacy_popup .inner_pop .pop_close {overflow: hidden; position: fixed; top: 5%; right: 50% !important; margin-right:-381px; margin-top:15px; width: 40px; height: 40px; background:rgba(0,0,0,0.6); text-indent: -9999px; padding: 9.5px;}
.privacy_popup .inner_pop .pop_close:before {display:block; content:''; background:url(../img/img_btn_close.png) center; width:21px; height:21px; transition:all 0.2s;}
.privacy_popup .pop_tit {text-align: center;}
.privacy_popup .pop_tit strong {font-family: "Nanum Square"; font-weight: 900; font-size: 25px;}
.privacy_popup dl dt:first-child .term_tit {margin-top:0;}

@media (max-width:1024px) {
	.privacy_popup .popup_content {width:640px;}
	.privacy_popup .inner_pop .pop_cont {padding:32px 37px 37px;}
	.privacy_popup .inner_pop .pop_close {width:37px; height:37px; margin-right:-306px; margin-top:14px; padding:8.5px;}
	.privacy_popup .inner_pop .pop_close:before {width:20px; height:20px;}
}

@media (max-width:768px) {
	.privacy_popup .popup_content {width:512px;}
	.privacy_popup .pop_tit strong {font-size:23px;}
	.privacy_popup .inner_pop .pop_cont {padding:25px 30px 30px;}
	.privacy_popup .inner_pop .pop_close {margin-right:-241px; margin-top:13px;}
}

@media (max-width:599px) {
	.privacy_popup .popup_content {width:410px;}
	.privacy_popup .pop_tit strong {font-size:20px;}
	.privacy_popup .inner_pop .pop_cont {padding:25px 26px 26px;}
	.privacy_popup .inner_pop .term_wrap .term_tit {font-size:16px;}
	.privacy_popup .inner_pop .pop_close {width:32px; height:32px; margin-right:-191px; margin-top:11px; padding:7px;} 
	.privacy_popup .inner_pop .pop_close:before {width:18px; height:18px;}
}

@media (max-width:480px) {
	.privacy_popup .popup_content {width:350px;}
	.privacy_popup .inner_pop .pop_close {margin-right:-163px;}
}

@media (max-width:400px) {
	.privacy_popup .popup_content {width:310px;}
	.privacy_popup .pop_tit strong {font-size:18px;}
	.privacy_popup .inner_pop .pop_close {margin-right:-140px; width:27px; height:27px; padding:6px;} 
	.privacy_popup .inner_pop .pop_close:before {width:15px; height:15px;}
}

@media (max-width:360px) {
	.privacy_popup .popup_content {width:280px;}
	.privacy_popup .inner_pop .pop_cont {padding:22px 17px 20px;}
	.privacy_popup .inner_pop .pop_close {margin-right:-132px; margin-top:7px;}
}

@media (max-width:320px) {
	.privacy_popup .popup_content {width:240px;}
	.privacy_popup .inner_pop .term_wrap .term_tit {font-size:15px;}
	.privacy_popup .inner_pop .pop_close{width:24px; height:24px; margin-right:-109px; margin-top:6px; padding:5px;}
	.privacy_popup .inner_pop .pop_close:before {width:14px; height:14px;}
}

/* 2023.03.02 QR코드 */
@media (max-width:1024px) {
	.qrcode {position:absolute; top:15px; right:0; width:30px; height:30px; border-radius:50%; background:#00687f;}
	.qrcode:before {position:absolute; top:50%; left:50%; width:15px; height:15px; background-image:url(../img/sprite/sprite.png?v=1.0?v=1.0); background-size:500px; background-position:-5px -377px; margin-top:-7.5px; margin-left:-7.5px; content:"";}

	.bottom_sheet {visibility:hidden; position:fixed; top:0; left:0; width:100%; height:100%; -webkit-transition:all 0.3s; transition:all 0.3s; opacity:0;}
    .bottom_sheet.on {visibility:visible; background:rgba(0,0,0,0.5); opacity:1; z-index:100;}
	.bottom_sheet .sheet_wrap {position:absolute; bottom:0; left:0; display:flex; flex-direction:column; justify-content:center; width:100%; height:80.4%; max-height:748px; background:#fff; border-top-right-radius:15px; border-top-left-radius:15px; -webkit-transform:translateY(100%); transform:translateY(100%); z-index:9999;}
    .bottom_sheet.on .sheet_wrap {-webkit-transform:translateY(0);transform:translateY(0); -webkit-transition:-webkit-transform 0.3s; transition:-webkit-transform 0.3s; transition:transform 0.3s; transition:transform 0.3s, -webkit-transform 0.3s; text-align:center;}
	.bottom_sheet .close {position:absolute; top:-33px; right:13px; width:40px; height:30px; font-size:12px; color:#fff;}
	.sheet_wrap .sheet_tit {margin-bottom:7px; font-size:16px; line-height:1.2em; font-weight:700; color:#00687f;}
	.sheet_wrap .sheet_txt {margin-bottom:13px; font-size:12px; color:#666;}
	.sheet_wrap .qr_wrap {padding-top:15px;}
	.sheet_wrap .qr_img_wrap {position:relative; width:370px; height:370px; padding-top:0; margin:0 auto;}
	.sheet_wrap .img_wrap {position:absolute; top:0; left:0; width:100%; height:100%;}
}

@media (max-width:512px) 
	and (orientation: portrait) {
	.sheet_wrap .qr_img_wrap {width:72.5%; height:0; padding-top:72.5%;}
}

@media (max-width:1024px) 
	and  (max-height:600px)
	and (orientation : landscape) {
	.bottom_sheet .sheet_wrap {height:90%; min-height:320px;}
	.sheet_wrap .qr_img_wrap {width:261px; height:261px; padding-top:0;}
}

@media (max-width:915px) 
	and  (max-height:425px)
	and (orientation : landscape) {
	.bottom_sheet .sheet_wrap {height:90%; min-height:320px;}
	.sheet_wrap .qr_img_wrap {width:232px; height:232px; padding-top:0;}
}

@media (max-width:599px) 
	and  (max-height:599px){
	.bottom_sheet .sheet_wrap {height:90%; min-height:320px;}
	.sheet_wrap .qr_img_wrap {width:232px; height:232px; padding-top:0;}
}


@media (max-height:425px) 
	and (orientation : landscape) {
	.sheet_wrap .qr_wrap {padding-top:0;}
}

/* 추가 */

/* 서브 비주얼 + 서브 탭메뉴 */
.sub_visual.type_color {background-color: #e5f1ee;display: flex;align-items: center;justify-content: center;padding-top: 0;flex-direction: column;} /* 학습시스템  */
.sub_visual.type_tab {justify-content: flex-start;}
.sub_visual.type_tab .subtab_menu {margin-bottom: 0;margin-top: 40px;}
.sub_visual.type_tab .sub_tit2 {margin-top: 60px;}
.sub_visual .sub_txt2 ,.sub_visual .sub_tit2 {font-family:"Nanum Square"; line-height:1.4em; color:#333; text-align:center;}
.sub_visual .sub_txt2 {margin-top:20px; font-size:18px; font-weight:400;}
.sub_visual .sub_tit2 {margin:0; font-size:40px; font-weight:400;}
.sub_visual .sub_tit2 b {font-weight: 900;font-family: inherit;}
.sub_visual .sub_txt2 b {font-weight: 700;font-family: inherit;}

@media (max-width:1024px) {
    .sub_visual.type_color {margin-top: -30px;padding: 30px 15px}
    .sub_visual.type_tab .sub_tit2 {margin-top: 30px;}
    .sub_visual.type_tab .subtab_menu {margin-top: 0px;}
	.sub_visual .sub_txt2 {font-size:18px;}
	.sub_visual .sub_tit2 {font-size:24px;}

}

@media (max-width:599px) {
    .sub_visual .sub_txt2 {font-size:14px;}
	.sub_visual .sub_tit2 {font-size:18px;}
    .sub_visual .sub_tit2 br {display: none;}
}

.col_two img {float:right; max-width:48%;}
.col_two .cont_wrap {overflow:hidden;}
.col_two .txt_wrap {float:right; width:52%; padding-right:40px;}
.col_two.left img {float:left;}
.col_two.left .txt_wrap {float:left; padding-right:0; padding-left:40px;}

@media (max-width:1024px) {
	.col_two img {margin:0 0 30px 15px;}
	.col_two .txt_wrap {float:none; width:100%; padding:0;}
	.col_two .txt_wrap .tit.mid {margin-top:15px;}

	.col_two.left img {margin:0 30px 15px 0;}
	.col_two.left .txt_wrap {float:none; width:100%; padding:0;}
}

@media (max-width:599px) {
	.col_two img {display:block; float:none; margin:0 auto; width:100%; max-width:100%;}
	.col_two .txt_wrap {padding-right:0;}
	.col_two .txt_wrap .tit {margin-top:15px;}
	.col_two .txt_wrap .txt.fst {margin-top:15px;}

	.col_two.left img {display:block; float:none; margin:0 auto; width:100%; max-width:100%;}
	.col_two.left .txt_wrap {padding-left:0;}
}

.col_text .col_text_list:after {display:block; clear:both; content:"";}
.col_text .col_text_list > li {float:left; width:50%;}
.col_text .col_text_list .left {padding-right:20px; border-right:1px solid #ddd;}
.col_text .col_text_list .right {padding-left:20px;}
.col_mod .txt_list {display:table; margin:auto; margin-top:21px; text-align:left;}
.col_mod .txt_wrap {text-align:center;}
.col_mod .txt_list li {position:relative; padding-left:19px; margin:8px 0; font-size:15px; line-height: 1.5em; color:#555;}
.col_mod .txt_list li:before {position:absolute; left:0; top:5px; width:11px; height:9px; border-left:4px solid #555; border-bottom:4px solid #555; transform:rotate(-45deg); content:"";}

@media (max-width:1024px) {
	.col_text .col_text_list > li {float:none; width:100%; margin:0;}
	.col_text .col_text_list .left {padding-bottom:30px; padding-right:0; border-bottom:1px solid #ddd; border-right:0;}
	.col_text .col_text_list .right {padding-top:30px; padding-left:0;}
    .col_mod {min-height:0; padding:15px 0;}
	.col_mod .txt_list li {font-size:14px; line-height: 1.8em;}
}

@media (max-width:599px) {
	.col_mod {padding:0;}
	.col_mod .txt_list {margin-top: 15px;}
	.col_mod .txt_list li {padding-left:14px; font-size:12px; line-height: 1.6em;}
	.col_mod .txt_list li:before {top:5px; width:9px; height:7px; border-left:3px solid #555; border-bottom:3px solid #555; transform:rotate(-45deg); content:"";}
}


/* 학습시스템 - The완전수학이란? */
.intro_themath .grid_container {padding:0px;}
.intro_themath .grid_container.middle {padding:0px;}
.intro_themath .cont_wrap {padding:70px 0;}
.intro_themath .cont_wrap .cont_list li {margin-bottom:70px;}
.intro_themath .cont_wrap .cont_list li:last-child {margin-bottom:0;}
.intro_themath .cont_mod:after {display:block; clear:both; content:"";}
.intro_themath .cont_mod {position:relative;}
.intro_themath .cont_mod .cont_img {float:left; max-width:60%; line-height:0;}
.intro_themath .cont_mod .cont_text {display:table; position:absolute; top:50%; left:53.333%; width:46.666%; height:360px; margin-top:-180px; padding-left:40px; background:rgba(255,255,255,0.8); overflow:hidden;}
.intro_themath .cont_mod .cont_text .txt_wrap {display:table-cell; vertical-align:middle;}
.intro_themath .cont_mod .cont_text strong {display:block; padding-bottom:10px; font-family:"Noto Sans"; font-size:50px; font-weight:900; line-height:1;}
.intro_themath .cont_list li:nth-child(2) .cont_text {right:auto; left:0;}
.intro_themath .cont_left .cont_img {float:right;}
.intro_themath .cont_left .cont_text {padding-right:40px; text-align:left;}
.intro_themath .cont_text .cont_tit {position:relative; font-size:22px; font-weight:900; line-height:1.5em; color:#333; font-family:"Nanum Square";}
.intro_themath .cont_list li:nth-child(1) .cont_tit {color:#0bb9b6;}
.intro_themath .cont_list li:nth-child(2) .cont_tit {color:#ffa200;}
.intro_themath .cont_list li:nth-child(3) .cont_tit {color:#ff4622;}
.intro_themath .cont_text .txt {color:#555; font-size:15px;}
.intro_themath .cont_text .txt b {font-weight: 700;}
.intro_themath .text_left .cont_tit:before {left:inherit;}

@media (max-width:1280px) {
    .intro_themath .grid_container {padding:0px 30px;}
	.intro_themath .cont_mod .cont_text {height:320px; margin-top:-160px;}
}

@media (max-width:1024px) {
    .intro_themath .cont_wrap {padding:30px 0;}
	.intro_themath .cont_wrap .cont_list li {margin-bottom:35px;}
	.intro_themath .cont_mod .cont_img {float:none; max-width:100%; width:440px; margin:0 auto; text-align:center;}
	.intro_themath .cont_mod .cont_text {position:static; width:100%; height:auto; padding-left:0; margin-top:20px; background:none; text-align:center;}
	.intro_themath .cont_left .cont_text {padding-left:0; padding-right:0;}
	.intro_themath .cont_mod .cont_text strong {font-size:40px;}
	.intro_themath .cont_text .cont_tit {font-size:18px;}
	.intro_themath .cont_text .txt br {display:block;}
}

@media (max-width:599px) {
    .intro_themath .grid_container {padding:0px 15px;}
	.intro_themath .cont_mod .cont_img {float:none; width:100%; margin-bottom:30px;}
	.intro_themath .cont_left .cont_img {float:none;}
	.intro_themath .cont_mod .cont_text {position:static; width:100%; height:auto; padding:0; text-align:center;}
	.intro_themath .cont_text .cont_tit:before {display:none;}
	.intro_themath .cont_mod .cont_text strong {font-size:26px;}
	.intro_themath .cont_text .cont_tit {font-size:16px;}
}

/* 학습시스템 - 학습 프로세스 */
.learning_process_themath .grid_container {padding:0px;}
.learning_process_themath .grid_container.middle {padding:0px;}
.learning_process_themath .col_text .col_text_list:after {display:block; clear:both; content:"";}
.learning_process_themath .col_text .col_text_list > li {float:left; width:50%;}
.learning_process_themath .col_text .col_text_list .left {padding-right:20px; border-right:1px solid #ddd;}
.learning_process_themath .col_text .col_text_list .right {padding-left:20px;}
.learning_process_themath .col_mod .txt_list {display:table; margin:auto; margin-top:21px; text-align:left;}
.learning_process_themath .col_mod .txt_wrap {text-align:center;}
.learning_process_themath .col_mod .txt_list li {position:relative; padding-left:19px; margin:8px 0; font-size:15px; line-height: 1.5em; color:#555;}
.learning_process_themath .col_mod .txt_list li:before {position:absolute; left:0; top:5px; width:11px; height:9px; border-left:4px solid #555; border-bottom:4px solid #555; transform:rotate(-45deg); content:"";}

@media (max-width:1280px) {
    .learning_process_themath .grid_container {padding:0px 30px;}
}

@media (max-width:1024px) {
	.learning_process_themath .col_text .col_text_list > li {float:none; width:100%; margin:0;}
	.learning_process_themath .col_text .col_text_list .left {padding-bottom:30px; padding-right:0; border-bottom:1px solid #ddd; border-right:0;}
	.learning_process_themath .col_text .col_text_list .right {padding-top:30px; padding-left:0;}
    .learning_process_themath .col_mod {min-height:0; padding:15px 0;}
	.learning_process_themath .col_mod .txt_list li {font-size:14px; line-height: 1.8em;}
}

@media (max-width:599px) {
    .learning_process_themath .grid_container {padding:0px 15px;}
	.learning_process_themath .col_mod {padding:0;}
	.learning_process_themath .col_mod .txt_list {margin-top: 15px;}
	.learning_process_themath .col_mod .txt_list li {padding-left:14px; font-size:12px; line-height: 1.6em;}
	.learning_process_themath .col_mod .txt_list li:before {top:5px; width:9px; height:7px; border-left:3px solid #555; border-bottom:3px solid #555; transform:rotate(-45deg); content:"";}
}

.learning_process_themath .sub_tit_wrap {position:relative; padding-top:35px; padding-bottom:10px; color:#333; text-align:center;}
.learning_process_themath .sub_tit_wrap:after {position:absolute; top:0; left:50%; width:18px; height:20px; margin-left:-9px; background:url(/img/masterymath/sprite/sprite.png); background-size:500px; background-position:-218px -2.5px; content:"";}
.learning_process_themath .sub_tit_wrap h3 {font-family:"Nanum Square"; font-size:32px; font-weight:900; line-height:1.4em; margin:0;}
.learning_process_themath .sub_tit_wrap h3 strong {font-family:inherit; font-weight:900; color:#0bb9b6}

.learning_process_themath .info {text-align:center;}
.learning_process_themath .col_text {margin-top:65px;}
.learning_process_themath .col_text .col_text_list .left {border-right:none;}
.learning_process_themath .diagram_wrap {margin-top:30px; padding:42px 0; border:1px solid #ddd;}
.learning_process_themath .diagram {height:0; padding-top: 130%; background-position: center; background-size: contain;}
.learning_process_themath .left .diagram {background: url(../img/masterymath/img/bg_learning_process_01.jpg) no-repeat; background-position:center; background-size:contain;}
.learning_process_themath .right .diagram {background: url(../img/masterymath/img/bg_learning_process_02.jpg) no-repeat; background-position:center; background-size:contain;}

@media (max-width:1024px) {
	.learning_process_themath .col_text .col_text_list .left {padding-bottom:0; border-bottom:none;}
	.learning_process_themath .col_text .col_mod {padding:0;}
	.learning_process_themath .col_text {margin-top:30px;}
	.learning_process_themath .left .diagram_wrap {padding:0; min-height:auto;}
	.learning_process_themath .right .diagram_wrap {padding:50px 0; min-height:auto;}
	.learning_process_themath .diagram  {padding-top:0;}
	.learning_process_themath .diagram {width:512px; height:748px; margin:0 auto;}
}

@media (max-width:599px) {
	.learning_process_themath .left .diagram_wrap {padding:0; min-height:auto;}
	.learning_process_themath .right .diagram_wrap {padding:30px 0; min-height:auto;}
	.learning_process_themath .diagram {width:100%; height:0; padding-top:130%; background-position:center !important;}
}

/* 학습시스템 - 수업 진행방법 */
.preview_themath .grid_container {padding:0px;}
.preview_themath .grid_container.middle {padding:0px;}
.preview_themath .preview_wrap {padding:70px 0;}
.preview_themath .step_wrap > li {display:table; width:100%; margin-bottom:40px;}
.preview_themath .step_wrap > li:last-child {margin-bottom:0;}
.preview_themath .step_wrap > li:after {display:block; clear:both; content:"";}
.preview_themath .step_tit_wrap {display: table-cell; position:relative; width:22.5%; padding:0 40px; vertical-align: middle;}
.preview_themath .step_wrap li:nth-child(1) .step_tit_wrap {background:#25cf91;}
.preview_themath .step_wrap li:nth-child(2) .step_tit_wrap {background:#0bb9b6;}
.preview_themath .step_wrap li:nth-child(3) .step_tit_wrap {background:#fa9d25;}
.preview_themath .step_wrap li:nth-child(4) .step_tit_wrap {background:#ff4622;}
.preview_themath .step_wrap li:nth-child(5) .step_tit_wrap {background:#00354e;}
.preview_themath .step_tit_wrap:before {position:absolute; bottom:-25px; left:50%; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:10px solid #6a6a6a; content:""; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.preview_themath .step_wrap > li:last-child .step_tit_wrap:before {display:none;}
.preview_themath .step_tit_wrap span {display:block; text-align:center;}
.preview_themath .step_tit_wrap .step {padding-bottom:10px; border-bottom:1px solid rgb(255,255,255,0.4); font-family:"Nanum Square"; font-size:20px; color:#fff;}
.preview_themath .step_tit_wrap .step_tit {margin-top:20px; font-family:"Nanum Square"; font-size:32px; font-weight:900; line-height: 1.2em; color:#fff;}
.preview_themath .step_txt_wrap {display: table-cell; width:calc(77.5% - 40px); padding-left:40px;}
.preview_themath .step_txt_wrap li {position:relative; width:100%;  margin-bottom:5px; padding:20px 17px 15px 60px; background:#f2f2f2;}
.preview_themath .step_txt_wrap li:last-child {margin-bottom:0;}
.preview_themath .step_txt_wrap .txt_wrap {display:table;}
.preview_themath .step_txt_wrap .txt_wrap > p {display: table-cell; vertical-align:middle;}
.preview_themath .step_txt_wrap .txt_wrap .num {position:absolute; top:50%; left:17px; width:27px; height:27px; line-height: 27px; border-radius:50%; background:#a1a9a9; -webkit-transform:translateY(-50%); transform:translateY(-50%); text-align:center;}
.preview_themath .step_txt_wrap .txt_wrap .num span {font-family:"Nanum Square"; font-size:20px; font-weight:700; color:#fff;}
.preview_themath .step_txt_wrap .txt_wrap .tit {padding-right:20px; font-family:"Nanum Square"; font-size:20px; font-weight:700; color:#222;}
.preview_themath .step_txt_wrap .txt_wrap .txt {position:relative; margin-top:3px; padding-left:20px; font-size:15px; line-height:2em;  color:#555;}
.preview_themath .step_txt_wrap .txt_wrap .txt:before {position:absolute; left:-1px; top:0; color:#ddd; content:"|";}

@media (max-width:1280px){
    .preview_themath .grid_container {padding:0px 30px;}
	.preview_themath .step_tit_wrap .step_tit {font-size:30px;}
	.preview_themath .step_tit_wrap {padding:0 35px;}
}

@media (max-width:1024px){
    .preview_themath .preview_wrap {padding:30px 0;}
	.preview_themath .step_wrap > li {display:block; position:relative; margin-bottom:30px;}
	.preview_themath .step_wrap > li:before {position:absolute; top:calc(100% + 12px); left:50%; bottom:auto; width:0; height:0; border-left:12px solid transparent; border-right:12px solid transparent; border-top:8px solid #6a6a6a; content:""; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
	.preview_themath .step_wrap > li:last-child:before {display:none;}
	.preview_themath .step_tit_wrap {display:block; width:100%; margin-bottom:5px; text-align:center;}
	.preview_themath .step_txt_wrap {display:block; width:100%; padding-left:0;}
	.preview_themath .step_tit_wrap:before {display:none;}
	.preview_themath .step_tit_wrap span {display:inline-block; vertical-align:middle;}
	.preview_themath .step_tit_wrap .step {position:relative; padding-right:20px; padding-bottom:0; border-bottom:none; font-size:18px; line-height:50px;}
	.preview_themath .step_tit_wrap .step:after {position:absolute; right:0; top:0; color:#ddd; content:"|";}
	.preview_themath .step_tit_wrap .step_tit {padding-left:10px; margin-top:2px; font-size:24px; line-height:50px;}
	.preview_themath .step_tit_wrap br {display:none;}
	.preview_themath .step_txt_wrap li {padding:10px 20px 10px 60px;}
	.preview_themath .step_txt_wrap .txt_wrap .num {left:20px; width:25px; height:25px; line-height:25px;}
	.preview_themath .step_txt_wrap .txt_wrap .num span {font-size:18px;}
	.preview_themath .step_txt_wrap .txt_wrap .tit {font-size:18px;}
	.preview_themath .step_txt_wrap .txt_wrap .txt {font-size:14px;}
}

@media (max-width:599px){
    .preview_themath .grid_container {padding:0px 15px;}
	.preview_themath .step_tit_wrap .step {padding-right:15px; font-size:16px; line-height:40px;}
	.preview_themath .step_tit_wrap .step_tit {padding-left:10px; font-size:18px; line-height:40px;}
	.preview_themath .step_txt_wrap li {padding:15px 20px 15px 60px;}
	.preview_themath .step_txt_wrap .txt_wrap {display:block;}
	.preview_themath .step_txt_wrap .txt_wrap .num {left:20px; width:25px; height:25px; }
	.preview_themath .step_txt_wrap .txt_wrap .num span {font-size:16px;}
	.preview_themath .step_txt_wrap .txt_wrap .tit {padding-right:0; padding-bottom:7px; border-bottom:1px solid #ddd; font-size:16px; line-height:1.5em;}
	.preview_themath .step_txt_wrap .txt_wrap .txt {padding-left:0; margin-top:7px; font-size:14px; line-height:1.5em;}
	.preview_themath .step_txt_wrap .txt_wrap .txt:before {display:none;}
	.preview_themath .step_txt_wrap .txt_wrap > p {display:block;}
}

/* 학습시스템 - 커리큘럼 */
.sub_lower_wrap {padding:70px 0; background-size:cover; background-position:center;}
.sub_lower_wrap.bg {background:#f2f2f2;}
.sub_lower_wrap.diagram {margin-bottom:-100px; padding-bottom:100px; background:#f2f2f2;}
.sub_lower_wrap .main_tit {position:relative; margin:0 auto; font-family:"Nanum Square"; font-size:32px; line-height:1.4em; color:inherit; font-weight:900; text-align:center;}
.sub_lower_wrap .main_tit:before {position:absolute; top:-30px; left:50%; width:18px; height:20px; margin-left:-9px; background:url(/img/masterymath/sprite/sprite.png); background-size:500px; background-position:-168.5px -2.5px; content:"";}
.sub_lower_wrap .visual_wrap {display:table; width:100%;}
.sub_lower_wrap .visual_wrap p {display:table-cell; font-family:"Nanum Square"; font-weight:700; text-align:center; vertical-align:middle;}
.sub_tit_wrap {position:relative; padding-top:35px; padding-bottom:10px; color:#333; text-align:center;}
.sub_tit_wrap.white {color:#fff;}
.sub_tit_wrap:after {position:absolute; top:0; left:50%; width:18px; height:20px; margin-left:-9px; background:url(/img/masterymath/sprite/sprite.png); background-size:500px; background-position:-218px -2.5px; content:"";}
.sub_tit_wrap.white:after {background-position:-431px -475px;}
.sub_tit_wrap .sub_txt {font-family:"Nanum Square"; font-size:24px; line-height:1.5em;}
.sub_tit_wrap h3 {font-family:"Nanum Square"; font-size:32px; font-weight:900; line-height:1.4em;}
.sub_tit_wrap h3 strong {font-family:inherit; font-weight:900; color:#0bb9b6}
.sub_tit_wrap .txt_info {margin-top:25px; font-size:15px; line-height:2em;}
.sub_tit_wrap .txt_info strong {font-weight:700; color:#0bb9b6;}

.sub_col_tit {text-align:center;}
.sub_col_tit p {display:inline-block; position:relative; font-family:"Nanum Square"; font-size:30px; font-weight:700; line-height:1.5em; color:#222;}
.sub_col_tit p:before, .sub_col_tit p:after {position:absolute; top:50%; width:50px; height:1px; background:#222; content:"";}
.sub_col_tit p:before {left:-70px;}
.sub_col_tit p:after {right:-70px;}

.sub_cont_wrap p.tit {font-family:"Nanum Square"; font-size:30px; font-weight:700; line-height:1.45em; color:#333;}
.sub_cont_wrap p.txt {margin-top:25px; font-size:15px; line-height:2em; color:#555;}
.sub_cont_wrap p.tit strong {font-family:inherit; color:#0bb9b6;}
.sub_cont_wrap p.txt strong {font-family:inherit; font-weight:700;}
.sub_cont_wrap.white p.tit,.sub_cont_wrap.white p.txt {color:#fff;}
.sub_cont_wrap p.tit.mid {margin-top:25px;}
.sub_cont_wrap p.txt.fst {margin-top:0;}

.sub_lower_wrap.txtbx:last-child {padding-bottom:60px;}
.txtbx {padding-bottom:80px; background:#0bb9b6; text-align:center;}
.txtbx .txt_wrap {position:relative; padding-top:30px; color:#333; text-align:center;}
.txtbx .txt_wrap:after {position:absolute; top:0; left:50%; width:18px; height:20px; margin-left:-9px; background:url(/img/masterymath/sprite/sprite.png); background-size:500px; background-position:-168.5px -2.5px; content:"";}
.txtbx .txt_wrap p.tit {margin-top:25px; font-family:"Nanum Square"; font-size:32px; font-weight:700; line-height:1.4em; color:#fff;}
.txtbx .txt_wrap p.tit:nth-child(1) {margin-top:0;}
.txtbx .txt_wrap p.tit strong {font-family:inherit; color:#fffc00;}
.txtbx .txt_wrap p.txt {margin-top:25px; font-size:15px; line-height:2em; color:#fff;}
.video_wrap {padding:0 140px;}
.video_cont{position:relative; width:100%; height:0; padding-bottom:56.25%; background:#404040;}
.video{position:absolute; top:0; left:0; width:100%; height:100%;}
.info {text-align: center;}
.meta img {display: block;margin: 0 auto;margin-top: 65px;}

@media (max-width:1380px) {
	.txtbx .txt_wrap p.tit br {display:none;}
	.txtbx .txt_wrap p.txt br {display:none;}
}

@media (max-width:1024px) {
    .sub_lower_wrap {padding:30px 0;}
    .sub_lower_wrap .main_tit {margin-top:30px; font-size:24px;}
    .sub_tit_wrap {padding-top:30px;}
    .sub_tit_wrap .sub_txt {font-size:18px;}
    .sub_tit_wrap h3 {font-size:24px;}
    .sub_tit_wrap .txt_info {font-size:14px; line-height:1.8em;}
    .sub_tit_wrap .txt_info br {display:none;}
	.sub_col_tit p {font-size:24px;}
	.sub_col_tit p:before, .sub_col_tit p:after {display:none;}
    .sub_cont_wrap p.tit {font-size:24px;}
    .sub_cont_wrap p.txt {margin-top:20px; font-size:14px; line-height:1.8em;}
    .sub_cont_wrap p.tit br,.sub_cont_wrap p.txt br  {display:none;}

	.txtbx {padding-bottom:30px;} 
	.sub_lower_wrap.txtbx:last-child {padding-bottom:50px;}
	.txtbx .txt_wrap p.tit {font-size:24px; margin-top:15px;}
	.txtbx .txt_wrap p.txt {margin-top:15px; font-size:14px; line-height:2em; color:#fff;}
	.video_wrap {padding:0 100px;}
}

@media (max-width:599px) {
    .sub_lower_wrap .main_tit {font-size:20px;}
    .sub_tit_wrap .sub_txt {font-size:14px;}
    .sub_tit_wrap h3 {font-size:18px;}
    .sub_tit_wrap .txt_info {font-size:12px; line-height:1.6em;}
	.sub_col_tit p {font-size:18px;}
    .sub_cont_wrap p.tit {font-size:16px;}
	.sub_cont_wrap p.tit.mid {margin-top:15px;}
    .sub_cont_wrap p.txt {margin-top:15px; font-size:12px; line-height:1.6em;}
	.sub_lower_wrap.txtbx:last-child {padding-bottom:30px;}
	.txtbx .txt_wrap p.tit {font-size:16px;}
	.txtbx .txt_wrap p.txt {margin-top:15px; font-size:11px; line-height:2em; color:#fff;}
	.video_wrap {padding:0;}
}


.talking_math_themath .grid_container {padding:0px;}
.talking_math_themath .grid_container.middle {padding:0px;}
.before_after {overflow:hidden; position:relative;}
.before_after .cont {width:calc(50% - 92px); margin:0 8px 15px; border-top:3px solid #000;}
.before_after .before {float:left; margin-right:160px;}
.before_after .after {float:right;}
.before_after .cont p.tit strong {font-family:inherit; font-weight:900;}
.before_after .after p.tit strong {color:#0bb9b6;}
.before_after .before p.tit strong {color:#333;}
.before_after .cont p.tit {padding-top:32px; font-family:"Nanum Square"; font-size:30px; font-weight:700; line-height:1.45em; color:#333;}
.before_after .after .tit, .before_after .after .txt {text-align:right;}
.before_after .cont_box {padding-top:32px; line-height:0;}
.before_after .cont_txt_wrap {overflow:hidden; position:relative; min-height:178px; background:#fff; box-shadow: 0 5px 8px 0px rgba(0,0,0,0.1);}
.before_after .cont_txt_wrap > li {float:left; width:50%; padding:30px 15px;}
.before_after .cont_txt_wrap .img_wrap {position:relative; line-height:0; text-align:center;}
.before_after .cont_txt_wrap .txt_list {display:table; margin:0 auto; margin-top:5px;}
.before_after .cont_txt_wrap .txt_list li {font-size:14px; line-height:1.6em; padding:0.2em 0; padding-left:10px;}
.before_after .cont_txt_wrap {display:table; width:100%; min-height:125px; text-align:center;} 
.before_after .cont_txt_wrap p {display:table-cell; padding:0 10px; font-family:"Nanum Square"; font-size:20px; font-weight:700; line-height:1.5em; vertical-align:middle; color:#222;}
.before_after .after .cont_txt_wrap p, .before_after .after .cont_txt_wrap span {color:#0bb9b6;}
.before_after .cont_txt_wrap .el {display:inline-block; position:relative; padding:0 35px; font-family:"Nanum Square"; font-size:20px; font-weight:700; color:#222;}
.before_after .cont_txt_wrap .el:first-child:before {position:absolute; top:50%; left:100%; width:0; height:0; border-top:12px solid transparent; border-bottom:12px solid transparent; border-left:10px solid #222; content:""; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.before_after .after .cont_txt_wrap .el:first-child:before {border-left:10px solid #0bb9b6;}
.before_after .cont.before {position:relative;}
.before_after .cont.before:after {position:absolute; top:calc(50% - 80px); left:calc(100% + 41px); width:82px; height:99px; background: url('/img/masterymath/sprite/sprite.png') no-repeat -2.5px -2.5px; content:"";}

@media (max-width:1440px) {
	.before_after .cont {width:calc(50% - 82px);}
	.before_after .before {margin-right:140px;}
	.before_after .cont.before:after {left:calc(100% + 30px); -webkit-transform:scale(0.9); transform:scale(0.9);}
}

@media (max-width:1280px){
    .talking_math_themath .grid_container {padding:0px 30px;}
    .before_after .cont {width:calc(50% - 63px);}
	.before_after .cont p.tit {font-size: 25px;}
	.before_after .before {margin-right:102px;}
	.before_after .cont.before:after {left:calc(100% + 15px); -webkit-transform:scale(0.9); transform:scale(0.75);}
}

@media (max-width:1024px){
    .before_after {padding:30px 0;}
    .before_after {margin-top:15px;}
	.before_after {margin-top:15px;}
	.before_after .cont {float:none; width:520px; margin:0 auto; margin-bottom:15px;}
    .before_after .after {margin-top:100px;}
	.before_after .cont.before:after {top:100%; left:calc(50% - 37px); -webkit-transform:scale(0.75) rotate(90deg); transform:scale(0.75) rotate(90deg);}
	.before_after .cont p.tit {padding-top:30px; font-size:24px; text-align:center;}
	.before_after .cont .txt {text-align:center;}
    .before_after .cont_box {padding-top:25px;}
    .before_after .cont_txt_wrap .txt_list li {font-size:14px;}
}

@media (max-width:599px){
    .talking_math_themath .grid_container {padding:0px 15px;}
    .before_after .cont {width:calc(100% - 8px);}
	.before_after .cont p.tit {padding-top:15px; font-size:18px;}
	.before_after .cont_box {padding-top:15px;}
	.before_after .cont_txt_wrap {min-height:135px;}
	.before_after .cont_txt_wrap > li {padding:20px 10px;}
    .before_after .cont_txt_wrap .tit {bottom:-1em; left:50%; font-size:12px; font-weight:700; line-height:2em; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
    .before_after .cont_txt_wrap .txt_list {margin-top:10px;}
    .before_after .cont_txt_wrap .txt_list li {font-size:12px; line-height:1.4em;}
	.before_after .cont_txt_wrap .el {padding:0 22px;}
}

.talking_math .sub_content {margin-bottom:-80px;}
.talking_math .sub_lower_wrap:last-child {padding-bottom:150px;}
.talking_math .info {text-align:center;}
.talking_math .before_after .cont .txt {min-height:122px;}
.talking_math .meta .img_wrap {margin:30px 0 -60px;}
.talking_math .meta img {display: block; margin: 0 auto; margin-top: 65px;}
.talking_math .before_after .cont.before:after {top:calc(50% + 20px);}
.achv_improve .info {padding-top:37px;}
.achv_improve .qec_wrap {position:relative;}
.achv_improve .qec_wrap:after {display:block; clear:both; content:'';}
.achv_improve .qec_wrap .qec_mod_wrap {float:left; position:relative; width:calc(50% - 20px); height:auto;}
.achv_improve .qec_wrap .be_mod {margin-left:40px;}
.achv_improve .qec_wrap .qec_mod_wrap:before {display:block; background-image:url(../img/masterymath/img/img_talking_math_03.jpg); background-position:center; background-size: cover; width:100%; height:504px; content:'';}
.achv_improve .qec_wrap .qec_mod_wrap.be_mod:before {background-image:url(../img/masterymath/img/img_talking_math_04.jpg);}
.achv_improve .qec_wrap .qec_mod_wrap img {min-width:240px;}
.achv_improve .qec_mod {display:table; position: absolute; bottom: 0; width: 100%; min-height:180px; background: rgba(0,0,0,0.5); text-align:center;}
.achv_improve .qec_mod .txt_wrap {display:table-cell; vertical-align: middle; text-align: center;}
.achv_improve .qec_mod .txt_wrap .tit {font-family:"Nanum Square"; font-size:32px; font-weight:900; color:#fff;}
.achv_improve .qec_mod .txt_wrap .txt {margin-top:0; font-size:15px; color:#fff;}
.achv_improve .qec_tit_wrap {position:absolute; top:12%; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:214px; height:214px; padding:40px 15px; border-radius:50%; background: rgba(0,162,159,0.7); text-align:center; z-index:1;}
.achv_improve .qec_tit_wrap p {position:absolute; top:50%; left:0; width:100%; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-family:"Nanum Square"; font-size:30px; font-weight:700; line-height:1.4em; color:#fff;}
.achv_improve .sub_cont_wrap p.tit {margin-top:27px;}
.achv_improve .step_wrap {margin-top:62px;}
.achv_improve .step_wrap:after {display:block; clear:both; content:"";}
.achv_improve .step_mod {float:left;}
.achv_improve .step_mod.flip {width:40%;}
.achv_improve .step_mod.achv {width:60%;}
.achv_improve .step_mod .tit {display:inline-block; width:100%; font-family:"Nanum Square"; font-size:22px; font-weight:700; line-height:55px; color:#fff; text-align:center;}
.achv_improve .step_mod.flip .tit {background:#0bb9b6;}
.achv_improve .step_mod.achv .tit {background:#fa9d25;}
.achv_improve .step_mod ul {margin-top:30px;}
.achv_improve .step_mod ul:after {display:block; clear:both; content:"";}
.achv_improve .step_mod .step {float:left; position:relative; width:240px; padding:0 28px; text-align:center;}
.achv_improve .step_mod .step:before {position:absolute; top:50%; left:calc(100% - 5px); width:0; height:0; border-top:16px solid transparent; border-bottom:16px solid transparent; border-left:12px solid #ccc; content:""; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.achv_improve .step_mod.achv .step:last-child:before {display:none;}
.achv_improve .step_mod.flip .step {max-width:50%;}
.achv_improve .step_mod.achv .step {max-width:33.3333%;}
.achv_improve .step_mod .step .txt_wrap {position:relative; width:100%; height:0; padding-top:93.48%; border-radius:50%;}
.achv_improve .step_mod.flip .step .txt_wrap {border:7px solid #0bb9b6;}
.achv_improve .step_mod.achv .step .txt_wrap {border:7px solid #fa9d25;}
.achv_improve .step_mod .step .txt_wrap span {position:absolute; top:50%; left:50%; width:100%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); font-family:"Nanum Square"; font-size:20px; font-weight:700; line-height:1.5em;}
.achv_improve .step_mod.flip .step .txt_wrap span {color:#0bb9b6;}
.achv_improve .step_mod.achv .step .txt_wrap span {color:#fe9712;}
.talking_effect .col_mod .txt_wrap .sub_col_tit {margin-top:27px; text-align:center;}
.talking_effect .col_mod .txt_wrap .sub_col_tit p {display:inline-block; position:relative; font-family:"Nanum Square"; font-size:20px; font-weight:700; line-height:1.5em; color:#0bb9b6;}
.talking_effect .col_mod .txt_wrap .sub_col_tit p:before,.talking_effect .col_mod .txt_wrap .sub_col_tit p:after {position:absolute; top:50%; width:20px; height:1px; background:#0bb9b6; opacity:0.5; content:"";}
.talking_effect .col_mod .txt_wrap .sub_col_tit p:before {left:-30px;}
.talking_effect .col_mod .txt_wrap .sub_col_tit p:after {right:-30px;}
.talking_effect .col_mod .txt_wrap p.txt {margin-top:7px;}
.talking_effect .col_mod .txt_list {display:table; margin:auto; margin-top:21px; text-align:left;}
.talking_effect .col_mod .txt_list li {position:relative; padding-left:19px; margin:8px 0; line-height: 1.5em; color:#555;}
.talking_effect .col_mod .txt_list li:before {position:absolute; left:0; top:5px; width:11px; height:9px; border-left:4px solid #555; border-bottom:4px solid #555; transform:rotate(-45deg); content:"";}

@media (max-width:1366px) {
	.talking_math .before_after .cont .txt br {display:none;}
}

@media (max-width:1280px) {
	.talking_math .before_after .cont p.tit {font-size:28px;}
	.talking_math .before_after .cont p.txt {min-height:100px; font-size:14px;}
	.achv_improve .step_mod .step {padding:0 20px;}
	.achv_improve .step_mod .step .txt_wrap {padding-top:91.5%;}
}

@media (max-width:1100px) {
	.talking_math .meta .img_wrap {margin:0 0 -30px;}

	.achv_improve .step_mod .step {padding:0 17px;}
	.achv_improve .step_mod .step .txt_wrap {padding-top:90%;}
}

@media (max-width:1024px) {
	.talking_math .sub_content {margin-bottom:-50px;}
	.talking_math .sub_lower_wrap:last-child {padding-bottom:80px;}
	.talking_math .before_after .cont p.tit {font-size:24px;}
	.talking_math .before_after .cont p.txt {min-height:75px;}
	.talking_math .before_after .cont_txt_wrap {min-height:100px;}
	.talking_math .before_after .cont_txt_wrap p {font-size:18px;}
	.talking_math .before_after .cont.before:after {top:100%;}
	.talking_math .meta img {margin-top:60px;}
	.achv_improve .qec_tit_wrap {width:170px; height:170px;}
	.achv_improve .qec_tit_wrap p {font-size:22px;}
	.achv_improve .qec_mod {min-height:173px; }
	.achv_improve .qec_mod .txt_wrap {height:auto; padding:15px;}
	.achv_improve .qec_mod .txt_wrap .tit {font-size:22px;}
	.achv_improve .qec_mod .txt_wrap .txt {font-size:14px;}
	.achv_improve .qec_mod .txt_wrap .txt br {display:none;}
	.achv_improve .info {padding-top:10px;}
	.achv_improve .sub_cont_wrap p.tit {margin-top:20px;}
	.achv_improve .step_wrap {margin-top:30px;}
	.achv_improve .step_mod {float:none; margin:0 auto;}
	.achv_improve .step_mod ul {margin-top:0;}
	.achv_improve .step_mod .step {float:none; margin:0 auto; padding:25px 0; width:100%;}
	.achv_improve .step_mod.flip, .achv_improve .step_mod.achv {width:500px;}
	.achv_improve .step_mod.achv {margin-top:30px; }
	.achv_improve .step_mod.flip .step {max-width:100%;}
	.achv_improve .step_mod.achv .step {max-width:100%;}
	
	.achv_improve .step_mod .step .txt_wrap {height:60px; padding:0; border-radius:50px;}
	.achv_improve .step_mod.flip .step .txt_wrap {border:5px solid #0bb9b6;}
	.achv_improve .step_mod.achv .step .txt_wrap {border:5px solid #fa9d25;}
	.achv_improve .step_mod .step:before {top:calc(100% - 15px); left:50%; margin-left:-8px; -webkit-transform: rotate(90deg);
    transform: rotate(90deg);}
	.achv_improve .step_mod.flip .step:last-child:before {top:calc(100% - 12px);}
	.achv_improve .step_mod .tit {font-size:18px; line-height:45px;}
	.achv_improve .step_mod .step .txt_wrap span {font-size:18px;}
	.achv_improve .step_mod .step .txt_wrap span br {display:none;}
	.talking_effect .col_mod .txt_wrap .sub_col_tit {margin-top:20px;}
	.talking_effect .col_mod .txt_wrap .sub_col_tit p {font-size:18px;}
}

@media (max-width:599px) {
	.talking_math .sub_content {margin-bottom:-30px;}
	.talking_math .sub_lower_wrap:last-child {padding-bottom:50px;}
	.talking_math .before_after .cont_txt_wrap {min-height:80px;}
	.talking_math .before_after .cont_txt_wrap p {font-size:16px;}
	.talking_math .before_after .cont p.tit {font-size:18px;}
	.talking_math .meta img {margin-top:15px;}
	.achv_improve .qec_wrap .qec_mod_wrap {width:calc(50% - 5px);}
	.achv_improve .qec_wrap .qec_mod_wrap:before {height:330px;}
	.achv_improve .qec_wrap .qec_mod_wrap img {min-width:0;}
	.achv_improve .qec_wrap .be_mod {margin-left:10px;}
	.achv_improve .qec_mod {min-height:132px;}
	.achv_improve .qec_mod .txt_wrap {height:auto; padding:6px 8px;}
	.achv_improve .qec_mod .txt_wrap .tit{font-size:14px;}
	.achv_improve .qec_mod .txt_wrap .txt{font-size:12px;}
	.achv_improve .qec_tit_wrap {top:10%; left:50%; width:90px; height:90px; line-height:1.45em; padding:10px 3px; border-radius:50%; text-align:center; z-index:1;}
	.achv_improve .qec_tit_wrap p{font-size:14px;}
	.achv_improve .sub_cont_wrap p.tit {margin-top:15px;}
	.achv_improve .step_wrap {margin-top:20px; margin-bottom:-20px;}
	.achv_improve .step_mod.flip, .achv_improve .step_mod.achv {width:100%;}
	.achv_improve .step_mod .tit {font-size:16px; line-height:35px;}
	.achv_improve .step_mod .step {width:100%; padding:20px 0;}
	.achv_improve .step_mod .step:before {top: calc(100% - 15px);}
	.achv_improve .step_mod.flip .step:last-child:before {top:calc(100% - 9px);}
	.achv_improve .step_mod .step .txt_wrap {height:50px;}
	.achv_improve .step_mod .step .txt_wrap span {font-size:16px;} 
	.talking_effect .col_mod .txt_wrap .sub_col_tit {margin-top:15px;}
	.talking_effect .col_mod .txt_wrap .sub_col_tit p {font-size:16px;}
}

@media (max-width:400px) {
	.achv_improve .qec_mod {min-height:173px;}
}

/* 학습시스템 - 개별지도 */
.individual_guid_themath .sub_content {padding-bottom: 0;}
.individual_guid_themath .info {text-align:center;}
.individual_guid_themath .before_after .cont_txt_wrap {display:table; width:100%; min-height:125px; text-align:center;} 
.individual_guid_themath .before_after .cont_txt_wrap p {display:table-cell; font-family:"Nanum Square"; font-size:20px; font-weight:700; vertical-align:middle;}
.individual_guid_themath .before_after .cont.before:after {top:calc(50% - 50px);}
.individual_guid_themath table, .individual_guid_themath .data_table.row table th {background:none;border-right: 0 !important;}
.individual_guid_themath .data_table {max-width:982px; margin:0 auto; padding-top:32px;}
.individual_guid_themath .data_table table {border-top:2px solid #333; border-bottom:2px solid #333;}
.individual_guid_themath .data_table table th, .individual_guid_themath .data_table table td {padding:25px 20px; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.individual_guid_themath .data_table.row table th {font-family:"Nanum Square"; font-size:20px; color:#222;}
.individual_guid_themath .system .data_table.row table th {padding:0 4%; text-align:left;}
.individual_guid_themath .feedback .data_table.row table th {padding:0 3%; text-align:left;}
.individual_guid_themath .data_table.row table td {font-size:15px; line-height:2em; color:#555;}
.individual_guid_themath .sys_wrap {padding-top:62px; padding-bottom:8px;}
.individual_guid_themath .sys_wrap ul {margin:0 -40px; font-size:0; text-align:center;}
.individual_guid_themath .sys_wrap li {display:inline-block; position:relative; width:354px; max-width:33.333%; padding:0 40px;}
.individual_guid_themath .sys_mod {position:relative; width:100%; height:0; padding-top:100%; border-radius:50%; background:#ddd;}
.individual_guid_themath .sys_mod:before {position:absolute; top:50%; left:calc(100% + 32px); width:0; height:0; border-top:17px solid transparent; border-bottom:17px solid transparent; border-left:12px solid #ccc; content:""; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.individual_guid_themath .sys_wrap li:last-child .sys_mod:before{display:none;}
.individual_guid_themath .sys_wrap li:nth-child(1) .sys_mod {background:#0bb9b6;}
.individual_guid_themath .sys_wrap li:nth-child(2) .sys_mod {background:#fa9d25;}
.individual_guid_themath .sys_wrap li:nth-child(3) .sys_mod {background:#00354e;}
.individual_guid_themath .sys_mod .txt_wrap {position:absolute; top:50%; left:0; width:100%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.individual_guid_themath .sys_mod .txt_wrap p.tit {font-weight:700; line-height:1.375em; color:#fff;}
.individual_guid_themath .sys_mod .txt_wrap p.tit br {display:block;}
.individual_guid_themath .sys_mod .txt_wrap p.txt {margin-top:0; color:#fff;}

@media (max-width:1024px) {
	.individual_guid_themath .data_table.row table th {font-size:18px;}
	.individual_guid_themath .system .data_table.row table th {padding:12px 5% !important;}
	.individual_guid_themath .feedback .data_table.row table th {padding:12px 3% !important;}
	.individual_guid_themath .data_table.row table td {font-size:14px;}
	.individual_guid_themath .before_after .cont.before:after {top:100%;}
	.individual_guid_themath .before_after .cont_txt_wrap {min-height:100px;}
	.individual_guid_themath .before_after .cont_txt_wrap p {font-size:18px;}
	.individual_guid_themath .sys_wrap {padding-top:30px;}
	.individual_guid_themath .sys_wrap ul {margin:0 -30px;}
	.individual_guid_themath .sys_mod .txt_wrap p.tit {font-size:24px;}
	.individual_guid_themath .data_table:before {display:none;}
}

@media (max-width:768px) {
	.individual_guid_themath .sys_mod .txt_wrap p.tit {font-size:22px;}
}

@media (max-width:599px) {
	.individual_guid_themath .data_table.row table th {font-size:15px;}
	.individual_guid_themath .feedback .data_table.row table th {padding:8px 2% !important;}
	.individual_guid_themath .data_table.row table td {font-size:12px;}
	.individual_guid_themath .data_table table th, .individual_guid_themath .data_table table td {padding:15px 10px;}
	.individual_guid_themath .before_after .cont_txt_wrap {min-height:80px;}
	.individual_guid_themath .before_after .cont_txt_wrap p {font-size:16px;}
	.individual_guid_themath .sys_wrap {padding-top:30px;}
	.individual_guid_themath .sys_wrap ul {margin:-30px 0;}
	.individual_guid_themath .sys_wrap li {display:block; width:100%; padding:25px 0; max-width:100%; margin:0 auto;}
	.individual_guid_themath .sys_mod {display:table; height:auto; padding-top:0; border-radius:50px;}
	.individual_guid_themath .sys_mod:before {top:calc(100% + 10px); left:50%; margin-left:-4px; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
	.individual_guid_themath .sys_mod .txt_wrap {display:table-cell; vertical-align:middle; position:static; top:auto; left:auto; width:100%; height:60px; -webkit-transform:none; transform:none;}
	.individual_guid_themath .sys_mod .txt_wrap p.tit {font-size:18px;}
	.individual_guid_themath .sys_wrap li:nth-child(3) .txt_wrap p.tit br {display:none;}
}

@media (max-width:320px) {
	.individual_guid_themath .data_table.row table th {font-size:14px;}
}

/* 학습시스템 - 진단평가 */
.level_test_themath .grid_container {padding:0px;}
.level_test_themath .level_test_box {position:relative; margin-top:60px;}
.level_test_themath .level_test_box:after {display:block; clear:both; content:"";}
.level_test_themath .level_test_box .img_wrap {float:left;}
.level_test_themath .level_test_box .img_wrap ul li {position:absolute; line-height:0; -webkit-box-shadow:0 10px 10px 0 rgba(0,0,0,0.1); box-shadow:0 10px 10px 0 rgba(0,0,0,0.1); width:22.92%;}
.level_test_themath .level_test_box .img_wrap ul li:nth-child(1) {top:20px; left:0;}
.level_test_themath .level_test_box .img_wrap ul li:nth-child(2) {top:104px; left:18%;}
.level_test_themath .level_test_box .img_wrap ul li:nth-child(3) {top:566px; left:0;}
.level_test_themath .level_test_box .img_wrap ul li:nth-child(4) {top:650px; left:18%;}
.level_test_themath .level_test_box .img_wrap ul li:nth-child(even) {z-index:-1;}
.level_test_themath .level_test_box .level_table {float:right; width:53.33%;}
.level_test_themath .level_test_box .level_table table {border:0; border-spacing:10px 5px; border-collapse:separate;}
.level_test_themath .level_test_box .level_table table th {padding:25px 15px; border:1px solid #d49a42; text-align:left;}
.level_test_themath .level_test_box .level_table table th .num {float:left; width:26px; line-height:26px; margin-top:2px; border-radius:50%; background-color:#faa627; font-family:"Lato"; font-size:16px; font-weight:700; color:#fff; text-align:center;}
.level_test_themath .level_test_box .level_table table th .label {float:left; padding-left:10px; font-family:"Nanum Square"; font-size:18px; font-weight:700; line-height:30px; color:#222;}
.level_test_themath .level_test_box .level_table table td {padding:12px 20px; border:0; background-color:#fbf1e1; font-size:15px; line-height:30px; color:#222; text-align:left;}
.level_test_themath .level_test_box .level_table .txt_list li {font-size:15px; line-height:2em;}
.grid_container.middle {padding: 0px !important;}

@media (max-width:1280px){
	.level_test_themath .grid_container {padding:0px 30px;}
}

@media screen and (max-width:1024px) {
	.level_test_themath .level_test_box {margin:0;}
	.level_test_themath .level_test_box .level_table table col:first-child {width:180px;}
	.level_test_themath .level_test_box .img_wrap {overflow:hidden; float:none; margin-bottom:20px;}
	.level_test_themath .level_test_box .img_wrap ul {margin:0 -5px;}
	.level_test_themath .level_test_box .img_wrap ul li {float:left; position:static; width:25%; padding:0 5px; -webkit-box-shadow:none; box-shadow:none;}
	.level_test_themath .level_test_box .level_table {float:none; width:100%;}
	.level_test_themath .level_test_box .level_table table th {padding:15px;}
	.level_test_themath .level_test_box .level_table table th .num {margin:0; width:24px; line-height:24px; font-size:16px;}
	.level_test_themath .level_test_box .level_table table th .label {float:left; padding-left:10px; font-size:16px; line-height:24px;}
	.level_test_themath .level_test_box .level_table table td {font-size:14px;}
	.level_test_themath .level_test_box .level_table .txt_list li {font-size:14px;}
}
@media screen and (max-width:599px) {
	.level_test_themath .grid_container {padding:0px 15px;}
	.level_test_themath .level_test_box .img_wrap ul li {width:50%;}
	.level_test_themath .level_test_box .level_table table,
	.level_test_themath .level_test_box .level_table table thead,
	.level_test_themath .level_test_box .level_table table tbody,
	.level_test_themath .level_test_box .level_table table tr,
	.level_test_themath .level_test_box .level_table table th,
	.level_test_themath .level_test_box .level_table table td {display:block; float:left; clear:both; width:100%; border:none; text-align:center;}
	.level_test_themath .level_test_box .level_table table th {font-size:0;}
	.level_test_themath .level_test_box .level_table table th span {display:inline-block; float:none !important; vertical-align:top;}
	.level_test_themath .level_test_box .level_table table th span br {display:none;}
	.level_test_themath .level_test_box .level_table table td {font-size:12px; padding:0; background:none;}
	.level_test_themath .level_test_box .level_table li {line-height:1.8em !important; font-size:12px !important;}
	.level_test_themath .level_test_box .level_table .txt_list li {padding:0; text-align:center;}
	.level_test_themath .level_test_box .level_table .txt_list li:before {content:"";}
}

.level_test_themath .level_test_box .img_wrap ul li:nth-child(2) {top: 75px;left: 23%;z-index: 2;}
.level_test_themath .level_test_box .img_wrap ul li:nth-child(3) {top: 341px;left: 10%;z-index: 1;}
.level_test_themath .level_test_box .img_wrap ul li:nth-child(4) {top: 664px;left: 0;z-index: 1;}
.level_test_themath .level_test_box .img_wrap ul li:nth-child(5) {top: 756px;left: 18%;}
@media screen and (max-width: 1024px) {
.level_test_themath .level_test_box .img_wrap ul li{width: 20%;}
}
@media screen and (max-width:599px) {
.level_test_themath .level_test_box .img_wrap ul li {width:50%;}
}

/* 학습시스템 - 맞춤학습 */
.time_table_themath .table_wrap {padding:20px 0;}
.time_table_themath .table_wrap img {display:block; width:1000px; margin:0 auto;}
.time_table_themath .middle {margin-top: 0px;}
.time_table_themath .notice {margin:0 auto; font-size:13px; line-height:1.5em; color:#43a8a4;}
.time_table_themath .notice:before {content:"*";}
.time_table_themath .junior {padding: 0 0 35px 0;}
.time_table_themath .middle, .time_table_themath .high {padding: 35px 0;}
.time_table_themath .txt_list li {position: relative;padding-left: 27px;font-size: 20px;}
.time_table_themath .txt_list li p:before {position: absolute;left: 0px;top: 0px;content: "※";}
.time_table_themath .txt_list li span {position: relative;padding-left: 15px;display: block;}
.time_table_themath .txt_list li span:before {position: absolute;left: 0px;top: 0px;content: "-";}

@media (max-width:1024px) {
	.time_table_themath .table_wrap {overflow-x:auto; margin-bottom:30px; padding:0;}
	.time_table_themath .notice {font-size:12px;}
	.time_table_themath .txt_list li {padding-left: 17px;font-size: 15px;}
	.time_table_themath .txt_list li span {padding-left: 12px;}
	.time_table_themath .middle, .time_table_themath .high {padding: 0;}
	.time_table_themath .junior {padding: 0;}
}

/* 학습시스템 - 내신대비 */
.about_qpang_themath .grid_container {padding:0px;}
.about_qpang_themath .grid_qpang {padding: 0 100px;}
.grid_container.middle {padding: 0px !important;}
.about_qpang_themath .sub_lower_wrap {padding-bottom:0;}
.about_qpang_themath .diagram {height:0; margin-top:60px; padding-top:69.33%; background:url(/img/masterymath/img/bg_qpang_diagram.png) no-repeat; background-position:center; background-size:contain;}
.about_qpang_themath .qpang .info_wrap {margin-top:140px; padding-bottom:40px; background:#f5f5f5;}
.about_qpang_themath .qpang .info_wrap .img_list {overflow:hidden; margin:0 -5px; line-height:0; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.about_qpang_themath .qpang .info_wrap .img_list li {float:left; width:33.33%; padding:0 5px;}
.about_qpang_themath .qpang .info_wrap .img_list li img {width:320px;}
.about_qpang_themath .qpang .info_wrap ol {overflow:hidden; position:relative; margin-top:-70px;}
.about_qpang_themath .qpang .info_wrap ol:before {position:absolute; top:50%; left:30px; width:calc(100% - 60px); margin-top:-2px; border-top:3px dotted #ddd; content:"";}
.about_qpang_themath .qpang .info_wrap ol li {display:table; float:left; position:relative; width:20%; height:140px; table-layout:fixed;} 
.about_qpang_themath .qpang .info_wrap ol li:before {position:absolute; top:0; left:50%; width:140px; height:140px; border-radius:50%; background:#43a8a4; -webkit-transform:translateX(-50%); transform:translateX(-50%); content:"";}
.about_qpang_themath .qpang .info_wrap ol li:after {position:absolute; top:50%; left:0; width:10px; height:10px; margin-top:-5px; margin-left:-5px; border-radius:50%; background:#43a8a4; content:"";}
.about_qpang_themath .qpang .info_wrap ol li:first-child:after {display:none;}
.about_qpang_themath .qpang .info_wrap ol li span {display:table-cell; position:relative; z-index:1; width:100%; font-family:"Nanum Square"; font-size:18px; font-weight:700; line-height:1.6em; color:#fff; text-align:center; vertical-align:middle;}
.about_qpang_themath .qpang .about {margin:0 -10px; margin-top:50px; text-align:center;}
.about_qpang_themath .qpang .about:after {display:block; clear:both; content:"";}
.about_qpang_themath .qpang .about .txt_wrap {float:left; position:relative; width:calc(50% - 20px); margin:0 10px; padding:30px; padding-top:40px; border:3px solid #ddd;}
.about_qpang_themath .qpang .about .txt_wrap .tit {position:absolute; top:-13px; left:50%; padding:0 70px; background:#fff; font-family:"Nanum Square"; font-size:20px; font-weight:700; line-height:25px; color:#333; white-space:nowrap; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.about_qpang_themath .qpang .about .txt_wrap .tit:before,.about_qpang_themath .qpang .about .txt_wrap .tit:after {position:absolute; top:0; width:38px; height:25px; background:url(/img/masterymath/sprite/sprite.png); background-size:500px; background-position-y:-37.5px; content:"";}
.about_qpang_themath .qpang .about .txt_wrap .tit:before {left:14px; background-position-x:-168.5px;}
.about_qpang_themath .qpang .about .txt_wrap .tit:after {right:14px; background-position-x:-218px;}
.about_qpang_themath .qpang .about .txt_wrap .txt {color:#333; font-size:16px; line-height:1.75em;}
.about_qpang_themath .qpang .about .txt_wrap .txt strong {font-weight:700;}
.about_qpang_themath .qpang .detail {margin-top:40px;}
.about_qpang_themath .qpang .detail dl > div {overflow:hidden; position:relative; margin-top:10px;}
.about_qpang_themath .qpang .detail dl > div:after {content:""; position:absolute; width:20px; height:100%; background:#fff; top:0; left:160px;}
.about_qpang_themath .qpang .detail dl .subject {background:#e6eff1;}
.about_qpang_themath .qpang .detail dl .student {background:#e6f1e8;}
.about_qpang_themath .qpang .detail dl .school {background:#f1f0e6;}
.about_qpang_themath .qpang .detail dt {float:left; width:180px; padding:25px 20px; font-family:"Nanum Square"; font-size:20px; font-weight:700; line-height:1.5em; color:#333;}
.about_qpang_themath .qpang .detail dd {float:left; width:calc(100% - 180px); background:#fff; border-top:3px solid #333;}
.about_qpang_themath .qpang .detail dd li {overflow:hidden; position:relative; padding:10px 0; border-bottom:1px solid #ddd;}
.about_qpang_themath .qpang .detail dd img {float:left; width:300px;}
.about_qpang_themath .qpang .detail dd .txt_wrap {position:absolute; bottom:0; left:300px; padding:10px 0 10px 20px;}
.about_qpang_themath .qpang .detail dd .txt_wrap .tit {display:block; font-family:"Nanum Square"; font-size:40px; font-weight:700; line-height:1.1em; color:#333; text-transform:uppercase;}
.about_qpang_themath .qpang .detail dd .txt_wrap .sub_tit {display:block; font-family:"Nanum Square"; font-size:20px; font-weight:700; font-style:italic; line-height:1.6em; color:#333; text-decoration:underline;}
.about_qpang_themath .qpang .detail dd .txt_wrap .txt {font-size:16px; line-height:1.75em;}
.about_qpang_themath .other_subject ul {overflow:hidden; margin:0 -12px; margin-top:60px; line-height:0;}
.about_qpang_themath .other_subject ul li {float:left; width:50%; padding:0 12px;}

@media (max-width:1366px) {
	.about_qpang_themath .qpang .info_wrap {margin:0; padding:30px 0;}
	.about_qpang_themath .qpang .info_wrap .img_list {-webkit-transform:none;transform:none;}
	.about_qpang_themath .qpang .info_wrap ol {margin-top:30px;}
	.about_qpang_themath .qpang .info_wrap ol li {height:100px;}
	.about_qpang_themath .qpang .info_wrap ol li:before {height:100px; width:100px;}
	.about_qpang_themath .qpang .info_wrap ol li span {font-size:16px; line-height:1.4em;}
	.about_qpang_themath .qpang .about .txt_wrap .tit {padding:0 50px; font-size:18px;}
	.about_qpang_themath .qpang .about .txt_wrap .tit:before {left:7px;}
	.about_qpang_themath .qpang .about .txt_wrap .tit:after {right:7px;}
	.about_qpang_themath .qpang .about .txt_wrap .txt br {display:none;}
	.about_qpang_themath .qpang .detail dd img {width:250px;}
	.about_qpang_themath .qpang .detail dd .txt_wrap {padding-left:265px; position:static;}
}

@media (max-width:1280px){
	.about_qpang_themath .grid_container {padding:0px 30px;}
}

@media (max-width:1024px) {
	.about_qpang_themath .grid_qpang {padding: 0 30px;}
	.about_qpang_themath .diagram {margin-top:30px;}
	.about_qpang_themath .qpang .info_wrap ol li {height:80px;}
	.about_qpang_themath .qpang .info_wrap ol li:before {width:80px; height:80px;}
	.about_qpang_themath .qpang .info_wrap ol li span {font-size:14px;}
	.about_qpang_themath .qpang .about {margin:0;}
	.about_qpang_themath .qpang .about .txt_wrap {float:none; width:100%; margin:0; margin-top:30px; padding:15px; padding-top:20px;}
	.about_qpang_themath .qpang .about .txt_wrap .tit {font-size:16px;}
	.about_qpang_themath .qpang .about .txt_wrap .txt {font-size:14px; line-height:1.6em;}
	.about_qpang_themath .qpang .detail{margin-top:30px;}
	.about_qpang_themath .qpang .detail dl > div:after {display:none;}
	.about_qpang_themath .qpang .detail dt {padding:15px; width:110px; font-size:16px;}
	.about_qpang_themath .qpang .detail dd {width:calc(100% - 110px); border-top:1px solid #ddd;}
	.about_qpang_themath .qpang .detail dd li {padding:15px; line-height:0; text-align:center;}
	.about_qpang_themath .qpang .detail dd img {float:none;}
	.about_qpang_themath .qpang .detail dd .txt_wrap {margin-top:15px; padding:0;}
	.about_qpang_themath .qpang .detail dd .txt_wrap .tit {font-size:30px;}
	.about_qpang_themath .qpang .detail dd .txt_wrap .sub_tit {font-size:18px;}
	.about_qpang_themath .qpang .detail dd .txt_wrap .txt {font-size:14px; line-height:1.6em;}
	.about_qpang_themath .other_subject ul {margin-top:30px;}
}

@media (max-width:599px) {
	.about_qpang_themath .grid_qpang {padding: 0 15px;}
	.about_qpang_themath .grid_container {padding:0px 15px;}
	.about_qpang_themath .qpang .info_wrap {position:relative; left:-15px; width:calc(100% + 30px);}
	.about_qpang_themath .qpang .info_wrap .img_list {margin:-15px 0;}
	.about_qpang_themath .qpang .info_wrap .img_list li {float:none; width:100%; padding:15px 0; text-align:center;}
	.about_qpang_themath .qpang .info_wrap ol:before {top:0; left:50%; width:auto; height:100%; margin:0; border:0; border-left:3px dotted #ddd;}
	.about_qpang_themath .qpang .info_wrap ol li:before,.about_qpang_themath .qpang .info_wrap ol li:after {display:none;}
	.about_qpang_themath .qpang .info_wrap ol li {display:block; float:none; width:100%; height:auto; line-height:0; text-align:center; margin-bottom:15px;}
	.about_qpang_themath .qpang .info_wrap ol li:last-child {margin:0;}
	.about_qpang_themath .qpang .info_wrap ol li span {display:inline-block; width:auto; padding:0 15px; border-radius:1em; background:#1c9eb3; line-height:2em;}
	.about_qpang_themath .qpang .info_wrap ol li span br {display:none;}
	.about_qpang_themath .qpang .detail dl > div {background:none !important; text-align:center;}
	.about_qpang_themath .qpang .detail dt {display:inline-block; width:auto; float:none; padding:10px 15px; border-radius:22px; font-size:14px; margin-bottom:15px;}
	.about_qpang_themath .qpang .detail .subject dt {background:#e6eff1;}
	.about_qpang_themath .qpang .detail .student dt {background:#e6f1e8;}
	.about_qpang_themath .qpang .detail .school dt {background:#f1f0e6;}
	.about_qpang_themath .qpang .detail dt br {display:none;}
	.about_qpang_themath .qpang .detail dd {width:100%; border:0;}
	.about_qpang_themath .qpang .detail dd li {padding:15px 0; border:0;}
	.about_qpang_themath .qpang .detail dd .txt_wrap .tit {font-size:18px;}
	.about_qpang_themath .qpang .detail dd .txt_wrap .sub_tit {font-size:16px;}
	.about_qpang_themath .other_subject ul {margin:-15px 0;}
	.about_qpang_themath .other_subject ul li {float:none; width:100%; padding:15px 0;}
}

/* 학습시스템 - 교재소개 */
.spiral_themath .grid_container {padding:0px;}
.spiral_themath .cont_wrap {overflow:hidden; margin-top:35px;}
.spiral_themath .cont_wrap .cont {float:right;}
.spiral_themath .cont_wrap .info {width:61.25%; margin-right:40px; padding:11px 0;text-align: left;}
.spiral_themath .cont_wrap .info .tit_text {margin-bottom:30px; font-family:"Nanum Square"; font-size:30px; font-weight:700; line-height:1.6em; color:#222;}
.spiral_themath .cont_wrap .img {width:calc(38.75% - 40px); padding:40px 30px 15px 30px; border:1px solid #ddd; font-size:0; line-height:0; text-align:center;}
.spiral_themath .cont_wrap .img .diagram {height:0; padding-top:88.46%; background-image:url(../img/masterymath/bg/bg_organization_tab1_02.png); background-repeat:no-repeat; background-position:center; background-size:contain;}
.spiral_themath .cont_wrap .img .tit {display:inline-block; margin-top:30px; border-bottom:2px solid #ddd; font-size:13px; line-height:1.5em; color:#222;}
.spiral_themath .about_book {padding-top:70px; font-size:0; line-height:0; text-align:center;}
.spiral_themath .about_book .diagram .img_wrap {width:100%; height:0; padding-top:55.83%; background-image:url(../img/masterymath/bg/bg_organization_tab1_01.png); background-repeat:no-repeat; background-position:center; background-size:contain;}
.spiral_themath .about_book .diagram .tit {display:inline-block; margin-bottom:10px; border-bottom:2px solid #ddd; font-size:13px; font-weight:700; line-height:1.5em; color:#222;}
.spiral_themath .about_book .txt_wrap {margin-top:15px;}
.spiral_themath .specialty_book {background:#f2f2f2;}
.spiral_themath .specialty_book .info {margin-bottom:10px; text-align:center;}
.diagram {height: auto;}
                            
@media (max-width:1366px) {
    .spiral_themath .about_book .txt_wrap br {display:none;}
}
@media (max-width:1280px){
	.spiral_themath .grid_container {padding:0px 30px;}
}

@media (max-width:1024px) {
    .spiral_themath .cont_wrap {margin-top:30px;}
    .spiral_themath .cont_wrap .cont {float:none; width:100% !important;}
    .spiral_themath .cont_wrap .img {padding:30px 0;}
    .spiral_themath .cont_wrap .img .diagram {height:322px; padding:0; background-size:364px 322px;}
    .spiral_themath .cont_wrap .info {border:0; padding-top:15px; padding-bottom:0;}
    .spiral_themath .about_book {padding-top:30px;}

}
@media (max-width:599px) {
	.spiral_themath .grid_container {padding:0px 15px;}
    .spiral_themath .cont_wrap .img {padding:15px;}
    .spiral_themath .cont_wrap .img .diagram {height:0; padding-top:88.46%; background-size:contain;}
	.spiral_themath .about_book .diagram .img_wrap {padding-top:75.28%;}
    .spiral_themath .about_book .diagram .tit,.spiral_themath .cont_wrap .img .tit {font-size:12px;}
}

.book_feature_themath .grid_container {padding:0px;}
.book_feature_themath .info {text-align:center;}
.book_feature_themath .book_wrap {margin-top:20px; padding:60px 109px; background:#f2f2f2; text-align:center; font-size:0;}
.book_feature_themath .book_wrap:after {display:block; clear:both; content:"";}
.book_feature_themath .book_list {display:inline-block; position:relative; width:100%; padding-top:30px; padding-bottom:25px; text-align:center; line-height:0;}
.book_feature_themath .book_list:after {display:block; clear:both; content:"";}
.book_feature_themath .book1_1 .book_list:before, .book_feature_themath .book1_2 .book_list:before {position:absolute; bottom:101px; left:0; width:100%; height:1px; background:#0bb9b6; content:"";}
.book_feature_themath .book_list .irre:after {display:block; clear:both; content:"";}
.book_feature_themath .book_list li {display:inline-block; vertical-align:top;}
.book_feature_themath .book1_1 .book_list .irre {margin:0 -18px;}
.book_feature_themath .book1_1 .book_list li {margin:0 27px; max-width:calc(33.333% - 54px);}
.book_feature_themath .book1_1 .book_list li:nth-child(3) {max-width:calc(33.333% - 54px)}
.book_feature_themath .book1_2 .book_list .irre {margin:0 -50px;}
.book_feature_themath .book1_2 .book_list li {margin:0 10px; max-width:calc(30.5% - 11px);}
.book_feature_themath .book1_2 .book_list li:nth-child(2), .book_feature_themath .book1_2 .book_list li:nth-child(3) {max-width:calc(15.5% - 9px);}
.book_feature_themath .book2 .book_list li {margin:0 3px;}
.book_feature_themath .book2 .book_list strong {display:block; padding-top:30px; font-family:"Nanum Square"; font-size:22px; font-weight:700; color:#0bb9b6;}
.book_feature_themath .book2_1 .book_list.first .irre {margin:0 -10px;}
.book_feature_themath .book2_1 .book_list.first li {max-width:calc(16.6666% - 9px);}
.book_feature_themath .book2_1 .book_list.second {display:inline-block; width:33.3333%; margin:0 25px; margin-left:-25px; }
.book_feature_themath .book2_1 .book_list.second .irre {text-align:right;}
.book_feature_themath .book2_1 .book_list.second li {width:calc(50% - 6px); text-align:center;}
.book_feature_themath .book2_1 .book_list.second strong {width:100%; text-align:center;}
.book_feature_themath .book2_1 .book_list.third {display:inline-block; width:66.6666%; margin:0 25px; margin-right:-25px; }
.book_feature_themath .book2_1 .book_list.third .irre {text-align:left;}
.book_feature_themath .book2_1 .book_list.third li {width:calc(75% - 6px); text-align:center;}
.book_feature_themath .book2_1 .book_list.third strong {text-align:center;}
.book_feature_themath .book2_2 .book_list.first .irre {margin:0 -25px;}
.book_feature_themath .book2_2 .book_list.first li {width:14.2857%; margin:0 -2px;}
.book_feature_themath .book2_2 .book_list.second {display:inline-block; width:59.93%; margin:0 25px; margin-left:-35px;}
.book_feature_themath .book2_2 .book_list.second .irre {text-align:right;}
.book_feature_themath .book2_2 .book_list.second li {width:calc(66.6666% - 6px); text-align:center;}
.book_feature_themath .book2_2 .book_list.second strong {width:100%; text-align:center;}
.book_feature_themath .book2_2 .book_list.third {display:inline-block; width:40.07%; margin:0 25px; margin-right:-25px;}
.book_feature_themath .book2_2 .book_list.third .irre {text-align:left;}
.book_feature_themath .book2_2 .book_list.third li {width:calc(50% - 6px); text-align:center;}
.book_feature_themath .book2_2 .book_list.third strong {width:100%; text-align:center;}
.book_feature_themath .book3 .sub_col_tit {padding-bottom:20px;}
.book_feature_themath .book3 .book_list {padding-top:15px; padding-bottom:0;}
.book_feature_themath .book3 .book_wrap {padding:60px 88px;}
.book_feature_themath .book3 .book_list .irre_wrap {display:table; width:calc(100% - 160px); height:203px; margin-left:160px; text-align:left;}
.book_feature_themath .book3 .book_list .irre {display:table-cell; width:100%; vertical-align:middle;}
.book_feature_themath .book3 .book_list .irre li {width:calc(33.15% - 6px); margin:0 3px;}
.book_feature_themath .book3 .book_list .irre li:first-child {width:calc(33.7% - 6px); margin:0 3px;}
.book_feature_themath .book3 .tit_wrap {float:left; display:table; width:140px; height:203px; background:#0bb9b6; text-align:center;}
.book_feature_themath .book3 .tit_wrap span {display:table-cell; font-family:"Nanum Square"; font-size:22px; font-weight:700; line-height:1.45; color:#fff; vertical-align:middle;}
.book_feature_themath .book4_1 .book_list li {margin:0 5px; max-width:calc(16.666% - 10px);}
.book_feature_themath .book_list .txt_wrap {display:block; position:relative; padding-top:48px; font-family:"Nanum Square"; font-size:18px; line-height:34px; text-align:center;}
.book_feature_themath .book_list .txt_wrap:after {position:absolute; top:20px; left:50%; z-index:1; width:13px; height:13px; margin-left:-6px; border:2px solid #0bb9b6; border-radius:50%; background:#fff; content: "";}
.book_feature_themath .book_list .txt_wrap strong {display:block; font-family:inherit; font-size:22px; font-weight:700; color:#0bb9b6;}
.book_feature_themath .book_list .txt_wrap .txt {margin-top:0; font-size:15px; line-height:1.5em; color:#555;}
.book_feature_themath .book_list .txt_wrap:after {top:22px;}
.book_feature_themath .book2_3 .book_list .txt_wrap {padding-top: 0;}
.book_feature_themath .book2_3 .book_list .txt_wrap:after {display: none;}


@media (max-width:1366px) {
	.book_feature_themath .book1_1 .book_list:before, .book_feature_themath .book1_2 .book_list:before {display:none;}
	.book_feature_themath .book_list .txt_wrap {padding-top:15px;}
	.book_feature_themath .book_list .txt_wrap:after {display:none;}
	.book_feature_themath .book_list .txt_wrap strong {font-size:20px;}
	.book_feature_themath .book2 .book_list strong {font-size:20px;}
}

@media (max-width:1280px) {
	.book_feature_themath .grid_container {padding:0px 30px;}
	.book_feature_themath .book3 .book_wrap {padding:60px 60px;}
	.book_feature_themath .book3 .tit_wrap {height:183px;}
	.book_feature_themath .book3 .book_list .irre_wrap {height:183px;}
}

@media (max-width:1024px) {
	.book_feature_themath .book_wrap {padding:30px 0;}
	.book_feature_themath .book_wrap img {max-height:140px;}
	.book_feature_themath .book_wrap .tit {font-size:22px;}
	.book_feature_themath .book_list {padding-top:25px; padding-bottom:10px;}
	.book_feature_themath .book_list:before, .book_feature_themath .book_list .txt_wrap:after {display:none;}
	.book_feature_themath .book_list .txt_wrap {padding-top:15px;}
	.book_feature_themath .book_list .txt_wrap .txt {font-size:14px;}
	.book_feature_themath .book_list .txt_wrap strong
	, .book_feature_themath .book2_1 .book_list strong
	, .book_feature_themath .book2_2 .book_list strong {font-size:18px;}
	.book_feature_themath .book1_1 .book_list .irre, .book_feature_themath .book1_2 .book_list .irre, .book_feature_themath .book2_1 .book_list.first .irre {margin:0;}
	.book_feature_themath .book2_1 .book_mod {padding:0 10%;}
	.book_feature_themath .book2_2 .book_mod {padding:0 12%;}
	.book_feature_themath .book2_1 .book_list.second {margin:0 15px; margin-left:-15px;}
	.book_feature_themath .book2_1 .book_list.third {margin:0 15px; margin-right:-15px;}
	.book_feature_themath .book2_2 .book_list.first .irre {margin:0;}
	.book_feature_themath .book2_2 .book_list.first li {width:auto; margin:0 -5px;}
	.book_feature_themath .book2_2 .book_list.second {margin:0 15px; margin-left:-15px;}
	.book_feature_themath .book2_2 .book_list.third {margin:0 15px; margin-right:-15px;}
.book_feature_themath .book1_1 .book_list li {margin:0 10px; max-width:calc(33.333% - 20px);}
.book_feature_themath .book1_1 .book_list li:nth-child(3) {max-width:calc(33.333% - 20px)}
	.book_feature_themath .book1_2 .book_list li {margin:0 9px;}
	.book_feature_themath .book3 .book_wrap {padding:30px;}
	.book_feature_themath .book3 .sub_col_tit {padding-bottom:0;}
	.book_feature_themath .book3 .book_list {padding-top:30px;}
	.book_feature_themath .book3 .book_list .irre_wrap {display:block; width:100%; height:auto; margin:0 auto;}
	.book_feature_themath .book3 .book_list .irre {display:block; text-align:center;}
	.book_feature_themath .book3 .tit_wrap {float:none; width:100%; height:35px; margin-bottom:15px; line-height:35px;}
	.book_feature_themath .book3 .tit_wrap span {font-size:18px;}
	.book_feature_themath .book3 .tit_wrap br {display:none;}
}

@media (max-width:768px) {
	.book_feature_themath .book_wrap {padding:30px 0;}
	.book_feature_themath .book_wrap img {max-height:120px;}
	.book_feature_themath .book2_1 .book_mod {padding:0 7%;}
	.book_feature_themath .book2_2 .book_list.first li {margin:3px 0;}
	/*.book_feature_themath .book4_1 .book_list li {max-width:calc(33.333% - 10px);}*/
}

@media (max-width:599px) {
	.book_feature_themath .grid_container {padding:0px 15px;}
	.book_feature_themath .book_list {padding-top:30px; padding-bottom:0;}
	.book_feature_themath .book_wrap .tit {font-size:18px;}
	.book_feature_themath .book1 .book_wrap img, .book_feature_themath  .book3 .book_wrap img {min-height:150px;}
	.book_feature_themath .book2_2 .frist img {max-height:110px;}
	.book_feature_themath .book2_2 .book_list.first li img {max-height:110px;}
	.book_feature_themath .book2_2 .book_list.first li {margin:3px;}
	.book_feature_themath .book_list .txt_wrap {padding-top:10px;}
	.book_feature_themath .book_list .txt_wrap strong, .book_feature_themath .book2_1 .book_list strong, .book_feature_themath .book2_2 .book_list strong {font-size:14px;}
	.book_feature_themath .book1 .book_list li {display:block; padding:15px 0; max-width:100%;}
	.book_feature_themath .book1 .book_list li:first-child {padding-top:0;}
	.book_feature_themath .book1_1 .book_list li:nth-child(3) {max-width:100%;}
	.book_feature_themath .book1_2 .book_list li:nth-child(2), .book_feature_themath .book1_2 .book_list li:nth-child(3) {max-width:100%;}
	.book_feature_themath .book2_1 .book_mod {padding:0;}
	.book_feature_themath .book2_2 .book_mod {padding:0;}
	.book_feature_themath .book2_1 .book_list.first li {max-width:100%; margin:3px;}
	.book_feature_themath .book2_1 .book_list.second, .book_feature_themath .book2_1 .book_list.third {width:100%; margin:0;}
	.book_feature_themath .book2_1 .book_list.second .irre, .book_feature_themath .book2_1 .book_list.third .irre {text-align:center;}
	.book_feature_themath .book2_1 .book_list.second strong, .book_feature_themath .book2_1 .book_list.third strong
	, .book_feature_themath .book2_2 .book_list.second strong, .book_feature_themath .book2_2 .book_list.third strong {float:none; width:100%; text-align:center;}
	.book_feature_themath .book2_2 .book_list.second strong, .book_feature_themath .book2_2 .book_list.third strong {max-width:100%;}
	.book_feature_themath .book2_2 .book_list.second .irre, .book_feature_themath .book2_2 .book_list.third .irre {text-align:center;}
	.book_feature_themath .book2_2 .book_list.second, .book_feature_themath .book2_2 .book_list.third {width:100%; margin:0;}
	.book_feature_themath .book3 .book_wrap {padding:30px 15px;}
	.book_feature_themath .book3 .book_list .irre_wrap {margin:0 auto;}
	.book_feature_themath .book3 .book_list .irre li:first-child {width:100%; margin:10px 0;}
	.book_feature_themath .book3 .book_list .irre li {display:block; width:100%; margin:10px 0;}
	.book_feature_themath .book3 .tit_wrap {height:30px; line-height:30px;}
	.book_feature_themath .book3 .tit_wrap span {font-size:14px;}
	.book_feature_themath .book4_1 .book_list {padding-top:0; padding-right:15px; padding-left:15px;}
	/*.book_feature_themath .book4_1 .book_list li {max-width:calc(33.333% - 6px); margin:3px;}*/
	.book_feature_themath .book4_1 .book_list li {max-width:100%;margin-bottom:10px;}
	.book_feature_themath .book4_1 img {max-height:150px;}
}

@media (min-width : 1025px) {
	.book_feature_themath .book_wrap img {max-height:220px;}
}

.grid_container.inner {max-width:1220px;}

/* 캠퍼스 안내 */
.campus_find .campus_search_wrap {padding-bottom:130px;}
.campus_find .campus_data_wrap {margin-top:-120px; background:#fff;}
.campus_find .campus_data_wrap .btn_wrap {margin-top:80px; text-align:center;}
.campus_find .campus_data_wrap .btn_wrap a {width:215px; border:0; background:#43a8a4; font-size:18px; font-weight:700; line-height:45px; color:#fff; margin-right:10px;}
.campus_find .campus {margin:60px 0 20px;}
.campus_find .campus:after {display:block; clear:both; content:"";}
.campus_find .campus_map_wrap,.campus_find .campus_option_wrap {float:left; width:50%;}
.campus_find .campus_map_wrap {overflow:hidden; padding-right:40px;}
.campus_find .campus_map {float:right; position:relative; width:255px; height:466px; margin-right:30px; background:url(/img/flipmath/bg/bg_maparea.png) no-repeat;}
.campus_find .area li button {position:absolute; z-index:1; min-width:60px; padding:0 8px; border-radius:16px; background:#bbb; font-size:14px; font-weight:700; line-height:25px; color:#fff; -webkit-transition:background 0.5s; transition:background 0.5s;-webkit-animation-fill-mode: none; animation-fill-mode: none;}
.campus_find .area li.on button,.campus_find .area li button:hover {background:#42adaa;}
/* 
서울
광주
대구
대전
부산
울산
인천
강원
경기
충북
충남
전북
세종
전남
경북
경남
제주
*/
.campus_find .area li:nth-child(1) button {top:57px; left:27px;}
.campus_find .area li:nth-child(2) button {top:306px; left:-55px;}
.campus_find .area li:nth-child(3) button {top:216px; left:147px;}
.campus_find .area li:nth-child(4) button {top: 224px;left: 48px;}
.campus_find .area li:nth-child(5) button {top:324px; left:217px;}
.campus_find .area li:nth-child(6) button {top:248px; left:222px;}
.campus_find .area li:nth-child(7) button {top:94px; left:-50px;}
.campus_find .area li:nth-child(8) button {top:67px; left:133px;}
.campus_find .area li:nth-child(9) button {top:112px; left:57px;}
.campus_find .area li:nth-child(10) button {top: 150px;left: 100px;}
.campus_find .area li:nth-child(11) button {top: 197px;left: 10px;}
.campus_find .area li:nth-child(12) button {top:252px; left:42px;}
.campus_find .area li:nth-child(13) button {top: 168px;left: -39px;}
.campus_find .area li:nth-child(14) button {top:330px; left:24px;}
.campus_find .area li:nth-child(15) button {top:183px;left: 139px;}
.campus_find .area li:nth-child(16) button {top:286px; left:115px;}
.campus_find .area li:nth-child(17) button {top:408px; left:3px;}
.campus_find .area li img {visibility:hidden; position:absolute; -webkit-transition:all 0.5s; transition:all 0.5s; opacity:0; -webkit-transform:scale(1.2); transform:scale(1.2);}
.campus_find .area li.on img {visibility:visible; opacity:1; -webkit-transform:scale(1); transform:scale(1);}
.campus_find .area li:nth-child(1) img {top:84px;left:45px;}
.campus_find .area li:nth-child(2) img {top:307px;left:29px;}
.campus_find .area li:nth-child(3) img {top:242px;left:163px;}
.campus_find .area li:nth-child(4) img {top:198px;left:80px;}
.campus_find .area li:nth-child(5) img {top:301px;left:195px;}
.campus_find .area li:nth-child(6) img {top:270px;left:211px;}
.campus_find .area li:nth-child(7) img {top:88px;left:32px;}
.campus_find .area li:nth-child(8) img {top:3px;left:81px;}
.campus_find .area li:nth-child(9) img {top:32px;left:12px;}
.campus_find .area li:nth-child(10) img {top:125px;left:85px;}
.campus_find .area li:nth-child(11) img {top:149px;left:-1px;}
.campus_find .area li:nth-child(12) img {top:226px;left:19px;}
.campus_find .area li:nth-child(13) img {top:170px;left:72px;}
.campus_find .area li:nth-child(14) img {top:287px;left:12px;}
.campus_find .area li:nth-child(15) img {top:141px;left:124px;}
.campus_find .area li:nth-child(16) img {top:250px;left:102px;}
.campus_find .area li:nth-child(17) img {top:436px;left:0;}
.campus_find .campus_option_wrap {padding-left:40px; text-align:left;}
.campus_find .campus_option_wrap .tit {position:relative; margin:80px 0 25px; font-family:"Nanum Square"; font-size:32px; line-height:1.3em; color:#333;}
.campus_find .campus_option_wrap .tit:before {position:absolute; top:-30px; left:0; width:18px; height:20px; background:url(/img/masterymath/sprite/sprite.png); background-size:500px; background-position:-168.5px -2.5px; content:"";}
.campus_find .campus_option {width:314px; font-size:0;}
.campus_find .campus_option .option_wrap .select_form {display:inline-block; width:100%}
.campus_find .campus_option .option_wrap .select_form:last-child {margin:0;}
.campus_find .campus_option .search_wrap {width:100%; margin-top:10px;}
.campus_find .cate_select {margin:0; padding-top:30px;}
.campus_find .fold_list {padding-top:20px;}
.campus_find .fold_list ul {border-top:3px solid #333;}
.campus_find .fold_list ul li {position:relative; border-bottom:1px solid #ddd; background:#fff; cursor:pointer; z-index:0;}
.campus_find .fold_list ul .data_wrap:before,.campus_find .fold_list ul .data_wrap:after {position:absolute; top:28px; right:12px; z-index:-1; width:18px; height:4px; border-radius:2px; background:#555; -webkit-transition:all 0.5s; transition:all 0.5s; content:"";}
.campus_find .fold_list ul .data_wrap:after {-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.campus_find .fold_list ul .data_wrap.on:after {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
.campus_find .fold_list ul li .data {overflow:hidden; padding:16px 0;}
.campus_find .fold_list ul li .data span {float:left;}
.campus_find .fold_list ul li .data .name {position:relative; width:30%; padding-left:30px; font-family:"Nanum Square"; font-size:18px; font-weight:700; line-height:28px; color:#333;}
.campus_find .fold_list ul li .data .name:before {position:absolute; top:13px; left:0; width:22px; height:18px; margin-top:-9px; background:url(/img/masterymath/sprite/sprite.png); background-size:500px; background-position:-329px -37.5px; content:"";}
.campus_find .fold_list ul li .data .address {width:46%; margin:0 2%; padding:4px 0; font-size:14px; line-height:20px;}
.campus_find .fold_list ul li .data .tel {width:20%; padding:4px 0; font-size:14px; line-height:20px;;}
.campus_find .fold_list ul li .map {display:none; margin-bottom:20px; font-size:0;}
.campus_find .fold_list ul li .map iframe {height:360px;}

@media (max-width:1280px) {
	.campus_find .fold_list ul li .data .address {width:44%}
	.campus_find .fold_list ul li .data .tel {width:22%;}
	.campus_find .fold_list ul .data_wrap:before,.campus_find .fold_list ul .data_wrap:after {right:0;}
}

@media (max-width:1024px) {
	.campus_find .campus_data_wrap {margin-top:0;}
	.campus_find .campus {margin:0; margin-top:30px;}
	.campus_find .campus_map_wrap {width:320px; margin-top:-30px; margin-bottom:-70px; padding-right:15px;}
	.campus_find .campus_map {-webkit-transform:scale(0.75);transform:scale(0.75);}
	.campus_find .campus_option_wrap {width: calc(100% - 320px); padding:0;}
	.campus_find .campus_option_wrap .tit {margin-top:60px; font-size:24px;}
	.campus_find .campus_option_wrap .tit br {display:none;}
	.campus_find .campus_option {width:100%;}
	.campus_find .campus_option .option_wrap {display:block; width:100%;}
	.campus_find .campus_option .search_wrap {display:block; margin-top:10px; padding:0; width:100%; min-width: auto;}
	.campus_find .fold_list ul li .data {padding:15px 33px 15px 0;}
	.campus_find .fold_list ul li .data span {display:block; margin:0 !important; width:100% !important;}
	.campus_find .fold_list ul li .data .name {font-size:16px;}
}

@media (max-width:663px) {
	.campus_find .campus_data_wrap .btn_wrap a {margin-bottom: 10px;}
}

@media (max-width:599px) {
	.campus_find .campus_map_wrap {display:none;}
	.campus_find .campus_option_wrap {float:none; width:100%; padding:0;}
	.campus_find .campus_option_wrap .tit {margin-top:30px; font-size:16px; text-align:center;}
	.campus_find .campus_option_wrap .tit:before {display:none;}
	.campus_find .campus_search_wrap {padding-bottom:30px;}
	.campus_find .campus_option .option_wrap .select_form {width:100%; margin:0; margin-bottom:10px;}
	.campus_find .campus_data_wrap {width:calc(100% + 30px); margin-left:-15px;}
	.campus_find .campus_data_wrap > .grid_container.inner {min-height: 190px;}
	.campus_find .cate_select {padding-top:15px;}
	.campus_find .cate_select ul li label {font-size:12px; line-height:2em;}
	.campus_find .fold_list {padding-top:15px;}
	.campus_find .fold_list ul li .data .tel {font-size:12px;}
}

/* 서브 페이지 상단 */
.sub_upper_wrap {padding:100px 0 50px; color:#333; text-align:center;}
.sub_upper_wrap.bg {background:#e5f1ee;}
.sub_upper_wrap .main_tit {position:relative; margin:0 auto; font-family:"Nanum Square"; font-size:40px; line-height:1.4em; color:inherit;}
.sub_upper_wrap .main_tit:before {position:absolute; top:-30px; left:50%; width:18px; height:20px; margin-left:-9px; background:url(/img/masterymath/sprite/sprite.png); background-size:500px; background-position:-168.5px -2.5px; content:"";}
.sub_upper_wrap .main_tit strong {font-family:"Nanum Square"; font-weight:900;}
.sub_upper_wrap .strong_txt {margin-top:30px; font-family:"Nanum Square"; font-size:20px; font-weight:700; line-height:1.5em;}
.sub_upper_wrap .txt {margin:10px auto 0; font-family:"Nanum Square"; font-size:18px; font-weight:300; line-height:1.6em; color:inherit;}
.sub_upper_wrap .txt strong {color:#008378;}
.sub_upper_wrap .nowrap {white-space:nowrap;}

@media (max-width:1230px) {
    .sub_upper_wrap .main_tit br,.sub_upper_wrap .txt br {display:none;}
}

@media (max-width:1024px) {
	.sub_upper_wrap {padding:30px 0;}
	.sub_upper_wrap .main_tit {width:90%; margin-top:30px; font-size:30px;}
																
	.sub_upper_wrap .strong_txt {font-size:18px; margin:15px 0;}
	.sub_upper_wrap .txt {width:90%; margin-top:15px; font-size:16px;}
 
}

@media (max-width:599px) {
	.sub_upper_wrap .main_tit {font-size:20px;}
	.sub_upper_wrap .strong_txt {font-size:16px;}
	.sub_upper_wrap .txt {font-size:14px;}
}

/* 개설안내 - 더완전수학의 경쟁력 */
.competitive_themath .sub_header .sub_tit {min-height: 21px;}
.competitive_themath .grid_container {padding: 0;}
.competitive_themath .cont_list > li {position:relative; margin-bottom:40px;}
.competitive_themath .cont_list > li:last-child {margin-bottom:0;}
.competitive_themath .cont_mod {position:relative;}
.competitive_themath .cont_mod:after {display:block; clear:both; content:"";}
.competitive_themath .cont_img {float:left; position:relative; max-width:48.3333%; line-height:0; text-align:center;}
.competitive_themath .cont_text {display:table; width:51.6666%; overflow:hidden;}
.competitive_themath .cont_text p.txt {margin-top:5px; color:#555;}
.competitive_themath .ol_list_wrap {position:relative; width:100%; height:0; padding-bottom:75%; background:#f2f2f2;}
.competitive_themath .wrpper {display:table; position:absolute; top:0; left:0; width:100%; height:100%;}
.competitive_themath .wrpper .ol_list {display:table-cell; vertical-align:middle;}
.competitive_themath .ol_list li {padding:0; padding-left:40px; padding-right:20px; margin-bottom:40px;}
.competitive_themath .ol_list li:last-child {margin-bottom:0;}
.competitive_themath .ol_list .number {float:left; font-family:"Nanum square"; font-size:90px; font-weight:400; color:#ddd; line-height:78px;}
.competitive_themath .ol_list .ol_mod {padding-left:65px;}
.competitive_themath .ol_list .ol_mod .tit {color:#0bb9b6;}
.competitive_themath .ol_list .ol_mod .txt {line-height:1.5em; color:#555;}

@media (max-width:1280px) {
	.competitive_themath .grid_container {padding: 0 30px;}
	.competitive_themath .ol_list .ol_mod .tit {font-size:28px;}
	.competitive_themath .ol_list .number {font-size:82px;}
	.competitive_themath .ol_list li {margin-bottom:25px; padding-left:30px;}
	.competitive_themath .ol_list .ol_mod .txt br {display:none;}
}

@media (max-width:1180px) {
	.competitive_themath .cont_text p.txt {margin-top:3px;}
	.competitive_themath .ol_list .ol_mod {padding-left:55px;}
	.competitive_themath .ol_list .ol_mod .tit {font-size:22px;}
	.competitive_themath .ol_list .number {line-height:58px; font-size:60px;}
	.competitive_themath .ol_list li {margin-bottom:15px; padding-left:25px;}
}

@media (max-width:1024px) {
	.competitive_themath .cont_list > li {margin-bottom:30px;}
	.competitive_themath .cont_text p.txt {font-size:14px;}
	.competitive_themath .ol_list .ol_mod {padding-left:40px;}
	.competitive_themath .ol_list .ol_mod .tit {font-size:20px;}
	.competitive_themath .ol_list .number {line-height:1em; font-size:40px;}
	.competitive_themath .ol_list li {margin-bottom:12px; padding-left:20px;}
}

@media (max-width:800px) {
	.competitive_themath .cont_img {float:none; max-width:100%; margin:0 auto;}
	.competitive_themath .cont_text {width:100%; max-width:580px; margin:0 auto;}
	.competitive_themath .ol_list_wrap {height:auto; padding:15px 0;}
	.competitive_themath .wrpper {position:static;}
	.competitive_themath .ol_list .ol_mod .tit {font-size:18px;}
	.competitive_themath .ol_list li {margin-bottom:12px; padding-left:15px; padding-right:15px;}
}

@media (max-width:599px) {
	.competitive_themath .grid_container {padding: 0 15px;}
	.competitive_themath .cont_text p.txt {font-size:12px;}
	.competitive_themath .ol_list .ol_mod {padding-left:30px;}
	.competitive_themath .ol_list .ol_mod .tit {font-size:16px;}
	.competitive_themath .ol_list .number {font-size:30px;}
	.competitive_themath .ol_list li {margin-bottom:10px; padding-left:15px; padding-right:15px;}
}

/* 개설안내 - 센터장 지원 */
.management_themath .sub_header .sub_tit {min-height: 21px;}
.management_themath .grid_container {padding: 0;}
@media (max-width:1280px) {
	.management_themath .grid_container {padding: 0 30px;}
}
@media (max-width:599px) {
	.management_themath .grid_container {padding: 0 15px;}
}


/* 개설안내 - 개설안내 */
.open_themath .sub_header .sub_tit {min-height: 21px;}
.open_themath .grid_container {padding: 0;}

@media (max-width:1280px) {
	.open_themath .grid_container {padding: 0 30px;}
}
@media (max-width:599px) {
	.open_themath .grid_container {padding: 0 15px;}
}

.counsel {overflow:hidden; position:relative; padding-top:40px;}
.counsel .txt_wrap {float:left; position:relative; margin-bottom:15px; padding-left:85px; font-family:"Nanum Square";} /* /img/masterymath/sprite/sprite.png?v=1.0 */
.counsel .txt_wrap:before {position:absolute; top:0; left:0; width:66px; height:65px; background-image:url(/img/masterymath/sprite/sprite.png?v=1.0); background-position:-2.5px -155.5px; background-size:500px; content:"";}
.counsel .txt_wrap .tit {margin-top:-6px; font-family:inherit; font-size:24px; font-weight:700; line-height:1.5em; color:#222;}
.counsel .txt_wrap .txt {margin-top:10px; font-family:inherit; font-size:16px; line-height:20px; color:#555;}
.counsel .txt_wrap .tel {margin-left:15px; font-family:inherit; font-size:30px; line-height:20px;}
.counsel .txt_wrap .tel a {font-weight:700; color:#43a8a4;}
.counsel .txt_wrap .tel small {margin-right:15px; font-size:14px;}
.counsel .btn_wrap {float:right;}
.counsel .btn_wrap a {width:250px; border:0; background:#43a8a4; font-size:18px; font-weight:700; line-height:70px; color:#fff;}
.counsel .btn_wrap .link span:before, .counsel .btn_wrap .link span:after {right:20px;}

@media (max-width:1024px) {
	.counsel {padding-top:30px;}
	.counsel .txt_wrap {float:none;}
	.counsel .btn_wrap {float:none; margin-top:30px;}
	.counsel .btn_wrap a {width:220px; font-size:16px; line-height:50px;}
	.counsel .txt_wrap .tit {font-size:18px;}
	.counsel .txt_wrap .txt {margin-top:5px;}
	.counsel .txt_wrap .tel {font-size:24px;}}
@media (max-width:599px) {
	.counsel .txt_wrap {padding:0; padding-top:80px; text-align:center;}
	.counsel .txt_wrap:before {left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
	.counsel .txt_wrap .tit {margin:0;}
	.counsel .txt_wrap .txt {margin-top:15px; font-size:14px; line-height:1.5em;}
    .counsel .txt_wrap .tel {display:block; margin:0; font-size:18px;line-height:1.5em;}
    .counsel .txt_wrap .tel small {margin:0; font-size:12px;}
	.counsel .btn_wrap {text-align:center;}
    .counsel .btn_wrap a {font-size:14px; line-height:40px;}
}

.open_themath .sub_tit_wrap {margin-top: 70px;}
.open_themath .sub_tit_wrap h3 {font-size: 40px;}
.open_themath .step_wrap {background:url(/img/masterymath/bg/bg_franchise_step.png); background-position:center; background-size:cover;padding: 80px 0 70px 0;margin-top: 35px;}
.open_themath .step_wrap .step_tit {margin:0; padding-top:45px; font-size:30px;}
.open_themath .step_wrap ol {display: flex;justify-content: center;align-items: flex-start;gap: 60px;}
.open_themath .step_wrap ol li {position:relative; text-align:center;}
.open_themath .step_wrap ol li:nth-child(6) {margin-right:20%;}
.open_themath .step_wrap ol li:nth-child(n+5) {float:right;}
.open_themath .step_wrap ol li:after {position:absolute; top:75px; right:-27px; width:18px; height:18px; border:2px solid #01aeba; -webkit-transform:rotate(45deg) translateY(-50%); transform:rotate(45deg) translateY(-50%); content:"";}
.open_themath .step_wrap ol li:nth-child(-n+5):after {margin-right:2px; border-bottom:0; border-left:0;;}
.open_themath .step_wrap ol li:last-child:after {display: none;}
.open_themath .step_wrap ol li .step {display:flex;justify-content: center;align-items: center;flex-direction: column; position:relative; width:150px; height:150px; border-radius:50%; background:#fff; -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.1); box-shadow:0 0 20px 0 rgba(0,0,0,0.1);}
.open_themath .step_wrap ol li .step .num {position:absolute; top:-0.75em; left:0; font-family:"Lato"; font-size:20px; font-weight:700; line-height:1.5em; color:#43a8a4; letter-spacing:0;}
.open_themath .step_wrap ol li .step .txt_wrap {width:100%; display: flex;flex-direction: column;align-items: center;justify-content: center;}
.open_themath .step_wrap ol li .step .txt_wrap:before {display:block; height:45px; background-image:url(/img/masterymath/sprite/sprite.png); background-size:500px; content:"";}
.open_themath .step_wrap ol li:nth-child(1) .step .txt_wrap:before {width: 45px;background-position: -2.5px -95.5px;}
.open_themath .step_wrap ol li:nth-child(2) .step .txt_wrap:before {width: 43px;background-position: -62.5px -95.5px;}
.open_themath .step_wrap ol li:nth-child(3) .step .txt_wrap:before {width: 44px;background-position: -120.5px -95.5px;}
.open_themath .step_wrap ol li:nth-child(4) .step .txt_wrap:before {width: 27px;background-position: -179.5px -95.5px;}
.open_themath .step_wrap ol li .step .txt_wrap .txt {font-family:"Nanum Square"; padding-top: 18px;font-size:22px; font-weight:700; line-height:1.4em; color:#333; vertical-align:middle;}
.open_themath .step_wrap ol li p {margin-top: 28px;font-family: "Nanum Square";line-height: 1.3;font-size: 16px;}

@media (max-width:1024px) {
	.open_themath .sub_tit_wrap {margin-top: 30px;}
    .open_themath .step_wrap {margin-top: 15px;}
	.open_themath .step_wrap .step_tit {padding-top:30px;}
	.open_themath .step_wrap ol {flex-wrap: wrap;max-width: 60%;margin: 0 auto;}
	.open_themath .step_wrap ol li {width: calc(50% - 30px);display: flex;flex-direction: column;justify-content: center;align-items: center;}
	.open_themath .step_wrap ol li:before, .open_themath .step_wrap ol li:after {display:none;}
	.open_themath .step_wrap ol li .step .num {font-size:18px;}
	.open_themath .step_wrap ol li .step .txt_wrap .txt {font-size:20px;}
}

@media (max-width:599px) {
	.open_themath .step_wrap ol {max-width: 100%;gap: 30px;}
    .open_themath .step_wrap ol li {font-size:12px;}
	.open_themath .step_wrap ol li .step {width:120px; height:120px;}
	.open_themath .step_wrap ol li .step .num {font-size:16px;}
	.open_themath .step_wrap ol li .step .txt_wrap .txt {font-size:15px;padding-top: 10px;}
	.open_themath .step_wrap ol li p {margin-top: 15px;font-size: 14px;}
}

.open_themath .img_list {overflow:hidden; margin:-7px; margin-top:25px; line-height:0;}
.open_themath .img_list li {float:left; margin:7px;}
.open_themath .img_list img {height:165px; border:1px solid #ddd;}
.open_themath .img_list.brand img {height:128px;}

@media (max-width:1024px) {
    .open_themath .img_list {margin-top:15px;}
}

@media (max-width:599px) {
    .open_themath .img_list li {float:none;}
}

/* 배너 있을경우 헤더 */
header.header_banner {height: auto !important;}
header.header_banner ~ .input_mini_form .sub_upper_wrap {padding-top: 200px;}
@media (max-width:1024px) {
	header.header_banner ~ .input_mini_form .sub_upper_wrap {padding-top: 100px;}
}
@media (max-width:599px) {
	header.header_banner ~ .input_mini_form .sub_upper_wrap {padding-top: 80px;}
}

/* 최상단 배너 */
.upper_banner {background-color:#e6eff1; -webkit-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin:top; transform-origin:top; -webkit-transition:-webkit-transform 0.2s; transition:-webkit-transform 0.2s; transition:transform 0.2s; transition:transform 0.2s, -webkit-transform 0.2s;}
.upper_banner.on {-webkit-transform:scaleY(1);transform:scaleY(1);}
.upper_banner .banner_wrapper {position:relative; max-width:1920px; margin:0 auto; line-height:0;}
/* .upper_banner .banner_wrapper:after {position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; background:rgba(255,255,255,0.3); content:"";} */
.upper_banner .banner_wrapper a {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%;}
.upper_banner .ctr_wrap {position:absolute; bottom:10px; left:50%; z-index:2; min-width:210px; margin-left:21%; padding:5px; background:rgba(255,255,255,0.8); font-size:0; text-indent:0; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.upper_banner .ctr_wrap button {position:relative; margin-left:25px; padding-right:20px; font-size:14px; line-height:1em; color:#333;}
.upper_banner .ctr_wrap button:first-child {margin:0;}
.upper_banner .ctr_wrap.white button {color:#fff;}
.upper_banner .ctr_wrap button:before,.upper_banner .ctr_wrap button:after {position:absolute; right:0; width:17px; height:2px; background:#333; -webkit-transform-origin:right; transform-origin:right; content:"";}
.upper_banner .ctr_wrap.white button:before,.upper_banner .ctr.white button:after {background:#fff;}
.upper_banner .ctr_wrap button:before {top:0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.upper_banner .ctr_wrap button:after {bottom:0; -webkit-transform:rotate(45deg); transform:rotate(45deg);}

@media (max-width:1024px) {
    .upper_banner .ctr_wrap {right:0; bottom:0; left:auto; min-width:0; width:30px; margin:0; -webkit-transform:none; transform:none;}
    .upper_banner .ctr_wrap button {width:20px; height:20px; margin:0; padding:0; font-size:12px;}
    .upper_banner .ctr_wrap button:last-child {display:none;}
    .upper_banner .ctr_wrap button span {font-size:0;}
    .upper_banner .ctr_wrap button:before,.upper_banner .ctr_wrap button:after {width:26px;}
}

@media (max-width:800px) { 
	.upper_banner .banner_wrapper img {max-width:120%; margin-left:-10%;} 
}

@media (max-width:599px) {
    .upper_banner .banner_wrapper img {max-width:120%; min-height:45px; margin-left:-10%;}
    .upper_banner .ctr_wrap {-webkit-transform:scale(0.75);transform:scale(0.75); -webkit-transform-origin:right bottom; transform-origin:right bottom;}
}

.upper_banner_on .sub_wrap {margin-top:10.9375%;}

/* 사업영역 */
.business_themath .sub_visual {background: #e5f1ee;height: 180px;}
.business_themath .info_wrap>ul>li {width: 100%;height: 204px;border-top: 1px solid #dcdcdc;display: flex;justify-content: space-between;align-items: center;}
.business_themath .info_wrap>ul>li:first-child {border-top: 0;}
.business_themath .info_wrap>ul>li .title_area p {font-family: "Nanum Square";font-size: 30px;color: #555;line-height: 1;}
.business_themath .link {width:200px; border-color:#38908d; background:#43a8a4;color:#fff;margin-top: 25px;}
.business_themath .link:after {background:#fff;}
.business_themath .link:hover {color:#38908d;}
.business_themath .link:hover span:before, .business_themath .link:hover span:after {background:#38908d;}
.business_themath .genius .logo_area {width: 297px;}
.business_themath .haverman .logo_area {width: 251px;}
.business_themath .u2m .logo_area {width: 259px;}
.business_themath .math .logo_area {width: 299px;}
.business_themath .flip .logo_area {width: 276px;}
.business_themath .mastery .logo_area {width: 299px;}
.business_themath .glec .logo_area {width: 277px;}

@media (max-width:1024px) {
	.business_themath .sub_visual {height: auto;}
	.business_themath .grid_container + .sub_visual {margin-top: 0px}
	.business_themath .info_wrap>ul>li {height: 160px;}
	.business_themath .info_wrap>ul>li .title_area p {font-size: 22px;line-height: 1.3;}
	.business_themath .genius .logo_area {width: 149px;}
	.business_themath .haverman .logo_area {width: 126px;}
	.business_themath .u2m .logo_area {width: 130px;}
	.business_themath .math .logo_area {width: 150px;}
	.business_themath .flip .logo_area {width: 138px;}
	.business_themath .mastery .logo_area {width: 150px;}
	.business_themath .glec .logo_area {width: 139px;}
}

@media (max-width:599px) {
	.business_themath .info_wrap>ul>li {height: 220px;padding: 20px 0 30px 0;flex-direction: column-reverse;justify-content: center;gap: 10px;}
	.business_themath .btn_wrap {text-align: center;}
}

/* 올림피아드교육 */
.history_themath .grid_container {padding: 0;}
.history_themath .jumbotron {margin-top:70px; height:570px; display:flex; flex-direction:column; justify-content:center; align-items:center; background-image:url(/img/masterymath/bg/bg_about_olympiad.jpg); background-position:center; background-size:cover;}
.history_themath .jumbotron .tit {font-family:"Nanum Square"; font-size:60px; font-weight:900; line-height:1.2; color:#fff; text-align:center;}
.history_themath .jumbotron .sub_txt {margin-top:30px; font-family:"Nanum Square"; font-size:40px; font-weight:300; line-height:1.2; color:#fff; text-align:center;}
.history_themath .sub_content h3 {padding: 35px 0 10px 0;position: relative;margin-top: 70px;margin-bottom: 50px;}
.history_themath .sub_content h3:after {position:absolute; top:0; left:50%; width:18px; height:20px; margin-left:-9px; background:url(/img/masterymath/sprite/sprite.png); background-size:500px; background-position:-218px -2.5px; content:"";}

@media (max-width:1280px) {
	.history_themath .grid_container {padding: 0 30px;}
	.history_themath .jumbotron {margin-top:50px; height:400px;}
	.history_themath .jumbotron .tit {font-size:46px;}
	.history_themath .jumbotron .sub_txt {font-size:30px;}
	.history_themath .sub_content h3  {padding-top: 30px;margin-top: 30px;margin-bottom: 30px;}
}

@media (max-width:599px) {
	.history_themath .grid_container {padding: 0 15px;}
	.history_themath .jumbotron {margin-top:30px; height:300px;}
	.history_themath .jumbotron .tit {font-size:30px;}
	.history_themath .jumbotron .sub_txt {font-size:20px;}
	.history_themath .sub_content h3  {margin-bottom: 15px;}
}