@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://use.fontawesome.com/releases/v5.1.0/css/all.css);
@import url(https://fonts.googleapis.com/css?family=Do+Hyeon&display=swa);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+KR&display=swap);

@charset "utf-8";
*{ font-family: 'Noto Sans KR', sans-serif;word-break: keep-all;}

/* Reset CSS  */
html { height: 100%;overflow-y:scroll; background-color: #fff;}
body { font-size: 13px; color:#333;font-family: 'Noto Sans KR', sans-serif;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0px; padding:0px;  list-style:none;  }
fieldset{ border: 0px; }
a{font-style:normal; text-decoration:none; color:#555;}
hr, legend {height: 0; left: -5000px; line-height: 0; overflow-x: hidden; overflow-y: hidden; position: absolute; visibility: hidden;width: 0;}
caption {font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0;}
* {-webkit-text-size-adjust:none;}
* { margin:0; padding:0; border:0; outline:0;  }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
img, video { max-width:100%; border:0; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; border: 0px solid #E5E5E5; }
input, select { vertical-align:middle; }
label { cursor:pointer; }
.blind,legend,hr,caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address { font-style:normal; font-weight:normal; }
td,th {vertical-align: middle;}
td strong {font-weight: 100;	font-size: 5px;vertical-align: bottom;}
a:hover{text-decoration:none;}
ul:after{content:""; display:block; clear:both;}

/************* css ******************/
body:after{content:""; display:block; clear:both;}
body { background: none;}
/* header*/
#header_wrap{z-index: 99;position: relative;border-bottom:solid 1px #dedede}
#header {position: relative;max-width:1600px;margin:0 auto;    height: 76px;}
#header #logo {float:left;padding:10px 0}
#header:after{content:""; display:block; clear:both;}
#header_wrap .top {text-align: right;border-bottom:solid 1px #dcdcdc;padding:5px 0}
#header_wrap .langs {display: inline-block;vertical-align: top;}
#header_wrap .langs:after {content: "";  display: block;  clear: both;}
#header_wrap .langs a {float: left;  font-size: 14px;  color: #5e5e5e;}
#header_wrap .langs a + a:before {  content: "";  background: #5e5e5e;  height: 10px;
  width: 1px;  display: inline-block;  margin: -2px 10px 0;  vertical-align: middle;}

#nav_wrap:after{content:""; display:block; clear:both;}
#nav{float:left;margin-left:100px;width:80%;line-height: 43px;}
#nav > li{float:left;text-align:center;position:relative;width:calc(100%/9);}
#nav > li > a{font-size:16px; color:#343434; display: block;  padding: 15px 0 ;text-transform: uppercase;}
#nav > li:hover #header_wrap{border-bottom:none}
#nav > li > a:hover{border-bottom:solid 3px #ec2028;color:#ec2028}
#nav .on .mainmenu{border-bottom:solid 3px #ec2028;color:#ec2028}

#nav_btn{display:none; color:#fff; font-size:18px; background:#26364a; padding:12px 0; font-weight:600; cursor:pointer;
text-align:center}

#nav > li > ul{top: 77px;left: 0;display: none;padding:0 !important; width:100%;z-index:99;position: absolute;border-right:solid 1px #ccc;height:240px}
#nav > li:first-child ul{border-left:solid 1px #ccc}
#nav > li > ul li{padding:2px 0;margin: 0 5px;text-align:left;}
#nav > li > ul li a{display:block; padding:10px; font-size:14px;color:#929292 !important;line-height: normal;}
#nav > li > ul li a:after{display:none}
#nav > li > ul li a:hover{color:#ec2028 !important;text-decoration: none;}

.sub_menu_w{background-color:#fff;width: 100%;height: 240px;border-top: solid 1px #dedede;border-bottom: solid 1px #dedede;
    position: absolute;top: 100%;left: 0;display:none}
.container{margin:0 auto;max-width: 1600px;}

/* container*/

/*slider*/
#m_slider {overflow: hidden; width:100%;}
#m_slider .slide {position: relative; overflow: hidden; }
#m_slider .slide .slide1{background-image:url('/home/img/sl01.png');background-size: cover;
background-position: center center;position:relative}
#m_slider .slide .slide2{background-image:url('/home/img/sl02.png');background-size: cover;
background-position: center center;}
#m_slider .slide .slide3{background-image:url('/home/img/sl03.png');background-size: cover;
background-position: center center;}
#m_slider .slide ul { width: 300%; height: 760px;}
#m_slider .slide li { width: 33%; height: 100%; float: left;}
#m_slider .slide li.active > div { transform: inherit; }

