@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Yeon+Sung&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700|Quicksand:700&display=swap&subset=korean')
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/quicksand-v19-latin-700.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('../fonts/quicksand-v19-latin-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/quicksand-v19-latin-700.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/quicksand-v19-latin-700.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/quicksand-v19-latin-700.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/quicksand/quicksand-v19-latin-700.svg#Quicksand') format('svg');
  /* Legacy iOS */
}
/* common _ jyp */
body {
  /*font-family:'Noto Sans KR';*/
  font-family: 'NanumSquare', '맑은 고딕', 'Malgun Gothic', '돋움', 'gulim', '굴림', Helvetica, sans-serif;
  color:#000;
  letter-spacing:0;
  -webkit-text-size-adjust: none;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,input {
  color:#333;
  margin:0;
  padding:0;
  font-size:15px;
  line-height:1.756em;
  font-weight:500;
}
table,td,th {
  font-family: 'NanumSquare', '맑은 고딕', 'Malgun Gothic', '돋움', 'gulim', '굴림', Helvetica, sans-serif;
  color:#000;
}
table {
  border-collapse:collapse;
  border-spacing:0
}
ul,ol,li {
  list-style:none;
}
a,img {
  outline:0;
  text-decoration:none;
  border:0;
}
a:link,a:visited,a:active,a:hover {
  outline:0;
  text-decoration:none;
  color:#000;
}
img.fit {
  width:100%;
}
img.max-fit {
  max-width:100%;
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6, {
  margin-top:0;
  font-family: 'NanumSquare', '맑은 고딕', 'Malgun Gothic', '돋움', 'gulim', '굴림', Helvetica, sans-serif;
}
.row {
  padding-right:0px !important;
  padding-left:0px !important
}
.row::after {
  clear:both;
}
.row::before,.row::after {
  display:table;
  content: " ";
}

[canvas=container],
[off-canvas] {
  padding: 10px 20px;
}

[class*=js-] {
  cursor: pointer;
}
button:focus {
  outline: none;
}
.na {transform: skew(-0.4deg);}

/* Footer */
.P-footer {
  clear:both;
  padding:60px 0 10px;
  width:100%;
  background:#fff;
  margin-top:100px;
}
.footer-logo {
  display:none;
}
.footer-info {
  width:100%;
}
.footer-info li {
  width:100%;
  background:#fff;
  padding:0px 0px 0px 0px;
}
.footer_info {max-width:1482px; margin:0 auto;text-align: center;}
.footer_info span a {font-sizE:14px; padding:0 5px;color: #6d6d6d;}
.footer_info span:first-child a {border-right:1px solid #6d6d6d; padding-right:10px;}
.copy-item {
  display:block;
  width:100%;
  text-align:center;
  font-size:12px;
  color:#939393;
}
.footer_in {width:240px; margin:0 auto 10px;}
.footer_in > li {width:49%; float:left;}
.footer_in > li a {font-sizE:14px;color: #636363;}
.footer_in > li.bar {width:1px; height:10px; background:#ccc; margin-top:5px;}
.footer_in:after {content:""; display:block; clear:both;}
#totalANDzeroweb {background:#fff; padding-bottom:60px !important;}
#totalANDzeroweb div {
  font-size: 12px;
  width: 320px;
  margin: 0px auto;
  color: #939393;
}
#menu_box .sliding-ad { display:none; }

.requestTop {line-height:70px; background:#faa61a; padding-left: 50px; font-size:18px; color:#fff; font-weight:600;}
.requestTop img {padding-right:10px;}
#use_div_wrap{background:#fff;width:100%;display:inline-block; padding-top: 5%;}
#use_box{widtH:84%;margin:auto;background:none}
.use_title{width:100%;text-align:left;font-size:30px; padding:100px 0 40px 0;font-weight:bold;color:#fff;color:#333}
#goTop {right:50px;bottom:50px; width:98px;height:98px;border-radius:50px;  background-color:rgba(255, 255, 255, 0.2);line-height:98px;text-align:center;color:#fff; font-size:16px;cursor:pointer;margin-left:auto;margin-right:auto;margin-top:2%;}
.use_text_div {width:100%;font-size:14px;color:#666;border:1px solid #ccc;display:inline-block;text-align:left;padding:60px;margin-bottom:5%;line-height:28px;box-sizing:border-box;font-weight:300}
.use_text_div span {font-weight:bold;color:#333}
.use_text_div div.inner {width:100%;box-sizing:border-box; padding-left:20px;}

@media all and (max-width: 767px) {
	.use_text_div {width:100%;font-size:14px;border:0 !important;padding:0px;margin-bottom:5%;line-height:28px;box-sizing:border-box;font-weight:300}
}

/* all  */
@media all{
  dl {padding-top: 5% !important; padding-bottom: 5% !important;}
  a{font-family: 'NanumSquare', '맑은 고딕', 'Malgun Gothic', '돋움', 'gulim', '굴림', Helvetica, sans-serif; transform: skew(-0.4deg);}
}
#SUB_Scontent {margin:0 auto 120px;}
.swiper-container {
  position: relative;
  width: 50%;
  overflow: hidden;
}
.sw_wrap{
  width:100%;
  float: left;
  padding-bottom: 5%;
}
.pc { display: block;}
.m {display:none}
.menu {max-width:1482px !important;}
.visible-lg {display:block !important;}
#btnCi {display:block;}
.P-header {
  width:100%;
  margin:0 auto;
  height:90px;
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  background-color:transparent;
  display: inline-block;
  transition-duration: 0.5s;
}
.P-header a {
  font-size:18px;
  color:#000000;
  font-weight:normal;
}
.P-nav a:first-child {margin: 0 auto;}
.hwa_center {
  display:block;
  width: 120px;
  height:40px;
  line-height:40px;	
  text-align: center;
  float:right;
  border:1px solid #ccc;
  position:absolute;
  right:0;
  transform:translateY(50%);
}
.P-nav > ul > li {width:20%; float:left; text-align: center;}
.P-nav-item:hover, .P-nav-item:focus {
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
}
.P-member {display: none;}
.P-nav-logo {
  z-index:9;
  height: 90px;
  position: relative;
  font-size: 30px;
  line-height: 90px;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  color: #000;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.P-nav > ul {
  width: 50%;
  position:absolute;
  right: 163px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.visible-lg ul li:hover > ul{
  display:block;
}
.P-nav > ul > li {position:relative; line-height:90px; background:transparent;z-index:2;}
.P-nav > ul > li > a {display: block; background:transparent;z-index:2;}
.P-nav-item:hover, .P-nav-item:focus {font-weight: 600;}
.P-nav:after {content:""; display:block; clear:both;}
.sub_02_menu{
  display:none;
  position: absolute;
  width: 100%;
  top: 80px;
  left: 0;
  float: left;
  text-align: center;
  transition:all 0.7s ease-in-out;	
  z-index:-1;
  border-top: 2px solid #ffa200;
}
.P-nav > ul > li {position:relative; width:160px; line-height:90px; background:transparent;z-index:2;}
.P-nav:after {content:""; display:block; clear:both;}
.P-nav > ul > li {position:relative; line-height:90px;}
.sub_02_menu li{background-color: #fff; height: 50px; line-height: 50px; transition:all 0.3s ease;}
.sub_02_menu li a {font-size:14px;font-weight:400; color:#000;}
.sub_02_menu li:hover{background-color: #fff; }
.sub_02_menu li:hover a{color:#000;font-weight:600; border-bottom:1px solid #ffa200;}
.visible-lg ul li:hover > ul{display:block; z-index:0;}

/*로고 끝*/
.wrap {
  width: 100%;
  margin: auto;
}
.wrap_in {height: 90px;margin:0 auto;}
#menu_wrap { 
  position:fixed; 
  display: block;
  right: 0; 
  width:70%; 
  height:100%;
  z-index:2;
  -webkit-transform: translate3d(100vw,0,0);
  -moz-transform: translate3d(100vw,0,0);
  -ms-transform: translate3d(100vw,0,0);
  -o-transform: translate3d(100vw,0,0);
  transform: translate3d(100vw,0,0);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(.16, .68, .43, .99);
  -moz-transition: -moz-transform 0.5s cubic-bezier(.16, .68, .43, .99);
  -o-transition: -o-transform 0.5s cubic-bezier(.16, .68, .43, .99);
  transition: transform 0.5s cubic-bezier(.16, .68, .43, .99);
}
#menu_wrap.push { 
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(.16, .68, .43, .99);
  -moz-transition: -moz-transform 0.5s cubic-bezier(.16, .68, .43, .99);
  -o-transition: -o-transform 0.5s cubic-bezier(.16, .68, .43, .99);
  transition: transform 0.5s cubic-bezier(.16, .68, .43, .99);
}
button{background: transparent; border:none;}
#menu{position:fixed;padding:20px 0;width:80px;right:195px;top:0px;z-index:30;background: #faa61a;}
#menu>span{display: block;width: 50%;height: 3px;margin:7px auto;border-radius: 10px;transition: all 0.5s;	background: #fff;}
.black > span {background:#000;}
.white > span {background:#fff;}
#menu>.on:nth-child(1) {transform:translateY(14px) rotate(225deg); transition-delay: 0.2s; background:#fff;}
#menu>.on:nth-child(2) {opacity: 0; transform: translateX(50px); background:#fff;}
#menu>.on:nth-child(3) {transform:translateY(-6px) rotate(-225deg); transition-delay: 0.2s; background:#fff;}

.menuIn {display:none; width: 100%;}
.menuIn.on {z-index:11; position: absolute; top: 50px; left: 45%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.menuIn > li {position: relative; line-height: 18px;width:100%;margin:34px 0;}
.menuIn > li:first-child, .menuIn > li:last-child {margin-top:2%;}
.menuIn > li > a {display: inline-block; width:100%; font-size:30px; font-weight:500;color: #444;}
.sub {width:100%; position:inherit; margin-top:-33px; margin-left:100px;}
.sub li > a {font-size:17px; font-weight: 400; color: #444; padding-left:7%; line-height: 2;}
.menu_wrap_hy {position: fixed; width:100%; height:100%;display: none;}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: none;
  background-color:#fff;
  cursor: pointer; 
}
.overlay.push {display: block;}
.menu_wrap_hy.push {
	display: block;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.menu_wrap_hy.push::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

/*추가*/
.overlayIn {width:33.33%; height: 100%; background:#faa916; position:relative; float: left;}
.overlayIn > img {position:absolute; bottom:0; right:0;z-index:29;}
.menu_wrap_hy nav {position:relative; width:66.66%; float:right; z-index:30;}
.menu_wrap_hy nav > ul {padding-left: 5%;    margin-top: 60px;}
.menu_wrap_hy:after {content:""; display:block; clear:both;}
.menu_wrap_hy nav > ul > li {position: relative; border-bottom:1px solid #e4e4e4;padding: 2% 5%;}
.menu_wrap_hy nav > ul > li:first-child {padding-top:0; margin-top: -40px;}
.menu_wrap_hy nav > ul > li:last-child {border-bottom:0;}
.menu_wrap_hy nav li > a {display: inline-block; width:100%; font-size:25px; font-weight:500;color: #444;}
.menu_wrap_hy nav li .sub li > a {font-size:16px; font-weight: 400; color: #444; padding-left:8%; line-height: 1.9;}
.menu_line_01, .menu_line_02, .menu_line_03, .menu_line_04, .menu_line_05, .menu_line_06 {
  width: 0px;
  position: absolute;
  height: 10px;
  top: 15px;
  left: -10px;
  opacity: 0.3;
  z-index: -9;
  transition: 0.6s;-webkit-transition: 0.6s;
}
.menu_line_01{background-color:#e9549c;}
.menu_line_02{background-color:#009fdb;}
.menu_line_03{background-color:#faa61a;}
.menu_line_04{background-color:#e9549c;}
.menu_line_05{background-color:#009fdb;}
.menu_line_06{background-color:#faa61a;}
.menu_line_07{background-color:#e9549c;}
.menu_wrap_hy nav > ul > li {text-align: left; border-bottom: 1px solid #e8e8e8; padding-bottom: 30px;}
.menu_wrap_hy nav > ul > li:hover .menu_line_01{width: 80px; transition:  0.6s;-webkit-transition:  0.6s;}
.menu_wrap_hy nav > ul > li:hover .menu_line_02, .menu_wrap_hy nav > ul > li:hover .menu_line_03, .menu_wrap_hy nav > ul > li:hover .menu_line_05, .overlay nav > ul > li:hover .menu_line_06{width: 135px; transition:  0.6s;-webkit-transition:  0.6s;}
.menu_wrap_hy nav > ul > li:hover .menu_line_04{width: 100px; transition:  0.6s;-webkit-transition:  0.6s;}

.hidden-lg {display:none;}
.content {
  width:100%;
  position: relative;
}
.swiper-container {width: 100%; overflow-y:hidden;}
/* 메인비디오 :ⓢ: */
.video_wrap {position:relative; width:100%; height:100%; min-height:970px; overflow-y: hidden;}
.video_wrap > img {position:absolute; top:0px; height: 100%;}
.video {
  position: absolute;
  top: 0px;
  left: 0px;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: auto;
  z-index: -1;
  overflow: hidden;
}
a.scroll {font-size:14px; letter-spacing:1px; color:#fff; text-shadow:2px 2px 15px rgba(0, 0, 0, 0.7); padding-top: 55px; position: absolute; bottom:30px; left: 50%;}
a.scroll span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-left: -12px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
a.scroll span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
a.scroll span:nth-of-type(2) {
  top: 16px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
a.scroll span:nth-of-type(3) {
  top: 32px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@-webkit-keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.ft_btn {width:170px; margin:0 auto; display:block; text-align:center; padding:4px 10px; margin-bottom:15px; border:1px solid #faa61a; font-sizE:13px; font-weight:600; border-radius:50px; }
/* 메인비디오 :ⓔ: */

/* 학교소개 :ⓢ: */
.section01 {width:100%; height:auto; padding:120px 0 60px; z-index: 2; background:url("/images/main/section01_bg.png") no-repeat left -200px;}
.section_in {max-width:1482px; margin:0 auto;}
.Quicksand {font-family: 'Quicksand', 'Noto Sans KR', 'Sans-serif';}
.Quicksand span {display:block;}
.section_in > h1 {font-sizE:54px; font-weight:700; text-align:center; padding-bottom:85px;}
.section_in .about_list > li {vertical-align: top;width:23.2%; margin-right:2%; display: inline-block;}
.section_in .about_list > li:last-child {margin-right:0;}
.about_list .about_img {width:100%; overflow:hidden; border-radius:50%; transition:all 0.3s ease-in;}
.about_list .about_img img {transition:all 0.3s ease-in-out;}
.about_list .about_img img:hover {
  -webkit-transform:scale(1.1); /*  크롬 */
  -moz-transform:scale(1.1); /* FireFox */
  -o-transform:scale(1.1); /* Opera */
  transform:scale(1.1);
}
.section_in .about_list > li h6 {font-size:22px; font-weight:600; padding:10px 0 1px;}
.section_in .about_list > li h6 a {color:#222;}
.section_in .about_list > li span {font-size:14px; font-weight:400; color:#666666;}
.about_list > li:hover .about_img { border-radius:5%;}
/*.about_list > li:hover .about_img { border-radius:50%;}*/
.go {opacity:0; transform:translateY(30px); transition:all 0.3s;}
.about_list > li:hover .go {opacity:1; transform:translateY(10px);}
.about_list:after, .section02:after, .gallery_list:after {content:""; display:block; clear:both;}
/* 학교소개 :ⓔ: */

/* 교육이념 :ⓢ: */
.section02 {width:100%; height:auto; padding:0 0 90px; z-index: 2; background:url("/images/main/section02_bg.png") no-repeat center top;}
.section02 .section_in {padding-top:190px;}
.section02 div > h1 {font-sizE:54px; line-heighT:1; font-weight:700; text-align:left; padding-bottom:15px;}
.section02 .left {float:left; width:20%;}
.section02 .right {float:right; width:80%;}
.section02 .right li {vertical-align: top; width:24%; padding:3px 3% 3%; display:inline-block; text-align:center;}
.section02 .right h6 {font-size:24px; font-weight:600; color:#222; padding:30px 0 10px;}
.section02 .right span {font-size:14px; line-height:1.5; font-weight:400; color:#666; word-break:keep-all;}
.section02 .right li:hover h6 {font-weight:600; color:#f561b6;}
.section02 .right li:nth-child(2):hover h6 {color:#ffb010;}
.section02 .right li:nth-child(3):hover h6 {color:#00bae9;}
.section02 .right li:nth-child(4):hover h6 {color:#8ed110;}
.section02 .right li div {transition:all 0.3s ease;}
.section02 .right li:hover div{transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
button.learn_more {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
}
.learn_more {
  width: 160px;
  height: auto;
}
.circle {
  transition: all 0.45s cubic-bezier(0.65,0,.076,1);
  position: relative;
  display: block;
  margin: 0;
  width: 26px;
  height: 26px;
  background: #797979;
  border-radius: 50px;
}
.learn_more > a {position: absolute; top:5px; left: 35px; font-size:14px; color:#797979;font-weight:600; letter-spacing:0.5px;}
.icon {display:block; position:relative;}
.icon img {position:absolute; top:5px; left:5px;}
.icon .basic {display:block;} 
.icon .hover {display:none;} 
button.learn_more:hover .circle {width:124px;}
button.learn_more:hover .icon .basic {display:none;}
button.learn_more:hover .icon .hover {display:block;}
button.learn_more:hover a {color:#fff; font-weight:600;}
/* 이용절차 :ⓔ: */

/* 갤러리 :ⓢ: */
.section03 {position:relative; width:100%; height:auto; padding:105px 0;}
.main_bg {
  position: absolute;
  top: 0px;
  width:100%;
  height: calc(40px + 100%);
  overflow:hidden;	
  z-index: -1;
}
.main_bg_in {
  background:url("/images/main/section03_bg.png") no-repeat left top;
  background-attachment: fixed;
  background-size: auto;
  height: 120%;
  overflow:hidden;
  z-index: -1;
}
.gallery_list li {width:49%; float:left; margin: 3px; position:relative; overflow: hidden; text-align:center;}
.gallery_list li div.half {width:calc(50% - 3px); float:left; overflow: hidden;}
.gallery_list li div.half:nth-child(odd) {margin-right:5px;}
.gallery_list .gallery_txt {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
.gallery_list h6 {font-size:24px; font-weight:600; margin-left: -35px;}
.gallery_list h6 a {color:#fff;}
.gallery_list .circle {background:#fff;}
.gallery_list button.learn_more a {color:#fff; font-weight: 600;}
.gallery_list button.learn_more:hover a {color:#000;}
/* 갤러리 :ⓔ: */

/* VR :ⓢ: */
.section04 {width:100%; height:auto; padding:105px 0; z-index: 2; background:url("/images/main/section04_bg.png") no-repeat center top;}
.section04 .section_in > h1 {color:#fff; line-height:0.5;}
.section04 .section_in > h1 span {color:transparent; -webkit-text-stroke: 1px #fff;}
.page-wrapper {width: 100%; height: 100%;}
.blur-it {filter: blur(4px);}
.learn_more_wrap {width:160px; margin:0 auto;}
.section04 .circle {background:#fff;}
.section04 button.learn_more a {color:#fff; top: 1px;}
.section04 button.learn_more:hover a {color:#000;}
.modal-wrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0; 
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s ease-in-out;
}
.modal-wrapper.open {opacity: 1; visibility: visible; z-index: 9;}
.section04 .modal {
  width: 70%;
  height: auto;
  display: block !important;
  position: relative;
  top: 50%; 
  left: 50%;
  transform: translate(-50%, -30px);
  background: #fff;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.modal-wrapper.open .modal {margin-top:-310px; opacity: 1;}
.head {position:absolute; right: 0; padding: 20px; overflow: hidden;}
.btn-close {font-size: 28px; display: block; float: right; color:#fff !important}
/* VR :ⓔ: */

.Floating {
  z-index: 99;
  position: fixed;
  bottom: 30px;
  left: 15px;
  width: 50px;
  height: 50px;
  border-radius: 100px;
  background: #faa61a;
  display:none;
}
.Floating a {
  position: absolute;
  top: 10px;
  left: 9px;
}

.bandi_slide {display:none;}
.mobile {display:none;}
img.chatbox {animation: motion 0.6s linear 0s infinite alternate; transform:translateY(0);
  -webkit-animation: motion 0.6s linear 0s infinite alternate; transform:translateY(0);
}
@keyframes motion {
  0% { transform:translateY(0)}
  100% { transform:translateY(10px)}
}
-webkit-@keyframes motion {
  0% { transform:translateY(0)}
  100% { transform:translateY(10px)}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .nice_about li:after {content:""; display:block; clear:both;}
}

@media all and (max-width:1880px){
  .video_wrap {min-height:883px;}
}

@media all and (max-width:1482px){
  #menu {right:5%;}
  .menu {max-width:90% !important;}
  .video_wrap {min-height: 880px;}
  .video {
    position: absolute;
    top: 0px;
    left: 0px;
    min-width: inherit;
    min-height: 100%;
    width: auto;
    height: 100%;
    z-index: -1;
    overflow: hidden;
  }
  .section_in {width:90%;}
  .section_in .about_list > li {vertical-align:top;}
  .section_in .about_list > li span {display:block; height:30px; line-height: 1.3; word-break:keep-all;}
  .about_list > li:hover .go {transform: translateY(20px);}
  .overlayOn > img {width:300px;}
  .menuIn.on {top:50px;}
  .menuIn > li {margin:64px 0;}
  .section04 .section_in > h1 {color:#fff; line-height:1;}
}

/*태블릿 [ 0 ~ 1200px 적용] */
@media all and (max-width:1200px){
  #menu {right:0;}
  .m{display:none;}
  .t {display:block;}
  #btnCi {top: 50%; transform: translateY(-25%);}
  .msd_logo {
    width: 100%;
    z-index: 3;
    top: 34%;
    position: absolute;
  }
  .msd_logo_box {
    width: 280px;
    margin: auto;
  }
  .msd_logo_box img {
    width: 100%;
  }
  .msd_logo {
    width: 100%;
    z-index: 3;
    top: 34%;
    position: absolute;
  }
  .P-member {
    display: none;
  }
  .P-header {height: 70px;}
  .wrap {
    position: relative;
    width: 100%;
    margin: auto;
  }
  .wrap_in {height:70px;}
  .P-nav-logo {
    padding:0;
    float: left;
    height: 70px;
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    color: #000;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
  }
  .P-nav-logo img {float: left; width: 150px;}
  .P-header a {margin:0;}
  .visible-lg {
    display: block;
    overflow: hidden;
  }
  #btn-top-menu {
    width: 31px;
    float: right;
    padding-top: 18px;
  }
  #btn-top-menu img {
    display: block;
  }
  /*로고 끝*/
  .wrap {
    width: 100%;
    max-width: 1200px;
    margin: auto;
  }
  .wrap_in {margin:0 auto;float: left;}
  .wrap:after {content:""; display:block; clear:both;}
  .visible-lg {display: none !important; width: 80%;}
  .hidden-lg {display: block !important;}
  .menu {max-width:90% !important; padding: 14px 0;}
  .Quicksand span {display:inline-block;}
  .section_in > h1, .section02 div > h1 {font-sizE:48px;}
  .section02 {background-size: cover;}
  .section02 div > h1 {text-align:center;}
  .section02 .left {float:none; width:100%; margin-bottom: 50px; text-align:center;}
  .section02 .right {float:none; width:100%; margin}
  .section02 .right li {vertical-align: top;}
  .section02 .right span {display:block; height:100%;}
  .gallery_list li {max-height: 230px; height:100%;}
  .gallery_list li div > img {width:100%;}
  .menu_wrap_hy nav > ul > li:last-child { padding-bottom: 100px;}
}

@media (max-width: 1136px) {
  .gallery_list li {
    max-height: 200px;
    height: 100%;
  }
}

/* 모바일 [ ~ 1024px 적용] */
@media all and (max-width:1024px){
  .bandi_slide {display:block;}
  .video_wrap {display:none;}
  .swiper-container {height:580px;}
  .section_in .about_list > li {width:48.5%; margin-bottom:20px;}
  .about_list > li:hover .about_img {border-radius:0;}
  .section_in .about_list > li:nth-child(even) {margin-right:0;}
  .about_list > li:hover .go {transform: translateY(0px);}
  .about_list .about_img {width: 75%; margin:0 auto;}
  .gallery_list li {max-height: 180px;}
  .go.big {display:none;}
  .mobile {display:block; float:right; transform: translateY(50%);}
  .section_in .about_list > li h6 {padding:10px 10px 1px;}
  .section_in .about_list > li span {padding:0 10px 0;}
}

/* 모바일 [ ~ 900px 적용] */
@media all and (max-width:900px){
  .P-nav-logo img {width: 140px;}
  .gallery_list li {width: 100%; max-height: inherit;}
  .gallery_list h6 {margin-left:0;}
}

/* 모바일 [ ~ 767px 적용] */
@media all and (max-width:767px){
  .m {display:block;}
  .t {display:none;}
  .pc {display:none;}
  .section01 {padding:100px 0 0px} 
  .section02 {padding:150px 0 100px}
  .section03, .section04 {padding:100px 0;}
  .section04 .modal {width:80%;}
  .overlayIn {display:none;}
  .overlay nav {width: 100%;}
  .menuIn.on {left:10%;}
  .sub {margin-left: 120px;}
  .section02 .section_in {padding-top: 60px;}
  .menu_wrap_hy nav > ul > li {padding:3.5%;}
  .menu_wrap_hy nav {width:100%; float:none;}
  .Floating {display:block;}
}

/* 모바일 [ ~ 640px 적용] */
@media all and (max-width:640px){
  .P-logo img {width:230px;}
  .b_bg {display:none;}
  .section02 .right li {width: 48%; padding:3%;}
  .learn_more {width: 124px;}
  .section_in .about_list > li span {height:60px;}
  .section_in > h1, .section02 div > h1 {font-sizE: 44px;}
  .section_in .about_list > li span {height: 40px;}
  .learn_more {width:140px;}
  .section04 .section_in > h1 {line-height: 1.2;}
  .good-job iframe {height:400px !important;}
  .menuIn > li {margin:0 0 64px}
  #menu {width:60px;}
  .menu_wrap_hy nav li > a {font-sizE:22px;}
  .menu_wrap_hy .sub li > a {font-size: 15px; padding-left: 0;}
}


/* 모바일 [ ~ 480px 적용] */
@media all and (max-width:480px){
  .m {display:block;}
  .t {display:none;}
  .pc {display:none;}
  .P-nav-logo {height: 60px;}
  #btnCi {padding:10% 0;}
  .swiper-container {height:auto;}
  .swiper-container img {width:150%;}
  .section_in .about_list {text-align:center;}
  .section_in .about_list > li {width: 90%;text-align: left; margin:0 auto 15px;}
  .section02 .right li {padding: 5% 3%;}
  .section01 {padding:60px 0 0px} 
  .section02 {padding:0 0 60px;}
  .section03, .section04 {padding:60px 0;}
  .section_in > h1, .section02 div > h1 {font-sizE: 34px; padding-bottom:34px;}
  .section02 div > h1 {padding:0 0 24px;}
  .section02 .right h6 {padding:4px 0;}
  .learn_more, .learn_more_wrap {width: 120px;}
  .menuIn > li > a {font-size:26px;}
  .learn_more_wrap img.btn {width:50px; margin-top:20px;}
  .section_in .about_list > li:last-child {margin-bottom:0;}
}

/* 모바일 [ ~ 390px 적용] */
@media all and (max-width:390px){
  .section_in .about_list > li span {height: 60px;}
  .section_in .about_list > li span:last-child {height:0;}
  .section02 .right li {width:100%; padding:8% 3%;}
  .section02 {margin-top: -50px;}
  .section02 .section_in {padding-top: 220px;}
  .section02 .right li:first-child {padding-top:0;}
  .menu_wrap_hy nav li > a {font-sizE: 18px;}
  .menu_wrap_hy nav li .sub li > a {font-size: 14px;}
  .sub {margin-left: 98px;}
}