@charset "utf-8";


/*메인-슬라이더*/
.control { position: inherit; top: 40%; z-index: 105; display: inline-block; right: 50%;} 
.swiper-container .line {
    position: absolute;
    bottom: -20px;
    width: 100%;
    height: 200px;
    overflow: hidden;
    background: url('../img/main/visual_bar.png') no-repeat center bottom;
    background-size: auto auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	z-index:10;
}
.swiper-wrapper .swiper-slide{ width:100%; height:730px}
#rolling_tab .mtxt{position:absolute; top:20%; left:50%; z-index:99999;}
#rolling_tab .m_text{ position:absolute; width:100%; margin:0px auto; z-index:100;/* left: 50%;margin-left: -550px*/;top: 270px; display:table; text-align:center}
#rolling_tab .m_text .eng{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:3.8em; font-weight:600; color:#fff; text-align:center; text-shadow: 1px 1px 1px rgb(0,0,0,0.3); text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
#rolling_tab .m_text .eng span{font-size:1.05em; /*vertical-align:middle; margin: 0 15px;*/ padding: 0 0 10px;}
#rolling_tab .m_text h2{ font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;color:#fff; font-size:2.1em; letter-spacing:-.08em;  font-weight: 600; padding-top:15px; line-height: 0.7em;}
#rolling_tab .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}
#rolling_tab .m_text p{color:rgba(255,255,255,0.8); font-size:1.52em;  line-height:1.4em; font-weight:400; letter-spacing: -.050em;}
#rolling_tab .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:rgba(255,255,255,0.8);font-size:1.0em; padding-top:10px;}
}
@media (max-width: 767px) {
.swiper-wrapper .swiper-slide{ width:100%; height:400px}
#rolling_tab .m_text{ position:absolute; width:100%; margin:0px auto; z-index:100;/* left: 50%;margin-left: -550px*/;top: 122px; display:table; text-align:center}
#rolling_tab .m_text .eng{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:2.2em; font-weight:600; color:#fff; text-align:center ;text-shadow: 1px 1px 1px rgb(0,0,0,0.3); text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
#rolling_tab .m_text .eng span{font-size:1.05em; /*vertical-align:middle; margin: 0 5px;*/ padding: 0 0 10px;}
#rolling_tab .m_text h2{ font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;color:#fff; font-size:1.2em; letter-spacing:-.08em;  font-weight:bold;line-height: 1.3em;}
#rolling_tab .m_text h2 span{ font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;color:#fff;letter-spacing:-.010em;  font-weight:bold; background:rgba(88,161,15,0.8); padding:5px 15px}
#rolling_tab .m_text p{color:rgba(255,255,255,0.8); font-size:1.2em; padding:0 10px 0 10px; line-height:1.3em}
#rolling_tab .m_text p span{color:#fff; font-size:1.10em; padding-top:10px;font-weight:600}
.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:rgba(255,255,255,0.8);font-size:1.0em; padding-top:10px;}
}
.swiper_width{width:350px !important}
.swiper_width .stitle {
    color: #333;
    font-size: 1.50em;
    font-weight: 500;
    line-height: 1.5em;
    font-family: 'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;
    letter-spacing: -.090em;
}
.swiper_width .cont {
    color: rgb(0,0,0,0.7);
	color: rgba(0,0,0,0.7);
    font-size: 1.08em;
    letter-spacing: -.050em;
}
@media (max-width: 767px) {
.swiper_width{width:350px !important}
}



/* 메인롤링박스 */
.rol_box {
    background: #f7f6f6;
    width: 100%;
	padding: 15px 0 0;
	/*border-top:1px solid #f0eded;
	border-bottom:1px solid #f0eded;
	border-right:1px solid #f0eded;*/
}
.rol_box .stitle {
    color: #333;
    font-size: 1.50em;
    font-weight: 500;
    line-height: 1.5em;
    font-family: 'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;
    letter-spacing: -.090em;
}
.rol_box .cont {
    color: rgb(0,0,0,0.7);
	color: rgba(0,0,0,0.7);
    font-size: 1.08em;
    letter-spacing: -.050em;
}

