@charset "utf-8";

/*헤더*/
#hd_new{
    z-index: 99;
    position: fixed;
    width: 100%;
    background:transparent;
    /* border-bottom: 1px solid #dadada; */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    -webkit-transition: -webkit-transform .1s;
    transition: -webkit-transform .1s;
    transition: transform .1s;
    transition: transform .1s, -webkit-transform .1s;
    transition: all 0.5s;
}
#hd_new.on {/* transform: translateY(-100%);*/}
/* 로고*/
#logo_new{ position: absolute; top: 20px; left: 0px; height:58px; z-index:10}
/*#logo_new img.logo_color{display: none;}*/
/* 상단 카테고리영역*/
#nav_area_new{ position:relative; width:100%; background:transparent; text-align:center; height:80px; line-height:80px;}
#hd_wrapper.white #nav_area_new::after,
#hd_wrapper.on #nav_area_new::after{
    content: '';
    width: 100%;
    height: 1px;
    background: #d9d9d9;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}
#hd_wrapper.on #nav_area_new,
#hd_wrapper.white #nav_area_new{ position:relative; width:100%; background:rgb(0,0,0,5); background:#fff; text-align:center; /*height:60px; line-height:60px;*/ /*border-top:1px solid rgb(0,0,0,.1); border-top:1px solid rgba(0,0,0,.1); border-bottom:1px solid rgb(0,0,0,.1); border-bottom:1px solid rgba(0,0,0,.1);*/}
#nav_area_new .gnb_1dli{padding: 0 0 300 px !important;}
#nav_area_new #gnb_1dul li:nth-child(7) .gnb_1da{color:#222!important; }
#nav_area_new .gnb_1dli a{
    font-weight: 500;  padding: 10px 24px 17px 24px;
}
#nav_area_new .gnb_1dli > a{
    padding: 10px 24px 17px 24px;
    display: block;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#nav_area_new .gnb_2dul{
    position: absolute;
    left: 0;
    top:80px !important;
    /*padding-top: 14px;*/
    padding-bottom: 12px;
}
#hd_wrapper.on #nav_area_new .gnb_2dul{
    /*background: #fff;*/
}
#nav_area_new .gnb_2dli a{
    white-space: nowrap;
    padding: 14px 24px 14px 24px;
}
#nav_area_new .gnb_2dli:first-child a{
    padding: 28px 24px 14px 24px;
}
#hd_wrapper.on .gnb_2dli a:hover,
#hd_wrapper.white .gnb_2dli a:hover{ color:#FF6565 !important}
#hd_wrapper.on .gnb_1dli a,
#hd_wrapper.white .gnb_1dli a,
#hd_wrapper.on #gnb_1dul li:nth-child(7) .gnb_1da,
#hd_wrapper.white #gnb_1dul li:nth-child(7) .gnb_1da{color: #222222 !important;}
#hd_wrapper.on #logo_new img,
#hd_wrapper.white #logo_new img{display: none}
#hd_wrapper.on #logo_new img.logo_color,
#hd_wrapper.white #logo_new img.logo_color{display: block !important;}

#hd_new .mlogo{ display:none}
#hd_new .mlogo img{ height:27px}
/*상단메뉴*/
#hd_new .tmenu_area{ position:absolute; top:0px; right:72px}
#hd_new .tmenu_area li{ display:inline-block;}
#hd_new .tmenu_area li a{ color:rgba(255,255,255,.7); font-size:1.05em; font-weight:400}
#hd_wrapper.on .tmenu_area li a,
#hd_wrapper.white .tmenu_area li a{color: #222;}
#hd_new .tmenu_area li.tel a{
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 4px;
    background: #9C8B84;
    width: 132px;
    height: 43px;
    display: inline-block;
    line-height: 43px;
}


/*전체메뉴*/
.w_menu_r {
    position: absolute;
    top: 10px;
    right: 0px;
    height:58px;
}
.w_menu_r .w_btn{padding: 20px 17px 0;}
.w_menu_r .w_btn i{
    display: none;
    font-size: 24px;
    color: #222;
    margin-top: -2px;
    width: 24px;
    height: 24px;
}
.w_menu_r .w_btn span{
    display: block;
    width: 24px;
    height: 2px;
    border-radius: 5px;
    margin-bottom: 6px;
    background: #222;
}
#hd_wrapper.on .w_menu_r .w_btn span,
#hd_wrapper.white .w_menu_r .w_btn span{background: #222;}
#hd_wrapper.white .w_menu_r .w_btn span{display: none}
#hd_wrapper.white .w_menu_r .w_btn i{display: block}

@media (max-width: 992px){
    #nav_area_new{ position:relative; width:100%; text-align:center; height:56px; line-height:80px;}
    /* 상단 카테고리영역*/
    #hd_new .nav_open{ position:absolute; top:20px; right:16px; will-change: transform;
        -webkit-transition: -webkit-transform .1s;
        transition: -webkit-transform .1s;
        transition: transform .1s;
        transition: transform .1s, -webkit-transform .1s;
        transition: all 0.5s;}
    #hd_new.on .nav_open{
        /*position: absolute;
        top: 18px;
        right: 15px;*/
        will-change: transform;
        -webkit-transition: -webkit-transform .1s;
        transition: -webkit-transform .1s;
        transition: transform .1s;
        transition: transform .1s, -webkit-transform .1s;
        transition: all 0.5s;
        z-index: 10;
    }
    #hd_new .nav_open span{ display:block; width:20px; height:2px; border-radius:5px; margin-bottom:4px; background:#222;}
    #hd_new.on .nav_open span{background: #222;}
    #hd_new .nav_close img {height:18px;}
    #hd_new .nav_close i{ font-size: 24px;}
    #hd_new .nav_close {
        position: absolute;
        z-index: 1001;
        top: 16px;
        right: 15px;
    }
    #hd_new .myzone{position:absolute; top:17px; right:15px; display:block; background:url(../img/main_new/icon_my.png) no-repeat; width:25px; height:25px; background-size:100%; will-change: transform;
        -webkit-transition: -webkit-transform .1s;
        transition: -webkit-transform .1s;
        transition: transform .1s;
        transition: transform .1s, -webkit-transform .1s;
        transition: all 0.5s;}
    #hd_new.on .myzone{position:absolute; top:17px; right:15px; display:block; background:url(../img/main_new/icon_my.png) no-repeat; width:30px; height:30px; background-size:100%; transform: translateY(-200%);will-change: transform;
        -webkit-transition: -webkit-transform .1s;
        transition: -webkit-transform .1s;
        transition: transform .1s;
        transition: transform .1s, -webkit-transform .1s;
        transition: all 0.5s;}
    #hd_new .mlogo{ position:absolute; left: 16px;
        margin: 0; top:14px; display:block; will-change: transform;
        -webkit-transition: -webkit-transform .1s;
        transition: -webkit-transform .1s;
        transition: transform .1s;
        transition: transform .1s, -webkit-transform .1s;
        transition: all 0.5s;}
    #hd_new.on .mlogo{  display:block; will-change: transform;
        -webkit-transition: -webkit-transform .1s;
        transition: -webkit-transform .1s;
        transition: transform .1s;
        transition: transform .1s, -webkit-transform .1s;
        transition: all 0.5s;
        z-index: 10;
    }
    /*#hd_new .mlogo img.logo_color{display: none;}
    #hd_new.on .mlogo img{display: none;}
    #hd_new.on .mlogo img.logo_color{display: block;}*/
}
@media (max-width: 767px){
    #nav_area_new{ position:relative; width:100%;
        background: transparent; text-align:center; line-height:80px;
        background: #fff !important;}
}

/*SMS*/
#sms_pop strong{ font-weight:500 !important; font-size:1.10em}
#sms_pop .hd_bn{background:#1677c4;; padding:20px 30px; border-radius: 5px;}
#sms_pop .hd_bn p{ font-size:2em; margin-bottom:5px; color:#fff}
#sms_pop .hd_bn span{opacity:0.8;}
#sms_pop .hd_bn span strong{ color:##FF0;}
#sms_pop .cus{text-align:center; padding:10px 20px;}
#sms_pop .cus p.call{ font-size:2.8em; margin:5px 0; padding:0 15px; text-align:left;}
#sms_pop .cus p.call i{width:45px; height:45px; line-height:45px; border-radius:50%; text-align:center; font-size:25px; background:#fff; color:#333; margin-right:5px;}
#sms_pop .cus p a{color:#fff;}
#sms_pop .cus p.time{text-align:left; margin:12px 0; font-size:1.1em;}
#sms_pop .cus p.time strong{ display:block;}
#sms_pop .cus p.time span{ color:#fff;}

#sms_pop{display: none; position:relative; background:#4b4e58; padding:5px 0; color:#fff; position:fixed; width:100%; bottom:0; z-index:9999;}
#sms_pop .title{font-size:1.2em; margin-bottom:5px; font-weight:600; text-align:left;}
#sms_pop .title strong{ color:#FF0; display:block;}
#sms_pop .title span{font-weight:normal; font-size:0.9em;}

