@charset "utf-8";

/*메인-슬라이더*/
.control { position: inherit; top: 40%; z-index: 105; display: inline-block; right: 50%;} 
.swiper-container .m_text{ position:absolute; z-index:100;     left: 50%;    transform: translate(-50%, -50%);    top: 50%;display:table; text-align:center;}
.swiper-container .m_text h2{ margin-top:20px;}
.swiper-container .m_text img{    width: 200px;    margin-top: 120px;}
.swiper-container .m_text p.c1{font-family:'Noto Sans KR';color:#fff;font-size:1.5em; letter-spacing:-1px; text-shadow:0px 0px 2px #333;}
.swiper-container .m_text p.c2{color:#fff;font-size:3.5em; line-height:1.8em; font-weight:500;letter-spacing:-1.5px;
 text-shadow:0px 0px 3px #333;}
@media (max-width: 991px) {
	.swiper-container .m_text{ l}
	.swiper-container .m_text h2{ width:60%; margin:10px auto 0 auto; box-sizing:border-box; padding:0 20px;}
	.swiper-container .m_text h2 img{ width:100%;}
	.swiper-container .m_text p.c1{ font-size:1.1em; letter-spacing:-0.5px;}
.swiper-container .m_text img{    display: none;}
	.swiper-container .m_text p.c2{ font-size:1.6em; line-height:1.2em;letter-spacing:-1px;}
	.swiper-pagination{ top:10px;}
	.swiper-button-next{ display:none !important;}
	.swiper-button-prev{ display:none !important;}
}
/*@media (max-width: 767px) {
.swiper-container .mtxt{display:none;}
.swiper-container .mtxt img{width:100%;}
.swiper-container .m_text{ position:absolute; width:80%; margin:0px 10% auto; z-index:100; left: 50%;margin-left: -550px;top: 20px; display:table; text-align:center}
.swiper-container .m_text h2{ font-family:'Noto Sans KR';color:#fff; font-size:2.7em; letter-spacing:-.08em;  font-weight:bold; padding-top:0px; line-height: 1.0em;}
.swiper-container .m_text h2 span{ font-family:'Noto Sans KR';color:#fff; font-size:0.4em; letter-spacing:-.02em;  font-weight:bold; font-weight:500}
.swiper-container .m_text p{font-family:'Noto Sans KR';color:rgba(255,255,255,0.8);font-size:1.0em; padding-top:10px;}
}*/
/*메인-슬라이더 백그라운드지정*/
.swiper-pagination-bullets {top: unset!important; bottom: 30px;}
.swiper-pagination-bullet-active {    opacity: 1;    background: #0068b7!important;}
.m01{background:url(../img/main/m_img01.jpg) no-repeat center top; width:100%; height:calc(100vh - 300px) !important; transition: all 0.5s;}
.m02{background:url(../img/main/m_img02.jpg) no-repeat center top; width:100%; height:calc(100vh - 300px) !important; transition: all 0.5s;}
.m03{background:url(../img/main/m_img03.jpg) no-repeat center top; width:100%; height:calc(100vh - 300px) !important; transition: all 0.5s;}
@media (max-width: 991px) {
	.m01{ background-size:cover; width:100%; height:300px !important; transition: all 0.5s;}
	.m02{ background-size:cover; width:100%; height:300px !important; transition: all 0.5s;}	
	.m03{ background-size:cover; width:100%; height:300px !important; transition: all 0.5s;}	
}




.bounce {
  animation: bounce 2s ease infinite;
}
.bounce1 {
  animation: bounce 2s ease infinite;
	animation-delay: 0.5s;
}
.bounce2 {
  animation: bounce 2s ease infinite;
	animation-delay: 1s;
}
@keyframes bounce {
    70% { transform:translateY(0%); }
    80% { transform:translateY(-15%); }
    90% { transform:translateY(0%); }
    95% { transform:translateY(-7%); }
    97% { transform:translateY(0%); }
    99% { transform:translateY(-3%); }
    100% { transform:translateY(0); }
}




.m_content_area {    margin: 50px 0 100px;}
.m_content00{ background:#fff; width:calc(100% - 80px); margin: 40px;}
.m_content00 > div{ display: flex;}
.m_content_area > h3{ font-size:2.50em; color:#0068b7; margin:10px 0 30px ; font-weight:700}
.m_content_area > h2{ font-size:1.50em; color:#353535; line-height: 1.8em; font-family: 'Noto Sans KR';font-weight:400}
.m_content00 .m_box{width: 100%;    background: linear-gradient(180deg,#f8f8f8, #fdfdfd);    border-radius: 5px; padding:20px; transition:all 0.3s;}
.m_content00 .m_box:hover{ background:#0068b7; transition:all 0.3s;}
.m_content00 .m_box .t i{ font-size:2.50em;
    border: 1px solid #0068b7;
    border-radius: 50px;
    padding: 20px;
    width: 90px;
    height: 90px; }
.m_content00 .m_box .t{ font-size:1.50em; color:#353535; margin:0 0 10px; font-weight:700}
.m_content00 .m_box .c{ font-size:1.10em; color:#9b9b9b; line-height: 1.4em; font-family: 'Noto Sans KR'}
.m_content00 .m_box:hover .c, .m_content00 .m_box:hover .t {color: #fff}
.m_content00 .m_box:not(:last-child){ margin-right:10px}
.m_content00 .m_box:last-child{ border-right:0px}
.m_content00 .m_banner{border-right:1px solid #ebe8e4;  border-top:1px solid #ebe8e4; border-right:1px solid #ebe8e4; padding:20px}
.m_content00 .m_banner:last-child{border-right:1px solid #ebe8e4;  border-top:1px solid #ebe8e4; border-right:0px}
.m_content00 .m_banner .t{ font-size:1.50em; color:#353535; margin:0 0 10px; font-weight:600}
.m_content00 .m_banner .c{ font-size:1.10em; color:#9b9b9b; line-height: 1.4em;}
.m_content00 .m_tel{font-family: 'Noto Sans KR';font-size: 3.5em;color: #363636; line-height:0.8; font-weight:400}
.m_content00 .m_f_box{font-family: 'Noto Sans KR';background:#282a52; border:0px; padding:3px 6px; font-size:1.00em; color:#fff; margin-right:10px}
@media (max-width: 991px) {
	.m_content_area{ height:auto}
	.m_content_area.v1 {    margin: 50px 0 50px;}
	.m_content00{position:relative; width:calc(100% - 40px); margin: 20px;}
	.m_content00 .m_box .t i{ font-size:1.5em;     padding: 8.5px;    width: 50px;    height: 50px;}
	.m_content00 .m_box:nth-child(3) .t i{     padding: 10px 8.5px 0; }
	.m_content00 .m_box{  border-top:1px solid #ebe8e4; padding:20px; border-right:0px}
	.m_content00 .m_box .c br{ display: none}
	.m_content00 .m_box:first-child{border-top:0px }
	.m_content00 > div {    flex-wrap: wrap;}
	.m_content00 .m_box:not(:last-child){ margin-right:0px; margin-bottom: 0px}
}

ul.tabs{    margin: 20px auto;    display: flex;    flex-wrap: wrap;    padding: 10px;    background: #f3f3f3;    border-radius: 5px;    list-style: none;    justify-content: center;    width: fit-content;}
ul.tabs li{    font-family: 'Noto Sans KR';  background: #f3f3f3;  color: #222;  display: inline-block;  padding: 10px 15px;  cursor: pointer;margin: 0 5px; font-size: 1.2em}
ul.tabs li a{ color: inherit}
ul.tabs li.current{  background:linear-gradient(305deg, #0068b7, #31a2f8);	color: #fff;    border-radius: 5px;	box-shadow: 1px 2px 8px 0 #aaa;	font-weight: 800}
.tab-content{  display: none; }
.tab-content.current{  display: inherit;}

@media (max-width: 991px) {
	ul.tabs{ border-radius: 0px;  }
}

/*메인-배너2*/
.m_content02{ width:100%; background:#fff; padding:40px 0 100px 0}
.m_content02 .title{ color: #00002c;font-size: 1.45em;font-weight: 500;line-height: 2.4em;letter-spacing: -.050em;}
.m_content02 .st{ color: #00002c;font-size: 1.40em;font-weight: 300;line-height: 2.0em;letter-spacing: -.050em;}
.m_content02 .cont{ color:rgb(255,255,255,0.7); font-size:1.05em; letter-spacing:-.050em}
.m_content02 .content02_area{width:1100px; margin:0px auto}

@media (max-width: 991px) {
	.m_content02{ width:100%; background:#fff; padding:40px 0 0}
	.m_content02 .title{ color: #00002c;font-size: 1.45em;font-weight: 500;line-height: 1.4em;letter-spacing: -.050em; margin:0 0 10px}
	.m_content02 .st{ color: #00002c;font-size: 1.40em;font-weight: 300;line-height: 1.20em;letter-spacing: -.050em; margin:0 0 10px}
	.m_content02 .content02_area{ width:100%;}
}


/*메인-배너2  타이틀*/
.m_content02 #main_ban{width:100%; min-width:1100px;}
.m_content02 .main_ban_in{width:1100px; margin:0 auto; padding:50px 0 0 0;}
.m_content02 .main_ban_in h2{/*background:url(../img/main/con_title01.gif) no-repeat center top;*/ font-weight:500; line-height:1.2em; letter-spacing:-0.020em; color:#00002c; font-size:2.0em !important;text-align:center; padding-bottom: 20px;font-family: 'Nanum Myeongjo', sans-serif, tahoma, sans-serif;}
.m_content02 .main_ban_in h2 span{font-weight:700;}
.m_content02 .main_ban_in .con{color:rgb(0,0,0,0.7); color:rgba(0,0,0,0.7); text-align:center; font-size:1.25em; line-height:1.3em; /*margin-bottom:40px;*/ letter-spacing:-0.8px; font-weight: 600;}
.m_content02 .main_ban_in .con02{color:rgb(0,0,0,0.7); color:rgba(0,0,0,0.7); text-align:center; font-size:3.00em; line-height:1.3em; /*margin-bottom:40px;*/ letter-spacing:-.080em; font-weight: 300; font-family:'Noto Sans KR';}
.m_content02 .main_ban_in .box_list li{float:left; text-align:center;}
.m_content02 .main_ban_in .box_list .title{width:110px; background:#666; color:#fff; border-radius:50px; text-align:center;margin:0 auto; padding:10px; font-size:17px; margin-bottom:28px;}
.m_content02 .main_ban_in .box_list li.last{margin-right:0;}
.m_content02 .main_ban_in .box_list li .over{position:relative; overflow:hidden;}
.m_content02 .main_ban_in .box_list li .over img{width:100%; height:auto; transition:all 0.4s;}
.m_content02 .main_ban_in .box_list li .over:hover img{transform:scale(1.2);}
.m_content02 .main_ban_in .box_list:last-child{margin-top:60px;}

@media screen and (max-width:1082px) {
	.m_content02 #main_ban{width:100%; min-width:100%;}
	.m_content02 .main_ban_in{width:100%; padding:30px 0 0 0;}
	.m_content02 .main_ban_in h2{font-size:18px;}
	.m_content02 .main_ban_in h2 span{font-weight:700; display:block}
	.m_content02 .main_ban_in .con{font-size:13px; margin-bottom:30px;}
	.m_content02 .main_ban_in .box_list li{margin-bottom:10px;}
	.m_content02 .main_ban_in .box_list li.col-md-3{padding-right:5px; padding-left:5px;}
	.m_content02 .main_ban_in .box_list .title{width:80px; padding:6px; font-size:14px; margin-bottom:20px;}
	.m_content02 .main_ban_in .box_list:last-child{margin-top:30px;}
}

@media (max-width: 991px) {
	.m_content02 #main_ban{width:100%; min-width:100%;}
	.m_content02 .main_ban_in{width:100%; padding:30px 0 0 0;}
	.m_content02 .main_ban_in h2{font-size:18px;}
	.m_content02 .main_ban_in .con{font-size:13px; margin-bottom:30px;}
	.m_content02 .main_ban_in .box_list li{margin-bottom:10px;}
	.m_content02 .main_ban_in .box_list li.col-md-3{padding-right:5px; padding-left:5px;}
	.m_content02 .main_ban_in .box_list .title{width:80px; padding:6px; font-size:14px; margin-bottom:20px;}
	.m_content02 .main_ban_in .box_list:last-child{margin-top:30px;}
}


/*메인컨텐츠박스*/
.m_box01 { background:url(../img/main/m_box01.jpg) no-repeat; height:276px; padding: 90px 30px 30px 40px;}
.m_box02 { background:url(../img/main/m_box02.jpg) no-repeat; height:276px; padding: 90px 30px 30px 40px;}
.m_box03 { background:url(../img/main/m_box03.jpg) no-repeat; height:276px; padding: 50px;}
.m_box03_02 { background:url(../img/main/m_box03_02.jpg) no-repeat; height:276px; padding: 50px;}
.m_box03_03 { background:url(../img/main/m_box03_03.jpg) no-repeat; height:276px; padding: 50px;}
@media (max-width: 991px) {
	.m_box01 { background:url(../img/main/m_box01.jpg) no-repeat; background-size: cover; width:100%; height:auto; padding: 90px 30px 30px 40px; transition: all 0.5s; min-height: 290px !important;}
	.m_box02 { background:url(../img/main/m_box02.jpg) no-repeat; background-size: cover; width:100%; height:auto; padding: 90px 30px 30px 40px; transition: all 0.5s; min-height: 290px !important;}
	.m_box03 { background:url(../img/main/m_box03.jpg) no-repeat center; background-size: cover; width:100%; height:auto; padding: 40px;min-height:334px !important; transition: all 0.5s;}
	.m_box03_02 { background:url(../img/main/m_box03_02.jpg) no-repeat center; background-size: cover; height:auto; padding: 40px; min-height:334px !important ; transition: all 0.5s;}
	.m_box03_03 { background:url(../img/main/m_box03_03.jpg) no-repeat center; background-size: cover; height:auto; padding: 40px; min-height:334px !important ; transition: all 0.5s;}
}

/*메인-배너 */
#main_ban{width:100%; min-width:1100px;}
.main_ban_in{width:1100px; margin:0 auto; padding:50px 0 0 0;}
.main_ban_in h2{/*background:url(../img/main/con_title01.gif) no-repeat center top;*/ font-weight:600; line-height:1.2em; letter-spacing:-0.020em; color:#fff; font-size:2.5em !important;text-align:center; padding-bottom: 20px; font-family: 'Noto Sans KR';}
.main_ban_in .con{color:rgb(255,255,255,0.7);color:rgba(255,255,255,0.7); text-align:center; font-size:1.25em; line-height:1.3em;/* margin-bottom:40px; */letter-spacing:-0.8px; font-weight: 600;}
.main_ban_in .box_list li{float:left; text-align:center;}
.main_ban_in .box_list .title{width:110px; background:#666; color:#fff; border-radius:50px; text-align:center;margin:0 auto; padding:10px; font-size:17px; margin-bottom:28px;}
.main_ban_in .box_list li.last{margin-right:0;}
.main_ban_in .box_list li .over{position:relative; overflow:hidden;}
.main_ban_in .box_list li .over img{width:100%; height:auto; transition:all 0.4s;}
.main_ban_in .box_list li .over:hover img{transform:scale(1.2);}
.main_ban_in .box_list:last-child{margin-top:60px;}

@media screen and (max-width:1082px) {
	#main_ban{width:100%; min-width:100%;}
	.main_ban_in{width:100%; padding:30px 0 0 0;}
	.main_ban_in h2{font-size:18px;}
	.main_ban_in .con{font-size:13px; margin-bottom:30px;}
	.main_ban_in .box_list li{margin-bottom:10px;}
	.main_ban_in .box_list li.col-md-3{padding-right:5px; padding-left:5px;}
	.main_ban_in .box_list .title{width:80px; padding:6px; font-size:14px; margin-bottom:20px;}
	.main_ban_in .box_list:last-child{margin-top:30px;}
}

@media (max-width: 991px) {
	#main_ban{width:100%; min-width:100%;}
	.main_ban_in{width:100%; padding:30px 0 0 0;}
	.main_ban_in h2{font-size:18px;}
	.main_ban_in .con{font-size:13px; margin-bottom:30px;}
	.main_ban_in .box_list li{margin-bottom:10px;}
	.main_ban_in .box_list li.col-md-3{padding-right:5px; padding-left:5px;}
	.main_ban_in .box_list .title{width:80px; padding:6px; font-size:14px; margin-bottom:20px;}
	.main_ban_in .box_list:last-child{margin-top:30px;}
}



/* 2ea 배너*/
.m2_list{ width:100%; padding:0; margin:0}
.m2_list ul{}
.m2_list li{ display:inline-block; width:48%; margin:0 2% 0 0}
.m2_list li:last-child{ display:inline-block; width:48%; margin:0 0 0 2%}
.m2_list li .box{ box-shadow: 0 1px 1px rgba(0,0,0,0.08);  margin-bottom:30px}
.m2_list li .box .photo img{ width:100%}
.m2_list li .box .content{ padding:30px; text-align:center; /*border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;*/}
.m2_list li .box .content p.title{font-size:2.75em; line-height:0.8em;color:#55514d; font-weight:500; font-family:'Noto Sans KR';letter-spacing:-.055em}
.m2_list li .box .content p.st{font-size:0.95em; line-height:0em;color:#7d7771; font-weight:300; font-family:'Noto Sans KR';letter-spacing:-.055em}
.m2_list li .box .content p{ color:#51442b; font-size:1.22em; line-height:1.4em; margin:17px 0 0}

@media screen and (max-width:991px) {
	.m2_list{ /*width:100%;*/ padding:0; margin:0}
	.m2_list ul{}
	.m2_list li{ display:inline-block; width:100%; margin:0}
	.m2_list li:last-child{display:inline-block; width:100%; margin:0}
	.m2_list li .box{ box-shadow: 0 1px 1px rgba(0,0,0,0.08);}
	.m2_list li .box .photo{ max-width:100%}
	.m2_list li .box .content{ text-align:center;/*border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;*/}
}



/* 3ea 배너*/
.m3_list{ width:100%; padding:0; margin:0}
.m3_list ul{}
.m3_list li{ display:inline-block; width:31.33333333333%; margin:0 2% 0 0}
.m3_list li:nth-child(2){ display:inline-block; width:31.33333333333%; margin:0 1%}
.m3_list li:last-child{ display:inline-block; width:31.33333333333%; margin:0 0 0 2%}
.m3_list li .box{ box-shadow: 0 1px 1px rgba(0,0,0,0.08);  margin-bottom:30px}
.m3_list li .box .photo img{ width:100%}
.m3_list li .box .content{ padding:30px; text-align:center; /*border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;*/}
.m3_list li .box .content p.title{font-size:1.75em; line-height:0.8em;color:#55514d; font-weight:500; font-family:'Noto Sans KR';letter-spacing:-.055em}
.m3_list li .box .content p.st{font-size:0.95em; line-height:0em;color:#7d7771; font-weight:300; font-family:'Noto Sans KR';letter-spacing:-.055em}
.m3_list li .box .content p{ color:#51442b; font-size:1.02em; line-height:1.4em; margin:17px 0 0}

@media screen and (max-width:991px) {
	.m3_list{ width:100%; padding:0; margin:0}
	.m3_list ul{}
	.m3_list li{ display:inline-block; width:96%; margin:0 2%}
	.m3_list li:nth-child(2){ display:inline-block; width:96%; margin:0 2%}
	.m3_list li:last-child{display:inline-block; width:96%; margin:0 2%}
	.m3_list li .box{ box-shadow: 0 1px 1px rgba(0,0,0,0.08);}
	.m3_list li .box .photo{ max-width:100%}
	.m3_list li .box .content{ text-align:center;/*border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;*/}
}


/* 5ea 배너*/
.m5_list{ width:1100px; padding:0; margin:0px auto}
.m5_list ul{}
.m5_list li{ display:inline-block; width:19.5%; margin:0 0.5% 0 0}
.m5_list li:nth-child(2){ display:inline-block; width:19%; margin:0 0.5%}
.m5_list li:nth-child(3){ display:inline-block; width:19%; margin:0 0.5%}
.m5_list li:nth-child(4){ display:inline-block; width:19%; margin:0 0.5%}
.m5_list li:last-child{ display:inline-block; width:19.5%; margin:0 0 0 0.5%}
.m5_list li .box{ /*background:#fff;*/ margin-bottom:20px}
.m5_list li .box .photo{ text-align:center; padding:20px 0 0}
.m5_list li .box .content{ padding:20px 5px 30px 5px; text-align:center; /*border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;*/}
.m5_list li .box .content p.title{font-size:1.25em; line-height:0.8em;color:#1b1b1b; font-weight:500; font-family:'Noto Sans KR';letter-spacing:-.055em}
.m5_list li .box .content p.st{font-size:0.95em; line-height:0em;color:#7d7771; font-weight:300; font-family:'Noto Sans KR';letter-spacing:-.055em}
.m5_list li .box .content p{ color:rgb(51,51,51,0.7);color:rgba(51,51,51,0.7); font-size:1.02em; line-height:1.35em; margin:17px 0 0}

@media screen and (max-width:1082px) {
	.m5_list{ width:100%; padding:0; margin:0}
	.m5_list ul{}
	.m5_list li{ display:inline-block; width:49%; margin:0 1% 0 0}
	.m5_list li:nth-child(2){ display:inline-block; width:49%; margin:0 0 0 1%}
	.m5_list li:nth-child(3){ display:inline-block; width:49%; margin:0 1% 0 0}
	.m5_list li:nth-child(4){ display:inline-block; width:49%; margin:0 0 0 1%}
	.m5_list li:last-child{display:inline-block; width:100%; margin:0}
	.m5_list li .box{ background:#fff; margin-bottom:15px}
	.m5_list li .box .photo{ max-width:100%}
	.m5_list li .box .content{ text-align:center;}
}

/*@media screen and (max-width:767px) {
.m5_list{ width:100%; padding:0; margin:0}
.m5_list ul{}
.m5_list li{ display:inline-block; width:96%; margin:0 2%}
.m5_list li:nth-child(2){ display:inline-block; width:96%; margin:0 2%}
.m5_list li:nth-child(3){ display:inline-block; width:96%; margin:0 2%}
.m5_list li:nth-child(4){ display:inline-block; width:96%; margin:0 2%}
.m5_list li:last-child{display:inline-block; width:96%; margin:0 2%}
.m5_list li .box{ background:#fff; margin-bottom:15px}
.m5_list li .box .photo{ max-width:100%}
.m5_list li .box .content{ text-align:center;}
}*/


/* 8ea 배너*/
.m8_list{ width:1100px; padding:0; margin:0px auto}
.m8_list ul{ background:url(../img/main/icon_bar.png) repeat-y left;}
.m8_list li{ display:inline-block; width:12.5%; margin:0; text-align:center; }
.m8_list li img{ height:45px}
.m8_list li a{color:rgb(255,255,255,0.6);color:rgba(255,255,255,0.6);  font-size:1.25em; letter-spacing:-.070em; font-weight:500;  font-family:'Noto Sans KR'; display:block; background:url(../img/main/icon_bar.png) repeat-y right; padding:20px 0;}
.m8_list li a:hover{ background:#1451b5; color:#fff}
.m8_list li img{  margin:0px auto; padding: 0 0 10px;}
.m8_list li .box{ background:#fff; margin-bottom:20px}
.m8_list li .box .photo{ text-align:center; padding:20px 0 0}
.m8_list li .box .content{ padding:20px 20px 30px 20px; text-align:center; /*border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;*/}
.m8_list li .box .content p.title{font-size:1.25em; line-height:0.8em;color:#46340f; font-weight:500; font-family:'Noto Sans KR';letter-spacing:-.055em}
.m8_list li .box .content p.st{font-size:0.95em; line-height:0em;color:#7d7771; font-weight:300; font-family:'Noto Sans KR';letter-spacing:-.055em}
.m8_list li .box .content p{ color:#6b6454; font-size:1.00em; line-height:1.2em; margin:17px 0 0}

@media screen and (max-width:1082px) {
	.m8_list{ width:100%; padding:0; margin:0}
	.m8_list ul{}
	.m8_list li{ display:inline-block; width:25%; margin:0; color:#fff}
	.m8_list li .box{ background:#fff; margin-bottom:15px}
	.m8_list li .box .photo{ max-width:100%}
	.m8_list li .box .content{ text-align:center;}
}

@media screen and (max-width:767px) {
	.m8_list{ width:100%; padding:0; margin:0}
	.m8_list ul{}
	.m8_list li{ display:inline-block; width:50%; margin:0; color:#fff}
	.m8_list li .box{ background:#fff; margin-bottom:15px}
	.m8_list li .box .photo{ max-width:100%}
	.m8_list li .box .content{ text-align:center;}
}

.m_btn01 a{display:block; padding:10px 15px; color:#2193f4; font-size:1.25em; border:1px solid #2193f4; border-radius:3px; text-align:center; width:20%; margin:0px auto}
.m_btn01 a:link{ color:#fff}
.m_btn01 a:hover{background:#2193f4; color:#fff; font-weight:600; border:1px solid #2193f4; text-decoration:none}
.m_btn01 span{ color:#f7ce3f; font-weight:bold}

@media (max-width: 767px) {
	.m_btn01 a{display:block; padding:10px 15px; color:#2193f4; font-size:1.15em; border:1px solid #2193f4; border-radius:3px; text-align:center; width:80%; margin:0px 10% auto}
	.m_btn01 a:link{ color:#fff}
	.m_btn01 a:hover{background:#2193f4; color:#fff; font-weight:600; border:1px solid #2193f4; text-decoration:none}
	.m_btn01 span{ color:#f7ce3f; font-weight:bold}
}

/*고객센터*/
.m_cus_tel{font-family: 'Noto Sans KR';font-size: 5.5em;color: #363636; line-height:0.8; font-weight:400}
@media (max-width: 767px) {
	.m_cus_tel{font-family: 'Noto Sans KR';font-size: 2.5em;color: #363636; line-height:1.0em}
}
.f_box{font-family: 'Noto Sans KR';background:#282a52; border:0px; padding:3px 6px; font-size:1.00em; color:#fff; margin-right:10px}
.f_num{font-family: 'Noto Sans KR'; font-size:1.2em; font-weight:600}
.e_box{font-family: 'Noto Sans KR'; background:#0068b7; border:0px; padding:3px 6px; font-size:1.15em; color:#fff; margin-right:10px}
.m_time{font-family: 'Noto Sans KR';font-size: 1.3em;color: #363636; line-height:1.0em}
@media (max-width: 767px) {
	.cus_align{ text-align:center}
}

/*버튼관련*/
.m_btn00{  background: transparent; border:1px solid #425f90; padding:15px 20px ; text-align:center; color:#425f90;  font-size:1.20em; font-weight:600}
.m_btn01{  background: #0c44a0; padding:15px 20px ; text-align:center; color:#fff;  font-size:1.20em; font-weight:600}
.m_btn02{ background: #fff; border:1px solid #444445; padding:15px 20px ; text-align:center; color:#444445; font-size:1.20em; font-weight:600}


/*하단 문의*/
#bottom_cus{
    position: relative; background:url(../img/main/bottom_cus_bg.jpg) no-repeat center top; width:100%; height:350px; padding: 70px 5%; display: flex}
#bottom_cus:before {   position:absolute;   bottom:0;   content:" ";   width:100%;left: 0;   height:150px;   background:   linear-gradient( to top, #494949, #49494900);}
#bottom_cus > div:first-child {width: 45%; padding: 20px 40px}
#bottom_cus > div:last-child {width: 55%; padding: 20px}
#bottom_cus h2{text-align: right; font-size:1.3em; color:rgba(250,250,250,0.7); font-weight:100;}
#bottom_cus h2 p{ font-size:2.2em; color:rgba(250,250,250,1); font-weight:500;}
#bottom_cus .tel_box p{    font-family: 'Noto Sans KR';    letter-spacing: 1px;text-align: left; font-size:1.8em; color:#fff; font-weight:700!important; display:block; margin:0 0 5px; transition:all 0.3s;}
#bottom_cus .tel_box p i{
    mix-blend-mode: exclusion;margin-right: 10px}
#bottom_cus .tel_box p a{color: inherit}
@media screen and (max-width:767px) {
	#bottom_cus:before {
		height: 75px;}
	#bottom_cus  {flex-wrap: wrap; padding: 0}
	#bottom_cus > div:first-child {width: 100%; padding: 20px 20px 0}
	#bottom_cus > div:last-child {width: 100%; padding:0 20px}
	#bottom_cus{ min-width:100%; padding:50px 0; background-size:cover;}
	#bottom_cus h2{ font-size:1em;}
	#bottom_cus .tel_box p{font-size:1.2em;; margin:0 0 10px 5px; display: inline-block; }
}

