@charset "utf-8";

@media (max-width: 1800px){
	#header .contain {max-width:100%}
	#gnb {margin-left:240px;;}
	#gnb ul {float:none;}
	#gnb ul:after{content:""; display:block; clear:both;}
}

@media (max-width: 1700px){
	.quick {display:none;}
	.quick-m {display:block;}
}

@media (max-width: 1530px){
	#gnb {margin-left:220px;}
	#gnb > ul > li {padding:0 26px;}
}

@media (max-width: 1460px){
	#gnb > ul > li {padding:0 23px;}
	.top-cs {padding:20px 23px;}
}

@media (max-width: 1400px){
	.top-cs {display:none;}

	.main-home {height:auto;}
	.main-home .inner {width:130%; height:auto; margin-left:0; position:relative; transform:translateX(-50%);}
	.main-home .slick-arrow {width:60px; height:60px; margin-top:-30px; background-size:contain;}
	.main-home .slick-prev {left:20px;}
	.main-home .slick-next {right:20px;}
}


@media (max-width: 1170px){
	#wrapper {padding-top:80px;}
	#header {position:fixed; top:0; left:0; width:100%; box-shadow:0 0 3px rgba(0,0,0,.15);}
	#header .contain {height:80px;}
	#gnb {display:none;}
	.sitelogo {top:15px;}
	.btn-m-menu {display:block;}
	.mobile-navigation {display:block;}
}

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

	/* main */
	.main-solution .box {padding:30px 12px; height:300px;}
	.main-solution .box h2 {font-size:22px;}
	.main-solution .box .icon img {width:60px;}
	.main-solution .box ul li a {font-size:14px;}

	.main-school .head {margin-bottom:30px;}
	.main-school .nav ul li a {font-size:16px;}

	.main-links .link {padding:25px;}

	.main-service .cnt {margin-left:230px;}
	.main-service .cnt .in {padding:35px 0;}
	.main-service .cnt h3 {font-size:17px;}
	.main-service .cnt p {font-size:13px;}
	.main-service .cnt .col {padding:5px 10px 5px;}
	.main-service .btn-go {font-size:14px; height:44px; line-height:44px;}


	/* footer */

	/* sub */
	.uni-summary .img {width:45%;}
	.uni-summary .cnt {width:55%; padding:9% 30px;}
	.uni-summary .cnt h2 {font-size:22px;}

	/* content */
	

	/* board */
	.board-cate {padding:15px 0; font-size:15px; margin-bottom:30px;}
	.board-cate ul li {padding:0 20px;}

	.school-list .tit {font-size:16px;}
	.school-list .info {font-size:13px;}
	.school-list .detail {padding:8px 10px; font-size:13px;}
	.school-list .detail dl {padding:3px 0;}
	.school-list .detail dt {padding-left:8px;}
	.school-list .detail dt:before {width:3px; height:3px; top:6px;}
	.school-list .detail dd {margin-left:103px;}

	.school-submmary .logobox {width:200px;}
	.school-submmary .tit {padding:3px 0 0 20px;}
	.school-submmary .tit h3 {font-size:20px;}
	.school-submmary .img-wrap {width:300px;}

	.school-content .table table {font-size:15px;}



} 

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

	/* header */
	#wrapper {padding-top:60px;}
	#header .contain {height:60px;}
	.sitelogo {top:10px;}
	.sitelogo img {height:40px;}	

	/* main */
	.main-home .slick-arrow {width:40px; height:40px; margin-top:-20px;}
	.main-home .slick-prev {left:10px;}
	.main-home .slick-next {right:10px;}

	.main-solution {padding:50px 0;}
	.main-solution .row {margin:0 -5px;}
	.main-solution .col {padding:0 5px;}
	.main-solution .box {height:285px;}
	.main-solution .box h2 {font-size:19px;}
	.main-solution .box .icon {margin:16px 0 20px;}
	.main-solution .box .icon img {width:50px;}
	.main-solution .box ul li a {font-size:13px; padding:10px 6px;}

	.main-school {padding:50px 0;}
	.main-school .head h2 {font-size:24px;}
	.main-school .head p {font-size:14px;}
	.main-school .nav ul li a {font-size:15px;}
	.main-school .list li {width:25%;}
	.main-school .list li:nth-child(5) {display:none;}
	.main-school .list li .box {height:110px; margin-bottom:14px;}
	.main-school .list li h4 {font-size:16px;}
	.main-school .list li p {font-size:12px;}

	.main-links {padding-top:50px;}
	.main-links .link {height:320px;}
	.main-links .link-1 {width:100%}
	.main-links .link-2,
	.main-links .link-3 {width:50%}

	.main-univer .cnt {margin:0 -7px;}
	.main-univer .col {padding:0 7px;}
	.main-univer .col h3 {font-size:16px;}
	.main-univer .col p {font-size:12px;}
	.main-univer .col .bar {width:45px;}

	.main-service {padding:50px 0;}
	.main-service .head {float:none; width:auto; text-align:center;  margin-bottom:30px;}
	.main-service .head h2 {font-size:30px;}
	.main-service .head p {margin-top:8px;}
	.main-service .cnt {margin-left:0;}
	.main-service .btn-go {position:static; display:block; margin:40px auto 0;}

	/* footer */
	#footer {padding:30px 0;}
	.sns-links img {width:44px;}

	/* sub */
	.sub-visual {height:210px; font-size:24px;}

	.lnb {font-size:16px;}
	.lnb ul li:first-child {border-left:0;}
	.lnb ul li:last-child {border-right:0;}
	.lnb ul.swiper-wrapper {table-layout:inherit;}
	.lnb ul.swiper-wrapper li.swiper-slide {width:auto; white-space:nowrap;}

	.sub-title {margin-bottom:40px;}
	.sub-title h2 {font-size:26px;}

	.real-cont {padding-bottom:70px;}
	
	/* content */
	.sub-tab {font-size:15px;}

	.sub-depth2 {margin-bottom:20px;}
	.sub-depth2 ul li {padding:3px;}
	.sub-depth2 ul li a {min-width:180px; font-size:15px; line-height:40px;}
	.sub-depth2.sm ul li a {min-width:120px;}

	.doc-heading h2 {font-size:22px;}

	.icon-title .txt {font-size:13px;}

	.table01 th,
	.table01 td {padding:10px;}
	.table01 td.left {padding-left:10px;}
	.table01 .right {padding-right:10px;}

	.info-box {font-size:15px;}
	.info-box .cen {font-size:16px;}
	.info-box .cen br {display:none;}

	.why-malay .wrap {margin:-15px -10px;}
	.why-malay .wrap .col {padding:15px 10px;}
	.why-malay .wrap .box p {bottom:15px; right:18px; font-size:22px;}
	.why-malay .wrap ul {margin:0 10px 0 0;}
	.why-malay .wrap ul li {padding-left:10px;}
	.why-malay .wrap ul li:before {top:8px; width:4px; height:4px;}

	.procedure dt {padding:0 25px 0 7px; width:220px; font-size:17px;}
	.procedure dt .in {padding-left:80px;}
	.procedure dt .in img {width:66px; margin-top:-33px;}

	.map-zone .row {margin:0;}
	.map-zone .row .col {float:none; width:auto; padding:0; margin-bottom:50px;}
	.map-zone .row .col:last-child {margin-bottom:0;}

	.serv-info {font-size:16px; margin-bottom:15px;}
	.serv-info dl {padding:10px 20px;}
	.serv-info dt {width:120px;}
	.serv-info dd {padding-left:20px;}

	.uni-summary .cnt {padding:4% 25px;}
	.uni-summary .cnt:before {top:0; bottom:0; border-width:6px;}
	.uni-summary .cnt:after {bottom:0; border-width:6px;}
	.uni-summary .cnt h2 {font-size:20px;}

	.school-procedure ol li {padding:10px;}
	.school-procedure ol li:after {top:115px; width:25px; height:25px; right:-13px; background-size:contain;}
	.school-procedure dt {font-size:15px;}
	.school-procedure dd {padding:10px 4px 5px; font-size:13px;}
	.school-procedure dd .arrow {margin:16px 0;}
	.school-procedure dd .arrow img {width:18px;}
	.school-procedure.col-4 ol li:nth-child(4):after {bottom:-13px; margin-left:-13px;}
	.school-procedure.col-4 ol li:nth-child(n+5):after {left:-13px;}

	.cost-compare dt {font-size:16px;}

	.visa-summary .img {width:250px;}
	.visa-summary .cnt {width:calc(100% - 250px); padding:4% 25px;}
	.visa-summary .cnt:before {top:0; bottom:0; border-width:6px !important;}
	.visa-summary .cnt:after {bottom:0; border-width:6px !important;}
	.visa-summary .cnt h2 {font-size:20px;}

	.visa-procedure .cnt ol li {width:33.33333333%; margin-bottom:30px;}
	.visa-procedure .cnt ol li:nth-child(3)::after {top:auto; bottom:-18px; left:50%; right:auto; margin-left:-18px; transform:rotate(135deg);}
	.visa-procedure .cnt ol li:nth-child(n+4) {float:right; margin-bottom:0;}
	.visa-procedure .cnt ol li:nth-child(n+4)::after {right:auto; left:-18px; transform:rotate(-135deg);}
	.visa-procedure .bt-txt {font-size:16px;}
	.visa-procedure .bt-txt p {padding:0 20px;}

	.visa-condition .row {margin:0;}
	.visa-condition .col {float:none; width:auto; padding:0; margin-bottom:20px;}
	.visa-condition .col:last-child {margin-bottom:0;}

	.visa-documents .row {margin:0;}
	.visa-documents .col {float:none; width:auto; padding:0;}

	.departure-procedure dl {height:90px;}
	.departure-procedure dt {padding:0 25px 0 7px; font-size:17px; width:200px;}
	.departure-procedure dt .in {padding-left:80px;}
	.departure-procedure dt .in img {width:66px; margin-top:-33px;}

	.greetings .img {height:200px;}
	.greetings .cnt {margin:-45px 20px 0;}

	.history {padding-top:120px; padding-left:30px; background-size:auto 200px; background-position:70% 0;}
	.history .img {display:none;}

	.biz-tit {font-size:18px;}
	.biz-cnt .col dt {font-size:18px;}

	.camp-heading {font-size:22px;}

	.camp-title {font-size:18px; padding:17px 20px;}

	.camp-tit {font-size:18px; background-position:0 5px;}

	.camp-table {margin:0 0 40px;}
	.camp-table table {height:auto !important;}
	.camp-table .col {float:none; width:auto; padding:0;}
	.camp-table .col:nth-child(2) .table01 {border-top:0;}

	.camp-info-box {margin-bottom:30px; padding:20px 25px; font-size:16px;}

	.camp-overview dt {width:180px; font-size:16px; padding-left:22px;}
	.camp-overview dt i {margin-right:15px;}
	.camp-overview dd .txt {margin-left:10px;}

	.camp-intro .title {font-size:20px;}
	.camp-intro .title.has-icon {padding-left:50px;}
	.camp-intro .title.has-icon img {top:-5px; width:34px;}
	.camp-intro .summary {padding:29px;}
	.camp-intro .summary .img {display:block; text-align:center; width:auto; margin-bottom:25px;}
	.camp-intro .summary .cnt {display:block; padding-left:0;}
	.camp-intro .summary .cnt h3 {font-size:18px;}
	.camp-intro .list ul li .box {padding:4px;}
	.camp-intro .list ul li .in {padding:10px 12px;}
	.camp-intro .photos ul {margin:-6px !important;}
	.camp-intro .photos ul li {padding:6px !important;}

	.camp-spacial {margin:-10px 0;}
	.camp-spacial .row {margin:0 -10px;}
	.camp-spacial .col {padding:10px;}
	.camp-spacial .box {padding:14px;}
	.camp-spacial .img {padding-bottom:45%;}
	.camp-spacial h3 {font-size:17px;}

	.camp-schedule-wrap {margin:0;}
	.camp-schedule-wrap .col {float:none; width:auto; padding:0; margin-bottom:30px;}

	.camp-schedule table td {padding:10px;}
	.camp-schedule col.time {width:116px;}
	.camp-schedule col.class {width:70px;}

	.rooms-wrap .title {font-size:18px;}
	.rooms-wrap .list li .num {width:23px; height:23px; line-height:23px;}
	.rooms-wrap .tit {padding-left:24px; font-size:17px; background-size:15px;}
	.rooms-wrap .imgs ul {margin:-6px;}
	.rooms-wrap .imgs ul li {padding:6px;}
	.rooms-wrap .imgs .img-group {margin:-6px 0;}
	.rooms-wrap .imgs .img-group div {padding:6px 0;}
	.rooms-wrap .imgs p {font-size:18px;}
	.rooms-wrap .hotel-info {margin:0 -20px; font-size:16px;}
	.rooms-wrap .hotel-info:after {content:""; display:block; clear:both;}
	.rooms-wrap .hotel-info li {float:left; display:block; width:33.33333333%;}
	

	/* board */
	.board-cate {padding:12px 0; font-size:14px;}
	.board-cate ul li {padding: 10px 12px;}

	.board-search {padding:20px; margin-top:30px;}

	.board-list table thead th {font-size:15px;}
	.board-list table tbody td {font-size:14px;}
	.board-list table tbody td.no {width:10%;}
	.board-list table tbody td.name {width:12%;}
	.board-list table tbody td.date {width:12%;}
	.board-list table tbody td.hit {width:9%;}

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

	.board-view .head .tit {font-size:15px;}
	.board-view .head .info {font-size:14px;}

	.prev-next {font-size:14px;}

	.school-search {padding:30px 25px 25px;}
	.school-search .txt {font-size:18px;}
	.school-search .wrap {padding-right:140px;}
	.school-search .row {margin-bottom:0;}
	.school-search .col {padding-bottom:5px;}
	.school-search .col-4 {width:50%;}
	.school-search .select, .school-search .input {height:38px; font-size:14px; line-height:20px; padding:9px 12px;}
	.school-search .submit {width:135px; height:124px;}

	.school-list h2 {font-size:25px;}
	.school-list ul {margin:-8px;}
	.school-list ul li {width:33.33333333%; padding:8px;}
	.school-list ul li:nth-child(4n+1) {clear:none;}
	.school-list ul li:nth-child(3n+1) {clear:left;}
	.school-list .tit-cost {font-size:20px;}
	.school-list .tit {font-size:15px;}

	.school-submmary .txt-wrap {display:block; padding-right:0;}
	.school-submmary .cnt {font-size:15px;}
	.school-submmary .img-wrap {display:block; width:auto; text-align:left; margin-top:25px;}


} 

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

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

	/* header */
	#wrapper {padding-top:60px;}
	#header .contain {height:60px;}
	.sitelogo {position:static; padding-top:12px; text-align:center;}
	.sitelogo img {height:36px;}
	.btn-m-menu {left:12px; right:auto; width:32px; height:32px;}
	.btn-m-menu span {height:3px; margin-top:-2px; left:3px; right:3px;}
	.btn-m-menu span:before, .btn-m-menu span:after {height:3px;}
	.btn-m-menu span:before {top:-9px;}
	.btn-m-menu span:after {bottom:-9px;}

	.mobile-navigation {left:0; right:auto; -ms-transform:translateX(-100%); -webkit-transform:translateX(-100%); transform:translateX(-100%);}

	/* main */
	.main-home .inner {position:static; width:100%; transform:none;}
	.main-home .desktop {display:none;}
	.main-home .mobile {display:block;}
	.main-home .slick-arrow {top:auto; bottom:8px; width:30px; height:30px;}
	.main-home .slick-prev {left:auto; right:60px;}
	.main-home .slick-next {right:10px;}

	.main-solution {padding:20px 0;}
	.main-solution .col {width:50%; padding:5px;}
	.main-solution .box {height:240px; padding:22px 10px;}
	.main-solution .box .icon {margin:15px 0;}
	.main-solution .box .icon img {width:38px;}
	.main-solution .box ul li a {font-size:12px;}

	.main-school {padding:50px 0;}
	.main-school .head {margin-bottom:22px;}
	.main-school .head h2 {font-size:24px;}
	.main-school .head p {font-size:13px;}
	.main-school .nav {margin-bottom:20px;}
	.main-school .nav ul li {padding:0 2px;}
	.main-school .nav ul li a {min-width:140px; font-size:14px; line-height:35px;}
	.main-school .list {margin:-10px -7px;}
	.main-school .list li {width:50%; padding:10px 7px;}
	.main-school .list li:nth-child(2n+1) {clear:left;}
	.main-school .list li .box {height:90px; margin-bottom:10px;}
	.main-school .list li h4 {font-size:14px;}
	.main-school .list li p {font-size:11px;}

	.main-links {padding-top:0; margin-bottom:0;}
	.main-links .contain {padding:0;}
	.main-links .link {padding:25px 20px; height:270px;}
	.main-links .label {font-size:12px; width:100px; height:28px; line-height:28px; border-radius:0 8px 0 8px;}
	.main-links h2 {font-size:20px;}
	.main-links .txt {font-size:12px;}
	.main-links .lst li a {padding:9px 4px; font-size:14px; background-size:5px auto;}
	.main-links .link-1 {height:auto;}
	.main-links .link-1:after {bottom:25px; right:22px; width:54px; height:54px; background-size:contain;}
	.main-links .link-1 h2 {font-size:25px;}
	.main-links .link-3:after {right:20px; bottom:20px; width:66px; height:66px; background-size:contain;}

	.main-univer {padding:50px 0;}
	.main-univer .head {margin-bottom:22px;}
	.main-univer .head h2 {font-size:24px;}
	.main-univer .head p {font-size:13px;}
	.main-univer .cnt {max-width:260px; margin:0 auto;}
	.main-univer .col {float:none; width:auto; padding:0; margin-bottom:40px;}
	.main-univer .col:last-child {margin-bottom:0;}
	.main-univer .col .bar {width:35px; margin:12px auto;}

	.main-service .head {margin-bottom:22px;}
	.main-service .head h2 {font-size:24px;}
	.main-service .head p {font-size:13px;}
	.main-service .cnt {padding:0 5px;}
	.main-service .cnt .in {padding:0 20px;}
	.main-service .cnt .col {display:table; border-left:0; padding:0; width:100%; height:85px; border-bottom:1px solid #ddd; text-align:left;}
	.main-service .cnt .col:last-child {border-bottom:0;}
	.main-service .cnt .col a {display:table-cell; position:relative; vertical-align:middle; padding:12px 0 12px 60px;}
	.main-service .cnt .col img {position:absolute; top:50%; left:5px; width:40px; margin-top:-20px;}
	.main-service .cnt h3 {font-size:16px; min-height:auto; margin:0 0 5px;}
	.main-service .cnt p {font-size:12px;}
	.main-service .btn-go {margin-top:30px; width:150px; height:40px; line-height:40px;}
	.main-service .btn-go:after {width:30px;height:6px;background-size:contain;}

	/* quick */
	.quick-m {bottom:65px; right:10px;}

	/* footer */
	#footer {padding:25px 0 80px; font-size:12px; text-align:left;}
	.sns-links {margin-bottom:20px;}
	.sns-links a {margin:0 4px;}
	.sns-links img {width:36px;}
	.foot-info {margin-right:60px;}
	.mobile-call {display:block;}

	/* sub */
	.sub-visual {height:150px; font-size:20px;}

	.lnb {font-size:15px; line-height:40px; margin-bottom:30px;}
	.lnb ul li a {height:40px; padding:0 15px;}

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

	.sub-title {margin-bottom:25px;}
	.sub-title h2 {font-size:21px;}

	.real-cont {padding-bottom:40px; min-height:200px;}
	
	/* content */
	.sub-tab {position:relative; z-index:50; margin-bottom:30px;}
	.sub-tab .tt {display:block;}
	.sub-tab .tt a {display:block; height:41px; position:relative; border:1px solid #ddd; background:#f8f8f8; padding:10px 15px;}
	.sub-tab .tt a:after {content:""; position:absolute; top:13px; right:13px; width:10px; height:10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; transform:rotate(45deg);}
	.sub-tab ul {display:none; border:0; margin-top:-1px; position:absolute; left:0; right:0; border:1px solid #ddd; background:#fff; padding:10px; text-align:center;}
	.sub-tab ul li {float:none; width:100% !important; display:block; height:auto; border:0 !important; margin:0;}
	.sub-tab ul li a {display:block; color:#868686; padding:6px 0; font-weight:400;}
	.sub-tab ul li.active {background:none;}
	.sub-tab ul li.active a {color:#4a9acf !important;}

	.sub-depth2 {margin-top:-30px; margin-bottom:20px; padding:15px 0;}
	.sub-depth2 ul li {float:none; display:inline-block; vertical-align:top; padding:3px; margin:0 -1px;}
	.sub-depth2 ul li a {min-width:140px; font-size:14px; line-height:32px;}
	.sub-depth2.sm ul li a {min-width:100px;}

	.doc-tit {padding-left:22px; margin-bottom:10px; font-size:18px; background-size:14px;}
	.doc-tit span {font-size:13px;}

	.doc-tit-wrap .txt {font-size:13px; margin-top:4px;}
	.doc-tit-wrap.line {margin-bottom:20px; padding-bottom:10px;}
	.doc-tit-wrap.line .doc-tit {float:none; margin-bottom:0;}
	.doc-tit-wrap.line .txt {float:none;}

	.doc-tit-area {margin-bottom:12px;}
	.doc-tit-area .doc-tit {padding-bottom:10px;}

	.doc-heading {padding-left:0; margin-bottom:20px;}
	.doc-heading h2 {font-size:20px; padding-left:40px; margin-bottom:6px;}
	.doc-heading p {padding-left:10px;}
	.doc-heading p:before {top:8px; width:4px; height:4px;}
	.doc-heading .icon {top:-6px;}
	.doc-heading .icon-1 {width:30px;}
	.doc-heading .icon-2 {width:30px; left:0; top:-8px;}
	.doc-heading .icon-3 {width:36px; left:0; top:-6px;}

	.icon-title {padding-left:40px; margin-bottom:18px;}
	.icon-title .icon-1 {width:32px; top:-1px;}
	.icon-title .icon-2 {width:32px; top:-4px;}
	.icon-title .icon-3 {width:24px; top:-8px; left:3px;}
	.icon-title h3 {float:none; font-size:18px;}
	.icon-title .txt {float:none;}
	.icon-title.line {padding-bottom:10px;}

	.num-list > li {padding-left:1em; text-indent:-1em;}

	.info-box {padding:25px 15px; margin-left:-15px; margin-right:-15px; margin-bottom:20px; font-size:14px;}
	.info-box .cen {font-size:14px; padding-left:75px;}
	.info-box .cen img {width:56px; margin-top:-23px;}
	.info-box .cen.type2 {padding-left:65px;}
	.info-box .cen.type2 img {width:40px; left:8px; margin-top:-24px;}
	.info-box.mg {margin-bottom:20px;}

	.table-responsive {display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
	.table-responsive .table01 {width:610px;}

	.table01 th, .table01 td {padding:7px;}

	.why-malay h3 {font-size:20px;}
	.why-malay h3 img {width:27px;}
	.why-malay .wrap {margin:0;}
	.why-malay .wrap .col {float:none; width:auto; padding:0; margin-bottom:30px;}
	.why-malay .wrap .col:last-child {margin-bottom:0;}
	.why-malay .wrap .box p {font-size:20px;}
	.why-malay .wrap ul {margin-right:0;}

	.procedure {text-align:center;}
	.procedure dt {display:block; padding:0; width:auto; margin-bottom:15px;}
	.procedure dt .in {padding-left:0;}
	.procedure dt .in img {position:static; display:block; margin:0 auto 6px; width:55px;}
	.procedure dd {display:block;}

	.page-bnr-link ul {margin:0;}
	.page-bnr-link ul li {float:none; width:auto; padding:0; margin-bottom:6px;}
	.page-bnr-link ul li:last-child {margin-bottom:0;}
	.page-bnr-link ul li a {height:90px; font-size:16px; border-radius:10px;}

	.map-zone .img {position:relative; display:block; width:100%; height:280px; overflow:auto; -webkit-overflow-scrolling:touch;}
	.map-zone .img img {position:absolute; top:0; left:-30%; width:1000px; max-width:1000px;}

	.serv-info {font-size:15px;}
	.serv-info dl {padding:20px 15px;}
	.serv-info dt {display:block; margin:0 auto 10px;}
	.serv-info dt span {padding:7px;}
	.serv-info dd {padding-left:0; display:block; text-align:center;}

	.school-procedure ol li {float:none !important; width:auto !important; min-height:auto !important; border-left:0; padding-bottom:20px; padding-top:20px;}
	.school-procedure ol li:first-child {padding-top:10px;}
	.school-procedure ol li:last-child {padding-bottom:10px;}
	.school-procedure ol li:after {top:auto !important; bottom:-13px !important; right:auto !important; left:50% !important; margin-left:-13px !important; transform:rotate(90deg) !important;}
	.school-procedure dt {height:65px;}
	.school-procedure dd .arrow {margin:12px 0;}
	.school-procedure dd .arrow img {width:16px;}

	.dormitory-management .row {margin:0;}
	.dormitory-management .col {float:none; width:100%; padding:0; margin-bottom:35px;}
	.dormitory-management .col:last-child {margin-bottom:0;}
	.dormitory-management dt {font-size:17px; padding:10px;}
	.dormitory-management dd {min-height:auto; padding:22px;}
	.dormitory-management .icon img {width:52px;}
	.dormitory-management .cost {font-size:16px;}
	.dormitory-management .tit {font-size:16px;}

	.uni-summary {display:block;}
	.uni-summary .img {width:100%;}
	.uni-summary .cnt {width:100%; background:#f4f4f4; padding:20px;}
	.uni-summary .cnt:before,
	.uni-summary .cnt:after {display:none;}
	.uni-summary .cnt h2 {font-size:18px;}

	.cost-compare .row {margin:0 -4px;}
	.cost-compare .col {padding:0 4px;}
	.cost-compare dt {font-size:15px;}
	.cost-compare dd {height:144px;}

	.visa-summary {display:block;}
	.visa-summary .img {width:100%;}
	.visa-summary .cnt {width:100%; background:#f4f4f4; padding:20px;}
	.visa-summary .cnt:before,
	.visa-summary .cnt:after {display:none;}
	.visa-summary .cnt h2 {font-size:18px;}

	.visa-procedure .tit {margin-bottom:20px;}
	.visa-procedure .tit h3 {padding-bottom:10px; font-size:18px;}
	.visa-procedure .cnt ol {margin-right:0;}
	.visa-procedure .cnt ol li {float:none; width:auto; margin-bottom:0; padding-bottom:30px; padding-right:0;}
	.visa-procedure .cnt ol li:last-child{padding-bottom:0;}
	.visa-procedure .cnt ol li:after {right:auto !important; left:50% !important; top:auto !important; bottom:12px !important; margin-top:0 !important; margin-left:-9px !important; transform:rotate(135deg) !important;}
	.visa-procedure .cnt dl {padding:17px;}
	.visa-procedure .cnt dt {margin-bottom:8px;}
	.visa-procedure .cnt dd {height:auto;}
	.visa-procedure .bt-txt {font-size:14px; padding:0 40px;}
	.visa-procedure .bt-txt p {padding:0 12px;}

	.visa-condition {border-bottom:0; padding-bottom:0;}
	.visa-condition dt {float:none; font-size:16px; margin-bottom:3px;}
	.visa-condition dd {margin-left:0;}

	.visa-documents {padding-bottom:0; border-bottom:0;}

	.departure-procedure {text-align:center;}
	.departure-procedure dl {padding:15px 0;}
	.departure-procedure dt {display:block; padding:0; width:auto; margin-bottom:8px;}
	.departure-procedure dt .in {padding-left:0;}
	.departure-procedure dt .in img {position:static; display:block; margin:0 auto 6px; width:55px;}
	.departure-procedure dd {display:block;}

	.greetings {margin:0 -15px 50px;}
	.greetings .img {height:140px;}
	.greetings .cnt {margin:-35px 15px 40px; padding:15px 19px;}

	.history {margin:0 -15px; padding:80px 15px 0 15px; background-size:auto 120px; background-position:70% 0;}
	.history .title {padding:10px 15px 12px 15px;}
	.history .title h3 {font-size:22px; margin-bottom:6px;}
	.history .title p {font-size:17px; margin-left:40px;}
	.history .content {padding-top:30px;}
	.history .content:before {left:15px;}
	.history .group {padding-bottom:30px;}
	.history .group .cnt {margin-left:15px;}
	.history .group h3 {float:none; margin-left:37px; font-size:25px; margin-bottom:8px;}
	.history .group .cnt {padding-left:23px; line-height:1.6em;}
	.history .group .cnt:before {width:11px; height:11px; left:-5px; top:-29px;}
	.history .group .cnt ul li {margin-bottom:5px; padding-left:30px;}
	.history .group .cnt ul li:last-child {margin-bottom:0;}
	.history .group .cnt ul li .month {font-size:15px;}

	.biz-tit {font-size:17px; padding:8px 12px; margin-bottom:20px; background-size:auto 100%;}
	.biz-cnt {padding:0 12px;}
	.biz-cnt .row {margin:-15px 0;}
	.biz-cnt .col {float:none; width:auto; padding:15px 0;}
	.biz-cnt .col dt {font-size:16px; margin:10px 0 5px;}
	.biz-cnt .list ul li {padding-left:13px; background-position:0 7px; background-size:7px;}

	.biz-cnt2 {text-align:left; overflow:inherit;}
	.biz-cnt2 ul {margin:-10px 0;}
	.biz-cnt2 ul li {float:none; width:auto; position:relative; min-height:70px; padding:10px 0 10px 85px;}
	.biz-cnt2 ul li img {position:absolute; top:50%; left:6px; width:60px; margin-top:-30px;}

	.camp-heading {font-size:18px; margin-bottom:17px;}

	.camp-title {padding:13px 12px; font-size:17px; background-size:auto 30px; margin-bottom:12px;}	

	.camp-tit {padding-left:20px; margin-bottom:10px; font-size:17px; background-size:12px auto;}

	.camp-table th {width:100px;}

	.camp-info-box {font-size:14px; padding:14px 15px; margin-bottom:20px;}

	.camp-overview dl {margin-bottom:20px;}
	.camp-overview dt {padding:10px 15px; float:none; width:100%; height:auto !important; margin-bottom:3px; font-size:15px;}
	.camp-overview dt i {width:18px; height:18px; background-size:contain; margin-right:10px;}
	.camp-overview dd {padding:15px 15px; float:none; width:100%; height:auto !important; margin-left:0;}
	.camp-overview dd .txt {display:block; margin-left:0;}

	.camp-intro {margin-bottom:50px;}
	.camp-intro .title {font-size:17px;}
	.camp-intro .title.has-icon {padding-left:40px;}
	.camp-intro .title.has-icon img {top:-3px; width:28px;}
	.camp-intro .summary {padding:15px;}
	.camp-intro .summary .img {margin-bottom:17px;}
	.camp-intro .summary .img.none {display:block;}
	.camp-intro .summary .cnt h3 {font-size:17px; line-height:1.5em;}
	.camp-intro .list {width:85%; margin:0 auto;}
	.camp-intro .list ul {margin-right:0;}
	.camp-intro .list ul li {float:none; width:auto; padding-right:0; padding-bottom:31px;}
	.camp-intro .list ul li .box {height:60px !important;}
	.camp-intro .list ul li .icon {top:auto; right:auto; left:50%; bottom:3px; margin-top:0; margin-left:-12px;}
	.camp-intro .photos ul {margin:-4px !important;}
	.camp-intro .photos ul li {width:50%; padding:4px !important;}
	.camp-intro .photos ul li.none-mobile {display:none;}
	.camp-intro .photos.col-3 ul li {width:50%;}

	.camp-spacial {margin:-8px 0;}
	.camp-spacial .row {margin:0;}
	.camp-spacial .col {float:none; width:auto; padding:8px 0;}
	.camp-spacial .box {min-height:auto !important;}
	.camp-spacial .img {padding-bottom:40%;}
	.camp-spacial h3 {font-size:16px;}

	.camp-program {display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
	.camp-program .img {width:800px;}

	.camp-schedule table td {padding:5px;}
	.camp-schedule col.time {width:100px;}
	.camp-schedule col.class {width:60px;}

	.camp-schedule-wrap table {width:100% !important; white-space:nowrap;}

	.rooms-wrap .title {padding:8px 12px; margin-bottom:12px; font-size:17px; background-size:auto 30px;}
	.rooms-wrap .content {padding:0;}
	.rooms-wrap .tit {font-size:16px; background-size:14px; padding-left:20px;}
	.rooms-wrap .imgs ul {margin:-4px;}
	.rooms-wrap .imgs ul li {padding:4px; width:50%;}
	.rooms-wrap .imgs ul li img {width:100%;}
	.rooms-wrap .imgs ul li.cen {width:100%; padding:12px 0;}
	.rooms-wrap .imgs ul li.cen img {width:65%;}
	.rooms-wrap .imgs ul li.drw {width:100%;}
	.rooms-wrap .imgs ul li.wide {width:100%;}
	.rooms-wrap .imgs ul li.img-group-wrap {width:100%;}
	.rooms-wrap .imgs .img-group {margin:0 -4px; overflow:hidden;}
	.rooms-wrap .imgs .img-group div {float:left; width:50%; padding:0 4px;}
	.rooms-wrap .imgs p {font-size:16px;}
	.rooms-wrap .hotel-info {margin:0 -3px; padding-top:10px; font-size:14px;}
	.rooms-wrap .hotel-info li {padding:0 3px;}
	.rooms-wrap .hotel-info li img {width:60px; margin-bottom:10px;}
	
	/* board  */
	.input {height:32px; padding:5px; font-size:14px; line-height:20px;}
	.select {height:32px; padding:5px; font-size:14px; line-height:20px;}
	.textarea {padding:5px; font-size:14px; line-height:20px;}

	.sub-tab + .board-cate {margin-top:-20px;}
	.board-cate {padding:13px 0; }
	.board-cate ul {display:flex; width:100% !important}
	.board-cate ul li {padding:0 12px;}

	.board-search {padding:15px; margin-top:20px;}
	.board-search .select {width:90px; height:36px; padding:5px;}
	.board-search .input {width:calc(100% - 130px); height:36px; padding:5px 8px;}
	.board-search .btn {width:36px; height:36px; background-size:12px auto; margin-left:-4px;}

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

	.gallery-list {margin:0 -15px; padding:15px 15px 0;}
	.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:8px;}

	.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 15px 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-view .body iframe {width:100% !important;}

	.board-write {margin:0 -15px;}
	.board-write .group {padding:5px 15px 5px 90px;}
	.board-write .title {top:10px; left:15px; width:75px;}
	.board-write .files_table .input {width:50% !important;}
	.board-write .textarea {width:100% !important;}
	.board-write input#title {width:75% !important;}

	.buttons {margin:10px 0;}

	.btn-pack.medium {height:32px; font-size:14px; line-height:30px; padding:0 10px;} 
	.btn-pack.large {height:38px; line-height:36px; padding:0 18px; font-size:15px;}
	.btn-pack.xlarge {height:45px; line-height:43px; font-size:17px; padding:0 30px;}
	.btn-pack.xlarge.wide {max-width:200px;}
	.btn-pack.submit {height:50px; font-size:18px;}

	.prev_next {margin:0 -15px; font-size:14px;}
	.prev_next dt {width:73px; padding:0 0 0 15px; text-align:left; margin-right:0;}
	.prev_next dd {margin-left:80px; 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 10px 35px; background-size:45px;}
	.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;}

	.mailform table tbody th {padding:7px 10px; height:auto;font-size:14px;line-height:1.5em;}
	.mailform table tbody td {padding:7px 0 7px 10px; font-size:14px; line-height:1.5em;}

	.form-agree .btn {display:none;}
	.form-agree dt {font-size:15px;}
	.form-agree dd {font-size:14px; color:#666;}
	.form-agree .scroll-box {padding:7px; font-size:12px; line-height:16px;}

	.school-search {margin:0 -15px 25px; padding:20px 15px;}
	.school-search .txt {font-size:16px; max-width:300px; margin:0 auto 15px;}
	.school-search .wrap {padding-right:0;}
	.school-search .submit {position:static; height:40px; font-size:16px; width:100%;}
	.school-search .select {background-size:14px auto;}

	.school-list {margin-top:25px;}
	.school-list h2 {font-size:22px; margin-bottom:20px;}
	.school-list ul {margin:-6px;}
	.school-list ul li {width:50%; padding:6px;}
	.school-list ul li:nth-child(3n+1) {clear:none;}
	.school-list ul li:nth-child(2n+1) {clear:left;}
	.school-list .tit {height:50px; font-size:14px; padding:0 5px;}
	.school-list .info {font-size:12px; height:44px;}
	.school-list .logobox img {max-width:90%; max-height:90%;}
	.school-list .tit-cost {padding:0 30px; font-size:16px;}
	.school-list .tit-cost span {padding:0 12px;}
	.school-list .detail dt {float:none;}
	.school-list .detail dd {margin-left:0; padding-left:8px;}

	.school-submmary {display:block; width:auto; margin:0 -15px 30px; padding:25px 15px;}
	.school-submmary .logobox {display:block; margin:0 auto; width:180px;}
	.school-submmary .logobox .box {height:70px;}
	.school-submmary .tit {display:block; padding:0; margin-top:15px; text-align:center;}
	.school-submmary .tit h3 {font-size:18px;}
	.school-submmary .cnt {font-size:14px; margin-top:15px;}
	.school-submmary .img-wrap {margin-top:15px;}

	.school-title {padding-left:17px; margin-bottom:10px; font-size:17px; background-size:10px auto;}
	.school-content {margin-bottom:40px;}
	.school-content .table table {font-size:14px;}
	.school-content .table th,
	.school-content .table td {padding:7px;}
	.school-content .table td.left.txt {font-size:14px}
	.school-content .table td.left {padding-left:10px;}

	
} 

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

}