/* Mobile */
@media (max-width:840px){

.textarea {min-height:120px;}

.view-m {display: block;}
.inr-c {margin:0 4%;}

.hide-m {display:none;}



/*header*/
.header {height:auto; padding-top: 0; background-color: #000; text-align: center;}
.header .inr-c {padding:0;}

.btn_gnb span,
.btn_gnb span:after,
.btn_gnb span:before {background-color:#fff;}

.logo {float: none; width: auto; height:96px; height: 15vw; }
.logo a {background-size:auto 50px; background-size:auto 7.81vw; font-size:70px; font-size:4.86vw; line-height:15vw;}

.btn_gnb {display:block; top:0; right:auto; left: 3%; width: 90px; width: 6.25vw; height: 15vw;}
.btn_gnb span {height: 5px; height: 0.78vw;}
.btn_gnb span:after {-webkit-transform: translateY(1.56vw); transform: translateY(1.56vw);}
.btn_gnb span:before {-webkit-transform: translateY(-1.56vw); transform: translateY(-1.56vw);}


.gnbbox {
	display:none; 
	z-index: 10; 
	position: fixed; left: 0; top: 0; 
	width: 100%; height: 100%; 
	background-color: rgba(0,0,0,.9);
}
.gnbbox .logo {float: none; margin: 0 auto; height: 50px; height: 7.81vw;  margin-bottom: 1em;}
.gnbbox .logo a {background-position: center center; text-align:center; font-size:7.77vw; margin-bottom:1vw;}



.path {margin-right: 80px; margin-right: 12.5vw; font-size: 25px; font-size: 3.90vw; line-height: 96px; line-height: 15vw; font-weight: 700; color: rgba(255,255,255,.3);}


.menu {
	position: relative;
	width: 100%; height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center; 
}
.menu:after {content:""; position: absolute; left: 50%; top: 0; width: 1px; height: 100px; height: 15.62vw; background-color: #d1d1d1;}
.menu:before {content:""; position: absolute; left: 50%; bottom: 0; width: 1px; height: 100px; height: 15.62vw; background-color: #d1d1d1;}
.menuin {position: relative; text-align: center; width: 100%;}

.gnb {margin-bottom: 1rem;}
.gnb li {width:100%;}
.gnb li a {display:block; padding:0 4%; color:#fff; line-height:80px; line-height: 12.5vw; font-size: 40px; font-size:6.25vw;}
.gnb li.on a {color: #cf1219;}

.link-dot span {font-size: 40px; font-size:6.25vw;}
.gnb li:hover:after, 
.gnb li.on:after {content:none;}


.btn_g_close {
	display: block;
	z-index:10;
	width: 1em; height: 1em;
	cursor: pointer;
	margin: 0 auto;
	position: relative;
}
.btn_g_close span {
	position: absolute;
	top: 50%;
	display: block;
	width: 100%;
	height: 0.1em;
}
.btn_g_close span:after,
.btn_g_close span:before{
	content: "";
	position: absolute; right:0; top: 0;
	width: 100%; height: 100%;
	background-color: #fff;
}

.btn_g_close span:after {transform: rotate(45deg);}
.btn_g_close span:before {transform: rotate(-45deg);}


.btn-bot {margin-top: 2rem;}
.btn-pk.b {min-width:90px; padding:0.6875rem 1rem; font-size:16px; font-size:1rem;}


.header.scroll {position: fixed; left: 0; top: 0; width: 100%; height: 50px;}
.header.scroll .logo {height: 50px;}
.header.scroll .logo a {line-height:50px;}
.header.scroll .gnbbox .logo {height: 50px; height: 7.81vw;}
.header.scroll .gnb li a {line-height:80px; line-height: 12.5vw;}
.header.scroll .btn_gnb {height: 50px;}
.header.scroll .path {height: 50px; line-height: 50px;}


.header.active {background-color:#FFF; border-bottom:1px solid #eee;}
.header.active .gnb li a,
.header.active .right a {color:#000; border-color:#eee;}
.header.active .btn_gnb span,
.header.active .btn_gnb span:after,
.header.active .btn_gnb span:before {background-color:#000;}



/*footer*/
.footer {padding: 5% 0; font-size:17px; font-size:2.65vw;}

.btn-bot {margin-top:4.75vw;}

.mainview .main_title > div {padding-top: 100px; padding-top:11.89vw;}
.mainview .main_title .tit {font-size:7vw;}
.mainview .bg-img {left: 0; margin-left: 0; width: 100%;}
.mainview .link {display: none;}

.lst_prdimg .lst ul {}
.lst_prdimg .lst li {width:48%;}

.lst_prdimg2 .lst ul {width:100%;}
.lst_prdimg2 .lst li {width:100%; margin-right:0; margin-bottom:5%;}

.box-prd.typ3 {min-height:auto;}
.box-prd.typ3 .cont {position: static; padding:2.37vw 1.18vw; background-color: #fff;}
.box-prd.typ3 .cont .h1 {margin:0; height:auto; line-height:1.2; font-size:2.77vw; color: #000;}
.box-prd.typ3 .cont .t1 {color: #000;}
.box-prd.typ3 .cont .fz {font-size:1.38vw;}

.lst_prdimg .lst.aa .box-prd.typ3 .cont {display: table; height: 16vw;}
.lst_prdimg .lst.aa .box-prd.typ3 .cont .h1 {display: table-cell; vertical-align: middle;}


.lst_sns.pos {right: 3%; bottom: 0;}
.lst_sns.pos li {margin:0 1px;}
.lst_sns.pos li a {width:9.51vw; height:9.51vw;}

.mainview .lst_sns.pos {right: auto; bottom: auto; top: 15vw; left: 0; margin-top: 15%; width: 100%;}
.mainview .lst_sns.pos li {margin:0 2%;}
.mainview .lst_sns.pos li a {width:17.51vw; height:17.51vw;}



.s_tit {padding-bottom:2.77vw; margin-bottom:7%; font-size:3.125vw; line-height:1.2;}
.s_tit:after {width:30px; margin-left:-15px; height:1px;}

.section {padding:9.51vw 0;}
.section .inner {}
.section .sec_hd {margin-bottom: 5%;}
.section .sec_hd .title {font-size:45px; font-size: 5.35vw; padding-top:3vw;}
.section .sec_hd .t1 {margin-top:35px; margin-top: 5.46vw; font-size: 22px; font-size: 3.43vw; line-height:1.5;}



.section .sec_hd2 {margin-bottom: 7%; text-align: center;}
.section .sec_hd2 .title {padding-bottom: 0.5rem; font-size:35.52px; font-size: 5.55vw; }
.section .sec_hd2 .title > span {position: relative;}
.section .sec_hd2 .title > span:after {right: -10px; right: -1.56vw; top: -10px; top: -1.56vw; width: 12px; width: 1.875vw; height: 12px; height: 1.875vw;} 
.section .sec_hd2 .title > span .w {padding-left: 20px; border-width: 2px;}
.section .sec_hd2 .t1 {padding-left: 0; font-size: 22px; font-size: 3.43vw; line-height: 1.4; color: #606060;}



.lst_contact li {margin-bottom:3.56vw;}
.lst_contact li label {font-size:4.16vw; padding-left:2.37vw;}
.lst_contact li label:after {width:1.18vw; height:1.18vw;}
.lst_contact li input[type="text"] {height:40px; line-height:40px;}
.lst_contact li textarea {height:100px;}

.wrap_lesson .btn-bot .btn-pk {width:48%; margin:0;}
.btn-pk.n {padding:10px 5px; font-size:4.16vw;}

.map {height:200px;}
.mapin {top:50%; margin-top:-300px;}

.wrap_about .mb {margin-bottom:2.08vw;}
.box-img .h1 {font-size:2.77vw;}
.box-img .t1 {font-size:2.08vw;}

/**/
* {word-break: keep-all;}
.contents {min-height:auto;}


#container.sub {margin-top: 350px; /*margin-top: 41.61vw;*/ margin-top: 56.60vw;}
#spot {height: 350px; height:41.61vw; top: 14.99vw !important;}
#spot .title > p {font-size:7.13vw;}
#spot .bg-img {left: 0; margin-left: 0; width: 100%;}

body.scroll #container.sub {margin-top: 41.61vw;}
body.scroll #spot {top: 0 !important;}


.lst_sns {margin-bottom:2.37vw;}
.lst_sns li a {width:100px; width:11.89vw; height: 100px; height:11.89vw;}
.footer .copy p {font-size:20px; font-size:2.37vw;}


.tit-style1 {font-size:60px; font-size:5vw;}
.tit-style1:after {margin-left:-30px; width:60px; height:2px;}

.txt_about .video {width:100%;}

.txt_about .h2 {font-size:4vw;}
.txt_about .t1 {font-size:3vw; text-align:left;}

.txt_about .a1 .t1 > span,
.txt_about .a2 .t1 > span,
.txt_about .a3 .t1 > span,
.txt_about .a4 .t1 > span {position:absolute; left:0;}

.txt_about .a1 .t1,
.txt_about .a2 .t1,
.txt_about .a4 .t1 {padding-left:9.51vw;}

.txt_about .a3 .t1 {padding-left:15.45vw;}


.mainview .lst_sns.pos2 {right: auto; bottom: auto; top: 15vw; left: 0; margin-top: 15%; width: 100%;}
.mainview .lst_sns.pos2 li {margin:0 2%;}
.mainview .lst_sns.pos2 li a {width:17.51vw; height:17.51vw; border-width:2px;}
.mainview .lst_sns.pos2 li a:hover:before {content:none;}

.item .bg-img:after {content:none;}


@media only screen and (orientation: landscape) {
 .gnbbox .logo a {font-size:3vw;}
 .header.scroll .gnbbox .logo {height:auto;}
 .header.scroll .logo a {line-height:1;}
 .gnb li a {line-height:3.77vw; font-size:2.08vw;}
 .header.scroll .gnb li a {line-height:3.77vw;}
 .link-dot span {font-size:2.08vw;}
 .link-dot span:after {top:0;}

 .mainview .bg-img {text-align:center;}
 .mainview .bg-img img {width:auto; height:400px;}
 .mainview .lst_sns.pos {margin-top: 5%;}
}

}