@charset "UTF-8";

/* 필요한 폰트만 사용할것 나머지 주석처리*/
/*@import url(fontawesome-all.css);   폰트어썸 : cdn 작동하지 않을때 주석풀것 */
/*@import url(nanumbarungothic.css);  나눔바른고딕 :    font-family: 'Nanum Barun Gothic', sans-serif; font-weight:400;    */
/*@import url(nanumsquare.css); /* 나눔스퀘어 :    font-family: 'NanumSquare', sans-serif; font-weight:400;    */
@import url(notosanskr.css); /*   NotoSanskr :   font-family: 'Noto Sans KR', sans-serif;  font-weight:400;         */
@import url(font_etc.css); /*   font-family: 'Poppins', sans-serif;         */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&display=swap'); /* font-family: 'Noto Sans KR', sans-serif; */

body {overflow-x:hidden;}
body,td,span,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button {margin:0;padding:0; font-size:14px;  line-height:1.6em; font-family:'Noto Sans KR', sans-serif; font-weight:400; letter-spacing:-0.02em;}
ul,ol,li{margin:0;padding:0;list-style:none;}

a, img{border:0px; vertical-align:middle;}
a{text-decoration:none; }
strong{font-weight:700;}


.lview{}
.mview{display:none !important;}
.sview{display:none !important;}

.pc_only {display:block !important;}
.mobile_only {display:none !important;}


#top_btn  {display:block; }

#mobile_header {position:relative; width:100%; height:60px;  line-height:60px; border:0px solid red; z-index:99997; display:none;}
#mobile_header .inner {top:0; left:0; z-index:50; width:100%; height:60px; line-height:60px; overflow:hidden; background:rgba(255,255,255,.9); backdrop-filter: blur(5px);}
#mobile_header h1 { padding-top:10px; text-align:center; margin:0 auto; }
#mobile_header h1 img { width:120px; overflow:hidden;}
#mobile_header h1 span {margin-top:3px; margin-left:5px; text-align:left; display:inline-block; vertical-align:middle; line-height:1em; font-size:0.85em; font-weight:700; font-family: 'Noto Sans KR', sans-serif; transition:.3s all; -webkit-transition:.3s all;}
#mobile_header .m_gnb li {list-style:none;}
#mobile_header .m_gnb li a {display:block; top:0; width:100%; text-align:center; color:transparent;}
#mobile_header .m_gnb li.category a i{float:left; position:absolute; width:20px; height:20px; line-height:20px; left:15px; top:20px; font-size:20px; color:#222;}
#mobile_header .m_gnb li.home a i { float:left; position:absolute; width:20px; height:20px; line-height:20px; right:15px; top:20px; font-size:20px; color:#222; }
#mobile_header.jbmFixed{position:fixed !important; top:0; left:0; }
#mobile_header.jbmFixed .inner{border-bottom:1px solid #ddd !important;}




/* 사이드메뉴 */
#back_cover {position:absolute; display:none; left:0; top:0;  width:100%; height:100%; top:0px; background:rgba(0,0,0,0.5); z-index:99998;}
#sideMenu {position:fixed; top:0; left:-250px; width:250px; height:100%; background:rgba(255,255,255,1); z-index:100001; overflow: auto}
#sideMenu .side_title{display:table; width:100%; height:60px;padding:0 15px; text-align:left; color:#000; background:#fff; cursor:pointer;}
#sideMenu .side_title p {display:table-cell; vertical-align:middle; height:100%; line-height:1.2em; color:#000; font-size:1.25em; font-weight:700; word-break: keep-all;}
#sideMenu .side_title p img {width:100px;}
#sideMenu .side_close{position:absolute; top:15px; right:10px; color:#000; font-size:1.5em; cursor:pointer;}
#sideMenu .navi_bg{ width:100%;}
#sideMenu .nav { width:100%; margin:0 auto;  padding:0; list-style: none; overflow:hidden;  box-sizing:border-box;}/*주메뉴 마우스 아웃*/
#sideMenu .nav ul { width:100%; margin:0; padding:0;}
#sideMenu .navi_set{ display:inline;  margin:0; padding:10px 0 10px 0; text-align:center;  }
#sideMenu .navi_set > div {display:block; width:100%; height:50px; line-height:50px; border-bottom:1px solid rgba(0,0,0,.1); text-align:left; background:none; font-size:1.15em; color:#000; text-indent:15px; cursor:pointer;}
#sideMenu .navi_set > div a {display:block; width:100%; color:#000; font-family:'Noto Sans KR', sans-serif; font-weight:400;}
#sideMenu .navi_set > div i{float:right; margin-right:10px; margin-top:18px;}
#sideMenu .navi_set ul {display:none;}
#sideMenu .navi_set ul li {list-style:none; border-bottom:1px solid rgba(0,0,0,.1);}
#sideMenu .navi_set ul li a{position:relative; display:block; width:100%; height:40px; line-height:40px; text-align:left; font-size:1.1em; color:#333; cursor:pointer; padding-left:25px; background:#fff; }
#sideMenu .navi_set ul li a:hover{color:#fff; background:#3d4ca7; }
#sideMenu .navi_btn {width:100%; margin-top:20px; text-align:center; }
#sideMenu .navi_btn a {color:#000; display:block; font-size:1.25em;  padding:6px 0;}
#sideMenu .navi_btn a span {display:inline-block; color:#fff; background:#3d4ca7; border-radius:50px; padding:5px 15px; font-size:1em;}
#sideMenu .navi_btn a span i {margin-right:5px;}





/* PC메뉴 */
#header_wrap{ z-index:2; position:relative; width:100%; padding:0 2%;  }
#header_wrap:after{content:""; display:block; clear:both;}
#header_wrap .header_area {position:relative; width:100%; height:132px;  }
#header_wrap .header_area:after{content:""; display:block; clear:both;}
h1.top_logo {z-index:1; position:absolute; left:0; top:50%; transform:translateY(-50%); width:15%; transition:.3s all; -webkit-transition:.3s all;}
h1.top_logo.logo_a {display:block; }
h1.top_logo.logo_b {display:none;}
h1.top_logo img {max-width:100%; transition:.3s all; -webkit-transition:.3s all;}