.m_latest{}
.m_latest .t{ font-size:1.35em; font-weight:500; font-family: 'NanumSquare', sans-serif,"돋움", "굴림", tahoma, sans-serif; color:#fff; line-height:2em; letter-spacing:0}
.m_latest .t a{color:rgba(255,255,255,0.9);}
#m_content01{ background:url(../img/main/m_content01_bg.gif) repeat-x top center #fff; padding:90px 0 140px; width:100%; height:auto;position:relative; margin:0; z-index:100}
#m_cont{ width:1100px; margin:0 auto;}
/* 메인 제품 */
#m_cont .mpro{ width:100%; background:#fff; /*border-right:2px solid #cdcdcd; border-left:2px solid #cdcdcd*/}
#m_cont .mpro li{text-align:center;}
#m_cont .mpro li p.t{ color:#333; font-size:1.45em; line-height:1.0em; font-weight:400; letter-spacing:-.050em; padding:30px 0 0;}
#m_cont .mpro li p.t:after{content:""; display:block; width:140px; height:3px; background:#333; margin: 10px auto; }
#m_cont .mpro li p.c{ color:#555; font-size:1.05em; line-height:1.5em; letter-spacing:-.050em; font-family: 'Nanum Gothic', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-weight: 600; padding:10px 20px 40px}
#m_cont .mpro li p.more{ display:block; width:100%; padding:15px 0; background:#1dafe2; color:#fff}
#m_cont .mpro li div.img{ background:url(../img/main/mpro01.jpg) no-repeat; background-size:cover; height:200px}
#m_cont .mpro li:nth-child(2) div.img{ background:url(../img/main/mpro02.jpg) no-repeat; background-size:cover; height:200px}
#m_cont .mpro li:nth-child(3) div.img{ background:url(../img/main/mpro03.jpg) no-repeat; background-size:cover; height:200px}
#m_cont .mpro li:nth-child(4) div.img{ background:url(../img/main/mpro04.jpg) no-repeat; background-size:cover; height:200px}
#m_cont .mpro li:nth-child(2){ border-left:1px solid #cdcdcd}
#m_cont .mpro li:nth-child(3){ border-left:1px solid #cdcdcd}
#m_cont .mpro li:nth-child(4){ border-left:1px solid #cdcdcd}
#m_cont .mpro li:nth-child(2) p.more{background:#2f366e;}
#m_cont .mpro li:nth-child(3) p.more{background:#a9326c;}
#m_cont .mpro li:nth-child(4) p.more{background:#ea9822;}

.exp { text-align:center; margin:0 0 70px}
.exp::after {
  clear: both;
  content: "";
  display: block;
}
.exp li{ display:inline-block}
.exp dt img{ margin:0 0 18px}
.exp dt { font-size:1.30em; font-weight:500; margin:10px 0}
.exp dd:before{content:""; display:block; width:160px; height:1px; background:#999; margin: 10px auto; }
.exp dd { font-size:1.10em}
@media (max-width: 992px) {
.exp dt img{ margin:10px 0 18px}	
}

#dong_wrap { padding-top:100px;}
#dong_wrap dl{ float:left; width:20%; text-align:center; padding:0 25px; box-sizing:border-box;}
#dong_wrap dl a{ display:block;}
#dong_wrap .imgbox{ width:163px; height:163px; position:relative; margin:0 auto 15px auto;}
#dong_wrap .imgb{ width:163px; height:163px; background:#1533dc; border-radius:100px; margin:0 auto; opacity:0;transition: all 0.3s;}
#dong_wrap .img{ position:absolute; top:5px; left:5px; width:153px; height:153px; border-radius:100px; overflow:hidden;}
#dong_wrap dl:nth-child(1) .img{ background:url(../img/main/mbanner_img01.jpg) no-repeat center top;}
#dong_wrap dl:nth-child(2) .img{ background:url(../img/main/mbanner_img03.jpg) no-repeat center top;}
#dong_wrap dl:nth-child(3) .img{ background:url(../img/main/mbanner_img04.jpg) no-repeat center top;}
#dong_wrap dl:nth-child(4) .img{ background:url(../img/main/mbanner_img05.jpg) no-repeat center top;}
#dong_wrap dl:nth-child(5) .img{ background:url(../img/main/mbanner_img06.jpg) no-repeat center top;}
#dong_wrap dl:nth-child(6) .img{ background:url(../img/main/mbanner_img01.jpg) no-repeat center top;}
#dong_wrap dl:nth-child(7) .img{ background:url(../img/main/mbanner_img03.jpg) no-repeat center top;}
#dong_wrap dl:nth-child(8) .img{ background:url(../img/main/mbanner_img04.jpg) no-repeat center top;}
#dong_wrap dl:nth-child(9) .img{ background:url(../img/main/mbanner_img05.jpg) no-repeat center top;}
#dong_wrap dl:nth-child(10) .img{ background:url(../img/main/mbanner_img06.jpg) no-repeat center top;}
#dong_wrap .imgbox span{ display:inline-block; position:absolute; top:70px; left:50px; z-index:10; font-size:1em; color:#fff; font-weight:bold; text-align:center; 
padding:5px 10px; background:#1533dc; border-radius:3px; opacity:0; transition: all 0.5s;}
#dong_wrap dl a:hover .imgb { opacity:1; transition: all 0.3s;}
#dong_wrap dl a:hover .imgbox span{ opacity:1; transition: all 0.5s;}
#dong_wrap dt{ font-size:1.4em; color:#333; letter-spacing:-1px; line-height:2em;}
#dong_wrap dl a:hover dt{ color:#1533dc;}
#dong_wrap dd{ color:#4d6688; font-size:1.1em;}

#portfolio{ margin:120px 0 0px 0;}
#portfolio h2{ font-size:1.3em; color:#6d7b8e; font-weight:500; text-align:center; margin-bottom:50px;}
#portfolio h2 strong{font-family: 'Titillium Web', sans-serif; font-size:2em; color:#354863; font-weight:bold;}
#portfolio .col-md-3{ width:23%; margin:0 1%;}
#portfolio .col-md-3:last-child{ width:24%; margin:0 0 0 1%;}
@media (max-width: 992px) {
#portfolio .col-md-3{ width:48% !important; margin:0 1% !important;}
#portfolio .col-md-3:last-child{ width:48%; margin:0 1%;}
}
@media (max-width: 767px) {
#portfolio .col-md-3{ width:98% !important; margin:0 1% !important;}
#portfolio .col-md-3:last-child{ width:98%; margin:0 1%;}
}
#portfolio .img{ height:107px; overflow:hidden;}
#portfolio dl:nth-child(2) .img{ background:url(../img/main/mbanner_img01.jpg) no-repeat center top/100%;}
#portfolio dl:nth-child(3) .img{ background:url(../img/main/mbanner_img02.jpg) no-repeat center top/100%;}
#portfolio dl:nth-child(4) .img{ background:url(../img/main/mbanner_img01.jpg) no-repeat center top/100%;}
#portfolio dl:nth-child(5) .img{ background:url(../img/main/mbanner_img02.jpg) no-repeat center top/100%;}
#portfolio dl{ background:#fff;}
#portfolio .dlin{ padding:15px 15px 15px 15px;}
#portfolio dt{ color:#334e73; font-size:1.3em; font-weight:500; line-height:1.3em; margin-bottom:20px;}
#portfolio dd{ color:#4d6688; font-size:1.05em}
#portfolio a{ display:inline-block; font-size:1.05em; color:#666; border:1px solid #ddd; background:url(../img/main/more_arrow.png) no-repeat 85% center #fff;
 padding:0 35px 0 15px; line-height:28px; border-radius:30px; margin-top:15px;}
#portfolio a:hover{ background:url(../img/main/more_arrow.png) no-repeat 85% center #444; color:#fff;}

#main_box{ position:relative; margin-top:80px; /*background:#fff;*/}
#main_box .down_box{ background:#2e3740; width:550px; height:200px; margin:0 0 0 0; padding:30px 40px 40px; box-sizing:border-box;}
#main_box .down_box p{ font-size:1.12em; color:rgb(255,255,255,0.7); color:rgba(255,255,255,0.7);letter-spacing:0} 
#main_box .down_box p.telen{ color:#fff !important; font-size:3.5em; font-weight:bold; letter-spacing:-.050em; font-family: 'NanumSquare', sans-serif,"돋움", "굴림", tahoma, sans-serif; width:100%; background:none !important}
#main_box .down_box p span.faxn{ background:#90bb3e; padding:2px 7px; text-align:center; inline-block; margin:0 10px 0 0; color:#fff}
#main_box .down_box p span.email{background:#5788e9; padding:2px 7px; text-align:center; display:inline-block; margin:0 10px 0 0; color:#fff}
#main_box .down_box p.counsel{ letter-spacing:0;  font-family: 'NanumSquare', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
#main_box .down_box a{ display:inline-block; color:#fff; font-size:1.8em;line-height:58px; text-align:center; border:0; width:58px; height:58px; border-radius:40px; background:#113275; margin-top:0;}
#main_box dl{ height:200px; text-align:center;}
#main_box dl:nth-child(1){ background:#5788e9;}
#main_box dl:nth-child(2){ background:#113275;}
#main_box dl:nth-child(3){ background:#fff;}
#main_box dl:nth-child(4){ background:#90bb3e;}
#main_box .pbar{ width:20px; height:2px; background:#fff; margin:40px auto 10px auto;}
#main_box dl{ position:relative}
#main_box dt{ color:#fff; font-size:2.3em; font-weight:normal; letter-spacing:-.050em;}
#main_box dt:first-child{ color:#333; font-size:1.8em; font-weight:normal; letter-spacing:-.050em;}
#main_box dt span{font-weight:bold;}
#main_box dd{ color:#fff; font-size:1.1em; opacity:0.8; line-height:2em;}
#main_box dd.more{ position:absolute; right:40px; top:40px;}
#main_box a.more_btn{ display:inline-block; width:30px; height:30px; border:1px solid #fff; color:#fff; font-weight:lighter; font-size:2em; text-align:center; line-height:26px; border-radius:30px; margin-top:20px;}
#main_box dl:nth-child(3) p{ background:#555;}
#main_box dl:nth-child(3) dt{ color:#555;}
#main_box dl:nth-child(3) dd{ color:#555;}
#main_box dl:nth-child(3) a{ color:#555; border:1px solid #555;}
#main_box .down a{ display:inline-block; width:58px; height:58px; color:#fff; font-size:2.3em; background:#325eb7; border-radius:50px; line-height:58px; text-align:center; border:0; margin-top:20px;}
#main_box .mbox7{ position:absolute; top:400px; right:0;}

#movie{ margin:70px 0 0 0; position:relative; height:795px;}
#movie h2{ font-size:1.3em; color:#fff; font-weight:500; text-align:left; margin-bottom:25px;}
#movie h2 strong{font-family: 'Titillium Web', sans-serif; font-size:1.8em; font-weight:bold; display:block;}
#movie dl{ color:#fff; position:absolute;}
#movie .mo_txt01{ top:210px; right:0px;}
#movie .mo_txt02{ top:530px; left:0px;}
#movie h3{font-family: 'Titillium Web', sans-serif; font-size:4em; font-weight:bold;}
#movie dt{ font-size:2em; font-weight:lighter; line-height:1em; letter-spacing:-1.5px; margin:25px 0 15px 0;}
#movie dd{ font-size:1.15em; line-height:1.5em; font-weight:lighter;  opacity:0.8;}

#snszone{ padding:92px 0 0 0; position:relative;}
#snszone h2{ font-size:1.2em; color:#c9d7ee; font-weight:noraml; text-align:left; margin-bottom:40px;}
#snszone h2 strong{ font-family: 'Titillium Web', sans-serif; font-size:3.8em; color:#fff; font-weight:bold; display:inline-block; margin-right:10px;}
#snszone .snsicon{ position:absolute; top:110px; right:0;}
#snszone .snsicon a{ display:inline-block; width:41px; height:41px; border:1px solid #fff; border-radius:40px; font-size:1.9em; color:#fff; text-align:center; line-height:39px; margin:0 0 0 10px;}
#snszone .col-md-12{ margin:0;}
#snszone .snsbox .img{ height:120px; width:120px; border-radius:120px; left:50%; margin-left:-60px; top:-50px; background-position:center top; background-size:100%; position:absolute;}
#snszone .snsbox dl:nth-child(1) .img{ background-image:url(../img/main/branch_logo01.png);}
#snszone .snsbox dl:nth-child(2) .img{ background-image:url(../img/main/branch_logo02.png);}
#snszone .snsbox dl:nth-child(3) .img{ background-image:url(../img/main/branch_logo03.png);}
#snszone .col-md-3{ width:23%; margin-right:1%;}
#snszone .snsbox .img .sicon{ position:absolute; bottom:0; right:0;}
#snszone .snsbox dl.sbox .sb{ background:#f1592a; padding:25px; box-sizing:border-box;}
#snszone .snsbox dl:nth-child(2).sbox .sb{ background:#3177bc; box-sizing:border-box;}
#snszone .snsbox dl:nth-child(3).sbox .sb{ background:#212635; box-sizing:border-box;}
#snszone .snsbox dt{ color:#fff; font-size:2.00em; font-weight:600; line-height:1.5em; letter-spacing:-1px; padding-top:50px}
#snszone .snsbox dd { color:rgb(255,255,255,0.6); color:rgba(255,255,255,0.6); font-size:1.1em; margin-top:25px;}

/*#newszone{ margin-top:175px}
#newszone h2{ font-size:1.3em; color:#6d7b8e; font-weight:500; text-align:center; margin-bottom:50px;}
#newszone h2 strong{font-family: 'Titillium Web', sans-serif; font-size:2em; color:#354863; font-weight:bold;}
#portfolio .col-md-3{ width:23%; margin:0 1%;}
#newszone .img{ height:107px; overflow:hidden;}
#newszone dl:nth-child(2) .img{ background:url(../img/main/mbanner_img01.jpg) no-repeat center top/100%;}
#portfolio dl:nth-child(4) .img{ background:url(../img/main/mbanner_img01.jpg) no-repeat center top/100%;}
#portfolio dl:nth-child(5) .img{ background:url(../img/main/mbanner_img02.jpg) no-repeat center top/100%;}
 dl:nth-child(3) .img{ background:url(../img/main/mbanner_img02.jpg) no-repeat center top/100%;}
#portfolio dl{ background:#fff;}
#portfolio .dlin{ padding:15px 15px 15px 15px;}
#portfolio dt{ color:#334e73; font-size:1.3em; font-weight:500; line-height:1.3em; margin-bottom:20px;}
#portfolio dd{ color:#4d6688; font-size:1.05em}
#portfolio a{ display:inline-block; font-size:1.05em; color:#666; border:1px solid #ddd; background:url(../img/main/more_arrow.png) no-repeat 85% center #fff;
 padding:0 35px 0 15px; line-height:28px; border-radius:30px; margin-top:15px;}
#portfolio a:hover{ background:url(../img/main/more_arrow.png) no-repeat 85% center #444; color:#fff;}*/

@media screen and (max-width:1099px) {
#m_cont{ width:100%;}
}
@media screen and (max-width:991px) {
#m_cont{ width:100%;}

#dong_wrap { padding-top:40px;}
#dong_wrap dl{ width:50%; padding:0 15px 20px 15px;}
#dong_wrap .imgbox{ width:120px; height:120px; margin:0 auto 15px auto;}
#dong_wrap .imgb{ display:none;}
#dong_wrap .img{ position:absolute; top:5px; left:5px; width:120px; height:120px; border-radius:100px; overflow:hidden;}

#portfolio{ margin:60px 0 0px 0;}
#portfolio h2{ margin-bottom:20px;}
#portfolio .col-md-3{ width:48%; margin:1% 1%;}
 
#main_box{ margin-top:2%;}
#main_box .down_box{ width:100%; background-size:cover;text-align:left; padding:20px; height:auto}
#main_box .p{ font-size:2em; color:#fff; line-height:40px;} 
#main_box .down_box a{ font-size:1em; text-align:center;line-height:40px; width:40px; height:40px; margin-bottom:10px;}

#main_box dt{ font-size:1.9em; letter-spacing:-1.5px;}
#main_box dd{ font-size:0.9em;}
#main_box a.more_btn{ display:inline-block; width:30px; height:30px; border:1px solid #fff; color:#fff; font-weight:lighter; font-size:2em; text-align:center; line-height:26px; border-radius:30px; margin-top:20px;}
#main_box .mbox7{ display:none;}

#movie { background:#565d77; margin-top:0; padding:50px 0 2% 0; height:auto;}
#movie h2{ padding-left:2%;}
#movie .movie_box{ margin:0 2% 2% 2%;}
#movie dl{ position:relative; padding:15px 20px; box-sizing:border-box;}
#movie .mo_txt01{ top:0; left:0; background:#ce2b7d; border-radius:0 15px 15px 0; margin-right:5%;}
#movie .mo_txt02{ top:0; left:0; background:#1e2349; border-radius:15px 0 0 15px; margin-left:5%;}
#movie h3{ font-size:3.2em; letter-spacing:-1.5px;}
#movie dt{ font-size:1.8em;}
#movie dd{ font-size:1em;}

#snszone{ padding:0; /*background:#4b79c6;*/}
#snszone h2{ font-size:1.2em; color:#c9d7ee; font-weight:noraml; text-align:left; margin-bottom:40px;}
#snszone h2 strong{ font-size:2.5em; letter-spacing:-2px; display:block;}
#snszone .snsicon{ position:absolute; top:40px; left:10px;}
#snszone .snsbox .img{height:120px; width:120px; border-radius:120px; left:50%; margin-left:-60px; top:-50px; background-position:center top; background-size:100%; position:absolute;}
#snszone .snsbox dl.sbox .sb{ background:#f1592a; padding:25px; box-sizing:border-box; margin:0 0 40px}
#snszone .col-md-3{ width:100%; margin-right:0;}
#snszone .snsbox .sb{ height:auto;}
#snszone .snsbox dt{ color:#fff; font-size:1.15em; font-weight:normal; line-height:1.5em; letter-spacing:-1px;}
#snszone .snsbox dd { color:#fff; font-size:1.1em; margin-top:25px;}

}




/*메인-4가지 시스템*/
#main_system{width:100%; text-align:center; padding:40px 0;}
@media (max-width: 991px) {
#main_system{padding:0}
#main_system img{width:100%; padding:15px;}
}


/*메인-음식메뉴*/
#etc{width:100%; background:#f1f3f5; text-align:center; min-width:1100px; padding:50px 0px 50px 0}
#etc .fire{margin-top:65px;}
#etc ul:after{display:block; contetn:""; clear:both}
#etc ul{width:1100px;}
#etc h2{font-size:31px; font-weight: bold; padding-top:10px; margin-bottom:15px; letter-spacing:-1.2px;}
#etc h2 .en{color:#6980a4; padding-top:10px;}
#etc .con{font-size:17px;letter-spacing:-1px; margin-bottom:30px;}
#etc .con .br{display:none;}
#etc li{float:left; position:relative; overflow:hidden; margin-bottom:17px;}
#etc li.last{}
#etc li.mobile{display:none;}
#etc li .over{position:absolute; left:9px; bottom:-79px; width:calc(100% - 18px);padding:20px; text-align:left; background:rgba(10,29,61,0.8); transition:bottom 0.5s;}
#etc li .over .etc_name{font-size:21px; color:#fff; margin-bottom:10px; font-weight:bold;}
#etc li .over .etc_memo{font-size:14px; color:rgba(255,255,255,0.7); line-height:1.5em;}
#etc li:hover .over{bottom:0;}
@media (max-width: 991px) {
#etc{width:100%; height:auto; min-width:100%; padding:20px 0;}
#etc .fire{margin-top:10px;}
#etc .fire img{width:40px; height:auto;}
#etc ul{width:100%;}
#etc h2{font-size:22px; margin-bottom:10px;}
#etc h2 .en{font-size:14px;}
#etc .con{font-size:13px;margin-bottom:20px;}
#etc .con .br{display: block;}
#etc li.mobile{display: block;}
#etc li{width:100%}
#etc li.mhide{}
#etc li img{width:100%; height:auto;}
#etc li .over{width:100%; left:0; min-height:200px;}
#etc li .over .etc_name{font-size:16px; }
#etc li .over .etc_memo{font-size:12px;}
}










/* 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;*/}
}

