@charset "utf-8";

/*메인이미지*/
#visual{height:620px; background:url(../img/main/m_img.jpg) no-repeat top center/auto 100%;}
@media (max-width: 991px) {
#visual{height:280px;}
}

.minus{margin-top:-100px;}
@media (max-width: 991px) {
.minus{margin-top:0px;}
}

/*메인-슬라이더*/
.control { position: inherit; top: 40%; z-index: 105; display: inline-block; right: 50%;} 
.swiper-container .mtxt{position:absolute; top:20%; left:50%; z-index:99999;}
.swiper-container .m_text{ position:absolute; width:100%; margin:0px auto; z-index:100;/* left: 50%;margin-left: -550px*/;top: 150px; display:table; text-align:center}
.swiper-container .m_text h2{ font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;color:#fff; font-size:6.5em; letter-spacing:-.08em;  font-weight:bold; padding-top:0px; line-height: 0.7em;}
.swiper-container .m_text h2 span{ font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;color:#fff; font-size:0.25em; letter-spacing:-.010em;  font-weight:bold; font-weight:500; background:rgba(88,161,15,0.8); padding:5px 15px}
.swiper-container .m_text p{color:rgb(119, 125, 133);  color:rgba(119, 125, 133);font-size:1.10em; padding-top:10px; line-height:1.4em; font-weight: 500;}
.swiper-container .m_text p span{color:#fff; font-size:1.35em; padding-top:10px;font-weight:600}
@media (max-width: 991px) {
.swiper-container .mtxt{display:none;}
.swiper-container .mtxt img{width:100%;}
.swiper-container .m_text{ position:absolute; width:100%; margin:0px auto; z-index:100;/* left: 50%;margin-left: -550px*/;top: 50px; display:table; text-align:center}
.swiper-container .m_text h2{ font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;color:#fff; font-size:3.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', sans-serif,"돋움", "굴림", tahoma, sans-serif;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', sans-serif,"돋움", "굴림", tahoma, sans-serif;color:rgb(119, 125, 133);  color:rgba(119, 125, 133);font-size:1.0em; padding-top:10px;}
}
@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', sans-serif,"돋움", "굴림", tahoma, sans-serif;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', sans-serif,"돋움", "굴림", tahoma, sans-serif;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', sans-serif,"돋움", "굴림", tahoma, sans-serif;color:rgb(119, 125, 133);  color:rgba(119, 125, 133);font-size:1.0em; padding-top:10px;}
}

/*메인-배너2*/
.m_content02{ width:100%; background:url(../img/main/m_content02_bg.jpg) no-repeat center bottom #efeeec; padding:40px 0 100px 0}
.m_content02 .title{ color:#555; font-size:1.25em; font-weight:600; line-height:2.4em}
.m_content02 .cont{ color:#777; font-size:1.05em; letter-spacing:-.050em}


/*메인-배너3 -*/
.m_content03{ width:100%; background:#fff; padding:30px 0 0; position: relative;}
.m_content03 .chief_area{ width:1100px; margin:0px auto}
.m_content03 .chief{ background:url(../img/main/chief.jpg) no-repeat right bottom; padding: 0 0 53px;}
.m_content03 h2{ font-weight:600; line-height:0.5em; letter-spacing:-1.2px; color:#fff; font-size:2.7em;text-align:left; padding-top:50px; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
.m_content03 .e_con{color:#fff; text-align:left; font-size:1.1em; line-height:1.3em; margin-bottom:5px; letter-spacing:-0.8px; opacity:0.7}
.m_content03 .con{color:#fff; text-align:left; font-size:1.1em; line-height:1.3em; margin-bottom:40px; letter-spacing:-0.8px; opacity:0.5}
.m_content03 .eng{ color:#71685f; font-size:5.25em; font-weight:600; line-height:1.6em; font-family: 'Titillium Web', sans-serif, tahoma, sans-serif;}
.m_content03 .title{ color:#8c8279; font-size:2.50em; font-weight:500; line-height:0em; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing: -.090em;}
.m_content03 .cont{ color:#9b958f; font-size:1.05em; letter-spacing:-.050em;letter-spacing: -.090em;}
.m_content03 .btn{background:#ffad00; border-radius:40px; width:80px; height:80px; text-align:center; position:absolute;top: 135px;right: 200px; z-index:1}
.m_content03 .btn a{line-height: 60px;color: #fff;font-size: 3.0em;font-weight: 600; font-family: 'Titillium Web', sans-serif, tahoma, sans-serif;}
.m_content03 .rol_box{ background:#aba5a0; padding:30px; width:100%; margin-top:30px}
.m_content03 .rol_box .stitle{ color:#fff; font-size:2.00em; font-weight:500; line-height: 1.5em; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing: -.090em;}
.m_content03 .rol_box .cont{ color:rgba(255,255,255,037); font-size:1.05em; letter-spacing:-.050em;letter-spacing: -.090em;}
@media (max-width: 991px) {
.m_content03{ width:100%; background:#fff; padding:0; height:auto}
.m_content03 .chief_area{ width:100%; margin:0px auto}
.m_content03 .chief{ background:url(../img/main/chief.jpg) no-repeat right bottom; height: 400px; width: 96%;margin: 0 2%;}
.m_content03 h2{ font-weight:600; line-height:0.5em; letter-spacing:-1.2px; color:#fff; font-size:2.2em;text-align:center; padding-top:50px; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
.m_content03 .eng{ color:#71685f; font-size:5.25em; font-weight:600; line-height:1.6em; font-family: 'Titillium Web', sans-serif, tahoma, sans-serif;}
.m_content03 .title{ color:#8c8279; font-size:2.50em; font-weight:500; line-height:0em; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing: -.090em; margin-top: 70px;}
.m_content03 .cont{ color:#9b958f; font-size:1.05em; letter-spacing:-.050em;letter-spacing: -.090em;}
.m_content03 .btn{background:#ffad00; border-radius:40px; width:80px; height:80px; text-align:center; position:absolute;top: 200px;right: 170px;}
.m_content03 .btn a{line-height: 60px;color: #fff;font-size: 3.0em;font-weight: 600; font-family: 'Titillium Web', sans-serif, tahoma, sans-serif;}
.m_content03 .rol_box{ background:#aba5a0; padding:30px; width:100%; margin-top:0px}
.m_content03 .rol_box .stitle{ color:#fff; font-size:1.70em; font-weight:500; line-height: 1.5em; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing: -.090em; margin-top:15px}
}


.m_content03 .box01{background:#1164aa; height:250px; box-sizing: border-box;}
.m_content03 .box02{background:#2290cf; height:250px; box-sizing: border-box;}
.m_content03 .box03{background:#0cb14b; height:250px; box-sizing: border-box;}
.m_content03 .box04{background:#1164aa; height:250px; box-sizing: border-box;}
@media (max-width: 767px) {
.m_content03 .box01{background:#1164aa; padding:20px 0 50px 0; height:auto; box-sizing: border-box;}
.m_content03 .box02{background:#2290cf; padding:20px 0 50px 0; height:auto; box-sizing: border-box;}
.m_content03 .box03{background:#0cb14b; padding:20px 0 50px 0; height:auto; box-sizing: border-box;}
.m_content03 .box04{background:#1164aa; padding:20px 0 50px 0; height:auto; box-sizing: border-box;}
}


/*메인-배너 */
#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:500; line-height:1.2em; letter-spacing:-0.090em; color:#454545; font-size:1.8em !important;text-align:center; padding-bottom: 20px; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
.main_ban_in .con{color:#737373; text-align:center; font-size:1.1em; line-height:1.3em; margin-bottom:40px; letter-spacing:-0.8px;}
.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;}
}


/*메인-배너4*/
.m_content04{ width:100%; background:#b3aeaa; padding:0 0 0; position: relative;}

/*메인-배너5 */
.m_content05{ width:100%; background:#fff;  padding:0;  position: relative;}

/*메인-배너6 */
.m_content06{ width:100%; background:#fff;  padding:20px 0 40px;  position: relative;}


/* 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', sans-serif,"돋움", "굴림", tahoma, sans-serif;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', sans-serif,"돋움", "굴림", tahoma, sans-serif;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; height:145px;}
.m3_list li .box .content p.title{font-size:1.75em; line-height:0.8em;color:#55514d; font-weight:500; font-family:Arial, "돋움", "굴림", tahoma, sans-serif;letter-spacing:0em}
.m3_list li .box .content p.st{font-size:0.95em; line-height:0em;color:#7d7771; font-weight:300; font-family:Arial, "돋움", "굴림", tahoma, sans-serif;letter-spacing:0em}
.m3_list li .box .content p{ color:#51442b; font-size:1.02em; line-height:1.4em; letter-spacing:0.02em}

@media screen and (max-width:991px) {
.m3_list{ width:100%; padding:0; margin:0}
.m3_list ul{}
.m3_list li{ display:inline-block; width:100%; margin:0}
.m3_list li:nth-child(2){ display:inline-block; width:100%; margin:0}
.m3_list li:last-child{display:inline-block; width:100%; margin:0}
.m3_list li .box{ box-shadow: 0 1px 1px rgba(0,0,0,0.08); margin:0;}
.m3_list li .box .photo{ max-width:100%}
.m3_list li .box .content{ text-align:center; height:auto;}
}


/* 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 20px 30px 20px; 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:#46340f; font-weight:500; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;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', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.055em}
.m5_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) {
.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_hos_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:#fff; font-size:1.25em; letter-spacing:-.070em; font-weight:500;  font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; display:block; background:url(../img/main/icon_hos_bar.png) repeat-y right; padding:20px 0;}
.m8_list li a:hover{ background:#dad6d2; color:#504a43}
.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', sans-serif,"돋움", "굴림", tahoma, sans-serif;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', sans-serif,"돋움", "굴림", tahoma, sans-serif;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}
}