.slide .pos { position: absolute; left: 0; bottom: 10px; text-align: center; width: 100%; }
.slide .pos a { display: inline-block; display: inline-block; width: 10px; height: 10px; border-radius: 100%; 
border:solid 2px #fff;line-height: 8px; text-align: center; font-size: 0;margin: 0 4px; transition: .3s; text-decoration: none; }
.slide .pos a:hover, .slide .pos a.active { background: #fff; }

/* footer*/
.ft {background:#3c3c3c;padding:20px 0;overflow: hidden;width: 100%;max-width: 100%;}
.ft_cont{margin:0 auto;max-width:1600px;position: relative;}
.ft_cont:after{display:block;content:'';clear:both}
.ft_cont p {color:#bdbdbd;font-size:14px;line-height:24px}
.ft_cont p:last-child{margin-top:15px;color:#a0a0a0}
.ft_cont a{color:#bdbdbd;font-size:15px}
.ft .top_btn{color: #656565;opacity: 0.5;font-size: 35px;position: fixed;bottom: 50px;right: 30px;}
.ft_cont .ft_sns {position: absolute;right: 0;top: 0;}
.ft_cont .ft_sns li{float:left;}
.ft_cont .ft_sns li + li{margin-left:15px}
/*index*/
#main_w section:after{clear:both;display:block;content:''}

#main_w section h3{font-family: 'Do Hyeon', sans-serif;text-align:center;font-size:40px;color:#1c1c1c;}
#main_w section h3 b{color:#ec2028}

#main_w #section01{padding:70px 0;text-align:center;background:url('/home/img/section01_bg.png') no-repeat center center;}
#main_w #section01 p{color:#1c1c1c;font-size:17px;margin-top:10px}
#main_w #section01 p + p{margin-top:20px}
#main_w #section02{padding:40px 0;background:url('/home/img/section02.png') no-repeat center center / cover;}
#main_w #section02 h2{font-size:40px;color:#3f3f3f;}
#main_w #section02 p{color:#fff;font-size:16px;color:#3f3f3f;margin:20px 0 35px}
#main_w #section02 .but{border: solid 1px #707070;padding: 8px 30px;font-size: 15px;color: #3f3f3f;display: inline-block;}
#main_w #section03{padding:70px 0}
#main_w #section03 .owl-carousel{width:65%;margin-top:40px;text-align:center}
#main_w #section03 .owl-item a{color:#484848;font-size:16px;display: block;width: 200px;    margin: 0 auto;}
#main_w #section03 .owl-item a + a{margin-top:5px}

/*sub*/
.sub_bg_w{position: relative;height:335px;}
.sub_bg{background:url('/home/img/sub_bg.png') no-repeat center center / cover;height:280px;position: relative;text-align:center}
.sub_bg .container{height:100%}
.sub_bg .sub_bg_text{font-size: 42px;color: #282828 !important;font-weight: 500;text-transform: uppercase;display:block}
.sub_bg .sub_bg_text02{font-size:15px; color:#717171}


.sub_w{text-align:left;padding:60px 0 120px;box-sizing: border-box;}


.title_w{
    border-bottom: solid 1px #666666;
    padding: 70px 15px 10px;
    box-sizing: border-box;
	margin-bottom: 30px;
}
.title_w h2{
    float: left;
	font-weight:500;
	color:#3d3d3d;
	font-size:35px
}
.title_w:after{
	display:block;
	content:'';
	clear:both
}
.route {
  text-align: center;
  color: #787878;
  display: inline-block;
  font-size: 13px;
  margin-top:10px
}
.route > a:first-child img{
	vertical-align: middle;
}
.route > * {
  float: left;
  text-transform: uppercase;
}

.route > a:after {
  content:'>';
  margin:0 6px;
  color: #787878;
  display:block
  float:left
}
.route > a:last-child:after {
  display:none
}
/* snb */
#snb1 li,#snb2 li{width:25%}
#snb3 li{width:33%}
#snb4,#snb5,#snb6,#snb7,#snb8,#snb9{display:none}

.snb {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  line-height: 55px;
  height: 55px;
  background:#fff;
  text-align: center;
  border-bottom:solid 1px #b7b7b7;
}

.snb ul {
  vertical-align: bottom;
}
.snb li {
  text-align: center;
}
.snb a {
  display: block;
  color: #444444;
  font-size: 17px;
}

.snb a.active {
  font-weight: 500;
  border-bottom:solid 2px #ec2028;
}
.float-wrap > * {
  float: left;
}

.float-wrap:after {
  content: "";
  display: block;
  clear: both;
}
@media (max-width: 1199px) {
  .snb a {
    min-width: 100px;
    font-size: 17px;
    padding: 0 20px;
    width: auto;
  }
}

@media (max-width: 767px) {
  .snb {
    height: auto;
    line-height: 1;
  }
  .snb a {
    font-size: 11px;
    padding: 15px;
    width: auto;
    min-width: 0;
  }
}

.sub_con{box-sizing: border-box; margin: 50px auto 0;position: relative;}
.sub_con p{line-height: 25px;font-size:16px; word-break: keep-all;}
.top_title{color:#fff;font-size:37px !important;font-weight:bold !important;margin-bottom:15px;text-align:center}
.top_title:after{width:50px;height:3px;background:#26364a;margin:30px auto 10px;content:'';display:block}

#sub11{text-align:center}
#sub11 h4{ font-size: 17px; padding-bottom: 5px; color:#444444;}
#sub11 h3{font-size: 33px; padding-bottom: 20px; font-weight:600}
#sub11 h3 b{color:#ec2028}
#sub11 .bg {
  background: url(../img/ick_bg.png) no-repeat center;
  background-attachment: fixed;
  position: relative;
  color: #444444;
  padding: 100px 0;
}

#sub11 .bg:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.75;
}
#sub11 .bg > div {
  position: relative;
  z-index: 10;
  max-width: 1200px;
}

#sub12{text-align:center}
#sub12 img{ margin-bottom: 40px;}
#sub12 h3{font-family: 'Noto Serif KR', serif;font-size:30px;margin-bottom:10px}
#sub12 span{margin-top:30px;display:block}
#sub13 .bg {
  background: url(/home/img/vision.png) no-repeat center/cover;
  position: relative;
}

#sub13 .bg:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  opacity: 0.6;
}

#sub13 .bg > div {
  position: relative;
  color: #fff;
  padding: 200px;
  text-align: center;
}
.vision{text-align:center}
.vision h2{margin-bottom:50px;font-size:45px;font-weight:500}
.vision ul{display:inline-block}
.vision ul li{float:left;width:350px;text-align:center}
.vision ul li .vision_img{margin:0 auto;border:solid 3px #fff;border-radius: 50%;width: 140px;height: 140px;background:rgba(0,0,0,0.5)}
.vision .desc{font-size:18px;display:block;margin-top:10px;font-weight: inherit;}
/* history */


.history-content {
  position: relative;
  padding-top: 200px;
}

.history-content:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #bebebe;
  color: #fff;
  border: none;
  display: inline-block;
  line-height: 10px;
  text-align: center;
  left: calc(50% - 4px);
  top: 50px;
}

.history-content:after {
  content: "";
  position: absolute;
  top: 50px;
  left: 50%;
  bottom: 0;
  width: 1px;
  background: #bebebe;
  display: block;
}

.history-content > li {
  width: 50%;
  padding-bottom: 50px;
  position: relative;
}

.history-content > li dt {
  font-size: 35px;
  font-weight: 600;
  letter-spacing: -0.5px;
  position: relative;
  padding-bottom: 25px;
}

.history-content > li dt:before {
  content: "";
  position: absolute;
  top: 25px;
  background: #ddd;
  height: 1px;
  width: 50px;
  display: block;
}

.history-content > li dl {
  display: inline-block;
  max-width: 500px;
}

.history-content > li:before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 11px;
  background: #fff;
  color: #fff;
  border: 6px solid #e60021;
  display: inline-block;
  line-height: 11px;
  text-align: center;
  z-index: 10;
  top: 14px;
}


.history-content > li:nth-child(2n+1) {
  margin-left: calc(50% - 2px);
}

.history-content > li:nth-child(2n+1):before {
  margin-left: -9px;
}

.history-content > li:nth-child(2n+1) dl {
  padding-left: 65px;
}

.history-content > li:nth-child(2n+1) dt:before {
  left: -66px;
}

.history-content > li:nth-child(2n) {
  text-align: right;
}

.history-content > li:nth-child(2n):before {
  right: -12px;
}

.history-content > li:nth-child(2n) dl {
  padding-right: 65px;
  text-align: left;
}

.history-content > li:nth-child(2n) dt:before {
  left: 100px;
  width: calc(100% - 35px);
}

.history-content > li:nth-child(2n) dd {
  text-align: left;
}

.history-content > li p {
  display: flex;
  line-height: 32px;
}

.history-content > li p .year {
  font-size: 19px;
  color: #e60021;
  font-weight: 400;
  width: 50px;
}

.history-content > li p .desc {
  width: calc(100% - 50px);
  display: block;
  letter-spacing: -0.5px;
}


@media (max-width: 1199px) {
  .history-content {
    padding: 150px 20px 0;
  }
  .history-content > li dt {
    font-size: 31px;
    padding-bottom: 20px;
  }
  .history-content > li p .year {
    font-size: 17px;
  }
  .history-content > li p .desc {
    width: calc(100% - 50px);
    display: block;
    letter-spacing: -0.5px;
    font-size: 13px;
  }
  
}

@media (max-width: 767px) {
  .history-content:before {
    left: 16px;
    top: 100px;
  }
  .history-content:after {
    left: 20px;
    width: 1px;
  }
  .history-content > li {
    width: auto;
    padding-bottom: 70px;
    position: relative;
    margin-left: 0;
  }
  .history-content > li dt {
    font-size: 29px;
  }
  .history-content > li dt:before {
    width: 30px;
    top: 14px;
  }
  .history-content > li:before {
    top: 3px;
  }
  .history-content > li:nth-child(2n+1), .history-content > li:nth-child(2n) {
    margin-left: 0;
  }
  .history-content > li:nth-child(2n+1):before, .history-content > li:nth-child(2n):before {
    margin-left: -9px;
  }
  .history-content > li:nth-child(2n+1) dl, .history-content > li:nth-child(2n) dl {
    padding-left: 35px;
  }
  .history-content > li:nth-child(2n+1) dt:before, .history-content > li:nth-child(2n) dt:before {
    left: -36px;
  }
  .history-content > li:nth-child(2n) {
    text-align: left;
  }
  .history-content > li:nth-child(2n):before {
    right: inherit;
  }
  .history-content > li:nth-child(2n) dl {
    padding-right: inherit;
  }
  .history-content > li:nth-child(2n) dt:before {
    width: 30px;
  }
}
.lens_text{line-height:24px !important;text-align: center;margin-bottom: 30px;}
.lens{max-width:1200px;margin: 0 auto;position: relative;}
.lens li{float:left;width:calc(25% - 20px);text-align:center;font-size:16px;color:#9f9f9f;margin-bottom:20px}
.lens li + li{margin-left:20px}
.lens li:nth-child(5n){margin-left:0}
.lens li img{display:block;margin:0 auto;}

#sub24 .lens{text-align:center}
#sub24 .lens ul{display: inline-block;}
#sub24 .lens li{width:auto !important;margin-left:20px !important}

#sub31 section{margin-top:40px}
#sub31 h3{font-size:22px;margin-bottom:5px;}
#sub31 h3 i{margin-right:5px}
#sub31 p{font-size:15px}

#sub32 section{margin-top:40px;height:200px}
#sub32 section:after{display:block;clear:both;content:''}
#sub32 section img{float:left;border:solid 1px #ccc}
#sub32 section div{margin-left:20px}
#sub32 h3{font-size:22px;margin-bottom:5px;}
#sub32 p{font-size:15px}

.s_table{margin-bottom:20px}
.s_table{width:100%;}
.s_table tr #color{background:#767676;color:#fff;padding:15px 0;font-weight:600;font-size:16px}
.s_table tr th{background:#f5f5f5;}
.s_table tr th:first-child{width:10%}
.s_table tr th , .s_table tr td{padding:10px 0; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.s_table tr th{font-weight:400}
.s_table tr th:last-child , .s_table tr td:last-child{border-right:0;}
.s_table i{font-size:18px}

#sub41 p b{font-size:19px;display:block;margin-top:10px}
#sub41 p{}
#sub41 span{display:block;font-size:16px;margin-top:10px}
#sub41 span:before{content:'';background:#333;display: inline-block;
    width: 6px;height: 6px;vertical-align: middle;margin:0 5px 2px 0;}

#sub51,#sub41,#sub81,#sub91{padding:0 0 120px}
#sub51 .thum_w{max-width:1100px;margin: 0 auto;text-align: center;}
#sub51 .thum_w:after{display:block;content:'';clear:both}
#sub51 .thum{display: inline-block;width:33%;text-align:center;margin-bottom:30px}
#sub51 .thum p{font-size:18px;font-weight:700;margin-top:15px;color:#000}
#sub51 .thum img{border:solid 1px #ccc;padding:20px}

#sub61 .info-wrap {
  text-align: center;
  margin-top: 40px;
}

#sub61 .info {
  display: inline-block;
  text-align: left;
}

#sub61 .info li {
  padding: 0;
}

#sub61 .info li + li {
  margin-top: 15px;
}

#sub61 .info strong {
  font-size: 18px;
  color: #107edb;
  display: inline-block;
  width: 100px;
}

@media (max-width: 767px) {
  #sub61 iframe {
    height: 50vw;
  }
  #sub61 .info-wrap {
    text-align: left;
    margin-top: 20px;
  }
  #sub61 .info {
    display: block;
  }
  #sub61 strong {
    display: block;
  }
  #sub61 span {
    display: block;
    margin-top: 5px;
    margin-left: 5px;
  }
}