.m_cus_tel {
    font-family: 'Titillium Web', Arial, sans-serif;
    font-size: 3.0em;
    color: #363636;
    line-height: 1.0em;
}
@media screen and (max-width:991px) {
.m_cus_tel {
    font-family: 'Titillium Web', Arial, sans-serif;
    font-size: 2.4em;
    color: #363636;
    line-height: 1.0em;
}
}
.f_box {
    font-family: 'Titillium Web', Arial, sans-serif;
    background: #113275;
    border: 0px;
    padding: 3px 6px;
    font-size: 1.00em;
    color: #fff;
    margin-right: 10px;
	border-radius:3px;
}
.m_f_box {
    font-family: 'Titillium Web', Arial, sans-serif;
    background: #6d6967;
    border: 0px;
    padding: 3px 6px;
    font-size: 0.30em;
    color: #fff;
    margin-right: 10px;
	vertical-align: middle;
	border-radius:3px;
}
.e_box {
    font-family: 'Titillium Web', Arial, sans-serif;
    background: #6d6967;
    border: 0px;
    padding: 3px 6px;
    font-size: 1.00em;
    color: #fff;
    margin-right: 10px;
	border-radius:3px;
}
.f_num {
    font-family: 'Titillium Web', Arial, sans-serif;
    font-size: 1.35em;
    font-weight: 600;
}
.m_f_num {
    font-family: 'Titillium Web', Arial, sans-serif;
    font-size: 0.55em;
    font-weight: 400;
	color:#4e4b49;
	vertical-align: middle;
}
.m_cus_title{ color:#83817f; font-family: 'Titillium Web', Arial, sans-serif; font-size:1.25em}

/*버튼관련*/
.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}