.sms_opener,
.sms_closer{border:0; background:#4b4e58;; text-align:center; width:150px; padding:7px 0px; border-radius:0; font-weight:500; font-size:14px;
    position:absolute; left:50%; top:-30px; margin-left:-75px; color:#fff}

.sms_div{padding:10px 0; z-index:999; display:none}
.sms_div .container{ width:1200px}
.sms_div p.text-left input[type=checkbox]{ margin:0 4px 0 0;}
.sms_div p.text-left label{margin-bottom:0; vertical-align:middle; color:#fff}
.sms_div p.text-left a{margin-left:3px; color:#FF0; font-size:0.95em; vertical-align:middle;}
.sms_input li{padding-left:0; padding:2px 0;}
.sms_input li input{width:100%; border:0; border-radius:4px; padding:9px 8px; color:#666; height:50px !important;}
.sms_input li input:-webkit-input-placeholder { color:#333; font-size:1.30em; font-weight:500;  font-family: 'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif !important;}
.sms_input li input:-moz-placeholder { color:#333; font-size:1.30em; font-weight:500;  font-family: 'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif !important;}
.sms_input li input:-ms-input-placeholder { color:#666; font-size:1.30em; font-weight:400;  font-family: 'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif !important;}
.sms_input li input::-webkit-input-placeholder { color:#333; font-size:1.30em; font-weight:500;  font-family: 'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif !important;}
.sms_input li input::-moz-placeholder { color:#333; font-size:1.30em; font-weight:500;  font-family: 'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif !important;}
.sms_input li input::-ms-input-placeholder { color:#666; font-size:1.30em; font-weight:400;  font-family: 'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif !important;}
.sms_input li input input[type="tel"]::-webkit-input-placeholder { color:#333; font-size:1.30em; font-weight:500; font-family: 'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif !important;}
.sms_input li input input[type="tel"]::-moz-placeholder { color:#333; font-size:1.30em; font-weight:500;  font-family: 'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif !important;}
.sms_input li input input[type="tel"]::-ms-input-placeholder { color:#333; font-size:1.30em; font-weight:500; font-family: 'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif !important;}
.sms_div li textarea{width:100%; height:50px; letter-spacing:-1px; border:0; border-radius:4px; padding:15px 8px; color:#666;}
.sms_div li textarea::-webkit-input-placeholder { color:#333; font-size:1.10em; font-weight:500}
.sms_div li textarea::-moz-placeholder { color:#333; font-size:1.10em; font-weight:500}
.sms_div li textarea::-ms-input-placeholder { color:#333; font-size:1.10em; font-weight:500}

.sms_input ul.list_box{padding-right:5px !important;}
.sms_input .btn_box{padding:0}
.sms_input .btn_box input{ display:block; width:100%; border-radius:4px; border:0; height:50px; margin:2px 0; background:#1c9fef;; font-size:1.50em; color:#fff; font-weight:500}
.sms_input .agreement p{ color:rgba(255,255,255,.7); font-size:1.07em}
.sms_input .agreement p span{ color:rgba(255,255,255,.7);}
.sms_input .agreement input[type=checkbox], input[type=radio] { margin:-5px 5px 0 5px !important}
@media (max-width: 1199px) {
    .sms_div .container{ width:100% !important}
}
@media (max-width: 992px) {
    #sms_pop .hd_bn{background:#1677c4; padding:20px 30px; border-radius: 5px; margin:0 15px}
    .sms_div{width:100%; left:0px; bottom:0; margin:0; border-radius:0; z-index:9999; border:0; display:none;}
    #sms_pop .cus{text-align:center; padding:10px 15px;}
    #sms_pop .title{font-size:1.2em; margin-bottom:5px; font-weight:600; text-align:center; text-align:left;}
    #sms_pop .cus p.call{ font-size:2.5em;}
    .sms_input ul.list_box{padding-left:0x;}
    #sms_box{ padding:10px 15px; border-top:1px solid rgba(255,255,255,0.5);}
}
@media (max-width: 767px) {
    .sms_input .btn_box input{ display:block; width:100%; border-radius:4px; border:0; height:50px; margin:2px 0; background:#1677c4;; font-size:1.50em; color:#fff; font-weight:500}
    .sms_input .agreement p span{ display:block}
    #sms_box{ border:0 !important}
}

/*퀵메뉴*/
#quick{display:none; position:fixed; right:10px; top:90px; width:90px; background:#fff; border-radius:5px; box-shadow:3px 3px 3px rgb(0,0,0,.2);-webkit-box-shadow:3px 3px 3px rgb(0,0,0,.2);-moz-box-shadow:3px 3px 3px rgb(0,0,0,.2); text-align:center; z-index:1000}
#quick dl{}
#quick dt{ background:#d71f25; font-size:1.32em; color:#fff; padding:10px 0}
#quick dd{ border-bottom:1px solid #e8e5e5; font-size:1.02em; font-weight:500; padding:10px; letter-spacing:-.050em; margin: 0 5px;}
#quick dd:last-child{ border:0 !important; margin: 0;}
#quick dd.top{ font-weight:bold; letter-spacing:0; font-size:1.0em}
#quick dd.top a{ display:block}
@media (max-width: 767px) {
    #quick{ display:none}
}

/*메인특징배너 롤오버*/
.thumbnailWrapper ul li {
    position:relative; /* so we can use top and left positioning */
    overflow:hidden; /* hide the content outside the boundaries (ZOOM) */
}
.thumbnailWrapper ul li a img {
    position:relative; /* so we can use top and left positioning */
    border:none; /* remove the default blue border */
}
.caption{
    position:absolute; /* needed for positioning */
    /*bottom:109px; */
    top:0;/* bottom of the list item (container) */
    left:70px; /* start from left of the list item (container) */
    width:196px; /* stretch to the whole width of container */
    height:196px;
    border-radius:100%;
    display:none; /* hide by default */
    /* styling bellow */
    background:rgba(0,0,0,.5);
}
.caption .captionInside{
    color:#fff;
    font-size:6.0em;
    font-weight:bold;
    line-height:180px;
    display:block;
    cursor:pointer;
}

/*메인비주얼*/
#new_mvisual{ position:relative; width:100%}
#rolling_tab{ padding:0; margin:0; position:relative}
/*메인특징배너*/
#rolling_tab .m_char_area{ position:absolute; bottom:0; width:100%; background:rgba(13,14,20,.35); height:25%; z-index:10; border-top:1px solid rgba(255,255,255,.2); transition: -webkit-transform .1s; transition: transform .1s; transition: transform .1s, -webkit-transform .1s; transition: all 0.5s;}
#rolling_tab .m_char_area ul{ width:1100px; position:absolute; left:50%; transform:translateX(-50%); top: -90px; display: flex; flex-wrap: wrap;}
#rolling_tab .m_char_area li{ display:inline-block; width:calc( ( 100% - 90px ) / 3 ); text-align:center; margin:0 15px; }
#rolling_tab .m_char_area li img{ margin:0 0 20px;}
#rolling_tab .m_char_area li dl{ padding:0; margin:0}
#rolling_tab .m_char_area li dt{ color:#fff; font-size:1.9em; font-weight:500; margin:0 0 15px}
#rolling_tab .m_char_area li dd{ color:rgba(255,255,255,.7); font-size:1.22em; word-break: keep-all;}
/*전화번호박스*/
#rolling_tab .m_call_area{ position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index: 100; background:#edefef; width:1200px; text-align:center; padding:20px 20px 0 20px}
#rolling_tab .m_call_area .call_slgan{ background:url(../img/main_new/icon_m_call.png) no-repeat 4% 0px; padding: 30px 0 20px;}
#rolling_tab .m_call_area .call_slgan p.tit{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:2.9em; font-weight:600; line-height:1.0em}
#rolling_tab .m_call_area .call_slgan p.cons{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.42em; font-weight:400; color:#4d4c4c; line-height: 1.2em;}
#rolling_tab .m_call_area .call_box{ background:#fff; padding:15px 10px; width:48%; margin:0 0 0 2%}
#rolling_tab .m_call_area .call_box .call::before{content:""; display:block; position:absolute; left:0; top:45px; width:90%; margin:0 5%; height:3px; background:#333;}
#rolling_tab .m_call_area .call_box .call{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:2.9em; font-weight:600; line-height:1.6em; margin:10px 0 0 !important}
#rolling_tab .m_call_area .call_box p.tit{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.48em; font-weight:600; line-height:1.0em; letter-spacing:-.050em}
#rolling_tab .m_call_area .call_box p.cons{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.42em; font-weight:500; color:#d39250; line-height: 1.2em; letter-spacing:-.050em}

#rolling_tab .m_call_banner{ position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index: 100;}
#rolling_tab .m_pchar_banner{ position:absolute; bottom:490px; left:50%; transform:translateX(-50%); z-index: 100;}
#rolling_tab .m_mchar_banner{ position:absolute; bottom:80px; z-index: 100;}
#rolling_tab .m_mchar_banner img{ width:80%; margin:0 10%}
.swiper-wrapper .swiper-slide{ width:100%; height:966px}
#rolling_tab .mtxt{position:absolute; top:12%; left:50%; z-index:99999;}
#rolling_tab .m_text_new{
    position: absolute;
    width: 100%;
    margin: 0px auto;
    z-index: 100;
    top: 421px;
    display: table;
    text-align: center;
    padding-left: calc((100% - 1200px) / 2);
    margin-bottom: 300px;
}

#rolling_tab .m_text_new .tit{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:4.8em; font-weight:600; color:#fff; text-align:center ;/*padding-top:15px; 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_new .tit00{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.4em; font-weight:600; color:#c0575c; text-align:center ;padding-top:15px; /*text-shadow: 1px 1px 1px rgb(0,0,0,0.3); text-shadow: 1px 1px 1px rgba(0,0,0,0.3);*/ letter-spacing:1.0em}
#rolling_tab .m_text_new .tit span{ font-weight:400; font-size:inherit}
#rolling_tab .m_text_new .tit02{ padding: 10px 15px; line-height: 1.5em; font-weight: 100; color: rgba(250,250,250,0.8); font-size:2.2em !important; font-weight:500; background:rgba(44,63,119,.7); text-align:center; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; color:#fff; display:inline-block; word-break: keep-all;}
#rolling_tab .m_text_new .tit03{ padding: 10px 15px; line-height: 1.5em; font-weight: 100; color: rgba(250,250,250,0.8); font-size:2.2em !important; font-weight:500; background:rgba(88,91,97,.7); text-align:center; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; color:#fff; display:inline-block; word-break: keep-all;}
#rolling_tab .m_text_new p{color:rgba(255,255,255,0.8); font-size:1.65em; padding-top:0px; line-height:1.4em; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
#rolling_tab .m_text_new p.roll03{color:rgba(35,29,30,0.8); font-size:1.30em; font-weight:500; padding-top:0px; line-height:1.4em; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
#rolling_tab .m_text_new p span{color:#fff; font-size:1.35em; padding-top:10px;font-weight:600}
#rolling_tab .m_text_new .roll03_search a{ border:1px solid #535455; font-size:1.45em; display:inline-block; padding:10px 15px; background:none}
#rolling_tab .m_text_new .roll03_search a:hover{background:#535455; color:#fff; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
#rolling_tab .m_text_new02{ position:absolute; bottom:250px; z-index: 100; text-align:center; width:100%}
#rolling_tab .m_text_new02 .tit{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:3.0em; font-weight:600; color:#fff; text-align:center ;padding-top:15px; 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_new02 p.tit span{ font-weight:400; color:#fff}
{color:rgba(255,255,255,0.8); font-size:1.65em; padding-top:0px; line-height:1.4em; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
#rolling_tab .m_text_new02 p.cons{color:rgba(255,255,255,0.9); font-size:1.85em; padding-top:0px; line-height:1.4em; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;}

/*추가 css*/
#rolling_tab .m_text_new .b_title{font-size:3.4em; font-weight:500; line-height:1.2em; color:#fff;}
#rolling_tab .m_text_new .b_title strong{font-weight:500; display:block;}
#rolling_tab .m_text_new .b_title.bk{color:#000; font-size:3.2em; font-weight:400; line-height:1.2em;}
#rolling_tab .m_text_new .b_title02{font-size:3.3em; font-weight:600; line-height:1.2em; color:#fff;}
#rolling_tab .m_text_new .m_title{
    font-size: 52px;
    font-weight: 700;
    line-height:1.3em;
    text-align: left;
    margin-bottom: 28px;
    color: #222;
}
#rolling_tab .m_text_new .txts{
    font-size: 28px;
    text-align: left;
    color: #222;
    margin-bottom: 0;
}
#rolling_tab .m_text_new .btn{
    display: none;
    padding: 20px 44px;
    border-radius: 2px;
    border: 2px solid #222222;
    font-size: 18px;
    font-weight: 700;
    color: #222;
}
#rolling_tab .m_text_new .m_title02{font-size:5em; font-weight:600; line-height:0.8em; color:#111; margin-top:0px;}
#rolling_tab .m_text_new .m_title.bk{color:rgba(0,0,0,0.8);  margin-top:15px;}
#rolling_tab .m_text_new .roundbtn a{margin-top:32px; display:inline-block; padding:10px 45px; border:1px solid #fff; border-radius:50px; color:#fff; font-size:1.8em; text-align:center;}
#rolling_tab .m_text_new .roundbtn a:hover{ background:#fff; color:#000;}
#rolling_tab .m_text_new .roundbtn.bk a{border:1px solid #000; color:#000;}
#rolling_tab .m_text_new .roundbtn.bk a:hover{ background:#000; color:#fff;}
#rolling_tab .m_text_new .ad_title00{ color:#b20000}
#rolling_tab .m_text_new .ad_title{ display:inline-block; background:#1e4490; font-weight:300; color:#fff; text-align:center; border-radius:50px; padding:3px 12px;}
#rolling_tab .m_text_new .ad_title02{ display:inline-block; background:#2369a7; font-weight:500; color:#fff; text-align:center; border-radius:50px; padding:5px 15px; font-size:2.0em}
#rolling_tab .m_text_new.left{left: 50%;margin-left:-300px;text-align:left;}
#rolling_tab .m_text_new.left .b_title{margin:20px 0; font-size:3.7em;}
#rolling_tab .m_text_new .b_title.yw{font-weight:500; color:#ffd681;font-size: 2.9em;}
#rolling_tab .m_text_new .b_title.yw span{color:#ffd681;font-size: 1.0em;}
#rolling_tab .m_text_new .m_title.yw{color:#fff; }
@media (max-width: 1199px) {
    #rolling_tab .m_text_new {padding:0 20px;}
    #rolling_tab .m_text_new .b_title{font-size:2.2em;}
    #rolling_tab .m_text_new .b_title02{font-size:1.8em; font-weight:600; line-height:1.2em; color:#fff;}
    #rolling_tab .m_text_new .m_title{font-size:22px;text-align: center;
        font-weight: 700;}
    #rolling_tab .m_text_new .m_title strong{
        font-size: 36px;
        display: block;
        font-weight: 700;
        margin: 20px 0 0;
    }
    #rolling_tab .m_text_new .txts{text-align: center;
        font-size: 16px;}
    #rolling_tab .m_text_new .btn{display: inline-block;
        margin-top: 50px;}
    #rolling_tab .m_text_new .m_title02{font-size:3em; font-weight:600; line-height:0.8em; color:#111; margin-top:0px;}
    #rolling_tab .m_text_new .b_title.bk{font-size:1.9em;}
    #rolling_tab .m_text_new .m_title.bk{margin-top:8px;}
    #rolling_tab .m_text_new .roundbtn a{margin-top:10px; padding:6px 22px;font-size:1em;}
    #rolling_tab .m_text_new .roundbtn a:hover{ background:#fff; color:#000;}
    #rolling_tab .m_text_new .ad_title{font-size:1.1em;}
    #rolling_tab .m_text_new .ad_title02{ display:inline-block; background:#2369a7; font-weight:500; color:#fff; text-align:center; border-radius:50px; padding:5px 15px; font-size:1.2em}
    #rolling_tab .m_text_new.left{left: inherit;margin-left: inherit; text-align:left;}
    #rolling_tab .m_text_new.left .b_title{font-size:1.7em; margin:10px 0;}
    #rolling_tab .m_text_new.left .add_t img{height:21px; width:auto;}
    #rolling_tab .m_text_new .add_t img{height:35px; width:auto; margin:15px 0 0}
    #rolling_tab .m_text_new .b_title.yw{margin-top:20px;}
    #rolling_tab .m_text_new .b_title.yw{font-weight:500; color:#ffd681;font-size: 1.35em;}
    #rolling_tab .m_text_new .b_title.yw span{color:#ffd681;font-size: 1.0em;}
}

@media (max-width: 767px) {
    #rolling_tab .m_text_new {padding:0 16px;}
    #rolling_tab .m_text_new .b_title{font-size:1.5em;}
    #rolling_tab .m_text_new .b_title02{font-size:1.6em; font-weight:600; line-height:1.2em; color:#fff;}
    #rolling_tab .m_text_new .m_title02{font-size:3em; font-weight:600; line-height:0.8em; color:#111; margin-top:0px;}
    #rolling_tab .m_text_new .b_title.bk{font-size:1.5em;}
    #rolling_tab .m_text_new .m_title.bk{margin-top:8px;}
    #rolling_tab .m_text_new .roundbtn a{margin-top:10px; padding:6px 22px;font-size:1em;}
    #rolling_tab .m_text_new .roundbtn a:hover{ background:#fff; color:#000;}
    #rolling_tab .m_text_new .ad_title{font-size:1.1em;}
    #rolling_tab .m_text_new .ad_title02{ display:inline-block; background:#2369a7; font-weight:500; color:#fff; text-align:center; border-radius:50px; padding:5px 15px; font-size:1.2em}
    #rolling_tab .m_text_new.left{left: inherit;margin-left: inherit; text-align:left;}
    #rolling_tab .m_text_new.left .b_title{font-size:1.7em; margin:10px 0;}
    #rolling_tab .m_text_new.left .add_t img{height:21px; width:auto;}
    #rolling_tab .m_text_new .add_t img{height:35px; width:auto; margin:15px 0 0}
    #rolling_tab .m_text_new .b_title.yw{margin-top:20px;}
    #rolling_tab .m_text_new .b_title.yw{font-weight:500; color:#ffd681;font-size: 1.35em;}
    #rolling_tab .m_text_new .b_title.yw span{color:#ffd681;font-size: 1.0em;}
}





@media (max-width: 1199px) {
    #rolling_tab .m_call_area{ width:100%}
    #rolling_tab .m_call_area .call_slgan p.tit{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:2.2em; font-weight:600; line-height:1.0em}
    #rolling_tab .m_call_area .call_slgan p.cons{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.22em; font-weight:500; color:#4d4c4c; line-height: 1.2em;}
    #rolling_tab .m_call_area .call_box p.tit{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.30em; font-weight:600; line-height:1.0em; letter-spacing:-.050em}
    #rolling_tab .m_call_area .call_box p.cons{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.25em; font-weight:500; color:#d39250; line-height: 1.2em; letter-spacing:-.050em}
}
@media (max-width: 1099px) {
    #rolling_tab .m_char_area{ position:absolute; bottom:0; width:100%; background:rgba(13,14,20,.15); height:40%; z-index:10; border-top:1px solid rgba(255,255,255,.2); transition: -webkit-transform .1s; transition: transform .1s; transition: transform .1s, -webkit-transform .1s; transition: all 0.5s;}
    #rolling_tab .m_char_area ul{ width:100%; position:relative; padding:30px; 0; left:auto; top:auto; transform:translateX(0%);}
    #rolling_tab .m_char_area li img { display:none}
    .caption{ width:100%; left: 0;margin:0 0% 2%;  border-radius:4px; padding:20px; vertical-align:top; background:rgba(0,0,0,.07)}
    #rolling_tab .m_char_area li{ width:48%; margin:0 1% 2%; border:1px solid rgba(255,255,255,.5); border-radius:4px; padding:20px; vertical-align:top; background:rgba(0,0,0,.07)}
    #rolling_tab .m_char_area li dt{ color:#fff; font-size:1.6em; font-weight:500; margin:0 0 15px}
    #rolling_tab .m_char_area li dd{ color:rgba(255,255,255,.7); font-size:1.12em}
}
@media (max-width: 991px) {
    #rolling_tab{
        padding-top: 56px;
    }
    #rolling_tab .m_call_area{ display:none}
    #rolling_tab .m_char_area{ position:absolute; bottom:0; width:100%; background:rgba(13,14,20,.15); height:42%; z-index:10; border-top:1px solid rgba(255,255,255,.2); transition: -webkit-transform .1s; transition: transform .1s; transition: transform .1s, -webkit-transform .1s; transition: all 0.5s;}
    #rolling_tab .m_text_new{
        position:absolute; width:100%; margin:0px auto;z-index:130; top: unset;
        bottom: 100px;
        transform: unset;  text-align:center
    }
    .swiper-wrapper .swiper-slide{ width:100%; background-size: cover !important;
        height: 656px;}
    .swiper-wrapper .swiper-slide.first{
        background-position: right top !important;
        background-image: url(../img/main/mainBanner_mobile_01.jpg) !important;
    }
    .swiper-container .mtxt{display:none;}
    .swiper-container .mtxt img{width:100%;}
    #rolling_tab .m_text_new .tit{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:2.2em; font-weight:600; color:#fff; text-align:center ;padding-top:0px; 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_new .tit00{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.4em; font-weight:600; color:#885b5c; text-align:center ;padding-top:15px; /*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_new .tit img{ width:30%}
    #rolling_tab .m_text_new .tit span{ font-weight:400; font-size:inherit}
    #rolling_tab .m_text_new .tit02{ padding: 10px 15px; line-height: 1.5em; font-weight: 100; color: rgba(250,250,250,0.8); font-size:1.4em !important; font-weight:500; background:rgba(44,63,119,.7); text-align:center; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; color:#fff; display:inline-block}
    #rolling_tab .m_text_new .tit03{ padding: 10px 15px; line-height: 1.5em; font-weight: 100; color: rgba(250,250,250,0.8); font-size:1.4em !important; font-weight:500; background:rgba(88,91,97,.7); text-align:center; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; color:#fff; display:inline-block; word-break: keep-all;}
    #rolling_tab .m_text_new p{color:rgba(255,255,255,0.8); font-size:1.20em; padding-top:0px; line-height:1.4em; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
    #rolling_tab .m_text_new p span{color:#fff; font-size:1.35em; padding-top:10px;font-weight:600}
    #rolling_tab .m_text_new .m_title{
        margin-bottom: 24px;}
    #rolling_tab .m_text_new .btn{
        margin-top: 56px;
    }
}
@media (max-width: 767px) {
    #rolling_tab .m_text_new .btn{
        width: 229px;
        height: 68px;
    }
    #rolling_tab .m_text_new .add_t02 img{/*height:180px;*/ width:80%; margin:0}
    #rolling_tab .m_char_area{ position:absolute; bottom:0; width:100%; background:rgba(13,14,20,.15); height:32%; z-index:10; border-top:1px solid rgba(255,255,255,.2); transition: -webkit-transform .1s; transition: transform .1s; transition: transform .1s, -webkit-transform .1s; transition: all 0.5s;}
    #rolling_tab .m_char_area ul{ width:100%; position:relative; padding:20px; 0; left:auto; top:auto; transform:translateX(0%);}
    #rolling_tab .m_char_area li{ width:48%; margin:0 1% 2%; border:1px solid rgba(255,255,255,.5); border-radius:4px; padding:12px; vertical-align:top}
    #rolling_tab .m_char_area li dt{ color:#fff; font-size:1.25em; font-weight:500; margin:0 0 15px}
    #rolling_tab .m_char_area li dd{ color:rgba(255,255,255,.7); font-size:0.9em}
    .swiper-wrapper .swiper-slide{ width:100%; background-size: cover !important;}
    #rolling_tab .m_text_new .eng{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.3em; font-weight:600; color:#fff; text-align:center ;padding-top:15px; 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_new .tit{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.7em; 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_new .tit img{ width:40%}
    #rolling_tab .m_text_new .tit00{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.20em; font-weight:600; color:#885b5c; text-align:center ;padding-top:0px; /*text-shadow: 1px 1px 1px rgb(0,0,0,0.3); text-shadow: 1px 1px 1px rgba(0,0,0,0.3);*/ letter-spacing:0}
    #rolling_tab .m_text_new .tit span{ font-weight:400; font-size:inherit}
    #rolling_tab .m_text_new .tit02{ padding: 10px 15px; line-height: 1.5em; font-weight: 100; color: rgba(250,250,250,0.8); font-size:1.25em !important; font-weight:500; background:rgba(44,63,119,.7); text-align:center; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; color:#fff; display:inline-block; margin:0}
    #rolling_tab .m_text_new .tit03{ padding: 10px 15px; line-height: 1.5em; font-weight: 100; color: rgba(250,250,250,0.8); font-size:1.25em !important; font-weight:500; background:rgba(88,91,97,.7); text-align:center; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; color:#fff; display:inline-block; word-break: keep-all;}
    #rolling_tab .m_text_new .roll03_search a{ border:1px solid #535455; font-size:1.25em; display:inline-block; padding:10px 15px; background:none}
    #rolling_tab .m_text_new p{color:rgba(255,255,255,0.8); font-size:1.25em; padding-top:0px; line-height:1.4em; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
    #rolling_tab .m_text_new p.roll03{color:rgba(35,29,30,0.8); font-size:1.15em; font-weight:500; padding-top:0px; line-height:1.4em; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
    #rolling_tab .m_text_new .roll03_search img{ width:40%}
    #rolling_tab .m_text_new p span{color:#fff; font-size:1.35em; padding-top:10px;font-weight:600}
    .swiper-container .mtxt{display:none;}
    .swiper-container .mtxt img{width:100%;}
    .swiper-container .m_text_new{ 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_new 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_new h2 span{ font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; color:#fff; font-size:1.3em; letter-spacing:-.02em;  font-weight:bold; font-weight:500}
    .swiper-container .m_text_new p{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;color:rgba(255,255,255,0.8);font-size:1.1em; padding-top:10px;}
}
.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: 500px){
    #rolling_tab .m_char_area{ position:absolute; bottom:0; width:100%; background:rgba(13,14,20,.15); height:30%; z-index:10; border-top:1px solid rgba(255,255,255,.2); transition: -webkit-transform .1s; transition: transform .1s; transition: transform .1s, -webkit-transform .1s; transition: all 0.5s;}
    #rolling_tab {
        background: transparent;
        background-size: 100% auto;
    }
    #rolling_tab .m_mchar_banner{ position:absolute; bottom:50px; z-index: 100;}
    .swiper-wrapper .swiper-slide{ width:100%; background-size: cover !important;}

    #rolling_tab .m_text_new p.roll03{color:rgba(35,29,30,0.8); font-size:1.05em; font-weight:500; padding-top:0px; line-height:1.4em; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
}

@media (max-width: 400px){
    #rolling_tab .m_char_area{ position:absolute; bottom:0; width:100%; background:rgba(13,14,20,.15); height:37%; z-index:10; border-top:1px solid rgba(255,255,255,.2); transition: -webkit-transform .1s; transition: transform .1s; transition: transform .1s, -webkit-transform .1s; transition: all 0.5s;}
    #rolling_tab .m_char_area li dd{ color:rgba(255,255,255,.7); font-size:0.8em}
    .swiper-wrapper .swiper-slide{ width:100%; background-size: cover !important;}
}

.img_title{text-align:left; position:relative; padding:30px 40px; min-height:180px; margin-bottom:40px;}
.img_title:before,
.img_title:after{ display:block; content:""; border:12px solid #4b4e58; width:40px; height:100%; position:absolute; top:50%; transform:translateY(-50%);}
.img_title:before{border-right:0; left:0;}
.img_title:after{border-left:0; right:0;}
.img_title .title{position:relative; font-size:3em;  font-weight:300; line-height:1.4em; margin-bottom:10px; font-weight:400;}
.img_title .title strong{color:#3f7ac6;}
.img_title .title02{position:relative; font-size:2em;  font-weight:500; line-height:1.4em; margin-bottom:10px; font-weight:400;}
.img_title .title02 span{ font-weight:600; font-size: inherit; color: #000 !important;}
.img_title span{font-size:1.5em; opacity:0.8;}
.img_title .tit_list span{font-size:1.5em; opacity:0.8;}
.img_title .title .price{background:#3f7ac6; color:#fff; display:inline-block; font-size:0.8em; padding:0 10px; border-radius:5px; margin-bottom:10px;}
.img_title .title .price2{font-size:14px; line-height:1.5em; color:#D60011;}
.img_title .title .txt{ font-size:15px; line-height:1.5em;}

.border_bg{text-align:left; position:relative; padding:30px 65px; min-height:180px; margin-bottom:40px;}
.border_bg:before,
.border_bg:after{ display:block; content:""; border:12px solid #eff6f9; width:40px; height:100%; position:absolute; top:50%; transform:translateY(-50%);}
.border_bg:before{border-right:0; left:0;}
.border_bg:after{border-left:0; right:0;}

@media (max-width: 991px) {
    .img_title{padding:20px 35px; font-size:0.9em;}
    .img_title strong{display:block; padding:0 !important}
    .img_title:before,
    .img_title:after{border:10px solid #eff6f9;}
    .img_title:before{border-right:0;}
    .img_title:after{border-left:0;}

    .border_bg{padding:20px 35px; font-size:0.9em;}
    .border_bg strong{display:block; padding:0 !important}
    .border_bg:before,
    .border_bg:after{border:10px solid #eff6f9;}
    .border_bg:before{border-right:0;}
    .border_bg:after{border-left:0;}
}

@media (max-width: 767px) {
    .img_title:before, .img_title:after{border:0;}
    .img_title{padding:10px 0px;}
    .img_title .title{position:relative; font-size:2.3em;  font-weight:300; line-height:1.4em; margin-bottom:10px; font-weight:400;}
    .img_title .title02{position:relative; font-size:1.7em;  font-weight:500; line-height:1.4em; margin:50px 0 10px; font-weight:400;}
}

/*메인단락*/
#section00, #section01, #section02, #section03, #section04, #section05, #section06{ width:100%; margin:0px auto;}
#section00, #section01, #section02, #section03, #section04, #section05, #section06 p{ letter-spacing:-.050em;}

/*section00*/
#section00{ background:#edefef; padding:90px 0 100px;}
#section00 .area{ width:1200px; margin:0 auto;}
#section00 .area h3{ color:#4b4e58; font-size:2.9em; font-weight:400; letter-spacing:-.020em;}
#section00 .area h3 span{ color:#323232; font-weight:600;}
#section00 .area .h3_txt{font-size:1.65em; font-weight:400; margin:0 0 5px; line-height: 1.4em;}
#section00 .area p.more a{font-size:1.82em; color:#232323; font-weight:600;}
#section00 .area p.more a span{ color:#f08f39; margin:0 0 0 8px}
#section00 .campaign{ text-align:right; margin:0}

/*section00_m_text*/
#section00_m_text .m_text_new02{ display:none}

/*section00_call*/
#section00_call .m_call_area{ display:none}

/*section00_press*/
#section00_press{ background:#fff; padding:90px 0 100px;}
#section00_press .area{ width:1200px; margin:0 auto;}
#section00_press .area h3{ color:#4b4e58; font-size:2.9em; font-weight:400; letter-spacing:-.020em;}
#section00_press .area h3 span{ color:#323232; font-weight:600;}
#section00_press .area .m_press{}
#section00_press .area .m_press li{ background:#fff; border:0px; width:567px; margin:0; display:inline-block; vertical-align:top; position:relative}
#section00_press .area .m_press li div.img{ overflow:hidden; height:200px}
#section00_press .area .m_press li img{ width:100%}
#section00_press .area .m_press li dl{ padding:30px 20px 20px;}
#section00_press .area .m_press li dt{ font-weight:500; font-size:1.60em; color:#5c606d; font-family: 'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; letter-spacing:-.050em}
#section00_press .area .m_press li dd{ font-weight:400; font-size:1.30em; color:#777; margin:10px 0 0; font-family: 'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; line-height:1.3em; letter-spacing:-.050em}
#section00 .area .m_press li dd.date{ color:#888; font-size:0.97em; margin:10px 0 0; letter-spacing:-.050em}

/*section01*/
#section01{ padding:0px 0 100px; background:url(../img/main_new/section01_bg.jpg) no-repeat bottom #585b61;}
#section01 .area{ width:1200px; margin:0 auto;}
#section01 .area h3{ color:#fff; font-size:3.5em; font-weight:400; letter-spacing:-.020em; text-align:center}
#section01 .area h3 span{ color:#fff; font-weight:bold;}
#section01 .area .h3_txt{font-size:1.75em; color:rgba(255,255,255,.7); font-weight:400; margin:15px 0 5px; line-height: 1.6em; text-align:center}
#section01 .area .h3_txt span{ color:#7c6e5a; font-weight:bold; display:block; margin:0 0 27px}
#section01 .area .noti_box{ background:#fff; padding:15px 30px 25px; width:100%; position:relative}
#section01 .area .noti_box p.more{ background:url(../img/main_new/more_noti.png) no-repeat; width:14px; height:15px; position:absolute; right:20px; top:20px}
#section01 .area .noti_box h4{font-size:1.55em; color:#00000c; font-weight:400; margin:15px 0 5px; line-height: 1.4em;}
#section01 .area .online_box{ background:#2891d3; padding:15px 30px 25px; width:100%; margin:27px 0 0; position:relative}
#section01 .area .online_box::before{display:block;clear:both;content:"";}
#section01 .area .online_box .img{ float:left; width: auto;}
#section01 .area .online_box .cont{ float:left; margin-left:110px; position:absolute}
#section01 .area .online_box p.more{ background:url(../img/main_new/more_online.png) no-repeat; width:14px; height:15px; position:absolute; right:20px; top:20px}
#section01 .area .online_box h4{font-size:1.70em; color:#fff; font-weight:400; margin:15px 0 5px; line-height: 1.4em;}
#section01 .area .online_box p{ color:rgba(255,255,255,.6); font-size:1.15em; letter-spacing:0}
#section01 .area .m_posts{}
#section01 .area .m_posts li{ background:#fff; border:0px; width:250x; margin:0 0 10px 0; display:inline-block; vertical-align:top; position:relative}
#section01 .area .m_posts li div.img{ overflow:hidden; height:200px}
#section01 .area .m_posts li img{ width:200%; /*추출이미지 강제 키움*/}
#section01 .area .m_posts li dl{ padding:20px; min-height: 291px;}
#section01 .area .m_posts li dt{ font-weight:500; font-size:1.35em; color:#5c606d; font-family: 'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; letter-spacing:-.050em; min-height: 70px;}
#section01 .area .m_posts li dd{ font-weight:400; font-size:1.12em; color:#777; margin:10px 0 0; font-family: 'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; line-height:1.3em; letter-spacing:-.050em}
#section01 .area .m_posts li dd.date{ color:#888; font-size:0.97em; margin:30px 0 0; letter-spacing:-.050em; display: none;}
#section01 .area .m_posts dl { position:relative}
#section01 .area .m_posts dl h5{font-weight:500; font-size:1.25em; color:#707378; margin:0 0 25px}
#section01 .area .m_posts dl p.more{ background:url(../img/main_new/more_noti.png) no-repeat; width:14px; height:15px; position:absolute; right:20px; top:20px}

/*section02*/
#section02{ padding:90px 0 140px; background:url(../img/main_new/section02_bg.gif) repeat-x bottom}
#section02 .area{ width:1200px; margin:0 auto;}
#section02 .area h3{ color:#4b4e58; font-size:3.5em; font-weight:400; letter-spacing:-.020em; text-align:center}
#section02 .area h3 span{ color:#323232; font-weight:bold}
#section02 .area .h3_txt{font-size:1.75em; font-weight:400; margin:15px 0 5px; text-align:center; line-height: 1.4em; word-break: keep-all;}
#section02 .area .funeral{ margin:0px auto; text-align:center; padding:70px 0 20px}
#section02 .area .funeral li{ width:20%; display:inline-block; margin:0 35px; padding:0; vertical-align:top; transition: -webkit-transform .1s; transition: transform .1s; transition: transform .1s, -webkit-transform .1s; transition: all 0.5s;}
#section02 .area .funeral li:first-child{ background:url(../img/main_new/section02_img01.png) no-repeat 50% 50%; width:298px; height:258px}
#section02 .area .funeral li:nth-child(2){ background:url(../img/main_new/section02_img02.png) no-repeat 50% 50%; width:298px; height:258px}
#section02 .area .funeral li:nth-child(3){ background:url(../img/main_new/section02_img03.png) no-repeat 50% 50%; width:298px; height:258px}
#section02 .area .funeral02{ margin:0px auto; text-align:center;}
#section02 .area .funeral02 li{ display:inline-block; text-align:center; vertical-align:top; margin:0 35px; width:298px}
#section02 .area .funeral02 dt{ font-size:1.65em; font-weight:bold}
#section02 .area .funeral02 dd{ padding:15px 0 0; font-size: 1.42em; font-weight: 500;  word-break: keep-all;}
#section02 .area p.more a{font-size:1.82em; color:#232323; font-weight:600; text-align:center}
#section02 .area p.more a span{ color:#f08f39; margin:0 0 0 8px}

/*section03*/
#section03{ background:url(../img/main_new/section03_bg.jpg) no-repeat center bottom #585b61; padding:100px 0 70px; height:1060px; position:relative}
#section03 .area{ width:1200px; margin:0 auto;}
#section03 .area h3{ color:#fff; font-size:2.9em; font-weight:400; letter-spacing:-.020em; text-align:center}
#section03 .area h3 span{ color:#fff; font-weight:bold;}
#section03 .area .h3_txt{font-size:1.75em; color:rgba(255,255,255,.7); font-weight:400; margin:15px 0 5px; line-height: 1.6em; text-align:center}
#section03 .area .h3_txt span{ color:#7c6e5a; font-weight:bold; display:block; margin:0 0 27px}
#section03 .area .char_box{ background:url(../img/main_new/section03_char_box.png) no-repeat center center; width:406px; height:350px; margin:60px auto; transition: -webkit-transform .1s; transition: transform .1s; transition: transform .1s, -webkit-transform .1s; transition: all 0.5s;}
#section03 .area .char_box dl{padding: 70px 50px 50px 90px;}
#section03 .area .char_box dt{font-size:1.82em; font-weight:600; color:#fff; margin:0 0 17px}
#section03 .area .char_box dd{ background:url(../img/common/icon_li.png) no-repeat 0 5px; padding:0 0 0 23px; color:rgba(255,255,255,.7); font-size:1.52em; font-weight:500; margin:0 0 5px; vertical-align:top}
#section03 .area .char_box02{ position:absolute; bottom:0; background:#585b61; padding:17px 30px 12px; text-align:center; color:rgba(255,255,255,.7); left:50%; transform:translateX(-50%); font-size:1.40em; font-weight:500;}
#section03 .area p.more a{font-size:1.82em; font-weight:600; color:#fff; text-align:center}
#section03 .area p.more a span{ color:#f08f39; margin:0 0 0 8px}

/*section04*/
#section04{ background:url(../img/main_new/section04_arrow.png) no-repeat center -15px #f6f1ed; padding:100px 0 60px}
#section04 .area{ width:1200px; margin:0 auto;}
#section04 .area h3{ color:#4b4e58; font-size:2.9em; font-weight:400; letter-spacing:-.020em;}
#section04 .area h3 span{ color:#323232; font-weight:600;}
#section04 .area .h3_txt{font-size:2.12em; font-weight:500; margin:15px 0 5px; line-height: 1.4em;}
#section04 .area .h3_txt span{ color:#323232; font-weight:bold; display:block; margin:0 0 27px}
#section04 .area p.more a{font-size:1.82em; font-weight:600; color:#232323;}
#section04 .area p.more a span{ color:#f08f39; margin:0 0 0 8px}
#section04 .area .char_box02{ display:none}

/*section05*/
#section05{ background:#e5e7e8; padding:60px 0 10px}
#section05 .area{ width:1200px; margin:0 auto; background:url(../img/main_new/section05_bg.png) no-repeat 50% 186px}
#section05 .area h3{ color:#4b4e58; font-size:3.5em; font-weight:400; letter-spacing:-.020em; text-align:center}
#section05 .area h3 span{ color:#323232; font-weight:bold}
#section05 .area .h3_txt{font-size:1.75em; font-weight:400; margin:15px 0 5px; text-align:center; line-height: 1.6em;}
#section05 .area .guarantee{ margin:0px auto; text-align:center; padding:70px 0 }
#section05 .area .guarantee li{ display:inline-block; margin:0 23px; padding: 142px 0 0; font-size: 1.42em; font-weight: 500; transition: -webkit-transform .1s; transition: transform .1s; transition: transform .1s, -webkit-transform .1s; transition: all 0.5s;}
#section05 .area .guarantee li:first-child{ background:url(../img/main_new/section05_icon01.png) no-repeat 50% 50%; width:136px; height:118px}
#section05 .area .guarantee li:nth-child(2){ background:url(../img/main_new/section05_icon02.png) no-repeat 50% 50%; width:136px; height:118px}
#section05 .area .guarantee li:nth-child(3){ background:url(../img/main_new/section05_icon03.png) no-repeat 50% 50%; width:136px; height:118px}
#section05 .area .guarantee li:nth-child(4){ background:url(../img/main_new/section05_icon04.png) no-repeat 50% 50%; width:136px; height:118px}
#section05 .area .guarantee li:nth-child(5){ background:url(../img/main_new/section05_icon05.png) no-repeat 50% 50%; width:136px; height:118px}

/*section06*/
#section06{ padding:100px 0 25px; position:relative; background:url(../img/main_new/section06_arrow.png) no-repeat center -15px}
#section06 .area{ width:1200px; margin:0 auto}
#section06 .area .reward li{ background:url(../img/common/icon_li.png) no-repeat 0 5px; padding:0 0 0 23px; color:#323232; font-size:1.52em; font-weight:500; margin:0 0 5px}
#section06 .area h3:before{content:""; display:block; width:52px; height:4px; background:#000; margin:0px auto 25px}
#section06 .area h3{ color:#4b4e58; font-size:2.7em; font-weight:bold; letter-spacing:-.080em}
#section06 .area h3 span{ color:#000 !important; font-size:1.8em; font-weight:bolder; display:block}

@media (max-width: 1199px) {
    /*section00*/
    #section00{ background:#edefef; padding:40px 0 60px; position:relative; margin:-1px 0 0}
    #section00 .area{ width:100%; margin:0 auto; padding:0 20px}
    #section00 .area h3{ color:#4b4e58; font-size:1.85em; font-weight:400; letter-spacing:-.020em; text-align:center}
    #section00 .area h3 span{ color:#323232; font-weight:600;}
    #section00 .area .h3_txt{font-size:1.30em; font-weight:400; margin:5px 0 5px; line-height: 1.4em; text-align:center; word-break: keep-all;}
    #section00 .area p.more a{font-size:1.32em; color:#232323; font-weight:600; display:block; text-align:center}
    #section00 .area p.more a span{ color:#f08f39; margin:0 0 0 8px}

    /*section00_press*/
    #section00_press{ background:#fff; padding:40px 0 30px;}
    #section00_press .area{ width:100%; margin:0 auto; padding:0 20px}
    #section00_press .area h3{ color:#4b4e58; font-size:1.85em; font-weight:400; letter-spacing:-.020em; text-align:center; line-height: 1.8em;}
    #section00_press .area h3 span{ color:#323232; font-weight:600;}
    #section00_press .area .m_press{}
    #section00_press .area .m_press li{ background:#fff; border:0px; width:100%; margin:0; display:inline-block; vertical-align:top; position:relative}
    #section00_press .area .m_press li div.img{ overflow:hidden; height:200px}
    #section00_press .area .m_press li img{ width:100%}
    #section00_press .area .m_press li dl{ padding:30px 20px 20px;}
    #section00_press .area .m_press li dt{ font-weight:500; font-size:1.60em; color:#5c606d; font-family: 'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; letter-spacing:-.050em}
    #section00_press .area .m_press li dd{ font-weight:400; font-size:1.30em; color:#777; margin:10px 0 0; font-family: 'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; line-height:1.3em; letter-spacing:-.050em}
    #section00 .area .m_press li dd.date{ color:#888; font-size:0.97em; margin:10px 0 0; letter-spacing:-.050em}

    /*section01*/
    #section01{ padding:40px 0 60px; background:url(../img/main_new/section01_bg.jpg) no-repeat bottom #585b61; height:auto}
    #section01 .area{ width:100%; margin:0 auto; padding:0 20px}
    #section01 .area h3{ color:#fff; font-size:2.2em; font-weight:400; letter-spacing:-.020em; text-align:center; line-height: 1.6em;}
    #section01 .area h3 span{ color:#fff; font-weight:bold; display:block}
    #section01 .area .h3_txt{font-size:1.30em; color:rgba(255,255,255,.7); font-weight:400; margin:15px 0 5px; line-height: 1.6em; text-align:center; word-break: keep-all;}
    #section01 .area .h3_txt span{ color:#7c6e5a; font-weight:bold; display:block; margin:0 0 27px}
    #section01 .area .m_posts{}
    #section01 .area .m_posts li{ background:#fff; border:0px; width:250x; margin:0 0 10px 0; display:inline-block; vertical-align:top; position:relative}
    #section01 .area .m_posts li div.img{ overflow:hidden; height:200px}
    #section01 .area .m_posts li img{ width:120% /*추출이미지 강제키움*/}
    #section01 .area .m_posts li dl{ padding:20px; min-height: 194px;}
    #section01 .area .m_posts li dt{ font-weight:500; font-size:1.35em; color:#5c606d; font-family: 'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; letter-spacing:-.050em}
    #section01 .area .m_posts li dd{ font-weight:400; font-size:1.12em; color:#777; margin:10px 0 0; font-family: 'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; line-height:1.3em; letter-spacing:-.050em}
    #section01 .area .m_posts li dd.date{ color:#888; font-size:0.97em; margin:10px 0 0; letter-spacing:-.050em}

    /*section02*/
    #section02{ padding:40px 0 60px;}
    #section02 .area{ width:100%; margin:0 auto; padding:0 20px}
    #section02 .area h3{ color:#4b4e58; font-size:2.2em; font-weight:400; letter-spacing:-.020em; text-align:center; line-height: 1.6em;}
    #section02 .area h3 span{ color:#323232; font-weight:bold; display:block}
    #section02 .area .h3_txt{font-size:1.3em; font-weight:400; margin:15px 0 5px; text-align:center; line-height: 1.4em; word-break: keep-all;}
    #section02 .area p.more a{font-size:1.32em; color:#232323; font-weight:600; text-align:center}
    #section02 .area p.more a span{ color:#f08f39; margin:0 0 0 8px}
    #section02 .area .funeral{ margin:0px auto; text-align:center; padding: 30px 0 20px; }
    #section02 .area .funeral li{ width:33%; display:inline-block; margin:0 35px; padding: 250px 0 0; vertical-align:top; transition: -webkit-transform .1s; transition: transform .1s; transition: transform .1s, -webkit-transform .1s; transition: all 0.5s;}
    #section02 .area .funeral li:first-child{ background:url(../img/main_new/section02_img01.png) no-repeat 50% 50%; width:32%; height:auto; background-size:100%; margin:0px auto}
    #section02 .area .funeral li:nth-child(2){ background:url(../img/main_new/section02_img02.png) no-repeat 50% 50%; width:32%; height:auto; background-size:100%; margin:0px auto}
    #section02 .area .funeral li:nth-child(3){ background:url(../img/main_new/section02_img03.png) no-repeat 50% 50%; width:32%; height:auto; background-size:100%; margin:0px auto}
    #section02 .area .funeral02 li{ width:30%; margin:0; padding:20px 0 0}
    #section02 .area .funeral02 dt{ font-size:1.65em; font-weight:bold}
    #section02 .area .funeral02 dd{ padding:15px 0 0; font-size: 1.42em; font-weight: 500;}

    /*section03*/
    #section03{ background:url(../img/main_new/section03_bg.jpg) no-repeat center bottom #585b61; padding:40px 0 20px; height:auto; position:relative}
    #section03 .area{ width:100%; margin:0 auto; padding:0 20px}
    #section03 .area h3{ color:#fff; font-size:2.2em; font-weight:400; letter-spacing:-.020em; text-align:center}
    #section03 .area h3 span{ color:#fff; font-weight:bold;}
    #section03 .area .h3_txt{font-size:1.30em; color:rgba(255,255,255,.7); font-weight:400; margin:15px 0 5px; line-height: 1.6em; text-align:center; word-break: keep-all;}
    #section03 .area .h3_txt span{ color:#7c6e5a; font-weight:bold; display:block; margin:0 0 27px}
    #section03 .area .char_box02{ position:relative; bottom:0; background:#585b61; padding:17px 30px 12px; text-align:center; color:rgba(255,255,255,.7); left:auto; transform:translateX(0px); font-size:1.15em; font-weight:500; display:none}
    #section03 .area p.more a{font-size:1.32em; font-weight:600; color:#fff; text-align:center}
    #section03 .area p.more a span{ color:#f08f39; margin:0 0 0 8px}

    #section04{ background:#f6f1ed; padding:60px 0 60px}
    #section04 .area{ width:100%; margin:0 auto;}
    #section04 .area .col-md-6{ padding:0 20px}
    #section04 .area h3{ color:#4b4e58; font-size:1.85em; font-weight:400; letter-spacing:-.020em; text-align:center; margin:50px 0 0}
    #section04 .area h3 span{ color:#323232; font-weight:600;}
    #section04 .area .h3_txt{font-size:1.30em; font-weight:500; margin:15px 0 5px; line-height: 1.4em; text-align:center}
    #section04 .area .h3_txt span{ color:#323232; font-weight:bold; display:block; margin:0 0 27px}
    #section04 .area .process{ text-align:center}
    #section04 .area p.more a{font-size:1.32em; font-weight:600; color:#232323; text-align:center; display:block}
    #section04 .area p.more a span{ color:#f08f39; margin:0 0 0 8px}
    #section04{ background:url(../img/main_new/section04_arrow02.png) no-repeat center 60px #f6f1ed; padding:0 0 40px}
    #section04 .area .char_box02{ position:relative; bottom:0; background:#42454c; padding:17px 30px 12px; text-align:center; color:rgba(255,255,255,.7); left:auto; transform:translateX(0px); font-size:1.15em; font-weight:500; margin:0 0 60px; width:100%; display:block}
    #section04 .area .char_box02 p{ word-break: keep-all;}

    /*section05*/
    #section05{ background:#e5e7e8; padding:40px 0 0px}
    #section05 .area{ width:100%; margin:0 auto; background:none}
    #section05 .area h3{ color:#4b4e58; font-size:2.2em; font-weight:400; letter-spacing:-.020em; text-align:center; line-height: 1.6em;}
    #section05 .area h3 span{ color:#323232; font-weight:bold; display:block}
    #section05 .area .h3_txt{font-size:1.35em; font-weight:400; margin:15px 0 5px; text-align:center; line-height: 1.6em; word-break: keep-all;}
    #section05 .area .guarantee{ margin:0px auto; text-align:center; padding:30px 0 }

    /*section06*/
    #section06{ padding:40px 0 0}
    #section06 .area{ width:100%; margin:0 auto}
    #section06 .area .reward ul{ padding:50px 20px 10px}
    #section06 .area .reward li{  background:url(../img/common/icon_li.png) no-repeat 0 5px; font-size:1.40em; padding:0 0 10px 23px}
    #section06 .area h3{ margin: 60px 0 0px; color:#4b4e58; font-size:2.2em; font-weight:bold; letter-spacing:-.080em; ; line-height: 1.8em;}
    #section06 .area h3 span{ display:block}
}


@media (max-width: 992px) {
    /*section00_m_text*/
    #section00_m_text .m_text_new02{ position:relative; text-align:center; width:100%; background:#585b61; padding:20px; display:block}
    #section00_m_text .m_text_new02 .tit{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.8em; font-weight:600; color:#fff; text-align:center ;padding-top:5px; text-shadow: 1px 1px 1px rgb(0,0,0,0.3); text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
    #section00_m_text .m_text_new02 p.tit span{ font-weight:400; color:#fff}
{color:rgba(255,255,255,0.8); font-size:1.65em; padding-top:0px; line-height:1.4em; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
    #section00_m_text .m_text_new02 p.cons{color:rgba(255,255,255,0.9); font-size:1.35em; padding-top:0px; line-height:1.4em; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
    #section00_m_text .m_text_new02 a {display: inline-block; background: #1c9fef; border:2px solid #1c9fef; line-height: 30px;padding: 10px 30px;color: #fff;transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;    -o-transition: all 0.3s;font-size: 1.5em;font-weight: 500; margin:10px 0 0}
    #section00_m_text .m_text_new02 a:hover { background:#edefef; border:2px solid #333;  color:#333; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}

    /*section00_call*/
    #section00_call .m_call_area{ display:block !important; position:relative; background:#edefef; width:100%; text-align:center; padding:20px 20px 0 20px;}
    #section00_call .m_call_area .call_slgan{ background:url(../img/main_new/icon_m_mcall.png) no-repeat 77% 10px; padding: 30px 0 20px;}
    #section00_call .m_call_area .call_slgan p.tit{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:2.9em; font-weight:600; line-height:1.0em; color:#000}
    #section00_call .m_call_area .call_slgan p.cons{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.82em; font-weight:500; color:#4d4c4c; line-height: 2.6em; letter-spacing:-.050em}
    #section00_call .m_call_area .call_box_area{ width:84%; margin:0 8%}
    #section00_call .m_call_area .call_box{ background:#fff; padding:15px 10px; width:48%; margin:0 1%}
    #section00_call .m_call_area .call_box .call::before{content:""; display:block; position:absolute; left:0; top:45px; width:90%; margin:0 5%; height:3px; background:#333;}
    #section00_call .m_call_area .call_box .call{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:2.9em; font-weight:600; line-height:1.6em; margin:10px 0 0 !important}
    #section00_call .m_call_area .call_box p.tit{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.48em; font-weight:600; line-height:1.0em; letter-spacing:-.050em}
    #section00_call .m_call_area .call_box p.tit span.e_hour{ display:none}
    #section00_call .m_call_area .call_box p.cons{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.42em; font-weight:500; color:#d39250; line-height: 1.2em; letter-spacing:-.050em}

    /*section00_press*/
    #section00_press .area .m_press li dd.date{ display:block; text-align:left}

    /*section00*/
    #section00 .campaign{ text-align:center; margin:20px 0 0}

    /*section01*/
    #section01 .area .noti_box{ background:#fff; padding:15px 30px 25px; width:100%; position:relative; margin:18px 0 0}
    #section01 .area .online_box .col-xs-4{ width:120px}

    /*section02*/
    #section02{ padding:70px 0; background:url(../img/main_new/section02_bg.gif) repeat-x 0 120%}
    #section02 .area .funeral li{ width:33%; display:inline-block; margin:0 35px; padding: 220px 0 0; vertical-align:top; transition: -webkit-transform .1s; transition: transform .1s; transition: transform .1s, -webkit-transform .1s; transition: all 0.5s;}

    /*section05*/
    #section05 .area .guarantee li{ display:inline-block; margin:0 2px; padding: 142px 0 0; font-size: 1.42em; font-weight: 500; transition: -webkit-transform .1s; transition: transform .1s; transition: transform .1s, -webkit-transform .1s; transition: all 0.5s;}
    #section05 .area .guarantee li:first-child{ background:url(../img/main_new/section05_icon01.png) no-repeat 50% 50%; width:136px; height:118px}
    #section05 .area .guarantee li:nth-child(2){ background:url(../img/main_new/section05_icon02.png) no-repeat 50% 50%; width:136px; height:118px}
    #section05 .area .guarantee li:nth-child(3){ background:url(../img/main_new/section05_icon03.png) no-repeat 50% 50%; width:136px; height:118px}
    #section05 .area .guarantee li:nth-child(4){ background:url(../img/main_new/section05_icon04.png) no-repeat 50% 50%; width:136px; height:118px}
    #section05 .area .guarantee li:nth-child(5){ background:url(../img/main_new/section05_icon05.png) no-repeat 50% 50%; width:136px; height:118px}
}

@media (max-width: 767px) {
    /*section00*/
    #section00{ background:#edefef; padding:40px 0;}
    #section00 .campaign{ text-align:center; margin:20px 0 0}

    /*section00_m_text*/
    #section00_m_text .m_text_new02 .tit{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.5em; font-weight:600; color:#fff; text-align:center ;padding-top:5px; text-shadow: 1px 1px 1px rgb(0,0,0,0.3); text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
    #section00_m_text .m_text_new02 p.cons{color:rgba(255,255,255,0.9); font-size:1.17em; padding-top:0px; line-height:1.4em; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;}

    /*section00_call*/
    #section00_call .m_call_area .call_slgan{ background:url(../img/main_new/icon_m_mcall.png) no-repeat 90% 0; padding: 30px 0 20px;}
    #section00_call .m_call_area .call_slgan p.tit{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:2.0em; font-weight:600; line-height:1.0em; color:#000}
    #section00_call .m_call_area .call_slgan p.cons{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.32em; font-weight:400; color:#4d4c4c; line-height: 2.6em; letter-spacing:-.050em}
    #section00_call .m_call_area .call_box_area{ width:100%; margin:0}
    #section00_call .m_call_area .call_box .call{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:2.1em; font-weight:600; line-height:1.6em; margin:10px 0 0 !important}
    #section00_call .m_call_area .call_box p.tit{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.18em; font-weight:600; line-height:1.0em; letter-spacing:-.050em}
    #section00_call .m_call_area .call_box p.cons{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.12em; font-weight:500; color:#d39250; line-height: 1.2em; letter-spacing:-.050em}

    /*section00_press*/
    #section00_press .area .m_press{}
    #section00_press .area .m_press li{ background:#fff; border:0px; width:100%; margin:0; display:inline-block; vertical-align:top; position:relative}
    #section00_press .area .m_press li div.img{ overflow:hidden; height:100px}
    #section00_press .area .m_press li img{ width:100%}
    #section00_press .area .m_press li dl{ padding:30px 0px 20px;}
    #section00_press .area .m_press li dt{ font-weight:500; font-size:1.30em; color:#5c606d; font-family: 'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; letter-spacing:-.050em}
    #section00_press .area .m_press li dd{ font-weight:400; font-size:1.10em; color:#777; margin:10px 0 0; font-family: 'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; line-height:1.3em; letter-spacing:-.050em; display:none}
    #section00 .area .m_press li dd.date{ color:#888; font-size:0.97em; margin:10px 0 0; letter-spacing:-.050em}

    /*section01*/
    #section01{ padding:40px 0 30px; background:url(../img/main_new/section01_bg.jpg) no-repeat bottom #585b61; height:auto}
    #section01 .area h3{ color:#fff; font-size:1.7em; font-weight:400; letter-spacing:-.020em; text-align:center; line-height: 1.4em;}
    #section01 .area h3 span{ color:#fff; font-weight:bold; display:block}
    #section01 .area .h3_txt{font-size:1.20em; color:rgba(255,255,255,.7); font-weight:400; margin:15px 0 5px; line-height: 1.6em; text-align:center; word-break: keep-all;}
    #section01 .area .h3_txt span{ color:#7c6e5a; font-weight:bold; display:block; margin:0 0 27px}
    #section01 .area .m_posts{}
    #section01 .area .m_posts li{ background:#fff; border:0px; width:250x; margin:0 0 10px 0; display:inline-block; vertical-align:top; position:relative}
    #section01 .area .m_posts li div.img{ overflow:hidden; position: absolute; right: 5%; top: 30%;}
    #section01 .area .m_posts li div.img img{ width:100px; height:100px; border-radius:100%}
    #section01 .area .m_posts li img{ width:100%}
    #section01 .area .m_posts li dl{ padding:20px; min-height: auto;}
    #section01 .area .m_posts li dt{ font-weight:500; font-size:1.27em; color:#5c606d; font-family: 'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; letter-spacing:-.050em; width: 100%}
    #section01 .area .m_posts li dd{ font-weight:400; font-size:1.12em; color:#777; margin:10px 0 0; font-family: 'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; line-height:1.3em; letter-spacing:-.050em; width: 65%}
    #section01 .area .m_posts li dd.date{ color:#888; font-size:0.97em; margin:10px 0 0; letter-spacing:-.050em}
    #section01 .area .online_box h4{font-size:1.40em; color:#fff; font-weight:400; margin:15px 0 5px; line-height: 1.4em;}
    #section01 .area .online_box p{ color:rgba(255,255,255,.6)}
    #section01 .area .online_box .col-xs-4{ width:80px}
    #section01 .area .online_box .col-xs-4 img{ width:60px}

    /*section02*/
    #section02{ padding:50px 0 50px; background:url(../img/main_new/section02_bg.gif) repeat-x 0 170%}
    #section02 .area h3{ color:#4b4e58; font-size:1.7em; font-weight:400; letter-spacing:-.020em; text-align:center; line-height: 1.4em;}
    #section02 .area h3 span{ color:#323232; font-weight:bold; display:block}
    #section02 .area .h3_txt{font-size:1.20em; font-weight:400; margin:15px 0 5px; text-align:center; line-height: 1.4em; word-break: keep-all;}
    #section02 .area .funeral li{ width:33%; display:inline-block; margin:0 35px; padding: 150px 0 0; vertical-align:top; transition: -webkit-transform .1s; transition: transform .1s; transition: transform .1s, -webkit-transform .1s; transition: all 0.5s;}
    #section02 .area .funeral02 li{ width:30%; margin:0; padding:0}
    #section02 .area .funeral02 dt{ font-size:1.35em; font-weight:bold}
    #section02 .area .funeral02 dd{ padding:15px 0 0; font-size: 1.12em; font-weight: 500;}


    /*section03*/
    #section03{ background:url(../img/main_new/section03_mbg.jpg) no-repeat center bottom #585b61; background-size:100%; padding:40px 0 20px; height:auto; position:relative}
    #section03 .area{ width:100%; margin:0 auto;}
    #section03 .area h3{ color:#fff; font-size:1.85em; font-weight:400; letter-spacing:-.020em; text-align:center}
    #section03 .area h3 span{ color:#fff; font-weight:bold; display:block; line-height: 1.4em;}
    #section03 .area .char_box{ background:url(../img/main_new/section03_char_box.png) no-repeat center center; width:100%; height:auto; background-size:100%; margin:50px auto; transition: -webkit-transform .1s; transition: transform .1s; transition: transform .1s, -webkit-transform .1s; transition: all 0.5s;}
    #section03 .area .char_box dl{padding: 50px 50px 50px 65px;}
    #section03 .area .char_box dt{font-size:1.52em; font-weight:600; color:#fff; margin:0 0 17px}
    #section03 .area .char_box dd{ background:url(../img/common/icon_li.png) no-repeat 0 5px; padding:0 0 10px 23px; color:rgba(255,255,255,.7); font-size:1.12em; font-weight:500; margin:0; vertical-align:top}
    #section03 .area .char_box02{ position:relative; bottom:0; background:#42454c; padding:17px 30px 12px; text-align:center; color:rgba(255,255,255,.7); left:auto; transform:translateX(0px); font-size:1.15em; font-weight:500; margin:0 0 20px; display:none}
    #section03 .area .char_box02 p{ word-break: keep-all;}

    /*section04*/
    #section04 .area{ width:100%; margin:0 auto;}
    #section04 .area .col-md-6{ padding:0 20px}
    #section04 .area h3{ color:#4b4e58; font-size:1.85em; font-weight:400; letter-spacing:-.020em; text-align:center; margin:20px 0 0}
    #section04 .area h3 span{ color:#323232; font-weight:600;}
    #section04 .area .h3_txt{font-size:1.30em; font-weight:500; margin:15px 0 5px; line-height: 1.4em; text-align:center; word-break: keep-all;}
    #section04 .area .h3_txt span{ color:#323232; font-weight:bold; display:block; margin:0 0 27px; font-size: 1.25em;}
    #section04 .area .h3_txt .b_padding35{ padding-bottom:0 !important}
    #section04 .area p.more a{font-size:1.32em; font-weight:600; color:#232323; text-align:center; display:block}
    #section04 .area p.more a span{ color:#f08f39; margin:0 0 0 8px}

    /*section05*/
    #section05{ background:#e5e7e8; padding:40px 0 0px}
    #section05 .area{ width:100%; margin:0 auto; background:none}
    #section05 .area h3{ color:#4b4e58; font-size:1.7em; font-weight:400; letter-spacing:-.020em; text-align:center; line-height:1.3em}
    #section05 .area h3 span{ color:#323232; font-weight:bold; display:block}
    #section05 .area .h3_txt{font-size:1.20em; font-weight:400; margin:15px 0 5px; text-align:center; line-height: 1.6em;}
    #section05 .area .guarantee{ margin:0px auto; text-align:center; padding:0 0 30px }
    #section05 .area .guarantee li{ display:inline-block; margin:0 2px; padding: 107px 0 0; font-size: 1.10em; font-weight: 500; transition: -webkit-transform .1s; transition: transform .1s; transition: transform .1s, -webkit-transform .1s; transition: all 0.5s;}
    #section05 .area .guarantee li:first-child{ background:url(../img/main_new/section05_icon01.png) no-repeat 50% 50%; width:80px; height:auto; background-size:100%}
    #section05 .area .guarantee li:nth-child(2){ background:url(../img/main_new/section05_icon02.png) no-repeat 50% 50%; width:80px; height:auto; background-size:100%}
    #section05 .area .guarantee li:nth-child(3){ background:url(../img/main_new/section05_icon03.png) no-repeat 50% 50%; width:80px; height:auto; background-size:100%}
    #section05 .area .guarantee li:nth-child(4){ background:url(../img/main_new/section05_icon04.png) no-repeat 50% 50%; width:80px; height:auto; background-size:100%}
    #section05 .area .guarantee li:nth-child(5){ background:url(../img/main_new/section05_icon05.png) no-repeat 50% 50%; width:80px; height:auto; background-size:100%}

    /*section06*/
    #section06{ padding:40px 0 0}
    #section06 .area{ width:100%; margin:0 auto}
    #section06 .area .reward ul{ padding:50px 20px 10px}
    #section06 .area .reward li{  background:url(../img/common/icon_li.png) no-repeat 0 0px; font-size:1.20em; padding:0 0 10px 23px}
    #section06 .area h3:before{content:""; display:block; width:52px; height:0px; background:#000; margin:0px auto 25px}
    #section06 .area h3{ margin: 0px; color:#4b4e58; font-size:1.7em; font-weight:bold; letter-spacing:-.080em}
    #section06 .area h3 span{ display:block}
}

@media (max-width: 500px) {
    /*section00_m_text*/
    #section00_m_text .m_text_new02 p.tit span{ display:block}
    #section00_m_text .m_text_new02{ position:relative; text-align:center; width:100%; background:#585b61; padding:10px 20px; display:block}
    #section00_m_text .m_text_new02 .tit{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.8em; font-weight:600; color:#fff; text-align:center ;padding-top:5px; text-shadow: 1px 1px 1px rgb(0,0,0,0.3); text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
    #section00_m_text .m_text_new02 p.tit span{ font-weight:400; color:#fff}
{color:rgba(255,255,255,0.8); font-size:1.65em; padding-top:0px; line-height:1.4em; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
    #section00_m_text .m_text_new02 p.cons{color:rgba(255,255,255,0.9); font-size:1.35em; padding-top:0px; line-height:1.4em; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
    #section00_m_text .m_text_new02 a {display: inline-block; background: #1c9fef; border:2px solid #1c9fef; line-height: 30px;padding: 5px 30px;color: #fff;transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;    -o-transition: all 0.3s;font-size: 1.35em;font-weight: 500; margin:10px 0 0}
    #section00_m_text .m_text_new02 a:hover { background:#edefef;; border:2px solid #333;  color:#333; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}

    /*section00_call*/
    #section00_call .m_call_area .call_slgan{ background:none; padding: 30px 0 20px;}
    #section00_call .m_call_area .call_slgan p.tit{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.9em; font-weight:600; line-height:1.0em; color:#000}
    #section00_call .m_call_area .call_slgan p.cons{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.22em; font-weight:500; color:#4d4c4c; line-height: 1.4em; letter-spacing:-.050em}
    #section00_call .m_call_area .call_box{ background:#d78e4d; padding:10px 10px; width:48%; margin:0 1%}
    #section00_call .m_call_area .call_box_area{ width:100%; margin:0}
    #section00_call .m_call_area .call_box .call::before{content:""; display:block; position:absolute; left:0; top:65px; width:90%; margin:0 5%; height:0px; background:#333;}
    #section00_call .m_call_area .call_box .call{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.7em; font-weight:600; line-height:1.7em; margin:0 !important; color:#fff}
    #section00_call .m_call_area .call_box p.tit{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.25em; font-weight:600; line-height:1.0em; letter-spacing:-.050em; color:rgba(255,255,255,.8); margin:0}
    #section00_call .m_call_area .call_box p.tit span.e_hour{display:inline-block; margin:0 0 0 5px; color:rgba(255,255,255,.8);}
    #section00_call .m_call_area .call_box p.cons{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; font-size:1.17em; font-weight:600; color:#d39250; line-height: 1.2em; letter-spacing:-.050em; display:none}
    #section00_call .m_call_area .call_box .text-right{ text-align:center}
    #section00_call .m_call_area .call_box .r_padding10{ padding-right:0}
    #section00_call .m_call_area .call_box .col-xs-4{ width:100%}
    #section00_call .m_call_area .call_box .col-xs-8{ width:100%}

    /*section00_press*/
    #section00_press .area .m_press{}
    #section00_press .area .m_press li{ background:#fff; border:0px; width:100%; margin:0; display:inline-block; vertical-align:top; position:relative}
    #section00_press .area .m_press li div.img{ overflow:hidden; height:100px}
    #section00_press .area .m_press li img{ width:100%}
    #section00_press .area .m_press li dl{ padding:30px 0px 20px;}
    #section00_press .area .m_press li dt{ font-weight:500; font-size:1.30em; color:#5c606d; font-family: 'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; letter-spacing:-.050em; height:44px; overflow:hidden}
    #section00_press .area .m_press li dd{ font-weight:400; font-size:1.10em; color:#777; margin:10px 0 0; font-family: 'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; line-height:1.3em; letter-spacing:-.050em}

    /*section02*/
    #section02{ padding:50px 0 50px; background:url(../img/main_new/section02_bg.gif) repeat-x 0 192%}
    #section02 .area .funeral li{ width:33%; display:inline-block; margin:0 35px; padding: 100px 0 0; vertical-align:top}
    #section02 .area .funeral02 dt{ font-size:1.25em; font-weight:bold}
    #section02 .area .funeral02 dd{ padding:15px 0 0; font-size: 1.02em; font-weight: 500;}

    /*section00_press*/
    #section00_press .area .m_press{}
    #section00_press .area .m_press li{ background:#fff; border:0px; width:100%; margin:0; display:inline-block; vertical-align:top; position:relative}
    #section00_press .area .m_press li div.img{ overflow:hidden; height:100px}
    #section00_press .area .m_press li img{ width:100%}
    #section00_press .area .m_press li dl{ padding:17px 0px 20px;}
    #section00_press .area .m_press li dt{ font-weight:500; font-size:1.30em; color:#5c606d; font-family: 'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif; letter-spacing:-.050em}

    /*section05*/
    #section05 .area .guarantee li{ display:inline-block; margin:0 2px; padding: 87px 0 0; font-size: 1.05em; font-weight: 500; transition: -webkit-transform .1s; transition: transform .1s; transition: transform .1s, -webkit-transform .1s; transition: all 0.5s;}
    #section05 .area .guarantee li:first-child{ background:url(../img/main_new/section05_icon01.png) no-repeat 50% 50%; width:18%; height:auto; background-size:100%}
    #section05 .area .guarantee li:nth-child(2){ background:url(../img/main_new/section05_icon02.png) no-repeat 50% 50%; width:18%; height:auto; background-size:100%}
    #section05 .area .guarantee li:nth-child(3){ background:url(../img/main_new/section05_icon03.png) no-repeat 50% 50%; width:18%; height:auto; background-size:100%}
    #section05 .area .guarantee li:nth-child(4){ background:url(../img/main_new/section05_icon04.png) no-repeat 50% 50%; width:18%; height:auto; background-size:100%}
    #section05 .area .guarantee li:nth-child(5){ background:url(../img/main_new/section05_icon05.png) no-repeat 50% 50%; width:18%; height:auto; background-size:100%}
}

/* 3대약속 */
.section_promise{
    background: #F1EEEC;
    padding: 68px 0 72px;
}
.section_promise .area {
    width: 1200px;
    margin: 0 auto;
}
.section_promise h3{
    color: #222;
    font-size: 44px;
    font-weight: 700;
    letter-spacing: -.020em;
    text-align: center;
}
.section_promise ul{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 30px;
}
.section_promise li{
    background: #fff;
    border-radius: 20px;
}
.section_promise .imgBox{
    height: 46%;
    border-radius: 20px;
    overflow: hidden;
}
.section_promise .imgBox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section_promise .txtBox{
    padding: 0 32px 32px;
}
.section_promise .txtBox .tagWrap{
    margin-top: 32px;
}
.section_promise .txtBox .tag{
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    border-radius: 130px;
    background: #FF6565;
    color: #fff;
    padding: 6px 14px;
}
.section_promise .txtBox h5{
    font-weight: 700;
    font-size: 32px;
    margin-top: 18px;
    line-height: 1.3;
}
.section_promise .txtBox p{
    font-size: 19px;
    color: #888;
    margin-top: 14px;
    margin-bottom: 0;
}
.section_promise .btn{
    width: 213px;
    height: 67px;
    padding: 0;
    line-height: 63px;
    border: 2px solid #222;
    color:#222222;
    font-size: 18px;
    font-weight: 700;
    margin-top: 56px;
}
@media(max-width: 1024px){
    .section_promise{
        padding: 40px 0 44px;
    }
    .section_promise .area{
        width: calc(100% - 32px);
    }
    .section_promise h3{
        font-size: 32px;
    }
    .section_promise ul{
        grid-column-gap: 10px;
    }
    .section_promise li{
        background: #fff;border-radius: 20px;
        margin-bottom: 20px;}
    .section_promise li:last-child{
        margin-bottom: 0;}
    .section_promise .txtBox{
        padding: 0 24px 35px;}
    .section_promise .txtBox .tagWrap{
        margin-top: 24px;
    }
    .section_promise .txtBox h5{
        font-size: 28px;
        margin-top: 10px;}
    .section_promise .txtBox p{
        font-size: 18px;
        margin-top: 16px;}
    .section_promise .btn{
        margin-top: 40px;
    }

}
@media(max-width: 768px){
    .t_margin56{
        margin-top: 36px;
    }

    .section_promise ul{
        display: block;
    }
    .section_promise .imgBox{
        height: 62vw;
    }


}


/* 장례 의전 서비스 이용 절차 */
.section_process{
    padding: 68px 0 52px;
}
.section_process .area {
    width: 1200px;
    margin: 0 auto;
}
.section_process h3{
    color: #222;
    font-size: 44px;
    font-weight: 700;
    letter-spacing: -.020em;
    text-align: center;
}
.section_process .p_list{
    display: grid;
    align-items: center;
    grid-column-gap: 170px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 72px;
}
.section_process .p_list:last-child{
    margin-bottom: 0;
}
.section_process .left{}
.section_process .left .imgBox{
    overflow: hidden;
    border-radius: 0 20px 20px 0;
}
.section_process .left .txtBox{
    padding-left: calc((100vw - 1200px) / 2);
}
.section_process .txtBox .day{
    position: relative;
    display: inline-block;
    color: #FF6565;
    font-size: 20px;
    margin-bottom: 32px;
    font-weight: 700;
    line-height: 1;
    padding: 3px 0;
}
.section_process .txtBox .day::after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 1px;
    background: #FF5151;
}
.section_process .imgBox img{
    width: 100%;
}
.section_process .txtBox strong{
    display: block;
    line-height: 1;
    font-weight: 700;
    font-size: 48px;
    margin-bottom: 28px;
}
.section_process .txtBox ul{}
.section_process .txtBox li{
    display: flex;
    align-items: center;
    font-size: 19px;
    color: #666;
    margin-bottom: 4px;
    font-weight: 500;
}
.section_process .txtBox li::before{
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #FF6565;
    display: inline-block;
    margin-right: 8px;
}
.section_process .txtBox li span{
    font-size: 19px;
    color: #666;
}
.section_process .right .imgBox{
    border-radius: 20px 0 0 20px;
    overflow: hidden;
}
@media(max-width: 1024px){
    .section_process{
        padding: 40px 0;
    }
    .section_process h3{
        font-size: 32px;
        line-height: 1.3;
    }
    .section_process .txtBox strong{
        font-size: 28px;
        margin-bottom: 20px;
    }

}
@media(max-width: 768px){
    .section_process .p_list{
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 40px;
    }
    .section_process .right .imgBox{
        width: calc(100% - 16px);
        float: right;
        margin-bottom: 20px;
    }
    .section_process .left .imgBox{
        width: calc(100% - 16px);
        float: left;
        margin-bottom: 20px;
    }
    .section_process .left,
    .section_process .right{
        width: 100%;
    }
    .section_process .left .txtBox{
        padding: unset;
    }
    .section_process .txtBox{
        width: 100%;
        margin: 0 auto;
        padding: 0 16px !important;
    }
    .section_process .txtBox .day{font-size: 18px; margin-bottom: 20px;}
    .section_process .txtBox li{font-size: 18px;margin-bottom: 4px;}
    .section_process .p_list:nth-child(1) .left,
    .section_process .p_list:nth-child(3) .left{order: 2}
    .section_process .p_list:nth-child(1) .right,
    .section_process .p_list:nth-child(3) .right{order: 1}
    .section_process .txtBox .day.section_process .txtBox .day{
        font-size: 18px;}
    .section_process .txtBox li{
        align-items: flex-start
    }
    .section_process .txtBox li::before{
        margin-top: 12px;}

}


/* 장례 절차 한눈에 보기 */
.section_process2{
    padding: 40px 0 52px;
    background: #F1EEEC;
}
.section_process2 .area {
    width: 1200px;
    margin: 0 auto;
}
.section_process2 h3{
    color: #222;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.020em;
    text-align: center;
}
.section_process2 ul{
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    justify-content: space-between;
    grid-column-gap: 24px;
}
.section_process2 ul::after{
    content: '';
    width: 84%;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 40px;
    transform: translateX(-50%);
}
.section_process2 li{
    text-align: center;
}
.section_process2 .icoRound{
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
    position: relative;
    z-index: 1;
}
.section_process2 .icoRound img{
    height: 36px;
}
.section_process2 .step{
    position: relative;
    display: inline-block;
    color: #FF6565;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 4px;
}
.section_process2 .step::after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 1px;
    background: #FF5151;
}
.section_process2 h6{
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 12px;
}
.section_process2 .desc{
    color: #666;
    font-weight: 500;
    font-size: 16px;
}
.section_process2 .desc a{
    display: block;
    color: #B9967E;
    font-weight: 700;
    font-size: 24px;
    margin: 8px 0;
}
@media(max-width: 1024px){
    .section_process2 .area{
        width: 90%;
    }
    .section_process2 ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .section_process2 li{
        width: 32%;
    }
    .section_process2 h3{
        font-size: 32px;
    }
}
@media(max-width: 768px){
    .section_process2{
        padding: 28px 0 36px;
    }
    .section_process2 h3{font-size: 24px;}
    .section_process2 ul.t_margin56{
        margin-top: 28px;
    }
    .section_process2 li{
        width: 100%;
        text-align: left;
        display: flex;
        column-gap: 20px;
        margin-bottom: 16px;
    }
    .section_process2 li:last-child{
        margin-bottom: 0;
    }
    .section_process2 .icoRound{
        position: relative;
        display: inline-block;
        width: 66px;
        height: 66px;
        margin: 0;
    }
    .section_process2 .icoRound img{
        position: absolute;
        left: 50%;
        top: 50%;
        height: auto;
        width: 36px;
        transform: translate(-50%, -50%);
    }
    .section_process2 li:nth-child(1) .icoRound img{width: 36px;}
    .section_process2 li:nth-child(2) .icoRound img{width: 33px;}
    .section_process2 li:nth-child(3) .icoRound img{width: 33px;}
    .section_process2 li:nth-child(4) .icoRound img{width: 35px;}
    .section_process2 li:last-child .icoRound img{
        width: 29px;
    }
    .section_process2 .txtBox{
        width: calc(100% - 66px);
    }
    .section_process2 .step{
        margin-bottom: 6px;
    }
    .section_process2 h6{
        margin-bottom: 2px;
    }
    .section_process2 .desc a{
        margin: 0;
        display: inline-block;
    }
    .section_process2 .desc i{
        display: none;
    }
    .section_process2 ul::after{
        width: 2px;
        height: 87%;
        left: 31px;
        top: 0;
        transform:unset;
    }



}


/* 라인배너 */
.lineBanner{
    position: relative;
    overflow: hidden;
    padding: 53px 0;
    background: #7E746F;
}
.lineBanner .area {
    width: 1200px;
    margin: 0 auto;
}
.lineBanner p{
    color: #fff;
    font-size: 40px;
}
.lineBanner strong{
    font-weight: 700;
}
.lineBanner .bg1{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 210px;
}
.lineBanner .bg2{
    position: absolute;
    right: -65px;
    top: -81px;
    width: 330px;
}
@media(max-width: 1024px){
    .lineBanner .area{
        width: 90%;
    }
    .lineBanner p{
        font-size: 22px;
    }
}
@media(max-width: 768px){
    .lineBanner{display: none;}
}


/* 3일의 약속은 전국에 지점을 두고 있습니다 */
.jijum{
    padding: 72px 0;
    background: #F6F7FB;
}
.jijum .area {
    width: 1200px;
    margin: 0 auto;
}
.jijum h3{
    color: #222;
    font-size: 44px;
    font-weight: 700;
    letter-spacing: -.020em;
    text-align: center;
}
.jijum p{
    text-align: center;
    color: #7E746F;
    font-size: 24px;
    margin-top: 10px;
}
.jijum img{
    margin: 0 auto;
}
.jijum img.mbImg{display: none}
@media(max-width: 1024px){
    .jijum{
        padding: 40px 0 44px;
    }
    .jijum .area{
        width: calc(100% - 32px);
    }
    .jijum h3{
        font-size: 32px;
        line-height: 1.3;
    }
    .jijum p{
        font-size: 18px;
        margin-top: 8px;
        margin-bottom: 0;
    }
    .jijum img{
        display: none;
        width: 100%;
        max-width: 874px;
    }
    .jijum img.mbImg{display: block}
    .jijum .t_margin56{
        margin-top: 12px;
    }

}


/* 장례 준비부터 절차까지 */
.julcha{
    background: #F1EEEC;
    padding: 72px 0 100px;
}
.julcha h3 {
    color: #222;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.020em;
    text-align: center;
}
.julcha ul{
    width: 1200px;
    margin: 56px auto 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 30px;
}
.julcha li{
    cursor: pointer;
}
.julcha .imgBox{
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}
.julcha .imgBox .play{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-80%);
    width:60px; height:42px;
    border-radius:4px;
    background:rgba(0,0,0,0.5);
    display:grid; place-items:center;
    /*box-shadow:0 4px 12px rgba(0,0,0,.25);*/
    cursor:pointer;
}
.julcha .imgBox .play::before{
    content:"";
    width:0; height:0;
    border-style:solid;
    border-width:11px 0 11px 19px;           /* 삼각형 크기 */
    border-color:transparent transparent transparent #fff;
    margin-left:3px;
}
.julcha .imgBox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.julcha .txtBox{
    padding-top: 30px;
}
.julcha .txtBox strong{
    position: relative;
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
    color: #FF6565;
}
.julcha .txtBox strong::after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 1px;
    background: #FF5151;
}
.julcha .txtBox h5{
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 30px;
    line-height: 1.4;
    letter-spacing: -0.02em;

    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    word-wrap:break-word;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.julcha .txtBox .tag{
    display: flex;
}
.julcha .txtBox .tag span{
    display: inline-block;
    padding: 4px 8px;
    margin-right: 4px;
    background: #fff;
    color: #7E746F;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
}
@media(max-width: 768px){
    .julcha ul{
        width: calc(100% - 32px);
        grid-template-columns:1fr;
        grid-row-gap: 30px;
    }
    .julcha .txtBox{padding-top: 15px;}
    .julcha .txtBox h5{margin-bottom: 20px;}
}




/* faq */
.faq{
    padding: 100px 0;
}
.faq .area {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto;
}
.faq h3{
    color: #222;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -.06em;
    text-align: center;
}
.faq .btn {
    width: 100%;
    height: 67px;
    line-height: 62px;
    padding: 0 42px;
    border: 2px solid #222;
    color: #222222;
    font-size: 18px;
    font-weight: 700;
    margin-top: 60px;
}
.faq .btn.mb{display: none}
.faq .faq-area{
    width: calc(100% - 400px);
    border-bottom: solid 1px #333;
}
/* 아코디언 */
.accordion-item {
    margin-bottom: 2px;
    /*border-bottom: solid 1px #e5e5e5;*/
}
.accordion-header {
    min-height: 40px;
    padding: 20px 35px 20px 15px;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 22px;
    color: #212121;

    border-top: solid 1px #333;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    transition: background .2s linear;
}
.accordion-header .padr10{
    color: #FF6565;
}
.accordion-header .accordion-item-arrow {
    position: absolute;
    right: 15px;
    height: 20px;
    margin-top: -10px;
    top: 50%;
    color: #888;
}
.accordion-item.active .accordion-item-arrow{
    color: #212121;
}
.accordion-header .accordion-item-arrow:before {
    content: "\f078";
    font-family: 'FontAwesome';
    font-size: 18px;
    float: right;
    transition: all .2s linear;
    font-weight: 500;
}
.accordion-item.active .accordion-header .accordion-item-arrow:before {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.accordion-content {
    padding: 10px 15px 20px 15px;
    display: none;
    color: #9a9a9a;
}
.accordion-content p{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
}
.accordion-content img{
    max-width:100%;
}
@media(max-width: 1024px){
    .faq{
        padding: 44px 0;
    }
    .faq .area{
        width: calc(100% - 32px);
    }
    .faq h3{
        font-size: 32px;
    }
    .faq .faq-area{
        width: 100%;
        margin-top: 36px;
    }
}
@media(max-width: 768px){
    .faq .area{display: block}
    .faq h3{
        text-align: center;
    }
    .faq .btn{display: none}
    .faq .btn.mb{
        display: block;
        width: 153px;
        height: 67px;
        margin: 40px auto 0;
    }
    .accordion-header{padding: 20px 35px 20px 0px;display: flex
    ;}
    .accordion-header .accordion-item-arrow{
        right: 0;}
    .accordion-header .padr10{
        padding-right: 8px;}
    .accordion-content{
        padding: 0 0 20px 30px;
        margin-top: -6px;
    }

}


/* 문의하기 배너 */
.lineBanner2{
    padding: 70px 0;
    background: url(../img/main/lineBanner2_bg.png) no-repeat;
    background-size: cover;
    background-position: right center;
}
.lineBanner2 .area {
    width: 1200px;
    margin: 0 auto;
}
.lineBanner2 h3{
    color: #E8D1A2;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -.06em;
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 1.3;
}
.lineBanner2 span{
    position: relative;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    padding-bottom: 4px;
}
.lineBanner2 span::after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 1px;
    background: #d9d9d9;
}
.lineBanner2 p{
    color: #888;
    font-size: 24px;
}
.lineBanner2 p a{
    font-size: 28px;
    font-weight: 700;
    color: #fff;
}
.lineBanner2 .btn{display: none}
@media(max-width: 1024px){
    .lineBanner2 .area{
        width: calc(100% - 32px);
    }
    .lineBanner2 span{color:#D9D9D9;
        font-size: 20px;
    }
    .lineBanner2 h3{
        font-size: 32px;
        letter-spacing: -0.07em;
        word-break: keep-all;
        line-height: 1.5;
    }
    .lineBanner2 p, .lineBanner2 p a{
        font-size: 20px;}
}
@media(max-width: 768px){
    .lineBanner2{
        padding: 50px 0 220px;
        background-image: url(../img/main/lineBanner2_mb_bg.png);
    }
    .lineBanner2 p{letter-spacing: -0.04em}
    .lineBanner2 .btn{
        display: inline-block;
        width: 229px;
        height: 67px;
        line-height: 50px;
        border: 2px solid #fff;
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        margin-top: 24px;
    }



}






/* new Footer*/
#Footer{ width:100%; margin:0; padding:0}
#Footer .partner{
    /*overflow: hidden*/
    display: flex;
    column-gap: 50px;
}
#Footer .partner > div{}

#Footer .partner .swiper-wrapper{
    align-items: center;
}
#Footer .partner .swiper-wrapper .swiper-slide{width: auto !important; height: unset;cursor: pointer}

#Footer .sns_area{ border-top:1px solid #dadee0; padding:36px 0 44px; /*background:url(../img/common/bottom_sns_area_bar.png) no-repeat 50% 50%;*/}
#Footer .sns_area .sns{ width:1200px; margin:0px auto; position:relative; display: flex;    justify-content: space-between;
    flex-wrap: wrap;}
#Footer .sns_area .sns .sns_icon{ text-align:right;}
#Footer .sns_area .sns .sns_icon li {margin:0 0 0 23px; display:inline-block;}
#Footer .sns_area .sns .sns_icon li:first-child{
    margin: 0;}
#Footer .sns_area .sns .sns_icon li a{ background:url(../img/common/bottom_sns_icon01.png) no-repeat 50% 50% #f4f4f4; width:55px; height:55px; border-radius:100%; display:block; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
#Footer .sns_area .sns .sns_icon li:nth-child(2) a{
    background:url(../img/main/ico_youtube.svg) no-repeat 50% 50% #f4f4f4; width:55px; height:55px; display:block}
#Footer .sns_area .sns .sns_icon li:nth-child(3) a{background:url(../img/common/bottom_sns_icon03.png) no-repeat 50% 50% #ecf0f2; width:55px; height:55px; display:block}
#Footer .sns_area .sns .sns_icon li:nth-child(4) a{background:url(../img/common/bottom_sns_icon04.png) no-repeat 50% 50% #ecf0f2; width:55px; height:55px; display:block}
#Footer .sns_area .sns .sns_icon li a:hover{ background:url(../img/common/bottom_sns_icon01_over.png) no-repeat 50% 50% #81888c; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
#Footer .sns_area .sns .sns_icon li:nth-child(2) a:hover{ background:url(../img/main/ico_youtube_white.svg) no-repeat 50% 50% #81888c; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
#Footer .sns_area .sns .sns_icon li:nth-child(3) a:hover{ background:url(../img/common/bottom_sns_icon03_over.png) no-repeat 50% 50% #81888c; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
#Footer .sns_area .sns .sns_icon li:nth-child(4) a:hover{ background:url(../img/common/bottom_sns_icon04_over.png) no-repeat 50% 50% #81888c; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
#Footer .sns_area .sns .cust{ padding:0 0 0 30px}
#Footer .sns_area .sns .cust ul{display: flex;    column-gap: 60px;}
#Footer .sns_area .sns .cust li{}
#Footer .sns_area .sns .cust .txt-red{color: #FF6565;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;}
#Footer .sns_area .sns .cust a{
    font-size: 27px;
    font-weight: 600;color: #222;
}
#Footer .sns_area .sns .cust p{ color:#888; font-size:13px;
    margin: 0;
    margin-top: 5px;}
#Footer .sns_area .sns .cust p span{ margin:0 0 0 15px; color:#686b70; font-size:0.92em; font-weight:400}

#Footer .copyarea{ /*background:#ecf0f2;*/ border-top: 1px solid #D9D9D9; width:100%;}
#Footer .copyarea .fmenu_area{ padding:12px 0 20px;}
#Footer .copyarea .fmenu_area li{ display:inline-block;}
#Footer .copyarea .fmenu_area li:after{display:inline-block;clear:both;content:"|";  padding: 0 12px; font-size: 0.7em; vertical-align: text-top; color:#cfcfcf}
#Footer .copyarea .fmenu_area li:last-child:after{display:inline-block;clear:both;content:""; }
#Footer .copyarea .fmenu_area li a{ color:#666; font-size:1.37em; font-weight:500}
#Footer .copyarea .fmenu_area li a.privacy{ color:#4AA2D5}
#Footer .copyarea .copyright{ width:1200px; margin:0px auto; padding:16px 0}
#Footer .copyarea .copyright .ft_copy{ padding:0; font-size:1.12em; color:rgba(0,0,0,.6); letter-spacing:0}
#Footer .copyarea .copyright .ft_copy h1.cn{ color:#3f4040; font-size:1.30em; font-weight:600; padding: 30px 0 10px;}
#Footer .copyarea .copyright .copyt{color:#3f4040; font-size: 0.95em; font-weight: 500;}
#Footer .copyarea .copyright .ft_copy > span{
    color: #666;
    line-height: 1.8;
    margin-left: 20px;
}
#Footer .copyarea .copyright .ft_copy > span.first{
    margin-left: 0;
}
#Footer .copyarea .copyright .ft_copy span span{
    color: #888;
}
#Footer .copyarea .fmenu_area{
    border-top: 1px solid #dadee0;
}
#Footer .copyarea .fmenu_area ul{
    max-width: 1200px;
    margin: 0px auto;
}
#Footer .copyarea .fmenu_area .copyt{
    display: inline-block;
    margin-bottom: 0;
    margin-left: 50px;
    color: #888;
}

@media (max-width: 1199px) {
    /* new Footer*/
    #Footer .sns_area{ border-top:1px solid #dadee0; border-bottom:1px solid #e7ebed; padding:15px 0 10px; 0;}
    #Footer .sns_area .sns{ width:100%; margin:0px auto; position:relative}
    #Footer .sns_area .sns .cust p{ color:#141414; font-size:1.250em; font-weight:600; margin: 8px 0 0;}
    #Footer .sns_area .sns .cust p span{ margin:0 0 0 15px; color:#686b70; font-size:0.80em; font-weight:400}
    #Footer .sns .sns_micon{ text-align:center; padding: 20px 0 0}
    #Footer .sns .sns_micon li {margin:0 12px; display:inline-block;}
    #Footer .sns .sns_micon li a{ background:url(../img/common/bottom_sns_icon01.png) no-repeat 50% 50% #ecf0f2; width:55px; height:55px; border-radius:100%; display:block; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
    /*#Footer .sns .sns_micon li:nth-child(2) a{background:url(../img/common/bottom_sns_icon02.png) no-repeat 50% 50% #ecf0f2; width:55px; height:55px; display:block}*/
    #Footer .sns .sns_micon li:nth-child(2) a{background:url(../img/main/ico_youtube.svg) no-repeat 50% 50% #ecf0f2; width:55px; height:55px; display:block}
    #Footer .sns .sns_micon li:nth-child(3) a{background:url(../img/common/bottom_sns_icon03.png) no-repeat 50% 50% #ecf0f2; width:55px; height:55px; display:block}
    #Footer .sns .sns_micon li:nth-child(4) a{background:url(../img/common/bottom_sns_icon04.png) no-repeat 50% 50% #ecf0f2; width:55px; height:55px; display:block}
    /*#Footer .sns .sns_micon li a:hover{ background:url(../img/common/bottom_sns_icon01_over.png) no-repeat 50% 50% #81888c; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}*/
    /*#Footer .sns .sns_micon li:nth-child(2) a:hover{ background:url(../img/common/bottom_sns_icon02_over.png) no-repeat 50% 50% #81888c; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}*/
    #Footer .sns .sns_micon li:nth-child(3) a:hover{ background:url(../img/common/bottom_sns_icon03_over.png) no-repeat 50% 50% #81888c; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
    #Footer .sns .sns_micon li:nth-child(4) a:hover{ background:url(../img/common/bottom_sns_icon04_over.png) no-repeat 50% 50% #81888c; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
    #Footer .copyarea{ background:#fff; width:100%;}
    #Footer .copyarea .fmenu_area{ padding:0}
    #Footer .copyarea .fmenu_area li:after{display:inline-block;clear:both;content:"|";  padding: 0 5px; font-size: 0.7em; vertical-align: text-top; color:#cfcfcf}
    #Footer .copyarea .fmenu_area li a{ color:#141414; font-size:1.20em; font-weight:500}
    #Footer .copyarea .copyright{ width:100%; margin:0px auto; padding:30px 20px 45px; text-align:center}
    #Footer .copyarea .copyright .ft_copy{font-size:1.07em;}
    #Footer .copyarea .copyright{ width:100%; margin:0px auto; padding:30px 0 45px}
}
@media (max-width: 991px) {
    #Footer .sns_area .sns .sns_icon{ text-align:right; padding: 5px 50px 0 0; display:none}
    #Footer .sns_area .sns .cust{ display:none}
    #Footer .sns_area .sns .col-xs-6{  font-size:1.38em; color:#444c51; font-weight:500; line-height:1.8em}
}
@media (max-width: 767px) {
    /* new Footer*/
    #Footer .sns_area .sns{ width:100%; margin:0px auto; position:relative}
    #Footer .sns_area .sns .sns_icon{ text-align:right; padding: 5px 50px 0 0; display:none}
    #Footer .sns_area .sns .col-xs-6{  font-size:1.38em; color:#444c51; font-weight:500; line-height:1.8em}
    #Footer .copyarea .fmenu_area li:after{display:inline-block;clear:both;content:"|";  padding: 0 5px; font-size: 0.6em; vertical-align: text-top; color:#cfcfcf}
    #Footer .copyarea .fmenu_area li.last::after{display: none}
    #Footer .copyarea .fmenu_area li a{ color:#555; font-size:15px;
        font-weight: normal;        letter-spacing: -0.06em;}
    #Footer .copyarea .copyright{ width:100%; margin:0px auto; padding:30px 20px 45px; text-align:center}
    #Footer .copyarea .copyright .ft_copy{display: none; font-size:1.0em;}
    #Footer .copyarea .copyright{ width:100%; margin:0px auto; padding:32px 0 28px}

    #Footer .swiper-wrapper{
        flex-wrap: wrap;
    }
    #Footer .partner .swiper-wrapper .swiper-slide{
        display: block;
        width: 100% !important;
        margin-bottom: 20px;
    }
    #Footer .partner{
        display: block;
        width: 100%;
        margin: 0;
    }
    #Footer .partner > div:nth-child(1){
        margin-bottom: 20px;
    }
    #Footer .sns_area, #Footer .copyarea{border: 0}
    #Footer .sns .sns_micon{
        padding: 0;
    }
    #Footer .sns_area{
        padding: 36px 0 0;
    }
    #Footer .copyarea .fmenu_area{
        /*border: 0;
        padding-bottom: 50px;
        width: 90%;
        margin: 0 auto;*/
        border: 0;
        padding: 0 16px;
        margin-bottom: 16px;
    }
    #Footer .copyarea .fmenu_area ul{text-align: center}
    #Footer .copyarea .fmenu_area .copyt{
        border-top: 1px solid #EAEAEA;
        padding-top: 16px;
        margin: 0;
        margin-top: 28px;
        width: 100%;
        text-align: center;
    }
}