/*inquiry*/
#sub81 table {width:100%;border-collapse: collapse; border-top:1px solid #ddd;}
#sub81 th {width:20%;border:1px solid #ddd;text-align:center;font-size:14px;font-weight:500}
#sub81 td {border:1px solid #ddd;padding:10px;font-size:14px;color:#666}
#sub81 .btn_submit {border-radius:3px;background:#333;padding:8px 0px;font-size:14px; text-align:center;width:100px;}
#sub81 input , #sub81 textarea{width:100%; border:1px solid #ddd;  padding:7px 0;}
#sub81 input[type=checkbox]{width:auto;}

span.middle{
display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
}
span.middle + * {
  display: inline-block;
  vertical-align: middle;
}

#regi{padding:80px 0}
#fregisterform{max-width:1200px;margin:0 auto;padding:80px 0}
@media (max-width: 1700px){#m_slider .pos{display:none}}

@media (max-width: 1199px) { #m_slider .slide { height: 50vw; }
}

@media (min-width:769px) and (max-width:1600px){
	.container{padding:0 15px;box-sizing: border-box;}
     #header { width:100%;padding:0;height:auto }
	#header #logo {float:none;text-align:center;margin:10px 0}

	#nav{margin:0}
	#nav_btn{display:block;}
	.nav_wrap{clear:both;text-align:center;width: 100%;margin-top:0;line-height: 15px;}
	#nav{display:none;float: none;position: absolute;left: 0;width: 100%;z-index:99;background:#fff;margin-left:0;
		border-bottom:solid 3px #26364a;padding:0;border-top: 1px solid #ddd;}
		#nav > li{float: none;text-align: left;border-bottom: 1px solid #ddd;width:100%}
		#nav > li:last-child{border-bottom: none;padding:0}
		#nav > li > a{padding: 10px 15px;font-size:15px;text-decoration: none;margin:0;color:#222;line-height: initial;}
		#nav > li:hover > a{color:#26364a;font-weight:bold}
		#nav > li > a:focus{color:#26364a}
		#nav > li > ul{position: static;padding: 0;width: 100%;border-left: none !important;background: #fff;border:none;border-top: 1px solid #ddd !important;height:auto}
		#nav > li > ul li a{display: block;padding: 7px 15px 7px 15px;font-size: 14px;border-radius: 0;border-bottom: 1px solid #eee;color:#000}
		#nav > li > ul li a:last-child{border-bottom: none;}
		#nav > li > ul li a:hover{color: #26364a;background: #f5f5f5;}
		#nav > li > ul li a::before{content: "- ";}
		#nav > li > ul li{padding:0}


	#m_slider_w{height: 50vw;}
	#m_slider{position: relative;}
	#m_slider .slide ul{height: 50vw;}

	.ft_cont{padding:0 15px;text-align:center}
	.ft_cont .ft_left{float:none}
	.ft_cont .ft_left ul{display:none}
	.ft_cont .copy{float:none;width:100%;margin:0}
	#m_slider .slide{max-width:100%}
	#m_slider .pos{display:none}

	.sub_bg{position: relative;height:300px;}

	#section01{padding:30px 0}
	#section01 .container{overflow: inherit}
	#section01 ul li{width:33%;height: auto;}
	#section01 ul li a{padding:0 }
	#section01 ul li + li:before{float:left}
	#section01 ul li img{margin:0 auto !important;display:block}
	#section01 ul li .text{display:block}
	#section01 ul li h2{text-align:center;margin-bottom:0}
	#section01 ul li p{display:none}
	#section03 ul li{width:90%;float:none;margin:0 auto 40px !important}
	#section03 ul li:last-child{margin:0 auto !important}
	#section05 a{width:48%}

	.map_tx .stit{width:100%;padding:15px 0}
	.map_tx .con{margin:0;padding:20px 0; width:100%;}
	.map_tx .con #subway b{margin:5px 0;display:block}

}
@media (max-width:768px){/*모바일*/
	.container{padding:0 15px;box-sizing: border-box;}
    #header { width:100%;padding:0;height:auto }
	#header_wrap{}
    #header #logo {padding:30px 0;text-align:center;float:none}

	#nav{margin:0}
	#nav_btn{display:block;}
	.nav_wrap{clear:both;text-align:center;width: 100%;margin-top:0;line-height: 15px;}
	#nav{display:none;float: none;position: absolute;left: 0;width: 100%;z-index:99;background:#fff;margin-left:0;
		border-bottom:solid 3px #26364a;padding:0;border-top: 1px solid #ddd;}
		#nav > li{float: none;text-align: left;border-bottom: 1px solid #ddd;width:100%}
		#nav > li:last-child{border-bottom: none;padding:0}
		#nav > li > a{padding: 10px 15px;font-size:15px;text-decoration: none;margin:0;color:#222;line-height: initial;}
		#nav > li:hover > a{color:#26364a;font-weight:bold}
		#nav > li > a:focus{color:#26364a}
		#nav > li > ul{position: static;padding: 0;width: 100%;border-left: none !important;background: #fff;border:none;border-top: 1px solid #ddd !important;height:auto}
		#nav > li > ul li a{display: block;padding: 7px 15px 7px 15px;font-size: 14px;border-radius: 0;border-bottom: 1px solid #eee;color:#000}
		#nav > li > ul li a:last-child{border-bottom: none;}
		#nav > li > ul li a:hover{color: #26364a;background: #f5f5f5;}
		#nav > li > ul li a::before{content: "- ";}
		#nav > li > ul li{padding:0}
	#m_slider_w{height:auto}
	#m_slider{border-top:none !important;position: relative;}
	#m_slider .slide ul{height:100%}
	#m_slider .pos{display:none}
	
	.ft{text-align: center;}
	.ft_cont{padding: 0 15px;box-sizing: border-box;}
	.ft_cont .copy{float:none;width:100%;margin:0}
	.ft_cont .ft_sns{    position: relative;margin:10px 0}
	.ft_cont .ft_sns{display:inline-block}
	.sub_bg_w{height:300px}
	.sub_bg{position: relative;padding:50px 0;height:30vw;}
	.top_title{line-height:40px !important}
	#sub32 section{height:auto}
	#sub32 section div{margin:0}
	
	#sub13 .bg > div{padding:20px 15px}
	.vision ul{display:block}
	.vision ul li{float:none;width:100%;margin-bottom:15px}

	.lens li{width:calc(50% - 20px)}
	.lens li:nth-child(odd){margin-left:0}
	#sub51 .thum_w{width:100%;}
	#sub51 .thum{width:48%}
	#sub51 .thum img{box-sizing: border-box;}
	}