#lnb_wrap {position:absolute; left:300px; top:0;}
#lnb_wrap:after{content:""; display:block; clear:both;}
.lnb { display:flex; align-items: center; width:100%; height:132px; text-align:center;  }
.lnb:after{content:""; display:block; clear:both;}
.lnb ul { display:flex; width:100%; height:100%; padding:0; margin:0; }
.lnb ul li {position:relative; display:flex;  margin:0; padding:0 40px; font-size:20px; text-align:center; z-index: 9999999999;}
.lnb ul li a { display:table; margin:0; padding:0; width:100%; line-height:1.4em; cursor:pointer; }
.lnb ul li a span { position:relative; display:table-cell; vertical-align:middle; height:100%; font-size:1em; color:#000; letter-spacing:-0.05em; font-weight:500; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
.lnb ul li a span:after {z-index:1; position:absolute; content:''; left:50%; transform:translateX(-50%); top:90px; width:0; height:4px; background:#000; transition: all 0.5s;}
.lnb ul li:hover a span:after {width:100%;}
.lnb ul li a.on span:after {width:100%;}
.lnb ul li .sub_menu { position:absolute; top:132px; left:50%; margin-left:-90px; text-align:center; background:rgba(0,0,0,.95);  overflow:hidden; padding:0; height:0px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
.lnb ul li .sub_menu a {display:block; width:180px; height:50px; padding:0px 10px; line-height:50px; font-size:1em; color:#fff; font-weight:400; border:0px solid #eee; border-top:0; box-sizing:border-box;	-webkit-transition: all 0.3s ease;		-moz-transition: all 0.3s ease;		-o-transition: all 0.3s ease;		transition: all 0.3s ease;	}
.lnb ul li .sub_menu a:hover {width:180px; color:#fff; background:#3d4ca7; }
.lnb ul li:hover .sub_menu {height:100px; }


#header_wrap:hover {background:rgba(255,255,255,.95); }
#header_wrap:hover h1.top_logo.logo_a {display:block;}
#header_wrap:hover h1.top_logo.logo_b {display:none;}
#header_wrap:hover .lnb ul li:hover a span {color:#000;}
#header_wrap.header_fixed{position:fixed; height:90px; top:0; left:0; z-index:9; background:#fff; z-index:99997; border-bottom:1px solid #eee; box-shadow: 1px 3px 3px 1px rgba(0,0,0,0.025);}
#header_wrap.header_fixed .header_area {height:90px;}
#header_wrap.header_fixed h1.top_logo.logo_a {display:block;}
#header_wrap.header_fixed h1.top_logo.logo_b {display:none;}
#header_wrap.header_fixed h1.top_logo img {max-width:100%; transition:.3s all; -webkit-transition:.3s all; }
#header_wrap.header_fixed .lnb { height:90px; }
#header_wrap.header_fixed .lnb ul li a span {color:#000;}
#header_wrap.header_fixed .lnb ul li a span:after {top:unset; bottom:20px;}
#header_wrap.header_fixed .lnb ul li:hover a span {color:#000;}
#header_wrap.header_fixed .lnb ul li .sub_menu {top:90px;}



/* 메인비주얼 */
.main_visual{ position:relative; top:0; width:100%; }
.main_visual:after{ content:""; display:block; clear:both;}
.main_visual .swiper-slide{width:100%; height:800px; padding:0; background:#000; overflow:hidden;}
.main_visual .swiper-slide .backgroundimg1_1 {width:100%; height:100%; background:url('/html/image/main_visual01_1.jpg')no-repeat; background-position:50% 50%; background-size:cover; }/*배달대행문의_PC*/
.main_visual .swiper-slide .backgroundimg1_2 {width:100%; height:100%; background:url('/html/image/main_visual01_2.jpg')no-repeat; background-position:50% 50%; background-size:cover; }/*배달대행문의_PC*/
.main_visual .swiper-slide .backgroundimg2_1 {width:100%; height:100%; background:url('/html/image/main_visual02_1.jpg')no-repeat; background-position:50% 50%; background-size:cover; }/*라이더지원_PC*/
.main_visual .swiper-slide .backgroundimg3_1 {width:100%; height:100%; background:url('/html/image/main_visual03_1.jpg')no-repeat; background-position:50% 50%; background-size:cover; }/*대리점문의_PC*/
.main_visual .swiper-slide .backgroundimg4_1 {width:100%; height:100%; background:url('/html/image/main_visual04_1.jpg')no-repeat; background-position:50% 50%; background-size:cover; }/*회사소개_PC*/	



.main_visual .swiper-slide .backgroundimg3 {width:100%; height:100%; background:url('/html/image/main_visual03.jpg')no-repeat; background-position:50% 50%; background-size:cover; }
.main_visual .sliderkit-text {z-index:1; width:100%; max-width:1400px; border:0px solid red; position:absolute; top:50%; left:50%; text-align:center; transform:translate(-50%,-50%); }
.main_visual .sliderkit-text h2.lviewa {font-size:3.5em; color:#fff; line-height:1; text-shadow:0px 0px 1px #000; font-family:'Noto Sans KR', sans-serif; font-weight:900; transition:.3s all; -webkit-transition:.3s all;}
.main_visual .sliderkit-text h2.lviewa span {font-size:1em; color:#80c4f1; font-weight:900;}
.main_visual .sliderkit-text h3.sviewa{display:inline-block; margin-top:40px; }
.main_visual .sliderkit-text h3.sviewa a.btn_arr {display: flex; justify-content: space-between; align-items: center; padding:15px 40px; font-size: 1.4em; color:#fff; line-height: 1.6; background:#3d4ca7; transition:.3s all; }
.main_visual .sliderkit-text h3.sviewa a.btn_arr::after { content: ''; width: 40px; height:11px; background: url('../image/btn_arr_wh.png') no-repeat center / cover; margin-left:20px;}
.main_visual .sliderkit-text h3.sviewa a.btn_arr:hover {background:#80c4f1; }
.main_visual .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:100px; top:50%; margin-top:0; display:block; background:url("/html/image/btn_prev.png")  center left no-repeat; opacity : 0.5; width:26px; height:51px; color:rgba(255,255,255,0); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
.main_visual .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:100px; top:50%; margin-top:0; display:block; background:url("/html/image/btn_next.png") center right no-repeat; opacity : 0.5; width:26px; height:51px; color:rgba(255,255,255,0); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
.main_visual .swiper-button-prev:hover,.swiper-container-rtl .swiper-button-next:hover{opacity :1; }
.main_visual .swiper-button-next:hover,.swiper-container-rtl .swiper-button-prev:hover{opacity :1; }
.main_visual .swiper-pagination-bullet {width:9px; height:9px; border-radius:100% !important;}
.main_visual .swiper-pagination-bullet-active{ background:#80c4f1 !important; }
.main_visual .swiper-container-horizontal > .swiper-pagination-bullets {  bottom:47px;}



/* 하단공통배너 */
#ft_bnr{ position:relative; width:100%; height:510px; background:#000 url('../image/ft_bnr.jpg')no-repeat 50% 50%; background-size:cover; background-attachment: fixed;}
#ft_bnr:after{ content:""; display:block; clear:both;}
#ft_bnr .inner{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; max-width:1400px; }
#ft_bnr .con_title{ width:100%; margin-bottom:70px; }
#ft_bnr .con_title h4.t1 {display:block; margin-bottom:20px; font-size:2em; color:#fff; font-weight:600; word-break:keep-all; font-family: 'Poppins', sans-serif; }
#ft_bnr .con_title h4.t1 span {font-size:1em; color:#80c4f1; font-weight:700;}
#ft_bnr .con_title h2.t2 { display:block; font-size:2.5em; color:#fff; line-height:1.4; font-weight:500; word-break:keep-all;}
#ft_bnr .con_title h2.t2 span {font-size:1em; color:#80c4f1; line-height:1.4; font-weight:500;}
#ft_bnr .con_title p {margin-top:30px; font-size:1.25em; color:#fff; line-height:1.6; word-break:keep-all; }


/* 풋터 */
#footer{clear:both; width:100%; padding:50px 0; background:#111; }
#footer:after{ content:""; display:block; clear:both;}
#footer .inner{ width:100%; max-width:1400px; margin:0 auto; }
#footer .copy_right {position:relative; float:right; width:35%; color:#fff; }
#footer .copy_right #top_btn {position:absolute; top:0; right:0; width:auto; background:none; border:0; color:#fff; font-weight:600; font-family: 'Poppins', sans-serif; }
#footer .copy_right #top_btn i {margin-left:10px;}
#footer .copy_right .btn_kakao {float:left; margin-top:50px;}
#footer .copy_right .btn_kakao a {display:block;}
#footer .copy_right .btn_kakao p {display:inline-block; vertical-align:middle; font-size:1.5em; color:#fff; line-height:1.4;}
#footer .copy_right .btn_kakao p i {display:inline-block; vertical-align:middle; margin-right:10px; width:40px; height:40px; background:#fff; border-radius:100%;}
#footer .copy_right .btn_kakao p i img {max-width:100%;}
#footer .copy_right .btn_kakao span {display:block; margin-top:10px; font-size:1em; color:#707070; line-height:1.6;}
#footer .copy_right .btn_kakao a:hover p i {background:#fcc424;}
#footer .copy_right .sns_link {float:right; margin-top:60px;}
#footer .copy_right .sns_link a {display:inline-block; margin-left:10px;}
#footer .copy_right .sns_link a i {font-size:1.5em; color:#fff;}
#footer .copy_right .sns_link a:hover i {color:#80c4f1;}
#footer .copy_left {float:left; width:60%; }
#footer .copy_left h2.copylogo {display:block; margin-bottom:25px; font-size:2em; color:#fff; font-weight:600; word-break:keep-all; font-family: 'Poppins', sans-serif; }
#footer .copy_left .copyinfo {width:100%; }
#footer .copy_left .copyinfo p{ display:inline-block; margin-right:30px; font-size:1em; color:#fff; line-height:1.8;}
#footer .copy_left .copyinfo p span{color:#707070; margin-right:10px;  }
#footer .copy_left .copyinfo .copyright { display:block; margin-top:20px; font-size:1em; color:#fff; line-height:1.6;}
#footer .copy_left .copyinfo .copyright i {display:inline-block; margin-left:10px; color:#fff;}




/* 서브 */
#sub_visual{display:none !important; position:relative; top:0; margin-bottom:0; width:100%; min-width:320px; height:340px; text-align:center; background:#000; overflow:hidden; transition: 0.5s all ease;}
#sub_visual .visual_area {width:100%; height:340px; margin:0 auto; background-size:cover !important;}
#sub_visual .visual_area div.blind{width:100%; height:100%; background:rgba(0,0,0,0);}


#sub_wrapper{ width:100%; min-width:320px; margin:0 auto; border-top: 1px solid #ddd; }
#sub_wrapper:after{ content:""; display:block; clear:both;}
#sub_tab{ display:none !important; position:relative;  top:0px; width:100%; margin:0px auto; border-bottom: 1px solid #ddd;   }
#sub_tab .sub_tab{width:100%; max-width:1400px; text-align:left; margin:0 auto; }


.sub_location{ width:100%; max-width:1400px; height:60px; font-size:0; background:#fff; margin:0 auto;}
.sub_location > div{font-size: 0;}
.sub_location > div .cen{ float:left; width:60px; height:60px; line-height:60px; text-align:center; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.sub_location > div .cen i{ color:#000; font-size:1em;}
.sub_location ul{width:100%; max-width:1400px; padding:0; margin:0; display: inline-block; width:250px; border-right: 1px solid #ddd;vertical-align: top; box-sizing:border-box; transition: 0.5s all ease; }
.sub_location ul:first-child{ border-left: 1px solid #ddd;  }
.sub_location ul li{position: relative; width:100%; border-bottom:1px solid rgba(0,0,0,.1); }
.sub_location ul li:last-child{ border-bottom:0;}
.sub_location ul li span{display:table; width:100%; height: 60px; font-size:1.1em; color:#000; cursor: pointer;}
.sub_location ul li span::before { content: '';    position: absolute;    top: 46%;    right: 10px;    width: 0;    height: 0;    border-style: solid;    border-width: 5px;    border-color:#000 transparent transparent transparent;}
.sub_location ul.on li span::before { content: '';  position: absolute;  top: 38%;  right: 10px;  width: 0;  height: 0;  border-style: solid;  border-width: 5px;  border-color:  transparent transparent #655a54 transparent;}
.sub_location ul li span em { display:table-cell; vertical-align:middle; font-style:normal; line-height:1.2em; padding:0 15px;}
.sub_location ul li a{width:100%; display: block; padding: 8px 15px; color:#fff; }
.sub_location ul li a:hover{color:#fff; background:#222; box-sizing:border-box;}
.sub_location ul ul{display: none;position: absolute;top:60px; left: -1px; padding: 0px 0; background:#fff; border: 1px solid #ddd;  border-top:none; z-index:999; width:calc(100% + 2px) !important; }
.sub_location ul.on li ul{display: block;}
.sub_location ul.dep2 li span{color:#000; }
.sub_location ul.dep2 ul{width:230px;}
.sub_location ul li a {color:#000; background:#fff;}


#sub_tit { display:none !important; position:relative; width:100%; min-width:320px; padding:0 4%; max-width:1400px; margin:0px auto; text-align:center; top:-210px; left:50%; margin-left:-700px; border:0px solid red;}
#sub_tit .path { position:absolute; top:170px; right:0;  }
#sub_tit .path li { float: left; text-align:center; font-size:0.9em; padding: 0 8px 0 12px; margin:0; color:#000; background:url('/html/image/ico_path.gif') no-repeat left center; }
#sub_tit .path li a span.ic-home {padding: 0;cursor: pointer;}
#sub_tit .path li a span.ic-home i { background:url('/html/image/icon_home.png')no-repeat left center; display:inline-block; width:11px; height:11px;}
#sub_tit .path li:first-child { background:none;}
#sub_tit .path li:last-child { color:#000; font-weight:700;}
#sub_tit .title2{ font-size:2.5em; line-height:1.4em; font-weight:700; color:rgba(255,255,255,1); text-align:center; letter-spacing:0em; text-transform:uppercase; text-shadow: 0px 0px 2px #333;  transition: 0.5s all ease;} 
#sub_tit .title2 span {font-size:1em; font-weight:700; color:#fff; line-height:1.2em; letter-spacing:-0.05em; }
#sub_tit .normal_txt{display:none; margin:0px 0; font-size:1.2em; font-weight:700; color:#fff; opacity:0.9; text-transform:uppercase; text-align:center; line-height:1.4em; word-break: keep-all; text-shadow: 0px 1px 4px #333; }


.scontents{position:relative; width:100%; min-width:320px; max-width:1400px; padding:100px 0; margin:0px auto; background:none;}
.scontents:after{ content:""; display:block; clear:both;}
.scontents .scon_left {position:relative; float:left; width:35%; padding-right:50px; }
.scontents .sub_title_wr { width:100%; }
.scontents .sub_title_wr h2.sub_title { position:relative; display:block; font-size:3.5em; font-weight:700; padding-bottom:20px; }
.scontents .sub_title_wr p.sub_desc {font-size:1.5em; color:#333; line-height:1.4; word-break:keep-all; }
.scontents .sub_title_wr p.sub_desc.on { color:#3D4CA7;}
.scontents .scon_right { float:left; width:65%; }



/* 1_배달대행문의 */
.delivery_list { width:100%; }
.delivery_list ul {display:flex; justify-content: space-between; width:100%; padding:0;  }
.delivery_list ul li { width:49%; background:#fff; border:1px solid #eee; box-sizing:border-box;}
.delivery_list ul li a {position:relative; display:block; padding:40px; }
.delivery_list ul li a:before {content: ''; position:absolute; left:40px; bottom:40px; width:40px; height:11px; background:url('/html/image/btn_arr_bk.png')no-repeat; }
.delivery_list ul li i {display:block; font-size:3.5em; color:#000;  }
.delivery_list ul li strong {display:block; margin:50px 0; font-size:2em; color:#000; line-height:1.4; }
.delivery_list ul li:hover i {color:#80c4f1;}
.delivery_list ul li.active {background:#222;}
.delivery_list ul li.active a:before {display:none; }
.delivery_list ul li.active i,
.delivery_list ul li.active strong {color:#fff; }
.delivery_list ul li.other a {position:relative; display:block; padding:0px 40px; }
.delivery_list ul li.other strong{font-size:1.5em; margin:30px 0;}
.delivery_list ul li.other a:before{right:30px; bottom:10px; left:auto;}
.delivery_list ul li.other.active{background:#fff; border-bottom:10px solid #3D4CA7;}
.delivery_list ul li.other.active strong{color:#3D4CA7;}



/* 배달대행문의_서비스1 */
#delivery_sec1 {position:relative; width:100%; padding:140px 0; background:#f8f8f8; overflow:hidden; }
#delivery_sec1:after{ content:""; display:block; clear:both;}
#delivery_sec1 .bg {z-index:-1; opacity:.02; position:absolute; content:''; right:5%; top:50%; transform:translateY(-50%); transition: all 0.5s;}
#delivery_sec1 .inner{ width:100%; max-width:1400px; margin:0 auto; }
#delivery_sec1 .con_title{ width:100%; text-align:center; margin-bottom:70px; }
#delivery_sec1 .con_title h4.t1 {display:block; margin-bottom:20px; color:#333; font-size:1.5em; font-weight:700; word-break:keep-all; font-family: 'Poppins', sans-serif; }
#delivery_sec1 .con_title h4.t1 span {font-size:1em; color:#3d4ca7; font-weight:700;}
#delivery_sec1 .con_title h2.t2 { display:block; font-size:3em; color:#000; line-height:1.4; font-weight:700; word-break:keep-all;}
#delivery_sec1 .con_title h2.t2 span {font-size:1em; color:#3d4ca7; line-height:1.4; font-weight:700;}
#delivery_sec1 .con_box {width:100%;}
#delivery_sec1 .con_box ul{display:flex; align-items: center; width:100%; overflow:hidden;}
#delivery_sec1 .con_box ul li {display:flex; width:50%; overflow:hidden; transition: all 0.5s;}
#delivery_sec1 .con_box ul li:first-child {justify-content: center;}
#delivery_sec1 .con_box ul li img {max-width:100%; }
#delivery_sec1 .con_box ul li .txt_box { width:100%; }
#delivery_sec1 .con_box ul li .txt_box p {display:block; font-size:3em; color:#3d4ca7; line-height:1.4; font-weight:700; word-break:keep-all; }
#delivery_sec1 .con_box ul li .txt_box span { display:block; margin-top:30px; font-size:1.4em; color:#333;  word-break:keep-all; }

/* 배달대행문의_서비스2 */
#delivery_sec2 {width:100%; padding:140px 0; overflow: hidden;}
#delivery_sec2:after{ content:""; display:block; clear:both;}
#delivery_sec2 .inner{width:100%; padding:0 2%;}
#delivery_sec2 .con_title{ width:100%; text-align:center; margin-bottom:70px; }
#delivery_sec2 .con_title h4.t1 {display:block; margin-bottom:20px; color:#333; font-size:1.5em; font-weight:700; word-break:keep-all; font-family: 'Poppins', sans-serif; }
#delivery_sec2 .con_title h4.t1 span {font-size:1em; color:#3d4ca7; font-weight:700;}
#delivery_sec2 .con_title h2.t2 { display:block; font-size:3em; color:#000; line-height:1.4; font-weight:700; word-break:keep-all;}
#delivery_sec2 .con_title h2.t2 span {font-size:1em; color:#3d4ca7; line-height:1.4; font-weight:700;}
#delivery_rolling{width:100%;}
#delivery_rolling:after{ content:""; display:block; clear:both;}
#delivery_rolling .swiper-container2{width:100%; height:auto; overflow:hidden; }
#delivery_rolling .swiper-container2 .swiper-slide{ position:relative; padding:0; margin:0; text-align:center; border:1px solid #eee; box-sizing:border-box; }
#delivery_rolling .swiper-container2 .swiper-slide a {display:flex; }
#delivery_rolling .swiper-container2 .swiper-slide .imgs {width:42%; height:auto; overflow:hidden;}
#delivery_rolling .swiper-container2 .swiper-slide .imgs img {width:100%; max-width:100%; transition: transform 1s; -webkit-transition: -webkit-transform 1s;}
#delivery_rolling .swiper-container2 .swiper-slide .txts{ width:58%; text-align:left; padding:44px;}
#delivery_rolling .swiper-container2 .swiper-slide .txts strong { margin-bottom:20px; display:block; font-size:1.85em; color:#000; line-height:1.2; font-weight:700; letter-spacing:-0.05em; word-break:keep-all; overflow:hidden;}
#delivery_rolling .swiper-container2 .swiper-slide .txts p { display:inline !important; font-size:1.25em; color:#555; line-height:1.6; letter-spacing:-0.05em; word-break:keep-all; display : -webkit-box; overflow : hidden;  text-overflow : ellipsis;  -webkit-line-clamp : 4;   -webkit-box-orient : vertical;}
#delivery_rolling .swiper-container2 .swiper-slide:hover {cursor:grab;}
#delivery_rolling .swiper-container2 .swiper-slide:hover .imgs img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}
#delivery_rolling .swiper-container2 .swiper-slide:hover .txts strong { color:#3d4ca7;}
#delivery_rolling .swiper-container2 .swiper-slide:hover .txts p {color:#222;}
#delivery_rolling .swiper-btn-wrap_B {position:relative; width:200px; margin:30px auto 0;}
#delivery_rolling .swiper-btn-wrap_B .swiper-scrollbar-wrap1 { z-index:1; position:absolute; top:20px; width:100%; margin:0 auto;}
#delivery_rolling .swiper-btn-wrap_B .swiper-scrollbar-wrap1 .swiper-scrollbar2{width:200px; height:3px; left:0; bottom:0; margin:0 auto; background:#e2e2e2;}
#delivery_rolling .swiper-btn-wrap_B .swiper-scrollbar-wrap1 .swiper-scrollbar-drag{height:100%; width:100px; position:relative; background:#666}
#delivery_rolling .swiper-btn-wrap_B .swiper-scrollbar-wrap2 { display:none; z-index:2; position:absolute; top:0; left:0; right:0; width:100%; height:40px; max-width:1400px; text-align:center; margin:0 auto;}
#delivery_rolling .swiper-btn-wrap_B .swiper-scrollbar-wrap2 .swiper-button-prev_B{opacity:0.5; background:url("../image/rolling_btn_prev.png"); background-size:100%; left:0; cursor:pointer; }
#delivery_rolling .swiper-btn-wrap_B .swiper-scrollbar-wrap2 .swiper-button-next_B{opacity:0.5; background:url("../image/rolling_btn_next.png"); background-size:100%; right:0px; cursor:pointer; }
#delivery_rolling .swiper-btn-wrap_B .swiper-scrollbar-wrap2 .swiper-button-next_B, .swiper-button-prev_B{position:absolute; top:auto; bottom:0px; width:40px; height:40px;}
#delivery_rolling .swiper-btn-wrap_B .swiper-scrollbar-wrap2 .swiper-button-next_B.swiper-button-disabled{opacity:0.5; background:url("../image/rolling_btn_next.png"); background-size:100%;}
#delivery_rolling .swiper-btn-wrap_B .swiper-scrollbar-wrap2 .swiper-button-prev_B.swiper-button-disabled{opacity:0.5; background:url("../image/rolling_btn_prev.png"); background-size:100%;}
#delivery_rolling .swiper-pagination_B{display:block; width:auto; height:40px; line-height:40px; text-align:center; font-size:1em; color:#999; font-weight:400; margin:0 auto;}
#delivery_rolling .swiper-pagination_B.swiper-pagination-fraction span {padding:0 10px; color:#999;}
#delivery_rolling .swiper-pagination_B.swiper-pagination-fraction .swiper-pagination-current { font-size:1.2em; color:#222; font-weight:500;}
#delivery_rolling .swiper-pagination-bullet {width:9px; height:9px; border-radius:100% !important; margin:0 4px; background:#ccc;}
#delivery_rolling .swiper-pagination-bullet-active { background:#80c4f1 !important; }


/* 2_라이더지원 */
#rider_sec1 {position:relative; width:100%; padding:140px 0; background:#f8f8f8; overflow:hidden; }
#rider_sec1:after{ content:""; display:block; clear:both;}
#rider_sec1 .bg {z-index:-1; opacity:.02; position:absolute; content:''; right:5%; top:50%; transform:translateY(-50%); transition: all 0.5s;}
#rider_sec1 .inner{ width:100%; max-width:1400px; margin:0 auto; }
#rider_sec1 .con_title{ width:100%; text-align:center; margin-bottom:70px; }
#rider_sec1 .con_title h4.t1 {display:block; margin-bottom:20px; color:#333; font-size:1.5em; font-weight:700; word-break:keep-all; font-family: 'Poppins', sans-serif; }
#rider_sec1 .con_title h4.t1 span {font-size:1em; color:#3d4ca7; font-weight:700;}
#rider_sec1 .con_title h2.t2 { display:block; font-size:3em; color:#000; line-height:1.4; font-weight:700; word-break:keep-all;}
#rider_sec1 .con_title h2.t2 span {font-size:1em; color:#3d4ca7; line-height:1.4; font-weight:700;}
#rider_rolling{width:100%; }
#rider_rolling:after{ content:""; display:block; clear:both;}
#rider_rolling .swiper-container3{width:100%; overflow:hidden; }
#rider_rolling .swiper-container3 .swiper-slide{ position:relative; padding:0; margin:0; }
#rider_rolling .swiper-container3 .swiper-slide .con_box {width:100%; }
#rider_rolling .swiper-container3 .swiper-slide .con_box ul{display:flex; width:100%; overflow:hidden;}
#rider_rolling .swiper-container3 .swiper-slide .con_box ul li {display:flex; width:50%; overflow:hidden; transition: all 0.5s;}
#rider_rolling .swiper-container3 .swiper-slide .con_box ul li:first-child {justify-content: center;}
#rider_rolling .swiper-container3 .swiper-slide .con_box ul li img {max-width:100%; }
#rider_rolling .swiper-container3 .swiper-slide .con_box ul li .txt_box { width:100%; margin-top:100px; }
#rider_rolling .swiper-container3 .swiper-slide .con_box ul li .txt_box strong {display:block; font-size:3em; color:#3d4ca7; line-height:1.4; font-weight:700; word-break:keep-all; }
#rider_rolling .swiper-container3 .swiper-slide .con_box ul li .txt_box p {display:block; margin-top:5px; font-size:1.25em; color:#333; line-height:1.4; letter-spacing:0.1em; word-break:keep-all; }
#rider_rolling .swiper-container3 .swiper-slide .con_box ul li .txt_box span { display:block; margin-top:30px; font-size:1.4em; color:#333;  word-break:keep-all; }
#rider_rolling .swiper-container3 .swiper-slide:hover .txts strong { color:#3d4ca7;}
#rider_rolling .swiper-container3 .swiper-slide:hover .txts p {color:#222;}
#rider_rolling .swiper-pagination_C{z-index:10; position:absolute; top:50px; left:50%; width:100%; font-size:1em; color:#999; font-weight:400;}
#rider_rolling .swiper-pagination-bullet {display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; border-radius:100% !important; margin:0 4px; color:#ccc; background:#ccc;}
#rider_rolling .swiper-pagination-bullet-active { color:#fff; background:#3d4ca7 !important; }


/* 3_대리점문의 */
#store_sec1 {position:relative; width:100%; padding:140px 0; background:#fff; overflow:hidden; }
#store_sec1:after{ content:""; display:block; clear:both;}
#store_sec1 .bg {z-index:-1; opacity:.02; position:absolute; content:''; right:5%; top:50%; transform:translateY(-50%); transition: all 0.5s;}
#store_sec1 .inner{ width:100%; max-width:1400px; margin:0 auto; }
#store_sec1 .con_title{ width:100%; text-align:center; margin-bottom:70px; }
#store_sec1 .con_title h4.t1 {display:block; margin-bottom:20px; color:#333; font-size:1.5em; font-weight:700; word-break:keep-all; font-family: 'Poppins', sans-serif; }
#store_sec1 .con_title h4.t1 span {font-size:1em; color:#3d4ca7; font-weight:700;}
#store_sec1 .con_title h2.t2 { display:block; font-size:3em; color:#000; line-height:1.4; font-weight:700; word-break:keep-all;}
#store_sec1 .con_title h2.t2 span {font-size:1em; color:#3d4ca7; line-height:1.4; font-weight:700;}
#store_sec1 .imgs {width:500px; text-align:center; margin:0 auto;}
#store_sec1 .imgs img {max-width:100%; }

#store_sec2 {position:relative; width:100%; padding:140px 0 90px 0; background:#f8f8f8; overflow:hidden; }
#store_sec2:after{ content:""; display:block; clear:both;}
#store_sec2 .inner{ width:100%; max-width:1400px; margin:0 auto; }
#store_sec2 .con_left {float:left; width:50%;}
#store_sec2 .con_left .counter_box {width:100%; }
#store_sec2 .con_left .counter_box:after { content:""; display:block; clear:both;}
#store_sec2 .con_left .counter_box ul { display:flex; flex-wrap: wrap; width:100%;}
#store_sec2 .con_left .counter_box ul li { width:50%; margin-bottom:50px;}
#store_sec2 .con_left .counter_box ul li span.tit {display:block; font-size:1.5em; color:#3D4CA7; line-height:1.2; }
#store_sec2 .con_left .counter_box ul li span.count_animate{position:relative; margin-top:20px; display:inline-block !important; font-size:3em; color:#000;  line-height:1; font-weight:700; font-family: 'Poppins', sans-serif;}
#store_sec2 .con_left .counter_box ul li span.count_animate:after {content: '＋';  position: absolute;  top:50%; transform:translateY(-50%); right:-40px; margin-top:-4px; }
#store_sec2 .con_right {float:right; width:50%; }
#store_sec2 .con_right .con_title {width:100%;}
#store_sec2 .con_right .con_title h3 {display:block; font-size:3em; color:#000; line-height:1.2; font-weight:700; }
#store_sec2 .con_right .con_title p { display:block; margin-top:40px; font-size:1.5em; color:#333; line-height:1.4; word-break:keep-all;}


/* 4_회사소개 */
#company_sec1 {position:relative; width:100%; padding:140px 0; background:#f8f8f8; overflow:hidden; }
#company_sec1:after{ content:""; display:block; clear:both;}
#company_sec1 .bg {z-index:-1; opacity:.02; position:absolute; content:''; right:5%; top:50%; transform:translateY(-50%); transition: all 0.5s;}
#company_sec1 .inner{ width:100%; max-width:1400px; margin:0 auto; }
#company_sec1 .con_title{ width:100%; text-align:left; margin-bottom:30px; }
#company_sec1 .con_title h2.t2 { display:block; font-size:3em; color:#000; line-height:1; font-weight:700; word-break:keep-all; }
#company_sec1 .con_title h2.t2 span {font-size:1em; color:#3d4ca7; line-height:1.4; font-weight:700;}
#company_sec1 .img_box {float:left; width:40%;}
#company_sec1 .img_box  img {max-width:100%; }
#company_sec1 .txt_box { float:right; width:55%; padding-top:20px;}
#company_sec1 .txt_box p {display:block; font-size:1.4em; color:#000; line-height:1.6; word-break:keep-all; }
#company_sec1 .txt_box dl.company_info {display:flex; flex-wrap: wrap; width:100%; margin-top:40px;}
#company_sec1 .txt_box dl.company_info dd { width:50%; margin-bottom:20px;  font-size:1.25em; color:#000; line-height:1.4; word-break:break-all; }
#company_sec1 .txt_box dl.company_info dd span {display:block; margin-bottom:5px; font-size:1em; color:#000; line-height:1.4; font-weight:700;}


/* 5_자료실 */
#data_sec1 { position:relative; width:100%; height:510px; background:#000 url('/html/data/image/data_back.jpg')no-repeat 50% 50%; background-size:cover; background-attachment: fixed;}
#data_sec1:after{ content:""; display:block; clear:both;}
#data_sec1 .inner{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; max-width:1400px; }
#data_sec1 .con_title{ width:100%; text-align:center; margin-bottom:70px; }
#data_sec1 .con_title h4.t1 {display:block; margin-bottom:20px; color:#fff; font-size:1.5em; font-weight:700; word-break:keep-all; font-family: 'Poppins', sans-serif; }
#data_sec1 .con_title h4.t1 span {font-size:1em; color:#80c4f1; font-weight:700;}
#data_sec1 .con_title h2.t2 { display:block; font-size:3em; color:#fff; line-height:1.4; font-weight:700; word-break:keep-all;}
#data_sec1 .con_title h2.t2 span {font-size:1em; color:#80c4f1; line-height:1.4; font-weight:700;}
#data_sec1 .con_box {text-align:center;}
#data_sec1 .con_box p {font-size:1.25em; color:#fff; line-height:1.4;}
#data_sec1 a.btn_arr {display: flex; justify-content: space-between; align-items: center; max-width:300px; margin:20px auto 0; padding:15px 40px; font-size: 1.4em; color:#fff; line-height: 1.6; background:#3d4ca7; transition:.3s all; }
#data_sec1 a.btn_arr::after { content: ''; width: 40px; height:11px; background: url('../image/btn_arr_wh.png') no-repeat center / cover; margin-left:20px;}
#data_sec1 a.btn_arr:hover {background:#80c4f1; }



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	서브신청폼공통_폴더명_form.php 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.formWarp {width:100%; }
.formWarp:after{content:""; clear:both; display:block;}
.formArea {width:100%; }
.formArea:after{content:""; clear:both; display:block;}
.formArea ul {width:100%; margin:0; padding:0; }
.formArea ul li {float:left; width:100%; padding:30px 0; }
.formArea ul li dl {width:100%; font-size:0; vertical-align:top;}
.formArea ul li dl dt {width:100%; display:inline-block; vertical-align:top; }
.formArea ul li dl dt span { display:inline-block; vertical-align:middle; font-size:1.25em; color:#000; font-weight:500; word-break:keep-all; }
.formArea ul li dl dt span.red { padding-left:5px; color: #3D4CA7; }
.formArea ul li dl dd {width:100%; display:inline-block; vertical-align:top; margin-top:20px; }
.formArea ul li dl dd span {margin-left:10px; color:#333;}
.formArea ul li dl dd input {width:100%; height:60px; font-size:1.15em; color:#000; padding:0 12px; resize:none; background:#fff; border:0; border-bottom:1px solid #ddd; box-sizing:border-box;}
.formArea ul li dl dd input[type=text]{ width:100%; height:60px; font-size:1.15em; padding:0 20px; background:#fff; border:0; border-bottom:1px solid #ddd; box-sizing:border-box;}
.formArea ul li dl dd input::placeholder {color:#a2a2a2; }
.formArea ul li dl dd label {display:inline-block; padding:0 25px 0 5px; font-size:1.15em; cursor:pointer; }
.formArea ul li dl dd textarea { width:100%; height:200px; font-size:1.15em; padding:30px; resize:none; background:#fff; border:1px solid #e5e5e5;  box-sizing:border-box; }
.formArea ul li dl dd textarea::placeholder {color:#a2a2a2; }
.formArea ul li dl dd div { display: flex; width: 100%; gap:0 20px;}
.formArea ul li dl dd div input[type="radio"] { display: none; }
.formArea ul li dl dd div input[type="radio"] + label {  flex: 1;  width:100%; height:60px; line-height:60px; margin-bottom:2%; padding:0; font-size: 1.15em; text-align: center; border: 1px solid #ddd; box-sizing: border-box;}
.formArea ul li dl dd div input[type="radio"]:checked + label {color: #3D4CA7; background: rgba(61, 76, 167, 0.05); border: 1px solid #3D4CA7; }
/* 라이더지원폼 */
.formArea ul li dl dd div.rider {display:flex; flex-wrap: wrap; gap:0;}
.formArea ul li dl dd div.rider input[type="radio"] + label {margin-right: 2%;}
.formArea ul li dl dd div.rider input[type="radio"] + label:nth-of-type(3n) {margin-right:0;}
.formArea ul li dl dd div.rider input[type="radio"] + label { flex: unset; width:32%; }
.formArea ul li dl dd.hopeArea p {margin-top:15px; font-size:1.15em; color:#000;}

.agree {width:100%; text-align:center; margin:25px 0 40px 0; font-size:1.25em; }
.agree .agree_list { margin-bottom:15px; padding:25px ; border:1px solid #e0e0e0; box-sizing:border-box; height:230px; overflow:auto;}
.agree label {display:inline-block; vertical-align:middle; color:#272727; font-size:0.85em; cursor:pointer;}
.online_bt {width:100%; text-align:center; margin-top:50px;}
.online_bt .btn_ok { display: block; text-align: center; width:180px; height:50px; line-height:50px; color: #fff; font-size: 1.15em; background:#3d4ca7; border:0; margin: 50px auto 0;   transition: 0.5s all ease;}
.online_bt .btn_ok:hover { background: #80c4f1;}







@media all and (max-width:1500px){

	#lnb_wrap {left:20%;}
	.lnb ul li{padding:0 30px;}


 	section .bg {display:none !important;}

}


@media all and (max-width:1400px){

	.main_visual .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:40px;}
	.main_visual .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:40px}

	#footer {padding:50px 4%;}
	#footer .copy_right {float:right; width:100%;}
	#footer .copy_right .btn_kakao { margin-top:0; }
	#footer .copy_right .sns_link {margin-top:50px;}

	#footer .copy_left {float:left; width:100%; margin-top:40px; }


	.scontents {padding:50px 4%;}
	.scontents .sub_title_wr h2.sub_title { font-size:2.5em;}
	.scontents .sub_title_wr p.sub_desc {font-size:1.25em;}



	#delivery_sec1 {padding:100px 4%;}
	#delivery_sec1 .con_box ul li .txt_box {padding-left:40px;}
	
	.delivery_list { padding-right:0; }
	.delivery_list ul li a {padding:30px 20px 40px 20px;}
	.delivery_list ul li a:before {left:20px; bottom:20px;}
	.delivery_list ul li i { font-size:3em; }
	.delivery_list ul li strong {margin:20px 0; font-size:1.5em;}


	#rider_sec1 {padding:100px 4%;}
	#rider_rolling .swiper-container3 {overflow:unset; }
	#rider_rolling .swiper-container3 .swiper-slide {margin-bottom:50px;}
	#rider_rolling .swiper-container3 .swiper-slide .con_box ul { align-items: start; }
	#rider_rolling .swiper-container3 .swiper-slide .con_box ul li .txt_box {margin-top:0; padding-left:40px;}
	#rider_rolling .swiper-pagination_C{position:relative; top:0; left:50%; transform:translateX(-50%); text-align:center;}



	#store_sec1 { padding:100px 4%;}

	#store_sec2 { padding:100px 4%;}

	#company_sec1 {padding:100px 4%;}

}


@media all and (max-width:1240px){


	section .con_title h2.t2 {font-size:2.5em !important; }

	#delivery_rolling .swiper-container2 .swiper-slide a {flex-direction: column;}
	#delivery_rolling .swiper-container2 .swiper-slide .imgs {width:100%;}
	#delivery_rolling .swiper-container2 .swiper-slide .txts{ width:100%; }


	#store_sec2 .con_left { width:100%;}
	#store_sec2 .con_right { width:100%; }


	#ft_bnr .inner {padding:100px 4%; }

}


@media all and (max-width:1100px){	

	#mobile_header{display:block; min-width:320px; }
	#header_wrap {display:none;}
	#sub_menu{display:block;}

	
	.lview{display:none !important; background:REd;}
	.mview{display:block !important;}	
	.mnone{display:none !important;}


	.main_visual {top:0; margin-bottom:0;}
	.main_visual .swiper-slide{ height:440px; }
	.main_visual .sliderkit-text {padding:0 4%;}	
	.main_visual .sliderkit-text h2.lviewa { font-size:2.5em;}
	.main_visual .sliderkit-text h3.sviewa {margin-top:20px;}
	.main_visual .sliderkit-text h3.sviewa a { min-width:auto; padding:0 20px; }	
	.main_visual .swiper-slide .backgroundimg1_1 {background:url('/html/image/main_visual01_1m.jpg')no-repeat; background-position:50% 50%; background-size:cover; }/*배달대행문의_모바일1*/
	.main_visual .swiper-slide .backgroundimg1_2 {background:url('/html/image/main_visual01_2m.jpg')no-repeat; background-position:50% 50%; background-size:cover; }/*배달대행문의_모바일2*/
	.main_visual .swiper-slide .backgroundimg2_1 {background:url('/html/image/main_visual02_1m.jpg')no-repeat; background-position:50% 50%; background-size:cover; }/*라이더지원_모바일*/
	.main_visual .swiper-slide .backgroundimg3_1 {background:url('/html/image/main_visual03_1m.jpg')no-repeat; background-position:50% 50%; background-size:cover; }/*대리점문의_모바일*/
	.main_visual .swiper-slide .backgroundimg4_1 {background:url('/html/image/main_visual04_1m.jpg')no-repeat; background-position:50% 50%; background-size:cover; }/*회사소개_모바일*/	

	.main_visual .swiper-button-prev,.swiper-container-rtl .swiper-button-next{margin-top:-25.5px;}
	.main_visual .swiper-button-next,.swiper-container-rtl .swiper-button-prev{margin-top:-25.5px;}
		

	#backtotop{right:15px;}


	#sub_visual { height:300px;}
	#sub_tit {top:-190px;}
	#sub_tit .path { display:none; }

	.sub_location > div .cen{ display:none;}
	.sub_location ul{width:50%;}
	.sub_location ul:first-child{border-left:0px; }
	.sub_location ul.dep2{border-right:0px;}
	.sub_location ul.wid100{width:100% !important; background:none; transition: 0.5s all ease; }

}


@media all and (max-width:992px){

	
	#delivery_sec1 {padding:80px 4%;}
	#delivery_sec1 .con_box ul {flex-direction: column;}
	#delivery_sec1 .con_box ul li {width:100%;}
	#delivery_sec1 .con_box ul li .txt_box {margin-top:30px; padding:0; text-align:center;}

	#delivery_sec2 {padding:80px 4%;}

	
	#company_sec1 .img_box {width:100%; text-align:center;}
	#company_sec1 .txt_box {width:100%; margin-top:30px;}


	#rider_sec1 {padding:80px 4%;}
	#rider_rolling .swiper-container3 .swiper-slide .con_box ul {flex-direction: column;}
	#rider_rolling .swiper-container3 .swiper-slide .con_box ul li {flex-direction: column; width:100%; }
	#rider_rolling .swiper-container3 .swiper-slide .con_box ul li .txt_box {margin-top:20px; padding:0 20px;}

}


@media screen and (max-width: 768px) {	

	.mnone{display:none;}

	section .con_title {margin-bottom:40px !important;}
	section .con_title h4.t1 { font-size:1.25em !important; }
	section .con_title h2.t2 {font-size:2em !important; }

	

	.swiper-button-next, .swiper-button-prev{display:none !important;}
	.main_visual .swiper-container-horizontal > .swiper-pagination-bullets {  bottom:10%;}



	.scontents .scon_left {width:100%; padding-right:0; }
	.scontents .sub_title_wr {padding:0 4%; margin-bottom:30px; }
	.scontents .scon_right {width:100%; }


	#company_sec1 .txt_box p {font-size:1.25em;}


	#rider_rolling .swiper-container3 .swiper-slide .con_box ul li .txt_box strong {font-size:2em; }
	#rider_rolling .swiper-container3 .swiper-slide .con_box ul li .txt_box span { font-size:1.15em;}


	#store_sec1 { padding:60px 4%;}
	#store_sec1 .imgs {width:80%;}


	#store_sec2 {padding:60px 4% 30px 4%; }
	#store_sec2 .con_left .counter_box ul li span.tit { font-size:1.25em;}
	#store_sec2 .con_left .counter_box ul li span.count_animate{font-size:2em;}
	#store_sec2 .con_left .counter_box ul li span.count_animate:after {right:-30px; margin-top:-2px; }
	#store_sec2 .con_right .con_title h3 { font-size:2em; }
	#store_sec2 .con_right .con_title p { margin-top:20px; font-size:1.25em; }

}


@media screen and (max-width: 640px) {

	.pc_only {display:none !important;}
	.mobile_only {display:block !important;}


	.main_visual .sliderkit-text h2.lviewa { font-size:2em;}
	.main_visual .sliderkit-text h3.sviewa a { height:50px; line-height:50px;} 	


	#delivery_rolling .swiper-container2 {overflow:hidden; }
	#delivery_rolling .swiper-container2 .swiper-slide .txts{ padding:30px;}
	#delivery_rolling .swiper-container2 .swiper-slide .txts strong { margin-bottom:15px; font-size:1.5em;}
	#delivery_rolling .swiper-container2 .swiper-slide .txts p { font-size:1.15em; }


	#ft_bnr {height:400px; }
	#ft_bnr .con_title{ margin-bottom:0 !important; }

	#footer{ padding:30px 4%;}
	#footer .copy_right #top_btn {position:relative;}
	#footer .copy_right .btn_kakao {width:100%; text-align:center;}
	#footer .copy_right .sns_link {width:100%; text-align:center; margin-top:20px;}
	#footer .copy_right .sns_link a { margin:0 15px;}
	#footer .copy_left {padding-top:30px; border-top:1px solid rgba(255,255,255,.25);}


	#sub_visual { height:250px;}
	#sub_visual .visual_area {background-position:50% -80px !important;}
	
	#sub_tit {top:-155px;}
	#sub_tit .title2 {font-size:2em;}



	#company_sec1 {padding:4% 4% 80px 4%;}
	#company_sec1 .txt_box dl.company_info dd { width:100%; font-size:1.15em;}

	
	
}


@media screen and (max-width: 480px) {
	
	body,td,span,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button {font-size:13px;}

	.snone{display:none !important;}
	.sview{display:block !important;}	






}