/*폰트*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face { font-family: 'Arita-buri-SemiBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@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');}

/*초기화*/
html, body{height:100%;width:100%;margin:0;padding:0;font-family: "Noto Sans KR",sans-serif;letter-spacing:-1px}
h1,p,ul{margin:0;padding:0}
li{list-style:none}
a{color:#333;text-decoration:none !important}
.left{float:left !important}
.right{float:right !important}
.clear{clear:both}
p {margin:0;padding:0;word-break:break-all}
b{font-weight:bold}
.img-responsive{max-width:100%;display:block;height:auto}
.padding-0{padding:0 !important}
.padding-20{padding:20px 0}
.padding-40{padding:40px !important}
.margin-0{margin:0 !important}
.margin-right-0{margin-right:0 !important}
.m-auto{margin:auto}
.w-100{width:100% !important}
.pb-20{padding:0 0 20px 0}
.pb-45{padding:0 0 45px 0}
.pt-45{padding:45px 0 0 0}
.mb-20{margin:0 0 20px 0}
.mt-0{margin-top: 0;}
.mt-10{margin:10px 0 0 0}
.mb-45{margin:0 0 45px 0}

#ctt_con{width: 1400px; margin: 100px auto;}
/*start*/

.st_loading{text-align: center;  padding: 212px 0;  color: #0000005c;  background-color: #8080800f;}

/*header */
.new_style{background:rgba(0,0,0,0.8)}
.new_style.on{background:none !important}

.line{height:10px;background:url('/img/main/top_line.jpg');max-width:1920px;margin:auto}
.menu{position:absolute;top:0;padding-top:10px;z-index:9999;width:100%;z-index:10000;margin-top:10px;}
.menu .wrap{max-width:1920px;margin:auto;padding-top:20px; color:#fff;}
.menu.on{padding-top:0;position:fixed;top:0px;transition:all .5s ease-in-out;border:none;margin-top:0}
.menu.on .wrap{background:rgba(255,255,255,0.95);max-width:100%;}
.menu.on .level a{color:#333 !important}
.menu.on .login a{color:#333 !important}
.menu.on .menu_wrap{background:none;}

.menu.on .wrap{border-bottom:1px solid #e7e7e7}
.menu.on .logox{display:block !important}
.menu.on .logo{display:none !important}
.menu .login{float:right}
.menu .login li{float:left;margin-right:20px;}
.login li a{color:#FFF;}
.menu h1{margin:15px 0 0 0;}
.menu h1.mt-0 { margin-top: 0;}
.menu h1 img{display:block}
.menu .logox{display:none;z-index:9999}

.pc_menu .level{float:left;text-align:center;width:14.285%;font-size:17px}
.pc_menu .level a {color:#fff;padding:25px 0;display:block;font-weight:300;}

.menu_wrap{display:none;padding:60px 0;border-bottom:4px solid #be446e}
.menu_wrap h1{font-size:28px;color:#282828;margin:0 0 20px 0}
.menu_wrap p{color:#7b7b7b;font-size:18px;}
.menu_txt{background:url('/img/main/menulogo02.png')no-repeat;background-position:right top;padding-top:60px}
.menu_sub{float:right !important;padding:50px 0 0 0!important;}
.menu_sub li{float:left;width:30%;margin-right:3%;margin-bottom:3%;font-size:16px}
.menu_sub li:nth-child(3n){margin-right:0}
.menu_sub li a:hover{border:1.5px solid #be446e}
.menu_sub li a{display:block;border:1.5px solid #d2d2d2;transition:all .4s ease;padding:10px 20px;}

/*m_menu */
.m_bars .fa{position:absolute;font-size: 1.5em;cursor:pointer;margin-top: -45px;}
.m_bars .fa-bars{left: 5%;}
.m_bars .fa-times{left:5%;}
.m_bars .fa-phone{right: 5%;display:block !important;margin-right: 10px; font-size: 1em;}
.m_bars i{display:none;color:#FFF}
.m_bars i.on{display:block}


.content{display:none;width:100%;padding-top:69px;background:#54344f}
.filterinput{
	background-color:rgba(249, 244, 244, 0);
	border-radius:15px;
	width:90%;
	height:30px;
	border:thin solid #FFF;
	text-indent:0.5em;
	font-weight:bold;
	color:#FFF;
}
#demo-list a{
	color:#fff !important;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	white-space:nowrap;
	width:100%;
}
.login_m{width:50% !important;float:left !important;text-align:Center;border-right:1px solid #777}
.register_m{width:50% !important;text-align:center}


/*main */
.slider{position:relative;}
.slider .slogan{color:#FFF;position:absolute;left:18%;top:35%;}
.slider h1{font-family: 'Arita-buri-SemiBold';font-size:68px;letter-spacing:-2px;margin:0 0 70px 0; text-shadow: 0 0 3px #8a8f93;}
.slider p{font-size:21px;font-weight:300;letter-spacing:-1.5px; text-shadow: 0 0 3px #686c6f;}
.swiper-container04 .swiper-wrapper{max-width:1920px;margin:auto}
.swiper-container04 .swiper-pagination{text-align:right;color:#FFF;right:19%;left:auto;top:45%;}
.swiper-container04 .swiper-button-prev, .swiper-container04 .swiper-container-rtl .swiper-button-next{top:40%}
.swiper-container04 .swiper-button-next, .swiper-container04 .swiper-container-rtl .swiper-button-prev{top:50%}
.swiper-container04 .swiper-button-next, .swiper-container04 .swiper-button-prev{right:19%;width:26px;height:15px;}
/* .slider .text-black h1, .slider .text-black p { color: #000; } */

.information{position:absolute;bottom:100px;width:1200px;z-index:9999}
.information p{margin:0;font-size:20px;text-shadow:none}
.information h2{font-size:21px;display:inline-block;margin:0 0 10px 0}
.information h4{color:#d54965;font-size:39px;display:inline-block;margin:0}
.information .go{margin-top:56px}
.information img{float:right;}
.information div{padding:20px}
.information div{float:left;background:#FFF;width:25%;border-right:1px solid #e5e5e5}
.information div:nth-child(1){border-radius:10px 0 0 10px;}
.information div:nth-child(4){border-radius:0 10px 10px 0;border:none;background:#d54965;color:#FFF}

.s_table{background:url('/img/main/board_bg.png');height:80px;max-width:1920px;margin:auto;overflow:hidden;}
.swiper-container05 {float:left;width:50%;height:100%;}
.swiper-container05 .swiper-button-next{right:0;top:50px;width:20px;height:20px;background:url('/img/main/board_arrow01.png') no-repeat;}
.swiper-container05 .swiper-button-prev{right:0;top:20px;width:20px;height:20px;background:url('/img/main/board_arrow02.png') no-repeat;}
.swiper-container05 p{color:#FFF;font-size:18px;float:left;}
.swiper-container05 a{color:#FFF;}
.swiper-container05 span{margin:0 10px;}
.swiper-container05 .swiper-slide {

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.main section{padding:100px 0;max-width:1920px;margin:auto;overflow:hidden;}
.main .txt01{color:#222;font-size:36px;margin:0 0 45px 0;letter-spacing:-2px}
.main .txt02{color:#777;font-size:18px;line-height:1.8;font-weight:300;}

.main_tit{text-align:center}
.main_tit h1{color:#141414;text-align:center;font-size:44px;font-weight:300;letter-spacing:-2px}

.section01 h1 span{font-size:45px;}

.section02 .view{border:1px solid #222;font-size:35px;padding:0 15px;display:inline-block;font-weight:200;margin-top:30px}
.section02 .view:hover{background:#222;color:#FFF;transition:all .3s ease;}
.section02 .txt{position:absolute;top:50%;margin-top:-133.5px;left:5%;}


figure.program01 {background:#eee;}
figure.program02 {background:#fdfdfd;}
figure.program03 {background:#eee;}
figure.program04 {background:#fdfdfd;}
figure.program05 {background:#eee;}
figure.program {
  float:left;
  position: relative;
  overflow: hidden;
  width:20%;
  padding:65px 0;
  font-size:21px;
  text-align:center;
  font-weight:500;
}
figure.program * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
figure.program img{margin:auto}
figure.program:after,
figure.program figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
figure.program:after {
  content: '';
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  opacity: 0;
}
figure.program figcaption {
  z-index: 1;
  padding: 40px 50px;
}
figure.program h3,
figure.program .links {
 margin:55px 0
}
figure.program h3 {
  font-size: 19px;
  text-transform: uppercase;
  opacity: 0;
  font-weight:400;
}
figure.program p {
  font-size: 0.8em;
  font-weight: 300;
  letter-spacing: 1px;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
}
figure.program i {
  position: absolute;
  font-size: 20px;
  font-weight:600;
  opacity: 0;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
figure.program a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
figure.program:hover img,
figure.program.hover img {
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  opacity: 0.5;
}
figure.program:hover:after,
figure.program.hover:after {
  opacity: 1;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
}
figure.program:hover h3,
figure.program.hover h3,
figure.program:hover p,
figure.program.hover p,
figure.program:hover i,
figure.program.hover i {
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  opacity: 1;
}


.snip1361 {
  position: relative;
  overflow: hidden;
  width: 20%;
  float: left;
  padding:50px 0 80px 0;
  text-align:center;
}
.snip1361 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1361 img {
  max-width: 100%;
  vertical-align: top;
}
.snip1361 figcaption {
  position: absolute;
  top: calc(77%);
  width: 100%;
  background-color: #ffffff;
  padding: 30px 25px 50px 25px;
}
.snip1361 figcaption:before {
  position: absolute;
  content: '';
  z-index: 2;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 80px;
  background-image: -webkit-linear-gradient(top, transparent 0%, #ffffff 100%);
  background-image: linear-gradient(to bottom, transparent 0%, #ffffff 100%);
}
.snip1361 h3 {
  margin: 0 0 10px;
}
.snip1361 h3 {
  font-weight: bold;
  font-size: 20px;
}
.snip1361 p {
  font-size: 17px;
}
.snip1361 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.snip1361:hover figcaption,
.snip1361.hover figcaption {
  top: 80px;
}

.section04 .swiper-slide{text-align:center;}
.section04 .swiper-slide img{filter: brightness(50%);width:100%;}
.section04 .swiper-slide-active img{filter: brightness(100%);}
.section04 .sub{font-size:26px;background:#f3cbd3;margin:20px 0;line-height:0.5;display:inline-block;}
.section04 .swiper-wrapper{padding:100px 0}

.section05{color:#FFF;background:url('/img/main/section05_bg.jpg') no-repeat center center;background-attachment:fixed;height:617px;}
.section05 .marks{max-width:1040px;margin:0 auto;overflow:hidden}
.section05 .marks li{float:left;width:28%;margin-right:70px;background:url('/img/main/mark.png') no-repeat;background-size:contain;height:268px;text-align:center}
.section05 .marks li:nth-child(3){margin-right:0}
.section05 .marks li p{color:#FFF;font-size:21px;margin:50px 0 0 0}
.section05 .marks_m li p{font-size:18px;line-height:3}
.section05 .marks_m li img{width:70px;float:left;margin-right:20px}

.section06 .swiper-container02{padding-left:120px;/*background:#eeeeee;*/}
.section06 .swiper-slide{width:320px !important;}
.section06 .center{position:absolute;color:#FFF;top:15%;text-align:Center;padding: 0 46px}
.section06 .center a{color:#FFF}
.section06 .center h3{font-size:29px;font-weight:300;margin:30px 0}
.section06 .center p{font-size:17px;font-weight:300}
.section06 .center .view{border:1px solid #fff;font-size:35px;padding:0 15px;display:inline-block;font-weight:200;}
.section06 .center .view:hover{background:rgba(255,255,255,0.8);color:#000;transition:all .3s ease;}
.swiper-container02 .swiper-button-next, .swiper-container02 .swiper-container-rtl .swiper-button-prev{background-image:url('/img/main/btn_next.png');left:80px;}
.swiper-container02 .swiper-button-prev, .swiper-container02 .swiper-container-rtl .swiper-button-next{background-image:url('/img/main/btn_prev.png');left:0;}
.swiper-container02 .swiper-button-next, .swiper-container02 .swiper-button-prev{bottom:0;width:116px;height:116px}


.section07 .video{max-width:960px;margin:auto;}

.section08{background:#fcfcfc}
.section08 h3{font-size:24px;margin:0 0 30px 0}
.section08 h3 a{float:right}
.section08 ul{overflow:hidden}
.section08 .board li {margin-bottom:15px}
.section08 .plate{margin:0}
.section08 .plate li {float:left;width:33.333%;text-align:Center}
.section08 .plate li p{color:#838383;margin:5px 0 0 0;font-size:17px}
.section08 .news_tit img{margin:auto;width:100%;}
.section08 .news_tit p{position:absolute;top:130px;left:50%;margin-left:-34px;}
.section08 .news{background:#fff;padding:30px}
.section08 .news h4{font-size:20px;margin:0 0 10px 0}
.section08 .news a{color:#838383;font-size:17px;border:1px solid #838383;text-align:center;display:block;padding:10px 0;margin-top:22px;}
.section08 .news a:hover{background:#000;color:#FFF;border:1px solid #000;transition:all .5s ease;}

/*footer*/
.hours{position:fixed;right:3%;bottom:3%;z-index:9999}
.hours li{padding:15px 25px;text-align:Center;}
.hours li span{font-size: 1.3em}
.hours li:nth-child(1){background:#5d3193;border-radius:30px 30px 0 0;color:#FFF}
.hours li:nth-child(2){background:#9c3e7c;color:#FFF}
.hours li:nth-child(3){background:#d54965;color:#FFF}
.hours li:nth-child(4){background:#e8e8e8;border-radius:0 0 30px 30px;border-bottom:1px solid #ddd;cursor:pointer}

.sns{background:#212429;padding:50px 0}
.sns ul{overflow:hidden;margin:auto;max-width:504px}
.sns ul li{float:left;margin-right:30px;background:#FFF;border-radius:50%;text-align:Center;padding:16px 26px;width:100px;height:100px;}
.sns ul li:nth-child(2){padding:16px 20.3px}
.sns ul li:nth-child(4){margin:0}
.sns ul li p{margin:0;text-align:Center}

footer{font-size:15px;line-height:1.5;background:#212429;color:#FFF;border-top:1px solid #383a3f;clear:both;padding:45px 0}
footer a{color:#FFF}
footer p{clear:both}
footer h1{margin:30px 0}
footer .footer_menu {overflow:hidden}
footer .footer_menu li{float:left;}
footer .info{opacity:0.5}
footer .copy{opacity:0.2}


.box{float:left;width:48%;}
.pb-45-img{padding:0 0 45px 0}
.img-right{float:right}

.m_menu{display:none}
.m_img{display:none !important}

@media (max-width:1920px){
	.main .map .maps{width:100% !important}
}

@media (max-width:1920px) and (min-width:1821px){

}
@media (max-width: 1820px){

}
@media (max-width: 1450px){
#ctt_con{width: 90%}
}
@media (max-width: 1240px){
	.main section{padding:50px 0}
	.slider h1{font-size:55px}
}

@media (max-width:1366px) and (min-width:1024px){
	.pc_menu .level{font-size:16px}
}

@media (max-width:1023px) and (min-width:768px){
	.slider h1{font-size:40px;margin:0  0 30px 0}
	.menu h1{text-align:center;margin:0}
	.slider .slogan{left:10%;top:40%;}

	.main .tit h1{font-size:45px}
	.pc_menu .level{font-size:15px}
	.menu_wrap{padding:25px 0}
	.menu_tit{padding:0}
	.menu_sub{padding:20px 0 0 0 !important}
	.section05{height:auto;}
	.section05 .marks_m li{float:left;width:100%;margin-bottom:10px;}
	footer h1{text-align:center;}
}

@media (max-width: 767px){
	.m_logo{position:absolute;z-index:9990;width:100%;background:rgba(0,0,0,0.8);}
	.m_logo h1{text-align:center;margin:15px 0}
	.m_logo h1 img{height:40px}

    .m_logo a {color:#fff; font-size: 28px;}

	.slider .slogan{left:0;right:0;top:65%;}
	.slider h1{font-size:40px;margin:0;text-align:center}
	.slider p{display:none}

	.main section{padding:40px 0}
	.main_tit h1{font-size:30px;font-weight:500}

	.swiper-container04 .swiper-pagination{text-align:center;right:auto;top:90%;}
	.swiper-container04 .swiper-button-prev, .swiper-container04 .swiper-container-rtl .swiper-button-next{right:65%}
	.swiper-container04 .swiper-button-next, .swiper-container04 .swiper-container-rtl .swiper-button-prev{right:30%;}
	.swiper-container04 .swiper-button-next, .swiper-container04 .swiper-button-prev{width:16px;height:26px;;top:90%}
	.swiper-container04 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url('/img/main/btn_left.png') !important;}
	.swiper-container04 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:url('/img/main/btn_right.png') !important;}

	.main .txt01{font-size:30px;margin:0 0 20px 0}
	.main .txt02{font-size:15px;}
	.section01 h1 span{font-size:30px}

	.section02 .txt{margin-top:-110px;left:0;padding:0 15px}

	.section04{background:#fbecef}
	.section04 .sub{font-size:20px}
	.section04 .swiper-wrapper{padding:0 0 50px 0;}

	.section05{height:auto;}
	.section05 .marks_m li{clear:both;margin-bottom:10px;overflow:hidden;}

	figure.program{font-size:15px;font-weight:400;padding:10px 0}
	figure.program img{height:50px;}
	figure.program:after, figure.program figcaption{display:none}

	.program_m{padding:10px 15px}
	.program_m img{height:50px;margin-right:20px;}
	.program_m h3{font-size:18px;display:inline-block}
	.program_m a{float:right;font-size:35px;font-weight:lighter}

	.snip1361{display:none;padding:20px 0 50px 0}
	.snip1361 h3{font-size:13px;font-weight:normal;}
	.snip1361 p{display:none;}
	.snip1361 img{height:50px;}
	.snip1361 figcaption{padding:10px}

	.section06 .swiper-slide{width:100% !important}
	.section06 .center{padding:0;left:50%;}
	.section06 .center h3{font-size:28px}
	.section06 .center p{display:none}
	.section06 .center .view{font-size:30px;}
	.section06 .center01{margin-left:-86.5px}
	.section06 .center02{margin-left:-99.5px}
	.section06 .center03{margin-left:-99.5px}
	.section06 .center04{margin-left:-50px}
	.section06 .center05{margin-left:-74.29px}

	.section07 .video iframe{width:100%;height:300px}

	.section08 .news{padding:20px}
	.section08 .board li{margin-bottom:10px}
	.section08 .plate{margin:0 0 50px 0}
	.section08 .plate li{width:100%;}
	.section08 .plate li p{font-size:15px}
	.section08 ul{margin: 0 0 30px 0}

	.main .maps{height:300px}

	.sns{padding:20px}
	.sns ul li p{display:none;}
	.sns ul li img{height:30px;}
	.sns ul li{padding:10px;margin-right:10px;width:auto;height:auto;}
	.sns ul li:nth-child(2){padding:10px;}

	.hours_m{position:fixed;right:3%;bottom:3%;z-index:9999}
	.hours_m .top{display:none}
	.hours_m li{text-align:Center;border-radius:100px}
	.hours_m li:nth-child(1){padding:15px;background:#5d3193;margin-bottom:10px}
	.hours_m li:nth-child(1) a, .hours_m li:nth-child(2) a{;color:#FFF;}
	.hours_m li:nth-child(2){padding:15px;background:#9c3e7c;color:#FFF;margin-bottom:10px}
	.hours_m li:nth-child(1) img ,.hours_m li:nth-child(2) img{width:40px}
	.hours_m li:nth-child(3){padding:15px;background:#d54965;color:#FFF;margin-bottom:10px}
	.hours_m li:nth-child(3) img{width:50px}
	.hours_m li:nth-child(4){padding:20px;background:#e8e8e8;border-bottom:1px solid #ddd;cursor:pointer}

	footer{padding:20px;font-size:14px}
	footer h1{margin:0 0 20px 0}

	.box{width:100%}
	.pb-45-img{padding:0 0 20px 0}
	.img-right{float:none}

	.m_img{display:block !important}
	.pc_img{display:none !important}

	.st_loading{padding: 100px 0;}
}
@media (max-width: 420px){
	.slider h1{font-size:30px;}

	.main .txt01{font-size:25px;}
	.main_tit h1{font-size:24px;}

	.section02 .txt{margin-top:-106px;}
	.section02 .view{font-size:20px;padding:0 10px;margin:0}

	.section05 .marks_m li img{width:59px;margin-right:10px}
	.section05 .marks_m li p{font-size:15px;}

	figure.program{font-size:13px;font-weight:400;padding:10px 0}
	footer{padding:15px 0;font-size:12px;line-height:1.6}
}


/* ===========================
 * 21-03-10 퀵메뉴
 * ================== 강지운 */
.quick{width:100px;position:fixed;top:470px;right:10px;z-index:9999}
.quick ul{margin:0}
.quick ul li{list-style:none;width:100px;height:50px}
.quick ul li a div{width:100px;height:100px;background-size:cover}
/* .quick ul li:nth-child(1) a div{background-image:url(/img/q1.jpg)}
.quick ul li:nth-child(1) a:hover div{background-image:url(/img/q1hover.jpg)}
.quick ul li:nth-child(2) a div{background-image:url(/img/q2.jpg)}
.quick ul li:nth-child(2) a:hover div{background-image:url(/img/q2hover.jpg)}
.quick ul li:nth-child(3) a div{background-image:url(/img/q3.jpg)}
.quick ul li:nth-child(3) a:hover div{background-image:url(/img/q3hover.jpg)} */
.quick ul li:nth-child(1){height:135px}
.quick ul li:nth-child(2),.quick ul li:nth-child(6){height:auto;}
.quick ul li:nth-child(2) a,.quick ul li:nth-child(6) a{display:block;color:#fff;}
.quick ul li:nth-child(1) div{padding:15px;background-color:#5D3193;font-size:14px;color:#fff}
.quick ul li:nth-child(1) div p{font-size:24px;font-weight:600}
/*.quick ul li:nth-child(2) div{padding:15px;background-color:#9C3E7C;font-size:14px;color:#fff}
.quick ul li:nth-child(2) div p{font-size:24px;font-weight:600}
.quick ul li:nth-child(3) div{padding:15px;background-color:#D54965;font-size:14px;color:#fff;}
.quick ul li:nth-child(3) div a{color: #fff; }*/
.quick ul li:nth-child(2){height:30px;background-color:#303030;text-align:center;padding-top:5px}
.quick ul li:nth-child(2) a{color:#fff}

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