@charset "utf-8";

@media (max-width: 1400px) {
	/* #gnb > ul > li {margin-left:50px;} */
	#gnb > ul > li > a {font-size:24px;}

	.reser-calendar {width: 55%;}
}

@media (max-width: 1280px) {
	/* #gnb > ul > li {margin-left:40px;} */
	#gnb > ul > li > a {font-size:22px;}
	#gnb > ul > li > a .c {font-size:26px}
	#gnb .submenu ul li a {font-size:19px;}

	.cafe-list .wrap .pic {width:220px;}

	.edu-view-wrap .list-area {padding-right:30px;}
	.edu-view-wrap .view-area {width:820px;}

	.my-status-home {font-size:18px;}
	.my-status-home .rec {width:40%;}
}

@media (max-width: 1175px) {
	#gnb {margin-right:70px;}

	.edu-view-wrap .view-area {width:740px;}
}

@media (max-width: 1125px) {
	#gnb {margin-right:65px;}
	/* #gnb > ul > li {margin-left:30px;} */

	
}

@media (max-width: 1075px) {
	/* #gnb > ul > li {margin-left:22px;} */
	#gnb > ul > li > a img {width: 28px;}
	
}


/* Landscape tablet */
@media (max-width: 1024px) {
	body, input, textarea, select, button, table {font-size:18px;}	

	/* header */
	#wrapper {padding-top:116px;}
	#header {position:fixed; top:0; left:0; width:100%;}
	.global {font-size:15px; line-height:35px;}
	.middle-wrap .contain {height:80px;}
	.sitelogo {margin-top:-35px;}
	.sitelogo img {height:70px}
	#gnb {display:none;}
	.btn-menu {display:none;}
	.btn-m-menu {display:block;}
	.mobile-navigation {display:block;}
	.top-btn-app {display:block; text-align:center;margin-left: 150px;margin-left: 70px;}

	/* main */
	.my-status-home .rec .list ul li {width:33.33333333%;}
	.my-status-home .rec .list ul li:nth-child(4) {display:none;}

	.my-status-login .submit {width:220px;}

	.main-video .head h2 {font-size:28px;}
	.main-video .head h2 img {width:50px; margin-right:8px;}
	.main-video .head h2 span {font-size:18px; margin-left:10px;}
	.main-video .more {font-size:18px; line-height:40px; padding:0 12px;}
	.main-video .list ul {margin:0 -8px;}
	.main-video .list ul li {padding:0 8px;}
	.main-video .list ul li .cate {top:10px; left:10px; font-size:15px; padding:0 10px; line-height:28px;}
	.main-video .list ul li .tit {font-size:18px;}

	.main-banner .slick-arrow {width:60px; height:60px; background-size:contain; margin-top:-30px;}

	.main-notice .head {padding-left:65px;}
	.main-notice .head img {width:50px;}
	.main-notice .head h2 {font-size:26px;}
	.main-notice .head p {font-size:15px;}
	.main-notice ul li {font-size:17px;}

	.main-calendar .head h2 {font-size:26px;}
	.main-calendar .head h2 img {margin-right:8px;}
	.main-calendar .head .date {font-size:22px;}

	.main-links .row {margin:0 -10px;}
	.main-links .col {padding:0 10px;}
	.main-links .box .txt {padding:17px 19px;}
	.main-links .box h2 {font-size:22px; margin-bottom:10px;}
	.main-links .box p {font-size:15px; background-size:26px auto; padding-right:26px;}

	.bottom-links .sites {padding:0;}
	.bottom-links .sites li {width:31%; padding:0 2px;}
	.bottom-links .sns li {width:48%; padding:0 10px;}

	/* footer */
	#footer {font-size:16px; text-align:center; padding:30px 0;}
	#footer address span {margin:0 5px;}
	.foot-logo {float:none; margin:0 0 20px;}
	.foot-info {margin-left:0;}
	.f-links ul {display:inline-block; vertical-align:top;}

	/* sub */
	.sub-visual h2 {font-size:38px;}

	.lnb {font-size:20px; line-height:60px;}

	.sub-title h2 {font-size:30px;}	

	/* content */
	.about {text-align:center; margin-top:0; margin-bottom:100px; font-size:20px;}
	.about > div {display:block;}
	.about .img {margin-bottom:30px; width:auto;}
	.about .cnt {padding-left:0; max-width:760px; margin:0 auto;}

	.greetings {font-size:20px;}
	.greetings .cnt h3 {font-size:24px;}

	.app-top {padding-left:100px; font-size:20px;}
	.app-top img {left:0; width:76px;}

	.detail-search {padding:17px 20px;}
	.detail-search .col {padding:6px;}
	.detail-search dt {width:90px; padding-right:15px;}
	.detail-search .submit {height:48px;}
	.detail-search .col-1 {width:calc(33.33333333% - 40px);}
	.detail-search .col-2 {width:calc(100% - 120px);}
	.detail-search .col-3 {width:120px;}

	.app-list .tit {font-size:26px;}
	.app-list .list table th {height:55px; font-size:20px;}
	.app-list .list table td {height:58px; font-size:18px; padding:7px;}
	.app-list .list .btn {line-height:36px; min-width:70px;}

	.course-view > div {display:block;}
	.course-photo {max-width:650px; padding-right:0; margin:0 auto 30px;}
	.course-info {max-width:650px; padding-left:0; margin:0 auto 30px;}
	.course-info .table dt {font-size:18px; width:130px;}
	.course-info .help p {font-size:19px;}
	.course-info .btns .btn {width:230px; font-size:26px; line-height:80px;}

	.course-nav ul li a {height:60px; font-size:24px;}

	.cafe-list ul {margin:0;}
	.cafe-list ul li {float:none; width:auto; padding:0;}

	.my-nav ul li {min-width:150px;}
	.my-nav ul li a {font-size:20px; line-height:50px;}

	.my-edu-top {font-size:18px; padding-left:70px;}
	.my-edu-top img {width:50px; left:5px; top:3px;}
	.my-edu-top h3 {font-size:22px;}

	.edu-list .group {padding:24px;}
	.edu-list .edu-photo {width:40%;}
	.edu-list .edu-info {padding-left:24px;}
	.edu-list .edu-info .table dt {width:130px; font-size:18px;}
	.edu-list .edu-info .btns .btn {width:230px; font-size:26px; line-height:80px;}

	.survey-top {font-size:20px;}
	.survey dl {padding:30px 10px;}
	.survey dt {font-size:20px;}


	.edu-view-tit h3 {font-size:28px;}
	.edu-view-wrap .list-area h4 {padding:16px; font-size:20px;}
	.edu-view-wrap .list-area .list {height:370px;}
	.edu-view-wrap .list-area .list ul li a {padding:8px 10px 8px 32px; font-size:16px;}
	.edu-view-wrap .list-area .list ul li .num {top:7px; left:12px;}
	.edu-view-wrap .view-area {width:670px;}
	
	.my-interview-top .inner img {left:40px;}
	.my-interview-top .inner p {font-size:24px;}
	.myInterview .group .tit {font-size:24px;}
	
	.myInterview .group dl {margin-bottom:30px;}
	.myInterview .group dd .form-items .item label {font-size:18px; height:60px;}
	.myInterview .group dd .form-items .item {padding-bottom:60px;}
	.myInterview .group dt {font-size:20px;}
	.myInterview .group dd .item.wide label {font-size:18px;}
	.myInterview .form-items input[type="radio"], .myInterview .form-items input[type="checkbox"] {bottom:21px;}

	/* board */
	.input,.select {height:48px; font-size:18px;}
	.textarea {font-size:18px;}

	.board-search .select {height:48px; font-size:18px;}
	.board-search .input {height:48px; font-size:18px;}
	.board-search .submit {height:48px;}

	.board-list table thead th {font-size:18px; height:54px;}
	.board-list table tbody td {font-size:18px;}

	.board-list2 table th {height:54px; font-size:20px;}
	.board-list2 table td {height:54px; font-size:18px;}

	.gallery-list ul {margin:0 -10px;}
	.gallery-list ul li {width:33.33333333%; padding:0 10px;}
	.gallery-list ul li:nth-child(4n+1) {clear:none;}
	.gallery-list ul li:nth-child(3n+1) {clear:left;}
	.gallery-list ul li .tit {font-size:20px;}
	.gallery-list ul li .txt {font-size:16px;}

	.calendar .body table {font-size:18px;}
	.calendar .body table tbody td .day {font-size:20px;}

	.faq li {font-size:18px;}
	.faq .tit a {padding:17px 55px 17px 62px}
	.faq .q, .faq .a {top:18px; left:15px; font-size:28px;}
	.faq .tit .icon {right:15px; top:19px}
	.faq .cnt {padding:17px 20px 17px 62px;}

	.board-write .group {font-size:18px; line-height:48px;}

	.board-view .head .tit {font-size:20px;}

	.btn-pack.large {height:50px; line-height:48px; font-size:20px;}
	.btn-pack.xlarge2 {min-width:220px; height:70px; line-height:68px; font-size:24px;}

	.cate-title h3 {padding:0 50px; line-height:60px; font-size:24px;}

	.reser-form {max-width:350px;}
	.reser-time {max-width:350px;}
	.reser-submit {max-width:350px;}

	/* member */
	.find-account {width:45%}

	.join-area .form table colgroup col:first-child {width:160px !important;}
	.join-area .form table th {padding-right:10px;}
	.join-area .form table td {padding-right:10px; padding-left:10px;}
	.join-area .form table td .input, .join-area .form table td .select {height:48px;}
	.join-area .form table td .btn-pack.medium {height:48px; line-height:46px; font-size:18px;}
	
} 

