@charset "utf-8";

/*메인그라데이션*/
.gr_bg{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#829eb3+12,ffffff+60 */
background: #829eb3; /* Old browsers */
background: -moz-linear-gradient(top,  #829eb3 12%, #ffffff 60%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #829eb3 12%,#ffffff 60%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #829eb3 12%,#ffffff 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#829eb3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
/*메인-슬라이더*/
#rolling_tab{ background:url(../img/main/m_img_bg.png) no-repeat center bottom; padding:40px 0 0; margin: 0px auto; background-size:100%; max-width:1920px}
.slider_size{width:1100px; height:auto !important; padding: 0 0 10%; padding: 150px 0 600px;}
.control { position: inherit; top: 40%; z-index: 105; display: inline-block; right: 50%;} 
a.btn_roll{ background:#134e88; padding:10px 30px; color:#fff !important;}
.swiper-container .line {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 146px;
    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-container .mtxt{position:absolute; top:20%; left:50%; z-index:99999;}
.swiper-container .m_text{ position:absolute; width:1200%; margin:0px auto; z-index:100;/* left: 50%;margin-left: -550px*/;top: 240px; display:table; text-align:left; left:50%; margin-left:-600px}
.swiper-container .m_text h2{ color:rgb(255,255,255,.7); color:rgba(255,255,255,.7); font-size:2.0em; font-weight:400; padding-top:0px; letter-spacing:-.020em; font-family:'Nanum Myeongjo', sans-serif,"돋움", "굴림", tahoma, sans-serif; line-height: 2.0em;}
.swiper-container .m_text h2 span{color:#fff; font-size:2.0em; display:block; font-weight:600}
.swiper-container .m_text h2 span.thin{ color:#111;}
.swiper-container .m_text p{color:rgb(0,0,0,.8); color:rgba(0,0,0,.8);font-size: 2.0em;padding-top: 10px;line-height: 1.4em;font-weight: 500;letter-spacing: -.020em; font-family:'NanumSquare', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
.swiper-container .m_text p span{ color:#fff; font-size:1.65em; line-height:1.3em; padding-top:10px;}
.tslogan{ background:url(../img/main/tslogan.png) no-repeat 90% 0%}
.cslogan{ margin:25px 0 0}
.cslogan h3{ font-size:1.7em; font-weight:500; letter-spacing:-.050em; line-height:1.6em}
.cslogan p{ font-size:1.30em; letter-spacing:-.050em; color:#555}
.sw01{ background:url(../img/main/roll_img01.png) no-repeat 100% 0; height: 160px !important;}
.sw02{ background:url(../img/main/roll_img02.png) no-repeat 100% 0; height: 160px !important;}
.sw03{ background:url(../img/main/roll_img03.png) no-repeat 100% 0; height: 160px !important;}
.sw04{ background:url(../img/main/roll_img04.png) no-repeat 100% 0; height: 160px !important;}
.sw05{ background:url(../img/main/roll_img05.png) no-repeat 100% 0; height: 160px !important;}


@media (max-width: 1199px) {
.slider_size{width:90%; height:auto !important; padding: 150px 0 400px; margin:0 5%}
.swiper-container .m_text{ top:180px; left:auto; margin-left:auto}
.swiper-container .m_text h2{ font-size:1.7em;}
}

@media (max-width: 992px) {
#rolling_tab{ padding:0}
.slider_size{width:90%; height:auto !important; padding: 150px 0 300px; margin:0 5%}
.swiper-container .m_text{ top:60px}
.swiper-container .m_text h2{ font-size:1.7em;}
}

@media (max-width: 767px) {
#rolling_tab{ background:url(../img/main/m_img_bg.png) no-repeat center bottom; background-size:100%; max-width:1920px}
.sw01, .sw02, .sw03, .sw04, .sw05 { background-size:70px}
.slider_size{width:90%; height:auto !important; padding: 0 0 250px; margin:0 5%}
.swiper-container .m_text{ top:35px}
.swiper-container .m_text h2{ font-size:1.3em;}
}

@media (max-width: 480px) {
#rolling_tab{ background:url(../img/main/m_img_bg.png) no-repeat right -20px; background-size:150% auto; padding:0; margin: 0;}
.control { position: inherit; top: 40%; z-index: }
.slider_size{width:90%; height:auto !important; padding: 0 0 200px; margin:0}
.swiper-container .m_text{ top:190px; position:relative; width:100%; text-align:center;}
.swiper-container .m_text img{ width:130px; display:none;}
.swiper-container .m_text h2{ font-size:1.5em;color:rgb(255,255,255,.9); color:rgba(255,255,255,.9); font-weight:600;}
.swiper-container .m_text h2 span{color:#fff; display:block; font-weight:600; font-size:1.6em}
}
.swiper_width{width:350px !important}

/* 5대특장점 롤링 */
.m_merit{ width:1200px; margin:0px auto}
.m_merit .sw01, .sw02, .sw03, .sw04, .sw05 { border:0px dotted !important}
.img_mtitle{text-align:left; position:relative; padding:30px 100px; min-height:180px; margin-bottom:20px;}
.img_mtitle:before,
.img_mtitle:after{ display:block; content:""; border:12px solid #eff6f9; width:40px; height:100%; position:absolute; top:50%; transform:translateY(-50%);}
.img_mtitle:before{border-right:0; left:0;}
.img_mtitle:after{border-left:0; right:0;}
.img_mtitle .title{position:relative; font-size:2.4em;  font-weight:500; line-height:1.8em; margin:35px 0 0; color:#448ac4; letter-spacing:-.080em}
.img_mtitle .title strong{color:#333; font-size:1.5em; letter-spacing: -.080em; display:block; font-weight:500 !important}
.img_mtitle span{font-size:1.5em; opacity:0.8;}
.img_mtitle .tit_list span{font-size:1.5em; opacity:0.8;}

.img_mtitle .title .price{background:#3f7ac6; color:#fff; display:inline-block; font-size:0.8em; padding:0 10px; border-radius:5px; margin-bottom:10px;}
.img_mtitle .title .price2{font-size:14px; line-height:1.5em; color:#D60011;}
.img_mtitle .title .txt{ font-size:15px; line-height:1.5em;}

/* 3대특장점 new */
.m_merit_new{ width:1200px; margin:0px auto}
.m_merit_new li{ background:#fff; border:1px solid #e1eaee; text-align:center; margin:0 0 10px}
.m_merit_new li::after{display:block; content:""; clear:both;}
.m_merit_new li .tit{ float:left; width:300px; background:#1b507c; padding:30px 30px; color:#fff; font-size:2.20em; font-weight:600}
.m_merit_new li .tit span{ color:#73c0ff}
.m_merit_new li .content{ float:left; width:898px; padding:20px 30px}
.m_merit_new li .content h4{ color:#448ac4; font-size:2.25em; font-weight:500; line-height:1.7em}
.m_merit_new li .content p{ font-size:1.35em; font-weight:500; color:#666}
.m_merit_new li .merit_btn a{ display:inline-block; background:transparent; line-height:30px; padding:4px 20px; color:#f4fe80; border:1px solid #f4fe80; left:0; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; font-size:0.55em; margin: 20px 5px 0; font-weight:400}
.m_merit_new li .merit_btn a:hover { background:#f4fe80;; border:1px solid #f4fe80;  color:#3a3c21; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}

@media (max-width: 1199px) {
.m_merit{ width:100%; margin:0px auto}
.m_merit_new{ width:100%; margin:0px auto}
.m_merit_new li .tit{ width:30%}
.m_merit_new li .content{ width:70%}
}
@media (max-width: 991px) {
.img_mtitle{padding:20px 20px; font-size:0.9em;}
.img_mtitle .title{ margin:0; font-size:1.4em; }
.img_mtitle strong{display:block;}
.img_mtitle:before,
.img_mtitle:after{border:10px solid #eff6f9;}
.img_mtitle:before{border-right:0;}
.img_mtitle:after{border-left:0;}
.m_merit .sw01, .sw02, .sw03, .sw04, .sw05 { background-size:120px}
.m_merit_new li .tit{ width:100%}
.m_merit_new li .content{ width:100%; display:none;}
}
@media (max-width: 767px) {
.m_merit .sw01, .sw02, .sw03, .sw04, .sw05 { background-size:0}
.m_merit_new li .tit{ font-size:1.70em; font-weight:600; padding:8px 8px; position:relative; background:#416F95;}
.m_merit_new li .tit .inline{border:1px solid rgba(255,255,255,0.8); padding:17px 7px; background:#235681;}
/*.m_merit_new li .tit:before{content:""; display:block; border:1px solid rgba(255,255,255,0.8); 
							position:absolute; top:8px; left:8px; width:calc(100% - 16px); height:calc(100% - 16px);}*/
.m_merit_new li .tit p{ color:#FAFFC5; font-size:0.75em; padding:10px 0 0; font-weight:normal; letter-spacing:-0.5px;}
.m_merit_new li .content h4{ color:#448ac4; font-size:1.40em; font-weight:500; line-height:1.7em}
.m_merit_new li .content p{ font-size:1.15em; font-weight:500; color:#666}
.m_merit_new li .merit_btn a{ margin-top:0px; font-size:0.7em; padding:0 20px; vertical-align:middle;}
.m_merit_new li .merit_btn a i{ font-size:0.5em; vertical-align:middle; line-height:30px; margin:-1px 5px 1.5px 2px}
}


/*메인-배너1 장지통합서비스*/
.m_content{ width:100%; padding:0; position: relative;}
.m_content .cont{ color:rgb(255,255,255,0.7); font-size:1.05em; letter-spacing:-.050em}

.m_content .mid_slogan{ margin:0px auto; width:1200px; padding: 0 0 40px;}
.m_content .mid_slogan h2{ color:#333; font-size:2.8em; line-height:1.2em; font-weight:bold; text-transform:uppercase; text-align: center; letter-spacing:-.070em; font-family:'NanumSquare', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
.m_content .mid_slogan h3{ color:#555; font-size:1.5em; padding:10px 0 0; text-align: center; font-weight:400; letter-spacing:-.070em}
.m_content .mid_slogan h3 span{ color:#ff5300; font-size:1.25em;  line-height:0.9em; letter-spacing:-.070em}

.m_content_area{ /*background:url(../img/main/m_content03_bg.jpg) no-repeat bottom center #fff;*/}

.m_content00{position:relative; background:#fff; width:1100px; margin:0px auto}
.m_content00 .m_box{ padding:30px; min-height:266px}
.m_content00 .m_box .t::before{ content:""; display:block; width:30px; height:3px; background:#fff; margin-bottom:15px;}
.m_content00 .m_box .t{ font-size:1.40em; color:#fff; margin:0 0 10px; font-weight:600; line-height:1.20em; padding:0 0 15px}
.m_content00 .m_box .c{ font-size:1.00em; color:rgb(255,255,255,0.6); color:rgba(255,255,255,0.6); line-height: 1.3em; letter-spacing: -.020em}
.m_content00 .m_box .call{ font-size:2.80em; color:#fff; margin:0 0 10px; font-weight:600; line-height:1.20em; letter-spacing: -.060em; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
.m_content00 .m_box .fax{ font-size:1.30em; color:#fff; margin:0; font-weight:600; line-height:1.20em; letter-spacing: -.060em}
.m_content00 .m_box:first-child{ padding:20px 0 !important; background:url(../img/main/m_banner0.jpg) no-repeat center center #2e3740; background-size:over; border-right:0px;}
.m_content00 .m_box:nth-child(2){background:url(../img/main/m_banner02.jpg) no-repeat center center #2e3746; background-size:cover; border-right:0px}
.m_content00 .m_box:nth-child(3){background:#9c2565; background-size:cover; border-right:0px}
.m_content00 .m_box:last-child{background:url(../img/main/m_banner04.jpg) no-repeat center center #2e3746; background-size:cover;}
.m_content00 .m_banner{padding:0 0 30px; min-height:304px}
.m_content00 .m_banner:first-child{ background:url(../img/main/m_logo.png) no-repeat 95% #1ca0cb; padding:0 0 30px;}
.m_content00 .m_banner:last-child{ background:#414141; padding:0 0 30px;}
.m_content00 .m_banner .t::before{ content:""; display:block; width:30px; height:3px; background:#fff; margin-bottom:15px;}
.m_content00 .m_banner .t{ font-size:2.20em; color:#fff; margin:0 0 10px; font-weight:600; letter-spacing: -.060em;}
.m_content00 .m_banner .c{ font-size:1.0em; color:rgb(255,255,255,0.6); color:rgba(255,255,255,0.6); line-height: 1.6em;}
.m_content00 .m_tel{font-family: 'Titillium Web', Arial, sans-serif;font-size: 3.5em;color: #363636; line-height:0.8; font-weight:400}
.m_content00 .m_f_box{font-family: 'Titillium Web', Arial, sans-serif;background:#282a52; border:0px; padding:3px 6px; font-size:1.00em; color:#fff; margin-right:10px}

.m_content01{position:relative; background:#fff; width:1100px; margin:0px auto}
.m_content01 .m_box{ padding:30px; min-height:266px}
.m_content01 .m_box .t::before{ content:""; display:block; width:30px; height:3px; background:#fff; margin-bottom:15px;}
.m_content01 .m_box .t{ font-size:1.40em; color:#fff; margin:0 0 10px; font-weight:600; line-height:1.20em; padding:0 0 15px}
.m_content01 .m_box .c{ font-size:1.20em; color:rgb(255,255,255,0.6); color:rgba(255,255,255,0.6); line-height: 1.6em; letter-spacing: -.020em}
.m_content01 .m_box .call{ font-size:2.80em; color:#fff; margin:0 0 10px; font-weight:600; line-height:1.20em; letter-spacing: -.060em; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
.m_content01 .m_box .fax{ font-size:1.30em; color:#fff; margin:0; font-weight:600; line-height:1.20em; letter-spacing: -.060em}
.m_content01 .m_box:first-child{background:url(../img/main/m_banner05.jpg) no-repeat center center #2e3740; background-size:cover; border-right:0px}
.m_content01 .m_box:nth-child(2){ background:url(../img/main/m_banner06.jpg) no-repeat center center #2e3740;}
.m_content01 .m_box:nth-child(3){background:url(../img/main/m_banner07.jpg) no-repeat center center #848b96; background-size:cover; border-right:0px}
.m_content01 .m_box:last-child{background:url(../img/main/m_banner08.jpg) no-repeat center center #3e444f; background-size:cover; border-right:0px}
.m_content01 .m_box:last-child .t2{ font-size:2.50em; color:#fff; margin:12px 0 10px; font-weight:400; line-height:1.0em}
.m_content01 .m_banner{padding:0 0 30px; min-height:304px}
.m_content01 .m_banner:first-child{ background:url(../img/main/m_logo.png) no-repeat 95% #1ca0cb; padding:0 0 30px;}
.m_content01 .m_banner:last-child{ background:#414141; padding:0 0 30px;}
.m_content01 .m_banner .t::before{ content:""; display:block; width:30px; height:3px; background:#fff; margin-bottom:15px;}
.m_content01 .m_banner .t{ font-size:2.20em; color:#fff; margin:0 0 10px; font-weight:600; letter-spacing: -.060em;}
.m_content01 .m_banner .c{ font-size:1.0em; color:rgb(255,255,255,0.6); color:rgba(255,255,255,0.6); line-height: 1.6em;}
.m_content01 .m_tel{font-family: 'Titillium Web', Arial, sans-serif;font-size: 3.5em;color: #363636; line-height:0.8; font-weight:400}
.m_content01 .m_f_box{font-family: 'Titillium Web', Arial, sans-serif;background:#282a52; border:0px; padding:3px 6px; font-size:1.00em; color:#fff; margin-right:10px}

@media (max-width: 1199px) {
.m_content .mid_slogan{ margin:0px auto; width:100%; padding: 0 0 40px;}
.m_content .mid_slogan h2{ color:#333; font-size:1.8em; line-height:1.2em; font-weight:bold; text-transform:uppercase; text-align: center; letter-spacing:-.070em; font-family:'NanumSquare', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
.m_content .mid_slogan h3{ color:#555; font-size:1.2em; padding:10px 0 0; text-align: center; font-weight:400; letter-spacing:-.070em}
.m_content .mid_slogan h3 span{ color:#ff5300; font-size:1.25em;  line-height:0.9em; letter-spacing:-.070em}
.m_content{ width:100%; padding:0; position:relative; top:0}
.m_content00 .m_box{ padding:20px; min-height:245px}
.m_content00 .m_banner{padding:0 0 30px; min-height:auto}
.m_content_area{ height:auto}
.m_content00{position:relative; top:0; z-index:10; margin-left: auto;left: 0%; background:#fff; width:100%;}
.m_content00 .m_box:first-child{border-top:0px }
}

@media (max-width: 991px) {
.m_content{ width:96%; /*background:url(../img/main/m_content01_bg.jpg) no-repeat center bottom #fff;*/ padding:0; position: relative; margin:0 2%}
.m_content01 .m_box{ padding:20px;}
.m_content01 .m_banner{padding:0 0 30px; min-height:auto}
.m_content_area{ height:auto}
.m_content01{position:relative; top:0; z-index:10; margin-left: auto;left: 0%; background:#fff; width:100%;}
.m_content01 .m_box:first-child{border-top:0px }
}


/*메인-배너2*/
.m_content02{ width:100%; background:#fff; padding:70px 0 0}
.m_content02 .title{ color:#fff; font-size:1.25em; font-weight:600; line-height:2.4em}
.m_content02 .cont{ color:rgb(255,255,255,0.7); font-size:1.05em; letter-spacing:-.050em}
@media (max-width: 992px) {
.m_content02{ width:100%; background:#fff; padding:40px 0 0}
}

/*메인-배너2  타이틀*/
.m_content02 #main_ban{width:100%; }
.m_content02 .main_ban_in{width:1100px; margin:0 auto; padding:30px 0 0;}
.m_content02 .main_ban_in h2{/*background:url(../img/main/con_title01.gif) no-repeat center top;*/ font-weight:600; line-height:1.8em; letter-spacing:-0.020em; color:#fff; font-size:2.4em ;font-family: 'Titillium Web', sans-serif, tahoma, sans-serif;}
.m_content02 .main_ban_in .con{color:rgb(255,255,255,0.4); color:rgba(255,255,255,0.4); font-size:1.0em; line-height:1.3em; /*margin-bottom:40px;*/ letter-spacing: -.010em; font-weight: 400;}
.m_content02 .main_ban_in .con02{color:rgb(255,255,255,0.4); color:rgba(255,255,255,0.4); font-size:3.00em; line-height:1.3em; /*margin-bottom:40px;*/ letter-spacing:-.080em; font-weight: 300; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
.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;}
.m_content02 .m_cus{ width:1100px; margin:0px auto}
.m_content02 .m_cus .m_ceo{
	background:url(../img/main/m_ceo.jpg) no-repeat center top;     
	background-size: auto auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	padding:50px;
	min-height:532px;
}
@media (max-width: 1099px) {
.m_content02 .m_cus{ width:100%; margin:0px auto}
.m_content02 .m_cus .m_ceo{
	background:url(../img/main/m_ceo.jpg) no-repeat center top;     
	background-size: auto auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	padding:50px;
	min-height:532px;
}
}
.m_content02 .m_cus .m_ceo .t{ color:#fff; font-size:1.70em; font-weight:600; padding:0 0 25px}
.m_content02 .m_cus .m_ceo .c{ color:rgb(255,255,255,0.7); color:rgba(255,255,255,0.7); font-size:1.15em; width:65%}


/* 추모와 위로 */
.m_memorial{ margin:0px auto; width:1200px; padding:50px 0}
.m_memorial li:first-child h3{ background:url(../img/main/m_memorial_t.png) no-repeat 0 0px; font-size:2.3em; font-weight:600; padding:5px 0 0 75px; line-height:0.8em ; height:75px; letter-spacing:-.030em}
.m_memorial li:first-child h3 span{ font-size:0.55em; color:#7b7b7b; font-weight:400}
.m_memorial li:last-child { background:url(../img/main/m_card_banner.gif) no-repeat right bottom #448ac4; height:289px; width:344px; padding:30px; float: right;}
.m_memorial li:last-child h3{ color:#fff; font-size:1.8em; font-weight:600; line-height:1.4em ; background:none; height:auto; padding:0}
.m_memorial li:last-child p { color:rgb(255,255,255,.7); color:rgba(255,255,255,.7); font-size:1.15em; padding:10px 0 0}

.bugo_box { border:2px solid #e7e7e7; padding:35px 20px; text-align:center}
.bugo_box h4{ color:#333; font-size:1.65em; line-height:2.8em}
.bugo_box p{ margin:0 !important; color:#787878; font-size:1.15em}
.bugo_box p.memorial_t{ /*background:url(../img/main/icon_memorial.png) no-repeat left center;*/ padding:0; text-align:center; color:#333; font-weight:600}
.bugo_box p.bal{}
.bugo_box p.im{ font-size:1.05em}
@media screen and (max-width:1199px) {
.m_memorial{ margin:0px auto; width:100%; padding:50px 0px}
}
@media screen and (max-width:1031px) {
.m_memorial li:last-child { background:url(../img/main/m_card_banner.gif) no-repeat #448ac4 right bottom/60% auto; height:150px; width:100%; padding:30px; float: right; margin:20px 0 0}
}
@media screen and (max-width:767px) {
.bugo_box h4{ color:#333; font-size:1.25em; line-height:2.8em}
.bugo_box p{ margin:0 !important; color:#787878; font-size:1.0em}	
}

.m_cus_box dd{min-height:266px; padding:40px; margin:0}
.m_cus_box dd:first-child{ background:#e38b0a}
.m_cus_box dd:nth-child(2){ background:#2b2b2b}
.m_cus_box dd:nth-child(3){ background:url(../img/main/m_cus_box_bg3.jpg) no-repeat #2b2b2b}
.m_cus_box dd:nth-child(4){ background:url(../img/main/m_cus_box_bg4.jpg) no-repeat #2b2521}
.m_cus_box h2:before{content:""; display:block; width:50px; height:3px; background:#fff; margin-bottom:25px;}
.m_cus_box h2{ color:#fff; font-size:2.0em; font-weight:600}
.m_cus_box p{  color:rgb(255,255,255,0.5); color:rgba(255,255,255,0.5); font-size:1.15em;}

@media screen and (max-width:992px) {
.m_cus_box dd{min-height:266px; padding:25px; margin:0}
.m_cus_box dd:first-child{ background:#e38b0a}
.m_cus_box dd:nth-child(2){ background:#2b2b2b}
.m_cus_box dd:nth-child(3){ background:url(../img/main/m_cus_box_bg3.jpg) no-repeat #2b2b2b; background-size:100%}
.m_cus_box dd:nth-child(4){ background:url(../img/main/m_cus_box_bg4.jpg) no-repeat #2b2521; background-size:100%}
.m_cus_box h2:before{content:""; display:block; width:50px; height:3px; background:#fff; margin-bottom:25px;}
.m_cus_box h2{ color:#fff; font-size:1.5em; font-weight:600}
.m_cus_box p{  color:rgb(255,255,255,0.5); color:rgba(255,255,255,0.5); font-size:1.0em;}
}


/* 3ea 배너*/
.m3_list{ width:1200px; padding:0; margin:0px auto; position:relative; }
.m3_list ul{}
.m3_list li{ display:inline-block; width:33.333%; margin:0}
.m3_list li .box{ /*background:#fff;*/ margin-bottom:20px}
.m3_list li .box .photo{ text-align:center; padding:20px 0 0}
.m3_list li .box .photo img{ width:100%}
.m3_list li .box .content{ padding:100px 0 50px; text-align:center; background:url(../img/main/mbanner_img01.jpg) no-repeat bottom right #126bc8; min-height:130px /*border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;*/}
.m3_list li:nth-child(2) .box .content{background:url(../img/main/mbanner_img02.jpg) no-repeat bottom right #1c9fef; background-size:cover}
.m3_list li:nth-child(3) .box .content{background:url(../img/main/mbanner_img03.jpg) no-repeat bottom right #7e838c; background-size:cover}
.m3_list li .box .content h4{font-size:2.00em; line-height:1.4em;color:#fff; font-weight:500; font-family: 'NanumSquare', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.015em}
.m3_list li .box .content h5{ color:rgb(255,255,255,0.8);color:rgba(255,255,255,0.8); font-size:1.15em; line-height:1.5em; margin:17px 0 25px; font-weight: 300;}
.m3_list li .box .content p.more{ color:#fff; font-size:0.90em; margin:10px 0 0; display: inline;}
.m3_list li .box .content p.more a{ color:#fff; display:inline-block; padding: 10px 20px; border: 1px solid rgb(255,255,255,.3); border: 1px solid rgba(255,255,255,.3);}
.m3_list li .box .content p.more a:hover{ background:#2e3740; border: 1px solid rgb(255,255,255,1); border: 1px solid rgba(255,255,255,1); padding: 10px 20px;}

@media screen and (max-width:1199px) {
.m3_list{ width:100%; padding:0; margin:0; position:relative; left:auto; margin-left:-auto; top:auto}
.m3_list ul{}
.m3_list li{ display:inline-block; width:33.333%; margin:0}
.m3_list li .box{ background:#fff; margin-bottom:15px}
.m3_list li .box .photo{ max-width:100%}
.m3_list li .box .content{ padding:30px 5px 35px; text-align:center; background:url(../img/main/mbanner_img01.jpg) no-repeat bottom right #126bc8; min-height:130px /*border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;*/}
.m3_list li .box .content p.title{ margin:10px 0 0 !important;font-size:1.05em; line-height:0.8em;color:#fff; font-weight:500; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.015em; min-height: 30px;}
.m3_list li .box .content{ text-align:center; min-height:auto}
.m3_list li .box .content h4{font-size:1.50em;}
.m3_list li .box .content p{ color:rgb(255,255,255,0.6);color:rgba(255,255,255,0.6); font-size:1.00em; line-height:1.35em; margin:17px 0 0}
.m3_list li .box .content p.more a{padding: 5px 10px;}
.m3_list li .box .content p.more a:hover{ background:#2e3740; border: 1px solid rgb(255,255,255,1); border: 1px solid rgba(255,255,255,1); padding: 5px 10px;}
}


@media screen and (max-width:767px) {
.m3_list{ width:100%; padding:0; margin:0; position:relative; left:auto; margin-left:-auto; top:auto}
.m3_list ul{}
.m3_list li{ display:inline-block; width:33.333%; margin:0}
.m3_list li .box{ background:#fff; margin-bottom:15px}
.m3_list li .box .photo{ max-width:100%}
.m3_list li .box .content{ padding:10px 5px 15px; text-align:center; background:url(../img/main/mbanner_img01.jpg) no-repeat bottom right #126bc8; min-height:130px /*border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;*/}
.m3_list li .box .content p.title{ margin:10px 0 0 !important;font-size:1.05em; line-height:0.8em;color:#fff; font-weight:500; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.015em; min-height: 30px;}
.m3_list li .box .content{ text-align:center; min-height:auto}
.m3_list li .box .content h4{font-size:1.10em;}
.m3_list li .box .content p{ color:rgb(255,255,255,0.6);color:rgba(255,255,255,0.6); font-size:1.00em; line-height:1.35em; margin:17px 0 0}
.m3_list li .box .content p.more a{padding: 5px 10px;}
.m3_list li .box .content p.more a:hover{ background:#2e3740; border: 1px solid rgb(255,255,255,1); border: 1px solid rgba(255,255,255,1); padding: 5px 10px;}
.m3_list li .box .content h4{font-size:1.05em; line-height:2.4em;color:#fff;}
}

/* 4ea 배너*/
.m4_list{ width:1100px; padding:0; margin:0px auto; position:absolute; z-index:10; left:50%; margin-left:-550px; top:580px}
.m4_list ul{}
.m4_list li{ display:inline-block; width:25%;}
.m4_list li .box{ /*background:#fff;*/ margin-bottom:20px}
.m4_list li .box .photo{ text-align:center; padding:20px 0 0}
.m4_list li .box .content{ padding:20px 5px 30px 5px; /*border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;*/}
.m4_list li .box .content p.title{font-size:1.35em; line-height:0.8em;color:#1b1b1b; font-weight:500; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.015em; text-align:center}
.m4_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}
.m4_list li .box .content p{ color:rgb(51,51,51,0.6);color:rgba(51,51,51,0.6); font-size:1.00em; line-height:1.35em; text-align:center;}
.m4_list li .box .content p.more a{ 
   color: #fff;
   font-size: 0.85em;
   line-height: 1.35em;
   background: #2b2b2b;
   display: inline;
   padding: 3px 10px;
   border-radius: 10px; 
}
.m4_list li .box .content p.more a:hover{ 
   color: #fff;
   line-height: 1.35em;
   background: #fba51b;
   display: inline;
   padding: 3px 10px;
   border-radius: 10px;
}

@media screen and (max-width:991px) {
.m4_list{ width:100%; padding:0; margin:0; position:relative; z-index:10; left:auto; margin-left:auto; top:0px}
.m4_list ul{}
.m4_list li{ display:inline-block; width:49%; margin:0 1% 0 0}
.m4_list li:nth-child(2){ display:inline-block; width:49%; margin:0 0 0 1%}
.m4_list li:nth-child(4){ display:inline-block; width:49%; margin:0 0 0 1%}
.m4_list li .box{ /*background:#fff; */margin-bottom:0px}
.m4_list li .box .photo img{ max-width:100%}
.m4_list li .box .content{ text-align:center; padding:20px 5px 10px 5px;}
}

/* 4ea 배너02*/
.m4_list02{ width:1100px; padding:0; margin:0px auto}
.m4_list02 ul{}
.m4_list02 li:first-child{ display:inline-block; width:50%;}
.m4_list02 li{ display:inline-block; width:25%;}
.m4_list02 li .box{ /*background:#fff;*/ margin-bottom:20px}
.m4_list02 li .box .photo{ text-align:center; padding:20px 0 0}
.m4_list02 li .box .content{ padding:20px 5px 30px 5px; /*border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;*/}
.m4_list02 li .box .content p.title{font-size:1.35em; line-height:0.8em;color:#1b1b1b; font-weight:500; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.015em}
.m4_list02 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}
.m4_list02 li .box .content p{ color:rgb(51,51,51,0.6);color:rgba(51,51,51,0.6); font-size:1.00em; line-height:1.35em;}
.m4_list02 li .box .content p.more a{ 
   color: #fff;
   font-size: 0.85em;
   line-height: 1.35em;
   background: #2b2b2b;
   display: inline;
   padding: 3px 10px;
   border-radius: 10px;
}
.m4_list02 li .box .content p.more a:hover{ 
   color: #fff;
   line-height: 1.35em;
   background: #fba51b;
   display: inline;
   padding: 3px 10px;
   border-radius: 10px;
}

@media screen and (max-width:991px) {
.m4_list02{ width:100%; padding:0; margin:0}
.m4_list02 ul{}
.m4_list02 li:first-child{ display:inline-block; width:100%;}
.m4_list02 li:nth-child(2){ display:inline-block; width:49%; margin:0 1% 0 0}
.m4_list02 li:nth-child(3){ display:inline-block; width:49%; margin:0 0 0 1%}
.m4_list02 li .box{ background:#fff; margin-bottom:15px}
.m4_list02 li .box .photo img{ max-width:100%}
.m4_list02 li .box .content{ text-align:center;}
}


/* 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', 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:rgb(51,51,51,0.7); font-size:1.02em; line-height:1.35em; margin:17px 0 0}
.m5_list li .box .content p.more a{ 
   color: #fff;
   font-size: 0.85em;
   line-height: 1.35em;
   background: #2b2b2b;
   display: inline;
   padding: 3px 10px;
   border-radius: 10px;
}
.m5_list li .box .content p.more a:hover{ 
   color: #fff;
   line-height: 1.35em;
   background: #fba51b;
   display: inline;
   padding: 3px 10px;
   border-radius: 10px;
}

@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;}
}


/* 메인롤링박스 */
.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;
}

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

.mtel_box{border: 2px solid #e7e7e7; padding:15px}
.mtel_box .mtel{ color:#1f497d; font-size:1.30em; font-weight:bold}
.mtel_box .mcall{ color:#111; font-size:1.30em}
.mtel_box .mtime{ color:#888; font-size:0.80em; font-weight:400; letter-spacing:-.050em}

.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: #1da0f0;
    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: #232730;
    border: 0px;
    padding: 3px 6px;
    font-size: 0.30em;
    color: #fff;
    margin-right: 10px;
	vertical-align: middle;
}
.e_box {
    font-family: 'Titillium Web', Arial, sans-serif;
    background: #232730;
    border: 0px;
    padding: 3px 6px;
    font-size: 1.15em;
    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}