/* portrait tablet */
@media (max-width: 900px) {	
	.only-desktop {display:none;}
	.only-tablet {display:block;}

	/* header */
	
	/* main */
	.my-status-home .rev .in .txt {display:block; margin-bottom:10px; font-size:16px;}
	.my-status-home .rev .in .btn {display:block;}

	.my-status-login .item {padding-right:20px;}
	.my-status-login .item label {margin-right:10px;}
	.my-status-login .item .input {width: calc(100% - 83px);}
	.my-status-login .submit {width:140px;}
	.my-status-login .btn-pack.xlarge {font-size:22px; padding:0;}

	.main-video .list ul li .tit {font-size:16px;}

	/* sub */
	.real-cont {min-height:200px; padding-bottom:50px;}

	/* footer */
	.foot-logo img {width:300px;}	

	/* content */
	.edu-step .wrap h3 {font-size:22px;}
	.edu-step .btn {font-size:22px; line-height:60px; min-width:250px;}

	.guide-btns a {min-width:250px; margin:0 10px; font-size:22px; line-height:60px;}

	.edu-view-wrap .list-area .list {height:330px;}
	.edu-view-wrap .view-area {width:600px;}
	.vjs-my-custom-modal .vjs-modal-dialog-content > div {margin-top:20px; margin-left:20px;}

	.edu-list .edu-info .btns .btn {width:180px; font-size:20px; line-height:60px; margin-left:2px;}
	.my-interview-top .inner img {position:static; display:inline-block; margin-bottom:10px; width:40px;}
	.my-interview-top .txt {font-size:20px;}
	.myInterview .group .tit {font-size:20px; margin-bottom:30px;}
	.myInterview .group dd .form-items .item {padding-bottom:50px;}
	.myInterview .group dd .form-items .item label {font-size:18px; height:50px;}
	.myInterview .form-items input[type="radio"], .myInterview .form-items input[type="checkbox"] {bottom:16px;}
	.myInterview .user-info {margin-bottom:30px; padding-left:20px;}
	.myInterview .user-info dl {padding-right:20px;}
	.myInterview .user-info dt {width:60px; padding-right:10px; font-size:18px;}
	.myInterview .txt-wrap {padding:15px; font-size:18px;}

	/* board */
	input#name,
	input#user_name {width:100% !important;}
	input#emailID,
	input#emailDomain {width:calc(50% - 12px) !important}
	select#emailList {display:block; width:100% !important; margin-top:5px;}
	select#birth_year {width:100px !important;}
	select#birth_month,
	select#birth_day {width:65px !important;}
	input#mobile1,
	input#mobile2,
	input#mobile3,
	input#tel1,
	input#tel2,
	input#tel3 {width:90px !important;}


	/* member */
	.find-account {width:80%;}

} 

/* Landscape phone */
@media (max-width: 640px) {
	body, input, textarea, select, button, table {font-size:16px;}
	.only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

	.contain {padding-left:15px; padding-right:15px;}

	/* header */
	#wrapper {padding-top:85px;}

	.global {font-size:14px; line-height:25px;}
	.util ul li {padding:0 10px;}
	.util ul li:before {height:12px;}

	.middle-wrap .contain {height:60px;}	

	.sitelogo {margin-top:-20px; left:11px;}
	.sitelogo img {height:40px;}

	.top-btn-app {font-size:20px; line-height:60px; margin-left:60px;}
	.top-btn-app img {width:17px;margin-right: 2px;}
	.top-btn-app a {font-size: 17px;}

	.list-icon {right:15px; width:30px; height:30px; margin-top:-15px;}
	.list-icon span {height:3px; margin-top:-1px;}
	.list-icon span:before, .list-icon span:after {height:3px;}
	.list-icon span:before {top:-10px;}
	.list-icon span:after {bottom:-10px;}

	.mobile-navigation .home a {padding:13px 20px;}
	.mobile-navigation .nav-menu>ul>li>a {padding:13px 20px;}
	.mobile-navigation .nav-menu>ul>li>a img {width:24px;}
	.mobile-navigation .nav-menu .submenu li a {padding:9px 20px;}
	

	/* main */
	.my-status-home {padding:0;}
	.my-status-home .wrap > div {display:block; width:auto; padding:20px 0; border-left:0; border-bottom:1px solid #ddd;}
	.my-status-home .wrap > div:last-child {border-bottom:0;}
	.my-status-home .my {position:relative;}
	.my-status-home .my h3 {margin:7px 0;}
	.my-status-home .my .btn {position:absolute; top:0; right:0;}
	.my-status-home .my .btn a {padding:0 20px; line-height:36px;}
	.my-status-home .rev {position:relative;}
	.my-status-home .rev .in .txt {margin-bottom:0;}
	.my-status-home .rev .in .btn {position:absolute; top:6px; right:0; width:120px;}
	.my-status-home .rev .in .btn a {line-height:36px;}

	.my-status-login {padding:20px 0;}
	.my-status-login .item {display:flex; align-items:center; justify-content:center; padding-right:0; margin-bottom:10px;}
	.my-status-login .item .input {width:100%; height:40px;}
	.my-status-login .submit {display:block; width:200px; margin:15px auto 0;}
	.my-status-login .btn-pack.xlarge {font-size:20px;}
	.my-status-login .keep {text-align:center;}
	.my-status-login .keep input:first-child {margin-left:0 !important;}

	#main #container {padding-top:40px;}

	.main-video .head h2 img {width:30px; margin-right:4px;}
	.main-video .head h2 {font-size:24px;}
	.main-video .head h2 span {display:block; margin:6px 0 0 0; font-size:15px;}
	.main-video .more {font-size:15px; padding:0 10px 0 7px; line-height:30px; top:-2px;}
	.main-video .more:before {width:16px; height:16px; background-size:contain; margin-right:5px;}
	.main-video .list ul {margin:0 -7px;}
	.main-video .list ul li {width:50%; padding:0 7px; margin-bottom:35px;}
	.main-video .list ul li:nth-child(2n+1) {clear:left;}
	.main-video .list ul li .thumb {margin-bottom:8px;}
	.main-video .list ul li .tit {font-size:15px;}

	.main-banner {margin:0 -15px 60px;}
	.main-banner .slider {border-radius:0;}
	.main-banner .slick-arrow {width:30px; height:30px; margin-top:-15px;}

	.main-cs .row {margin:0;}
	.main-cs .col {float:none; width:auto; padding:0;}

	.main-notice {margin-bottom:60px;}
	.main-notice .head {padding-left:40px; min-height:auto;}
	.main-notice .head img {width:30px; top:3px;}
	.main-notice .head h2 {font-size:24px;}
	.main-notice .head p {font-size:12px;}
	.main-notice ul {margin-left:0;}
	.main-notice ul li {font-size:16px; height:30px; line-height:30px;}
	.main-notice ul li span {margin-right:8px;}

	.main-calendar .head {padding-top:0; min-height:auto; margin-bottom:12px;}
	.main-calendar .head h2 {font-size:24px;}
	.main-calendar .head h2 img {width:28px; margin-right:4px;}
	.main-calendar .head .date {top:7px; font-size:18px;}
	.main-calendar .table th {height:46px; font-size:16px;}
	.main-calendar .table td {font-size:15px; line-height:46px;}

	.main-links {margin-bottom:50px;}
	.main-links .row {margin:-10px 0;}
	.main-links .col {float:none; width:auto; padding:10px 0;}

	.bottom-links .wrap > div {display:block;}
	.bottom-links .sites {margin-bottom:20px;}
	.bottom-links .sites ul {margin:0 -2px;}
	.bottom-links .sites ul:after {content:""; display:block; clear:both;}
	.bottom-links .sites ul li {float:left; width:33.33333333%; padding:0 2px;}
	.bottom-links .sns {text-align:center;}
	.bottom-links .sns ul li {width:auto;}
	.bottom-links .sns ul li img {height:30px;}	

	/* footer */
	#footer {font-size:14px;}
	.foot-logo img {width:220px;}	

	/* sub */
	.sub-visual {height:150px;}
	.sub-visual h2 {font-size:28px;}
	
	.lnb {font-size:17px; line-height:50px;}
	.lnb ul li {padding:0 18px; background-size:1px 14px;}

	#contArea {padding-left:15px; padding-right:15px;}

	.sub-title {padding:30px 0;}
	.sub-title h2 {font-size:24px;}

	.real-cont {min-height:200px; padding-bottom:50px;}
	
	/* content */
	.about {font-size:18px; margin-bottom:60px;}

	.greetings {font-size:18px;}
	.greetings > div {display:block;}
	.greetings .img {width:auto; padding-right:0; margin-bottom:25px;}
	.greetings .cnt h3 {font-size:20px;}
	.greetings .sign {text-align:left; margin-right:0;}
	.greetings .sign img {width:90px; margin-left:15px;}

	.edu-step .wrap {padding-top:35px;}
	.edu-step .wrap .icon img{width:70px;}
	.edu-step .wrap .box {padding:55px 15px 30px}
	.edu-step .wrap h3 {font-size:18px;}
	.edu-step .wrap p {font-size:16px;}
	.edu-step .arrow {padding:15px 0;}
	.edu-step .arrow img {width:20px;}
	.edu-step .btn {min-width:220px; font-size:18px; line-height:50px;}
	.edu-step .btn img {width:20px;}

	.guide-btns {padding-top:50px; margin-left:-15px; margin-right:-15px; margin-top:50px;}

	.guide-btns a {margin:5px 10px; min-width:240px; font-size:18px; line-height:55px;}

	.app-top {text-align:center; padding-left:0; font-size:16px;}
	.app-top img {display:block; position:static; margin:0 auto 10px; width:54px;}

	.detail-search {margin:0 -15px 30px;}
	.detail-search .col {padding:3px 0 !important; float:none; width:100% !important;}
	.detail-search dt {text-align:left; width:90px;}
	.detail-search.type2 .col-1 dt,
	.detail-search.type2  dt {width:70px;}
	.detail-search .submit {height:44px; margin:10px auto 0; text-indent:0; color:#fff; font-weight:500; background-image:none;}
	.detail-search .submit:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 5px 0 0; width:18px; height:18px; background:url("../images/bbs/search_x2.png") 50% 50% no-repeat; background-size:contain;}

	.app-list .tit {font-size:24px; margin-bottom:10px;}
	.app-list .list {display:none;}
	.app-list .list-m {display:block;}

	.course-view {padding:14px 14px 20px; margin-bottom:40px;}
	.course-photo {margin-bottom:20px;}
	.course-info {margin-bottom:15px;}
	.course-info .title {margin-left:10px; font-size:22px;}
	.course-info .table {padding:15px; border-radius:10px;}
	.course-info .table dt {display:block; float:left; width:90px; font-size:15px; letter-spacing:-.04em; padding:3px 0; border-radius:15px;}
	.course-info .table dd {display:block; margin-left:105px; font-size:16px; padding:2px 0;}
	.course-info .help {border-radius:10px;}
	.course-info .help p {font-size:15px; position:relative; padding-left:30px;}
	.course-info .help p img {width:20px; position:absolute; top:7px; left:0;}
	.course-info .help .bt a {font-size:18px; background-size:14px auto; padding-left:22px;}
	.course-info .btns {text-align:center; margin-top:25px;}
	.course-info .btns .btn {width:200px; font-size:21px; line-height:60px;}
	.course-info .btns .btn:before {width:26px; height:26px; background-size:contain;}

	.blocker {padding:10px !important;}
	.modal a.close-modal {top:13px; right:13px; width:24px; height:24px;}

	.preview-wrap {padding:15px;}
	.preview-wrap h2 {font-size:20px; margin-bottom:13px;}
	.preview-wrap h2 img {width:22px; margin-right:10px;}

	.course-nav ul {width:100%;}
	.course-nav ul li {width:50%;}
	.course-nav ul li a {font-size:16px;}
	.course-nav ul li .ico-1 {width:20px; height:25px; background-size:contain;}
	.course-nav ul li .ico-2 {width:30px; height:24px; background-size:contain;}

	.cafe-main-top {font-size:18px; margin-bottom:25px;}

	.cafe-list ul li {margin-bottom:20px;}
	.cafe-list .box {padding:14px 14px 22px;}
	.cafe-list .wrap > div {display:block;}
	.cafe-list .wrap .pic {width:auto; margin-bottom:15px;}
	.cafe-list .wrap .cnt {padding-left:0; font-size:16px;}
	.cafe-list .wrap .cnt h3 {font-size:20px; margin-bottom:10px;}
	.cafe-list .btns .bt {margin:1px 2px; font-size:16px; letter-spacing:-.06em; padding:0 12px; line-height:40px;}
	.cafe-list .btns .bt i {width:20px; height:20px; background-size:contain;}

	.my-nav {margin-bottom:20px;}
	.my-nav ul li {min-width:90px;}
	.my-nav ul li a {font-size:17px; line-height:40px;}

	.my-edu-top {font-size:16px; padding-left:55px;}
	.my-edu-top img {width:45px; left:0;}
	.my-edu-top h3 {font-size:20px;}

	.edu-list .group {padding:14px 14px 20px; margin-bottom:20px;}
	.edu-list .group > div {display:block;}
	.edu-list .edu-photo {width:auto; margin-bottom:20px;}
	.edu-list .edu-info {padding-left:0;}
	.edu-list .edu-info .title {margin-left:10px; font-size:22px;}
	.edu-list .edu-info .table {padding:15px; margin-bottom:20px; border-radius:10px;}
	.edu-list .edu-info .table dt {display:block; float:left; width:90px; font-size:15px; letter-spacing:-.04em; padding:3px 0; border-radius:15px;}
	.edu-list .edu-info .table dd {display:block; margin-left:105px; font-size:16px; padding:2px 0;}
	.edu-list .edu-info .btns {text-align:center; margin-top:20px;}
	.edu-list .edu-info .btns .btn {width:140px; font-size:18px; line-height:50px; margin:0 1px;}
	.edu-list .edu-info .btns .btn:before {width:26px; height:26px; margin-right:5px; background-size:contain;}

	.edu-view-tit {display:flex; flex-direction:column; padding:0 0 10px;}
	.edu-view-tit h3 {order:2; display:block; font-size:20px; padding:0 0 10px;}
	.edu-view-tit .bt2 {order:1; display:block; width:100%; padding-right:0; margin-bottom:15px;}
	.edu-view-tit .bt2 a {padding:12px 15px; color:#000; font-size:18px; line-height:1.3em; border:1px solid #47494a; border-radius:8px;}
	.edu-view-tit .bt {order:3; display:block; width:100%;}
	.edu-view-tit .bt a {padding:13px 15px; font-size:16px; line-height:1.3em; border-radius:10px; text-align:left;}
	.edu-view-tit .bt a img {max-width:18px;}
	.edu-view-tit .mo-block {display:inline-block;}
	.edu-view-wrap {padding:20px 0; border-top:0;}
	.edu-view-wrap .wrap {display:flex; flex-direction:column-reverse;}
	.edu-view-wrap .view-area {width:100%; display:block;}
	.edu-view-wrap .view-area p {font-size:18px; margin-bottom:10px;}
	.edu-view-wrap .list-area {padding-right:0; margin-top:10px;}
	.edu-view-wrap .list-area h4 {padding:13px 15px; font-size:16px;}
	.edu-view-wrap .list-area h4 img {width:18px; margin-right:7px;}
	.edu-view-wrap .list-area .list {height:auto;}
	.edu-view-wrap .list-area .list ul li:last-child {border-bottom:0;}
	.edu-view-wrap .buttons {margin:20px 0;}

	.vjs-my-custom-modal .vjs-modal-dialog-content > div {margin-top:0; margin-left:0;}
	.vjs-my-custom-modal .vjs-modal-dialog-content p {margin-bottom:0 !important; font-size:15px !important;}
	.vjs-my-custom-modal .vjs-modal-dialog-content a {padding:7px 15px; border-radius:5px;}

	.survey-top {font-size:16px; border-radius:10px; padding:20px 15px; text-align:left; margin-bottom:15px;}
	.survey-top .inner {padding-left:65px;}
	.survey-top .inner img {width:50px; margin-top:-25px;}
	.survey {margin:0 -15px 25px;}
	.survey dl {padding:25px 15px;}
	.survey dt {font-size:17px; margin-bottom:10px;}
	.survey .item {margin:3px 10px;}
	.survey .input.type1 {width:60%;}
	.survey .input.type2 {width:60%;}
	.survey .input.type3 {width:40%;}

	.my-cafe-top {margin:0 0 20px; padding-left:65px;}
	.my-cafe-top img {width:50px; top:5px;}
	.my-cafe-top .cate {position:static; margin-top:20px; text-align:right; margin-bottom:-10px;}
	.my-cafe-top .cate .select {min-width:100px;}

	.my-cafe ul li {margin-bottom:20px;}
	.my-cafe .box > div {display:block;}
	.my-cafe .pic {width:auto;}
	.my-cafe .cnt {padding:14px 14px 20px; font-size:16px;}
	.my-cafe .cnt h3 {font-size:20px; margin-bottom:10px;}
	.my-cafe .cnt .btn {text-align:center; margin-top:15px;}
	.my-cafe .cnt .btn .bt {float:none; font-size:18px; letter-spacing:-.04em; line-height:43px;}
	.my-cafe .bt:before {width:14px; height:14px; background-size:contain;}

	.refund-form {margin-bottom:40px;}
	.refund-form .scroll-box {padding:8px;}
	.refund-form .form {padding:20px 0;}
	.refund-form .form th {padding:5px 0; width:80px;}
	.refund-form .form td {padding:5px 0;}

	.modal-confirm {max-width:330px;}
	.modal-confirm .cnt {padding:30px 15px; font-size:18px;}
	.modal-confirm .btns a {font-size:18px; line-height:50px;}
	
	.my-interview-top .inner p {font-size:20px;}
	.my-interview-top .txt {font-size:18px;}
	.myInterview .group {margin-bottom:40px;}
	.myInterview .group dt {font-size:17px; margin-bottom:10px;}
	.myInterview .group dd .form-items .item label {font-size:16px; word-break:break-all; padding:5px;}
	.myInterview input[type="text"] {width:calc(100% - 140px);}
	.myInterview .group .tit {font-size:16px;}
	.myInterview .group dd .item.wide label {font-size:16px;}
	.myInterview .txt-wrap {font-size:16px;}
	.myInterview .user-info {display:block; padding:20px;}
	.myInterview .user-info dl {width:100%; padding:0; margin:0 0 10px 0;}
	.myInterview .user-info dl:last-child {margin-bottom:0;}

	/* board  */
	.input {height:38px; padding:5px 10px; font-size:16px; line-height:20px;}
	.select {height:38px; padding:5px 10px; font-size:16px; line-height:20px;}
	.textarea {padding:5px 10px; font-size:16px; line-height:20px;}

	.board-search {padding:15px; margin:0 -15px 18px;}
	.board-search .select {width:100px; height:38px; font-size:16px; padding-left:10px; padding-right:30px; background-size:auto 12px;}
	.board-search .input {width:calc(100% - 150px); font-size:16px; height:38px; padding:5px 10px;}
	.board-search .submit {height:38px; width:50px; background-image:url("../images/bbs/search_x2.png"); background-size:18px auto;}

	.board-list {display:none; margin:0;}
	.board-list2 {display:none;}
	.board-list-m {display:block;}
	.board-list2-m {display:block;}

	.gallery-list ul {margin:0 -7px;}
	.gallery-list ul li {width:50%; padding:0 7px; margin-bottom:30px;}
	.gallery-list ul li:nth-child(3n+1) {clear:none;}
	.gallery-list ul li:nth-child(2n+1) {clear:left;}
	.gallery-list ul li .thumb {margin-bottom:10px;}
	.gallery-list ul li .tit {font-size:16px;}
	.gallery-list ul li .txt {font-size:14px;}

	.calendar {display:none;}

	.faq {margin:0 -15px;}
	.faq li {font-size:16px;}
	.faq .q, .faq .a {left:12px; top:14px; font-size:22px;}
	.faq .tit a {padding:12px 12px 12px 38px;}
	.faq .tit .icon {display:none;}
	.faq .cnt {padding:15px 12px 15px 38px;}
	
	.board-view {margin:0 -15px;}
	.board-view .head .tit {font-size:15px; padding:10px 15px;}
	.board-view .head .info {font-size:12px; padding:8px 15px;}
	.board-view .head .files {padding:10px 18px 0;}
	.board-view .head .files .fileLayer {max-width:60%; right:15px;}
	.board-view .head .files .fileLayer a {word-break:break-all; line-height:1.2em;}
	.board-view .head .files .fileLayer img {vertical-align:middle;}
	.board-view .body {padding:15px 15px 25px;}

	.board-write {margin:0 -15px 20px;}
	.board-write .group {padding:12px 15px; line-height:1.5em;}
	.board-write .title {display:block; position:static; width:auto; line-height:1.5em; margin-bottom:7px;}
	.board-write .group.content {padding:0; border-top:0;}
	.board-write .group.content + .group {border-top:0;}
	.board-write .files_table .input {width:calc(100% - 110px) !important;}
	.board-write .textarea {display:block; width:100% !important;}
	.board-write input[type=radio]+label {margin-right:6px;}
	.board-write input[type=radio]+label:last-child {margin-right:0;}
	.board-write input#title {width:100% !important;}

	.board-form {margin:0 -15px; margin-bottom:25px;}
	.board-form table {font-size:14px;}
	.board-form th {height:54px; padding:8px 8px 8px 20px;}
	.board-form td {padding:8px 8px 8px 10px;}
	.board-form td.pd {padding-top:12px; padding-bottom:12px;}
	.board-form .input, .board-form .select {height:38px; font-size:14px;}
	.board-form .req {margin-left:-10px;}
	.board-form .item {margin-right:20px;}
	.board-form .item2 {min-width:200px; margin-bottom:5px;}
	.board-form .emergency label {display:block; width:auto; margin-right:0; margin-bottom:4px;}

	.buttons {margin:10px 0;}

	.btn-pack.small {height:30px; line-height:28px; font-size:12px; padding:0 8px;}
	.btn-pack.medium {height:40px; font-size:15px; line-height:38px; padding:0 12px;}
	.btn-pack.large {height:45px; line-height:43px; font-size:16px; padding:0 18px;}
	.btn-pack.xlarge {font-size:18px; min-width:120px; height:50px; line-height:48px; padding:0 18px;}
	.btn-pack.xlarge.round {border-radius:6px;}
	.btn-pack.xlarge2 {min-width:145px; height:60px; line-height:58px; font-size:18px;}
	.btn-pack.submit {width:160px; height:44px; font-size:16px;}
	.btn-pack.my {font-size:16px; padding:0 13px; font-weight:500; line-height:38px; height:40px; margin-top:8px;}
	.btn-pack.check:before {width:16px; height:16px; background-size:contain; margin-right:10px;}
	.btn-pack.comment {width:76px; height:70px; font-size:16px;}
	.btn-pack.mo-block {display:block; width:100%;}

	.prev_next {margin:0 -15px; font-size:14px;}
	.prev_next dt {width:73px; padding:8px 0 8px 15px; text-align:left; margin-right:0; background-position:97% 50% !important;}
	.prev_next dd {margin-left:85px; padding-right:15px; color:#777;}
	.prev_next dd a {display:inline-block; vertical-align:top; max-width:95%; color:inherit; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

	.board-password {width:100%; padding:75px 0 35px; background-size:45px; border:0;}
	.board-password dl dt {font-size:15px;}
	.board-password .input {width:50% !important;}

	.paginate a, .paginate strong {margin:0 1px; width:32px; height:32px; line-height:30px;}

	.comment-area h3 {font-size:22px; padding:15px 5px;}
	.comment-area + .buttons {margin-top:30px;}
	.comment-list {padding:15px 5px;}
	.comment-list .info {font-size:15px; line-height:1.5em; margin-bottom:7px;}
	.comment-list .info .date {font-size:12px;}
	.comment-list .controll {font-size:14px; top:15px; right:5px; line-height:1.5em;}
	.comment-list .txt {font-size:16px;}
	.comment-list.re {padding-left:27px;}
	.comment-list.re:before {top:20px; left:10px; width:10px; height:10px; border-width:2px;}
	.comment-write {padding:10px 5px;}
	.comment-write .write {padding-right:80px;}
	.comment-write .write textarea {height:70px; font-size:16px; line-height:1.3em;}

	.mailform {margin:0 -15px;}
	.mailform .top-txt {padding-left:55px;}
	.mailform .top-txt img {top:3px; left:15px; width:30px;}
	.mailform table tbody th {padding:7px 10px 7px 15px; height:50px; width:28% !important; line-height:1.3em; font-size:14px;}
	.mailform table tbody td {padding:7px 15px 7px 10px; line-height:1.3em; font-size:14px;}

	.form-agree {margin-bottom:30px;}
	.form-agree dt {background-size:14px auto; padding-left:20px; font-size:15px; background-position:0 3px;}
	.form-agree dd {font-size:14px; margin-bottom:10px;}
	.form-agree .btn {display:none;}
	.form-agree .scroll-box {position:relative; height:90px; overflow:auto; font-size:12px; line-height:1.4em; padding:8px;}

	select#birth_year {width:60px !important;}
	select#birth_month,
	select#birth_day {width:45px !important;}
	input#mobile1,
	input#mobile2,
	input#mobile3,
	input#tel1,
	input#tel2,
	input#tel3,
	input#em_phone1,
	input#em_phone2,
	input#em_phone3 {width:calc(33.33333333% - 9px) !important}
	input#f_school,
	input#g_day {width:100% !important; margin-bottom:5px; display:block;}
	input#em_name,
	select#f_edu,
	select#g_cate {width:100% !important;}

	.reser-wrap {display:flex;flex-wrap:wrap;}
	.reser-wrap h3 {font-size:18px; padding-bottom:10px;}
	.reser-calendar {width:100%;float: none;margin-bottom: 40px;order: 2;}
	.reser-calendar .head {padding:16px 0;}
	.reser-calendar .head span {font-size:20px; margin:0 12px;}
	.reser-calendar .head .btn {width:24px; height:24px; background-size:contain;}
	.reser-calendar .body table {font-size:12px;}
	.reser-calendar .body table thead th {height:38px;}
	.reser-calendar .body table tbody td {padding:4px 4px 6px; height:50px;}
	.reser-calendar .body table tbody td .day {font-size:11px; margin-bottom:10px;}
	.reser-calendar .body table tbody td .btn {font-size:11px; line-height:1.3em; padding:6px 6px;}
	.reser-form {width:100%; max-width:100%; margin-left:0;float: none;order: 1;}
	.reser-form .group {margin-bottom:40px;}
	.reser-form table th {height:50px; width:80px; padding:6px 5px;}
	.reser-form table td {padding:6px 5px;}
	.reser-form table td .select {height:40px;}
	.reser-form .help-txt {margin-top:12px; font-size:14px;}

	.reser-time {width: 100%; max-width:100%; float: none;margin-left: 0; order: 3;}
	.reser-time .group {margin-bottom:40px;}
	.reser-time table th {height:50px; width:80px; padding:6px 5px;}
	.reser-time table td {padding:6px 5px;}
	.reser-time table td .select {height:40px;}
	.reser-time .help-txt {margin-top:12px; font-size:14px;}
	.reser-submit {width: 100%; max-width:100%; float: none; margin-left: 0; margin-top: 0; order: 4;}

	/* member */
	.login-top {font-size:16px; line-height:1.5em; margin-bottom:17px;}
	.login-area {padding:30px 18px;}
	.login-area .group {padding-left:90px;}
	.login-area .group label {font-size:17px;}
	.login-area .links {margin-top:25px;}
	.login-area .links a {font-size:16px;}

	.join-area .top-txt {margin:0 0 20px; padding-left:65px;}
	.join-area .top-txt img {width:50px; top:5px;}
	.join-area .form {padding:20px 0; margin-bottom:30px;}
	.join-area .form table th {height:50px; padding:6px 0;}	
	.join-area .form table th label .req {position:static;}
	.join-area .form table td {padding:6px 0;}
	.join-area .form table td .input, .join-area .form table td .select {height:38px;}
	.join-area .form table td .txt {margin-top:8px;}
	.join-area .form input#pwd,
	.join-area .form input#userPwd {display:block; width:100% !important;}
	.join-area .leave {padding:30px 10px; margin-bottom:30px;}
	.join-area .leave .txt {margin:0 0 20px; text-align:center;}
	.join-area .leave dt {width:110px; line-height:34px;}
	.join-area .leave dd {margin-left:120px;}

} 

/* Landscape phones and down */
@media (max-width: 320px) {

}