@charset "utf-8"; #container{ width:100%; margin: 0 auto;}
 a:hover{transition: 0.3s ease .1s;}
  input[name="total_search_word"]::placeholder {color:#fff;}
 input[name="total_search_word"]::-webkit-input-placeholder {color:#fff;}
 input[name="total_search_word"]:-ms-input-placeholder {color:#fff;}
  .layerPopup span.popuptext { position:absolute; display:block; text-indent:-99999px; height:0; width:0;}
 .layerPopup div.dayclose { height:40px; background-color:#383838; margin-left:0px;}
 .layerPopup div.dayclose a.popupClose { display:block; float:left; padding:10px 5px 5px 11px; color:#fff; }
 .layerPopup div.dayclose a.close_popup { display:block; float:right; padding:10px 11px 5px 11px; color:#fff;}
 @media screen and (max-width:500px){ .layerPopup0{width: 100% !important;}
 .layerPopup0 img{width: 100% !important;}
 }
 .visual_wrap { height:771px; position:relative; z-index:1;}
 .visual_wrap:before { content:""; display:block; position:absolute; right:0; bottom:0; width:80%; height:113px; background-color:rgba(0,0,0,.6); z-index: 2;}
 .visual_wrap:after { content:""; display:block; position:absolute; left:0; bottom:0; width:20%; height:113px; background-color:#fff; z-index: 2;}
 .visual_wrap .swiper_vis {position:absolute;top:0;left:0;width:100%;height:771px;overflow:hidden;}
 .visual_wrap .swiper_vis .slide01 {background: url("/images/yumcorp/main/visual05_b.jpg?build_20251201002") center 0 no-repeat;}
 .visual_wrap .swiper_vis .slide02 {background: url("/images/yumcorp/main/visual02_b.jpg?build_20251201002") center 0 no-repeat;}
 .visual_wrap .swiper_vis .slide03 {background: url("/images/yumcorp/main/visual03_bb.jpg?build_20251201002") center 0 no-repeat;}
 /*.visual_wrap .swiper_vis .controls [class^="swiper-button"] {position:absolute;top:260px;width:110px;height:111px;text-indent:-9999px;}
 .visual_wrap .swiper_vis .controls [class^="swiper-button"]:hover, .visual_wrap .swiper_vis .controls [class^="swiper-button"]:focus {background-color:rgba(0,0,0,.3);transition:0.3s ease .1s;}
 .visual_wrap .swiper_vis .controls [class^="swiper-button"]::after{position:absolute;top:50%;left:50%;content:"";display:block;width:26px;height:51px;background:url("/images/yumcorp/common/layout_sp.png?build_20251201002") center 0 no-repeat;margin:-25.5px 0 0 -13px;}
 .visual_wrap .swiper_vis .controls .prev {left:0;}
 .visual_wrap .swiper_vis .controls .prev::after {background-position:-681px -939px;}
 .visual_wrap .swiper_vis .controls .next {right:0;}
 .visual_wrap .swiper_vis .controls .next::after {background-position:-732px -939px;}
 .visual_wrap .swiper_vis .controls .auto_btn{position:absolute;top:200px;right:47px;width:18px;height:18px;background:url("/images/yumcorp/main/vis_btn.png?build_20251201002") no-repeat -12px -4px;text-indent:-9999px;z-index:1;}
 .visual_wrap .swiper_vis .controls .auto_btn.play{background-position:-41px -3px;}
*/ .visual_wrap .swiper_vis .controls { position:absolute; bottom:143px; right:47px;z-index:4;}
 .visual_wrap .swiper_vis .controls a { display:block; position:relative; float:left; text-indent:-999999px; width:44px; height:44px; border-radius:17px; box-sizing:border-box; margin-left:6px; background-color:rgba(0,0,0,.2);}
 .visual_wrap .swiper_vis .controls a::after{transform:scale(1.2);}
 .visual_wrap .swiper_vis .controls a:hover { background-color:rgba(0,0,0,.5);}
 .visual_wrap .weather_vislink.inner {max-width:inherit; width:97%; padding-top:44px; z-index: 2;}
 .weather { float:left; color:#fff; line-height:37px; position:relative;}
 .weather .weather_img { display:block; text-indent:-999999px; height:37px; background: url("/images/yumcorp/common/layout_sp.png?build_20251201002") no-repeat; float:left; margin-right:12px;}
 .weather .weather_img.cloudy, .weather .weather_img.mostlycloudy { width:45px; background-position:-75px -60px;}
  .weather .weather_img.partlycloudy { width:42px; background-position:-134px -60px;}
  .weather .weather_img.clear { width:37px; background-position:-25px -60px;}
  .weather .weather_img.snow { width:45px; background-position:-245px -60px;}
  .weather .weather_img.lightning, .weather .weather_img.rain { width:45px; background-position:-187px -60px;}
  .weather .weather_img.w_none { width:45px; background-position:-304px -60px;}
  .weather .info { float:left;}
 .weather .info .temperature { float:left; display:block;}
 .weather .info .temperature span { display:block; float:left; text-indent:-999999px; height:21px; background: url("/images/yumcorp/common/layout_sp.png?build_20251201002") no-repeat; margin:8px 1px 0 0;}
 .weather .info .temperature .wn1 { width:10px; background-position:-62px -119px;}
 .weather .info .temperature .wn2 { width:14px; background-position:-76px -119px;}
 .weather .info .temperature .wn3 { width:14px; background-position:-92px -119px;}
 .weather .info .temperature .wn4 { width:16px; background-position:-107px -119px;}
 .weather .info .temperature .wn5 { width:14px; background-position:-125px -119px;}
 .weather .info .temperature .wn6 { width:14px; background-position:-141px -119px;}
 .weather .info .temperature .wn7 { width:13px; background-position:-157px -119px;}
 .weather .info .temperature .wn8 { width:14px; background-position:-172px -119px;}
 .weather .info .temperature .wn9 { width:13px; background-position:-189px -119px;}
 .weather .info .temperature .wn0 { width:14px; background-position:-205px -119px;}
 .weather .info .temperature .wnj { width:5px; background-position:-51px -119px;}
 .weather .info .temperature .wcb { width:25px; background-position:-21px -119px; margin-left:2px; margin-top:7px;}
 .weather .info .w_none { display:block; float:left; text-indent:-999999px; height:21px; width:91px; background: url("/images/yumcorp/common/layout_sp.png?build_20251201002") -233px -119px no-repeat; margin-top:8px;}
 .weather .dust { float:left; margin-left:12px; text-shadow: -2px 1px 6px rgb(0 0 0 / 40%); }
 .weather .icobt { display:block; float:left; background: url("/images/yumcorp/common/layout_sp.png?build_20251201002") -96px -15px no-repeat; width:25px; height:25px; text-indent:-999999px; margin:6px 0 0 7px; }
 .weather .desc { display:none; position:absolute; border-radius:10px; border:2px solid #fff; width:205px; top:43px; right:0; padding:15px; font-size:15px; word-break:keep-all; line-height:22px;}
 .weather .desc a.close { position:absolute; text-indent:-999999px; display:block; background-color:#fff; width:29px; height:30px; border-radius:50px; right:12px; bottom:-16px;}
 .weather .desc a.close:after { content:""; display:block; width:11px; height:11px; background: url("/images/yumcorp/common/layout_sp.png?build_20251201002") -315px -206px no-repeat; position:absolute; margin:-12px 0 0 9px; }
 .visual_bn{position:absolute;top:125px;right:1.5%;z-index:2;}
 .visual_botm { margin-top:-115px; position:relative; z-index:3;}
 .visual_botm .inner::after{content:'';display:block;clear:both;}
 .popup { float:left; position:relative; top:-187px; width:36%; max-width:530px; margin-bottom:-187px;}
 .popup h2 { text-indent:-999999px; width:0; height:0;}
 .popup .slider_box { height:400px; width:100%; border-radius:50px 20px 50px 20px; box-shadow:0px 2px 13px rgb(0 0 0 / 50%); overflow:hidden; margin-top:83px; }
 .popup .slider_box li { float:left;}
 .popup .slider_box li a { display:block;}
 .popup .slider_box li img { width:100%; height:400px;}
 .popup .slider_box li a{background: #f5f6fa url("/images/board/noimage_thumb_photo.png?build_20251201002") center no-repeat; min-height:420px; }
 .popup .controls { position:absolute; top:17px; left:16px;}
 .popup .controls a { display:block; position:relative; float:left; text-indent:-999999px; width:44px; height:44px; border:2px solid #fff; border-radius:17px; box-sizing:border-box; margin-left:6px; background-color:rgba(0,0,0,.2);}
 .popup .controls a:hover { background-color:rgba(0,0,0,.5);}
 .popup .pager { position:absolute; top:28px; left:190px; color:#fff;}
 .popup .pager span { display:block; float:left; font-size:18px;}
 .popup .pager .total:after { content:""; display:block; height:11px; width:3px; background-color:#fff; border-radius:5px; float:left; margin:6px 8px 0; transform:rotate(30deg);}
 .popup a.more { position:absolute; right:20px; top:30px; font-size:17px; color:#fff; text-shadow: 0px 2px 13px rgb(0 0 0 / 80%);}
 .popup a.more:after { content:""; display:block; width:19px; height:19px; background: url("/images/yumcorp/common/layout_sp.png?build_20251201002") -226px -164px; float:right; margin:2px 0 0 5px; }
 @media screen and (max-width: 1010px) {.popup .pager { display:none;}
 }
 .controls.bt_w a:after { content:""; display:block; position:absolute; background: url("/images/yumcorp/common/layout_sp.png?build_20251201002") no-repeat; text-indent:-999999px; width:8px; height:13px; left:50%; top:50%; margin:-6.5px 0 0 -4px;}
 .controls.bt_w a.prev:after{ background-position:-21px -167px;}
 .controls.bt_w a.next:after{ background-position:-50px -167px;}
 .controls.bt_w a.prev1:after{ background-position:-103px -170px; width:13px; height:8px; margin:-3px 0 0 -6.5px;}
 .controls.bt_w a.next1:after{ background-position:-74px -170px; width:13px; height:8px; margin:-4px 0 0 -6.5px;}
 .controls.bt_w a.stop:after{ background-position:-134px -167px; width:11px; margin-left:-5.5px;}
 .controls.bt_w a.play:after{ background-position:-162px -167px; width:11px; margin-left:-5.5px;}
 .controls.bt_w a.more:after{ background-position:-193px -167px; width:13px; margin-left:-6.5px;}
 .controls.bt_b a:after { content:""; display:block; position:absolute; background: url("/images/yumcorp/common/layout_sp.png?build_20251201002") no-repeat; text-indent:-999999px; width:8px; height:13px; left:50%; top:50%; margin:-6.5px 0 0 -4px;}
 .controls.bt_b a.prev:after{ background-position:-21px -205px;}
 .controls.bt_b a.next:after{ background-position:-50px -205px;}
 .controls.bt_b a.prev1:after{ background-position:-103px -208px; width:13px; height:8px; margin:-3px 0 0 -6.5px;}
 .controls.bt_b a.next1:after{ background-position:-74px -208px; width:13px; height:8px; margin:-4px 0 0 -6.5px;}
 .controls.bt_b a.stop:after{ background-position:-134px -205px; width:11px; margin-left:-5.5px;}
 .controls.bt_b a.play:after{ background-position:-162px -205px; width:11px; margin-left:-5.5px;}
 .controls.bt_b a.more:after{ background-position:-193px -205px; width:13px; margin-left:-6.5px;}
 .job_service { margin-top:0; float:left; width:64%;}
 .notify_job{height:95px; padding-top:28px; box-sizing:border-box; line-height:60px;  position:relative; margin-left:4%; padding-left: 12%;}
 .notify_job h2 { position: absolute; top: 28px; left: 0; font-size:24px; font-weight: 400; color:#f1d11b; width:12%;}
 .notify_job .slider_box{position: relative; z-index: 0;}
 .notify_job li a { position:relative; color:#fff; display:block; padding-right: 295px; font-size: 20px;}
 .notify_job li a:focus{ border: none; }
 .notify_job li a:focus::after{ position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 95%; border: 1px solid #fff; border-radius: 4px; }
 .notify_job li a .new { position:absolute; top:0; left:4px; text-indent:-999999px; width:34px; height:11px; background: url("/images/yumcorp/common/layout_sp.png?build_20251201002") -346px -206px; }
 .notify_job li a .tit { display: block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
 .notify_job li a .date { position: absolute; top: 0; right: 170px;}
 .notify_job .controls { position:absolute; right:0; top:35px; }
 .notify_job .controls a {display:block; position:relative; float:left; text-indent:-999999px; width:44px; height:44px; border:2px solid #fff; border-radius:17px; box-sizing:border-box; margin-left:6px; background-color:rgba(0,0,0,.0);}
 .notify_job .controls a:hover { background-color:rgba(0,0,0,.5);}
 @media screen and (max-width: 1600px) { .visual_bn{display:none;}
 }
 @media screen and (max-width: 1510px) { .visual_wrap .swiper_vis .controls{right:2%;}
 .notify_job li a{padding-right: 150px; padding-left: 15px; }
 .notify_job li a .date{ display:none;}
 .notify_job li a .new { left: 19px;}
 }
 @media screen and (max-width: 1345px) { .popup { width:45%;}
 .job_service { width:55%;}
 .notify_job { margin-left:4%; }
 .notify_job h2 { width:60px; left: 10px; line-height: 28px; }
 }
 @media screen and (max-width: 1140px) { .notify_job{padding-left: 9%;}
 .notify_job li a { padding-left: 25px;}
 .notify_job li a .new { left: 27px;}
 }
 @media screen and (max-width: 1050px) { .notify_job{padding-left: 0; line-height: 40px;}
 .notify_job h2 { float:none; line-height:25px; width:100%; min-width:inherit; position: relative; top: auto; left: 12px;}
 .notify_job h2 em { display: inline-block;}
 .notify_job li a { padding-right:152px; box-sizing:border-box; padding-left: 11px;}
 .notify_job li a .tit { width:100%; }
 .notify_job li a .new { width:11px; top:14px; right:0; left:inherit;}
 .notify_job .controls{top:48px;}
 }
 .service_link { margin-top:60px; height:195px; overflow:hidden; margin-left:2.4%; }
 .service_link h2 { font-size:0; text-indent:-999999px; width:0; height:0;}
 .service_link .list{overflow-x: clip; overflow-y:hidden; width: 100%;}
 .service_link ul { display:inline-block; width:950px !important;}
 .service_link li { float:left; width:12.1%;}
 .service_link li a { display:block; text-align:center;}
 .service_link li a em { display:block;}
 .service_link li a .ico { display:block; height:58px; width:66px; margin:0 auto 19px; background: url("/images/yumcorp/common/layout_sp.png?build_20251201002") no-repeat; }
 .service_link li.parking a .ico { width:75px; background-position:-19px -326px;}
 .service_link li.sports a .ico { width:57px; background-position:-124px -326px;}
 .service_link li.swimming a .ico { width:72px; background-position:-205px -326px;}
 .service_link li.garbage a .ico { width:65px; background-position:-296px -326px;}
 .service_link li.san a .ico { width:59px; background-position:-391px -326px;}
 .service_link li.sludge a .ico { width:53px; background-position:-483px -326px;}
 .service_link li.visit a .ico { width:70px; background-position:-570px -326px;}
 .service_link li.camping a .ico { width:70px; background-position:-1090px -1078px; height: 60px;}
 .service_link li.gb_store a .ico { width:75px; background-position:-679px -1078px;}
 .slider_control { width:186px; margin:23px auto 0; height:7px; background-color:#e7e7e7; position:relative; display:none;}
 .slider_control .control_bar .control_fill { background-color:#b5dfed; position:absolute; top:0; left:0; height:7px;}
 .slider_control .control_bar a { display:block; width:40px; height:35px; background-color:#2f4763; border-radius:16px; position:absolute; top: -14px; text-indent:-999999px; }
 .slider_control .control_bar a:after { content:""; display:block; position:absolute; background: url("/images/yumcorp/common/layout_sp.png?build_20251201002") -50px -167px; text-indent:-999999px; width:8px; height:13px; left:50%; top:50%; margin:-6.5px 0 0 -4px;}
 @media screen and (max-width: 1510px) { .service_link ul { width:900px;}
 .service_link li { width:128px;}
 }
 @media screen and (max-width: 1480px) { .slider_control { display:block;}
 }
 .news_center { clear:both; margin-top:25px; margin-bottom:70px; display:inline-block; width:100%;}
 .news_sns { width:67%; float:left; }
 .news {position:relative; height: 297px;}
 .news h2 { font-size:30px; font-weight:600; margin-bottom:22px; line-height:30px;}
 .news .tab_btn { display:block; height:59px; line-height:59px; border-bottom:1px solid #d2d2d2; font-size:18px; color:#404040; box-sizing:border-box; padding-left:11px; width:20%; max-width:160px; position:relative;}
 .news .tab_btn:hover, .news .tab_btn:focus {border-bottom:2px solid #046fd9; color:#000;}
 .news .controls {position:absolute; right: 2%; bottom:0;}
 .news .controls a { line-height: 44px; display: block;}
 .news .controls a:before {content: ""; display:block; float:right; width:43px; height:44px; background-color:#fff; border: 2px solid #e1e1e1; border-radius:17px; margin-left:10px; position:relative; box-sizing:border-box;}
 .news .controls a:after {content:"";display:block;position:absolute;background: url("/images/yumcorp/common/layout_sp.png?build_20251201002") -193px -205px no-repeat;text-indent:-999999px;width: 15px;height:13px; right:13px; top:50%; margin: -6.5px 0 0 0;}
 .news .controls a:hover:before { border-color:#2e4862; transition: 0.3s ease .1s;}
 .news .item.on .controls { display: block;}
 .news .item .controls { display: none;}
 .news .on .tab_btn { color:#000; border-bottom:2px solid #046fd9;}
 .news .on .tab_btn em { display:block; width:0; height:0; font-size:0; text-indent:-999999px;}
 .news .on .tab_btn:before { content:""; display:block; width:27px; height:27px; background: url("/images/yumcorp/common/layout_sp.png?build_20251201002") -265px -160px; position:absolute; top:15px; right:0;}
 .news .item.on .tab_inner { display:block;}
 .news .tab_inner { position:absolute; width:77%; left:23%; top:0; display:none;}
 .news .tab_inner ul li { width:50%; float:left; margin-bottom:30px;}
 .news .tab_inner ul li a { display:block; background-color:#f5f6fa; width:90%; height:235px; margin:0 auto; box-sizing:border-box; border:2px solid #f5f6fa; padding:32px; border-radius:20px;}
 .news .tab_inner ul li a:hover, .news .tab_inner ul li a:focus { background-color:#f2f2f2; }
 .news .tab_inner ul li a span { display:block;}
 .news .tab_inner ul li a .cg { background-color:#046fd9; color:#fff; width:110px; text-align:center; padding:8px 0; border-radius:20px; margin-bottom:25px;}
 .news .item03 .tab_inner ul li a .cg { padding:8px 20px;}
 .news .tab_inner ul li a:hover .cg, .news .tab_inner ul li a:focus .cg { background-color:#2e4862; transition: 0.3s ease .1s;}
 .news .tab_inner ul li a .tit { font-size:19px; word-break:keep-all; line-height:27px; height:54px; overflow:hidden;}
 .news .tab_inner ul li a .date { font-size:17px; color:#5a5a5a; margin-top:18px; float:left;}
 .news .tab_inner ul li a .new { width:34px; height:11px; float:left; background: url("/images/yumcorp/common/layout_sp.png?build_20251201002") -226px -206px; text-indent:-999999px; margin:23px 0 0 8px;}
 .snsnew { margin-top: 48px; border: 2px solid #e1e1e1; box-sizing: border-box; height: 148px; border-radius: 23px; width: 98.5%; padding-top: 40px; position: relative; padding-left: 146px; padding-right:46px;}
 .snsnew h2 { font-size: 22px; color: #121212; font-weight: 400; position: absolute; left:45px; top:47px; }
 .snsnew h2 span { display: block; color:#046fd9; font-size: 28px; line-height: 30px;}
 .snsnew ul li { width: 20%; float: left;}
 .snsnew ul li a, .snsnew ul li a em, .snsnew ul li a .ti { display: block;}
 .snsnew ul li a { height: 64px;}
 .snsnew ul li a .ico { display: block; width:64px; height: 64px; float: left; border-radius: 50px; margin-right: 13px; position:relative; }
 .snsnew ul li.youtube a .ico { background-color:#d62727;}
 .snsnew ul li.blog a .ico { background-color:#2fb14a;}
 .snsnew ul li.kakaoch a .ico { background-color:#fde800;}
 .snsnew ul li.facebook a .ico { background-color:#3d578f;}
 .snsnew ul li a .ico:after { content:""; display:block; left:50%; top:50%; position:absolute; background: url("/images/yumcorp/common/layout_sp.png?build_20251201002?build_20250403006") no-repeat;}
 .snsnew ul li.youtube a .ico:after { width:30px; height:20px; background-position:-296px -426px; margin:-10px 0 0 -15px; }
 .snsnew ul li.blog a .ico:after { width:40px; height:17px; background-position:-357px -429px; margin:-8px 0 0 -20px; }
 .snsnew ul li.kakaoch a .ico:after { width:34px; height:36px; background-position:-426px -420px; margin:-17px 0 0 -17px; }
 .snsnew ul li.facebook a .ico:after { width:13px; height:26px; background-position:-492px -423px; margin:-13px 0 0 -6px; }
 .snsnew ul li.instagram a .ico:after { width: 64px; height: 64px; background-position: -878px -1074px; margin: -32px 0 0 -22px;}
 .snsnew ul li.blog a .ti, .snsnew ul li.kakaoch a .ti, .snsnew ul li.instagram a .ti { padding-top: 9px;}
 .snsnew ul li a .ti { padding-top: 20px;}
 .snsnew ul li a:hover .ico { margin-top: -3px; transition: 0.3s ease .1s;}
 .newsletter_center { float:left; width:30%; margin-left:3%;}
 .newsletter { width:100%; height:297px; background-color:#f2f2f2; border-radius:50px 25px 50px 25px; position:relative; box-sizing:border-box; padding:50px 0 0 48px; z-index:1;}
 .newsletter:after { content:""; display:block; position:absolute; right:0; top:0; height:135px; width:176px; background: url("/images/yumcorp/common/layout_sp.png?build_20251201002") -713px 0; border-radius:0 25px 0 0; z-index:1;}
 .newsletter h2 { margin-bottom:14px; letter-spacing:-0.5px;}
 .newsletter h2 .ys { display:block;}
 .newsletter p { font-size:30px; font-weight:400; width:155px; line-height:40px; height:40px; margin-bottom:20px; background: linear-gradient(to right, #117ab7, #34965e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: -0.5px;}
 .newsletter a { display:block; background-color:#2e4862; color:#fff; width:167px; height:48px; line-height:48px; text-align:center; font-size:16px; border-radius:25px; margin-left:-7px;}
 .newsletter a:hover, .newsletter a:focus { background-color:#046fd9;}
 .newsletter .img { position:absolute; right:35px; top:32px; width:163px; height:230px; z-index:2; box-shadow:0px 2px 13px rgb(0 0 0 / 50%);}
 .newsletter .img img { width: 100%; height: 100%;}
 .center { margin-top:48px; border:2px solid #e1e1e1; box-sizing:border-box; height:148px; border-radius:23px; width:100%; padding-top:37px;}
 .center ul { width:90%; margin:0 auto;}
 .center ul li { float:left; width:25%;}
 .center ul li a { display:block; text-align:center; font-size:16px; line-height:17px;}
 .center ul li a .ico { display:block; height:40px; margin:0 auto 11px; background: url("/images/yumcorp/common/layout_sp.png?build_20251201002") no-repeat; position:relative;}
 .center ul li a .ico:after { content:""; display:none; width:5px; height:5px; border-radius:10px; background-color:#58d3ec; border:2px solid #004362; position:absolute;}
 .center ul li.greeting a .ico:after {left:-15px; top:16px;}
 .center ul li.organization a .ico:after {left:43px; top:12px;}
 .center ul li.manage a .ico:after {left:-10px; top:12px;}
 .center ul li.customer a .ico:after {left:-5px; top:26px;}
 .center ul li a:hover .ico:after, .center ul li a:focus .ico:after { display:block; }
 .center ul li a:hover { color:#144562;}
 .center ul li.greeting a .ico { width:36px; background-position:-19px -415px;}
 .center ul li.organization a .ico { width:44px; background-position:-78px -415px;}
 .center ul li.manage a .ico { width:37px; background-position:-143px -415px;}
 .center ul li.customer a .ico { width:50px; background-position:-202px -415px;}
 @media screen and (max-width: 1465px) { .newsletter { padding:60px 0 0 35px;}
 .newsletter .img { background-size:900px; background-position:-386px -30px; width:124px; height:175px; right:32px; top:51px;}
 .center { padding-top:31px;}
 .center ul li a em { display:block;}
 }
 @media screen and (max-width: 1320px) { .news { height: 420px;}
 .news h2 { margin-bottom: 10px;}
 .news .tab_btn { float:left; margin-right:20px;}
 .news .tab_inner { left:-2.5%; top:122px; width:100%;}
 .news .on .tab_btn:before { transform: rotate(90deg);}
 .news .controls { right:5%; }
 .snsnew { width: 95.3%;height: 155px;margin-top: 38px;padding-top: 65px;padding-left: 30px;padding-right: 0;}
 .snsnew h2 {left: 35px;top: 26px;}
 .snsnew h2 span { display:inline-block;}
 .snsnew ul { margin-top: 10px;}
 .snsnew ul li a { height: 50px; line-height: 50px; margin-right:7px;}
 .snsnew ul li a .ico { width: 50px; height: 50px; margin-right:10px;}
 .snsnew ul li a .ti { width: 130px;line-height: 22px; padding-top: 0 !important;}
 .snsnew ul li.youtube a .ti, .snsnew ul li.facebook a .ti{ padding-top: 13px !important;}
 .snsnew ul li.youtube { width:18%}
 .snsnew ul li.instagram a .ico:after{ width: 50px; height: 50px; background-position: -969px -1087px; margin: -26px 0 0 -22px;}
 .newsletter_center { width:31%; margin-left:2%;}
 .newsletter p {font-size:28px;}
 .newsletter a { width:155px;}
 .center { height:268px; padding:0;}
 .center ul { width:100%; position:relative; height:268px;}
 .center ul:before { content:""; display:block; width:100%; height:1px; position:absolute; left:0; top:50%; background-color:#e1e1e1; }
 .center ul:after { content:""; display:block; width:1px; height:100%; position:absolute; left:50%; top:-2px; background-color:#e1e1e1; }
 .center ul li { width:50%; height:132px;}
 .center ul li a { height:100%; box-sizing:border-box; padding-top:30px; }
 .center ul li a em { display: inline;}
 }
 @media screen and (max-width: 1240px) { .news .tab_btn { width: auto; padding-right: 36px;}
 .snsnew ul li a .ico{ margin-right: 5px;}
 }
 @media screen and (max-width: 1230px) { .news_sns { width:64%;}
 .newsletter_center { width:34%;}
 .newsletter h2 .ys { font-size:16px;}
 .newsletter h2 .ys em { display:none;}
 .newsletter p { font-size:25px;}
 .newsletter a { height:40px; line-height:40px; width:125px; margin-bottom:10px;}
 .newsletter a em { display:none;}
 }
 @media screen and (max-width: 1040px) { .news .tab_btn { width:auto; min-width:inherit; padding-right:38px; }
 .snsnew h2 { left: 40px;}
 .snsnew ul li a .ti { text-indent: -999999px}
 .newsletter h2 .ys { display:none;}
 .newsletter p { height:70px; line-height:35px;}
 .newsletter p em { display:block; }
 .newsletter a { width:97px;}
 }
 @media screen and (max-width: 940px) { .news_sns { width:61%;}
 .newsletter_center { width:37%;}
 .news .tab_inner { left:0;}
 .news .tab_inner ul li { width:100%; float:none;}
 .news .tab_inner ul li a { margin:0; width:94%; height:97px; padding:23px 0 0 105px; position:relative;}
 .news .tab_inner ul li a .cg { position:absolute; top:19px; left:16px; font-size:16px; width: auto; padding:0 20px; height:37px; line-height:37px;}
 .news .tab_inner ul li a .cg em { display:none;}
 .news .tab_inner ul li a .tit { font-size:17px; height:20px; line-height:20px; width:92%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
 .news .tab_inner ul li a .date { font-size:16px; margin-top:5px;}
 .news .tab_inner ul li a .new { margin:10px 0 0 8px;}
 .news .item03 .tab_inner ul li a .cg { font-size:15px; width:63px; height:52px; line-height:17px; margin-bottom:0; box-sizing:border-box; padding:9px 12px 0 12px; }
 }
 .media_wrap { background-color:#d4eefa; display:inline-block; width:100%; min-height:741px; padding-top: 75px; box-sizing: border-box;}
 .media { width: 50%; float: left; position: relative; height: 585px;}
 .media h2 { font-size:30px; font-weight:600; margin-bottom:22px; line-height:30px; float: left; margin-right: 40px; margin-top: 20px; }
 .media .tab_btn { display:block; height:59px; line-height:59px; border-bottom:1px solid #a9c7d2; font-size:18px; color:#404040; box-sizing:border-box; padding-left:11px; position:relative; width: 20%; max-width: 160px; margin-left: 15px; float: left; }
 .media .tab_btn:hover,.media .tab_btn:focus {border-bottom:2px solid #046fd9; color:#000;}
 .media .item.on .tab_inner{z-index: 1;}
 .media .item.on .tab_inner, .media_wrap .item.on2 .tab_inner { display:block;}
 .media .on .tab_btn { color:#000; border-bottom:2px solid #046fd9;}
 .media .on .tab_btn em { display:block; width:0; height:0; font-size:0; text-indent:-999999px;}
 .media .on .tab_btn:before { content:""; display:block; width:27px; height:27px; background: url("/images/yumcorp/common/layout_sp.png?build_20251201002") -265px -160px; position:absolute; top:15px; right:0; transform: rotate(90deg);}
 .media .tab_inner { position:absolute; height:430px; top:112px; left:0; width:100%; overflow:hidden; box-sizing:border-box;  display:none; z-index: 0; margin-left: -1%;}
 .media .tab_inner li { float:left; width:50%; }
 .media .tab_inner li a { display:block; margin:0 auto; max-width:340px; height:430px; width:94%; position:relative;}
 .media .tab_inner li a img { border-radius:50px 25px 50px 25px; width:100%; height:232px; position:relative; z-index:1; }
 .media .tab_inner li a span { display:block;}
 .media .tab_inner li a .noimg {border-radius:50px 25px 50px 25px; width:100%; height:232px; position:relative; z-index:1; background-color:#fff; text-indent:-999999px;}
 .media .tab_inner li a .noimg:after { content:""; display:block; position:absolute; width:100px; height:76px; left:50%; top:50%; margin:-38px 0 0 -50px; background: url("/images/yumcorp/common/layout_sp.png?build_20251201002") -685px -496px;}
 .media_wrap .tab_inner li a .cg { background-color: #046fd9; color: #fff; width: 110px; text-align: center; padding: 8px 0; border-radius: 20px; margin-bottom: 20px; margin-top:30px;}
 .media .tab_inner li a:hover .cg { background-color:#2e4862; transition: 0.3s ease .1s;}
 .media .tab_inner li a .tit { font-size:18px; word-break:keep-all; width:96%; margin:0 auto; line-height:25px; height:50px; overflow:hidden;}
 .media .tab_inner li a .date { font-size:16px; color:#374553; margin:10px auto 0; display:inline-block; float:left; margin-left:2%;}
 .media .tab_inner li a .new { width:34px; height:11px; float:left; background: url("/images/yumcorp/common/layout_sp.png?build_20251201002") -226px -206px; text-indent:-999999px; margin:15px 0 0 7px;}
 .media .item02 .tab_inner li a .cg { width:120px;}
 .media .item03 .tab_inner li a .cg { width:138px;}
 .media .item03 .tab_inner li a:before { content:""; display:block; position:absolute; width:100%; height:232px; background-color:rgba(0,0,0,.5); border-radius:50px 25px 50px 25px; z-index:2;}
 .media .item03 .tab_inner li a:after { content:""; display:block; position:absolute; width:62px; height:62px; left:50%; top:85px; margin-left:-31px; background: url("/images/yumcorp/common/layout_sp.png?build_20251201002") -380px -46px; z-index:3;}
 .media .controls { position:absolute; bottom: 0; right:3%; display: none;}
 .media .on .controls{display: block;}
 .media .controls a { display:block; float:left; text-indent:-999999px; width:44px; height:44px; background-color:#fff; border: 2px solid #cee7f3; border-radius:17px; margin-left:7px; position:relative; box-sizing:border-box;}
 .media .controls a:hover { border: 2px solid #2e4862; transition: 0.3s ease .1s;}
 @media screen and (max-width: 1570px) { .media .tab_inner { padding-left:0;}
 .media .controls { right:1%;}
 }
 @media screen and (max-width: 1325px) { .media h2 { position: absolute; top: -40px; left: 1%;}
 .media .tab_btn { margin: 30px 10px 0 0; width: auto; padding-right: 34px;}
 .media .tab_inner { top: 115px;}
 }
 @media screen and (max-width: 920px) { .media .tab_btn { padding: 0 5px;}
 .media .on .tab_btn:before { display: none;}
 }
 @media screen and (max-width: 880px) { .media .tab_inner { margin-right:-14px;}
 .media .tab_inner li { float:left; width:50%;}
 }
 .quicklink { position:relative; z-index:3; float:left; width:50%; height:614px; margin-top: 9px; }
 .quicklink > div { width:100%; max-width: 737px; margin-left:70px; position:relative;}
 .quicklink > div .bg {display:none; position:absolute; top:0; left:0; width:100%; height:574px; z-index:3; border-radius:80px 40px 80px 40px;}
 .quicklink > div .bg:after { content:""; display:block; width:100%; height:1px; background-color:rgba(255,255,255,.3); position:absolute; left:0; top:110px; z-index:4; }
 .quicklink > div.on .bg { display:block;}
 .quicklink .complaint .bg { background: url("/images/yumcorp/main/quick01.jpg?build_20251201002") center top no-repeat; }
 .quicklink .information .bg { background: url("/images/yumcorp/main/quick02.jpg?build_20251201002") center top no-repeat; }
 .quicklink > div a { display:block; color:#fff; position:relative; z-index:4;}
 .quicklink > div h2 { float:left; position:relative; z-index:4; margin-top:39px; margin-left:10%; font-size:21px; }
 .quicklink > div.information h2 { margin-left:45px;}
 .quicklink > div h2 a { float:left; padding:14px 10px 14px 0;}
 .quicklink > div.complaint h2 a:hover {color:#6fe9fb;}
 .quicklink > div.information h2 a:hover {color:#f2cf3e;}
 .quicklink > div.on h2 span.now { display:block;}
 .quicklink > div h2 span.now { display:none; float:left; width:27px; height:27px; background: url("/images/yumcorp/common/layout_sp.png?build_20251201002") -312px -160px; text-indent:-999999px; margin:11px 0px 0 2px; }
 .quicklink > div h2 span.now:after { content:""; display:block; background-color:#fff; position:absolute; top:70px; left:0; width:125px; height:3px;}
 .quicklink > div ul { position: absolute; left:50%; top:168px; width:90%; margin-left:-45%; display:none; z-index:4; }
 .quicklink > div.on ul { display:block;}
 .quicklink > div ul li { float:left; width:25%; margin-bottom:50px;}
 .quicklink > div ul li a { text-align:center; font-size:16px;}
 .quicklink > div.complaint ul li a:hover, .quicklink > div.complaint ul li a:focus { color:#6fe9fb;}
 .quicklink > div.information ul li a:hover,.quicklink > div.information ul li a:focus { color:#f2cf3e;}
 .quicklink > div ul li a .ico { display:block; margin:0 auto 15px; background: url("/images/yumcorp/common/layout_sp.png?build_20251201002") no-repeat;}
 .quicklink > div ul li.cp1 a .ico { width:46px; height:38px; background-position:-19px -489px;}
 .quicklink > div ul li.cp2 a .ico { width:36px; height:38px; background-position:-98px -489px;}
 .quicklink > div ul li.cp3 a .ico { width:39px; height:38px; background-position:-178px -489px;}
 .quicklink > div ul li.cp4 a .ico { width:42px; height:38px; background-position:-250px -489px;}
 .quicklink > div ul li.cp5 a .ico { width:34px; height:40px; background-position:-25px -553px;}
 .quicklink > div ul li.cp6 a .ico { width:37px; height:40px; background-position:-98px -553px;}
 .quicklink > div ul li.cp7 a .ico { width:48px; height:40px; background-position:-174px -553px;}
 .quicklink > div ul li.cp8 a .ico { width:37px; height:40px; background-position:-253px -553px;}
 .quicklink > div ul li.cp9 a .ico { width:39px; height:38px; background-position:-22px -619px;}
 .quicklink > div ul li.cp10 a .ico { width:41px; height:38px; background-position:-95px -619px;}
 .quicklink > div ul li.cp11 a .ico { width:41px; height:38px; background-position:-178px -619px;}
 .quicklink > div ul li.cp1 a:hover .ico, .quicklink > div ul li.cp1 a:focus .ico { background-position:-19px -941px;}
 .quicklink > div ul li.cp2 a:hover .ico, .quicklink > div ul li.cp2 a:focus .ico { background-position:-98px -941px;}
 .quicklink > div ul li.cp3 a:hover .ico, .quicklink > div ul li.cp3 a:focus .ico { background-position:-178px -941px;}
 .quicklink > div ul li.cp4 a:hover .ico, .quicklink > div ul li.cp4 a:focus .ico { background-position:-250px -941px;}
 .quicklink > div ul li.cp5 a:hover .ico, .quicklink > div ul li.cp5 a:focus .ico { background-position:-25px -1005px;}
 .quicklink > div ul li.cp6 a:hover .ico, .quicklink > div ul li.cp6 a:focus .ico { background-position:-98px -1005px;}
 .quicklink > div ul li.cp7 a:hover .ico, .quicklink > div ul li.cp7 a:focus .ico { background-position:-174px -1005px;}
 .quicklink > div ul li.cp8 a:hover .ico, .quicklink > div ul li.cp8 a:focus .ico { background-position:-253px -1005px;}
 .quicklink > div ul li.cp9 a:hover .ico, .quicklink > div ul li.cp9 a:focus .ico { background-position:-22px -1071px;}
 .quicklink > div ul li.cp10 a:hover .ico, .quicklink > div ul li.cp10 a:focus .ico { background-position:-95px -1071px;}
 .quicklink > div ul li.cp11 a:hover .ico, .quicklink > div ul li.cp11 a:focus .ico { background-position:-178px -1071px;}
 .quicklink > div ul li.if1 a .ico { width:36px; height:38px; background-position:-352px -489px;}
 .quicklink > div ul li.if2 a .ico { width:44px; height:38px; background-position:-424px -489px;}
 .quicklink > div ul li.if3 a .ico { width:39px; height:38px; background-position:-504px -489px;}
 .quicklink > div ul li.if4 a .ico { width:41px; height:38px; background-position:-578px -489px;}
 .quicklink > div ul li.if5 a .ico { width:40px; height:40px; background-position:-350px -553px;}
 .quicklink > div ul li.if6 a .ico { width:44px; height:40px; background-position:-424px -553px;}
 .quicklink > div ul li.if7 a .ico { width:45px; height:40px; background-position:-500px -553px;}
 .quicklink > div ul li.if8 a .ico { width:41px; height:40px; background-position:-578px -553px;}
 .quicklink > div ul li.if9 a .ico { width:41px; height:42px; background-position:-349px -617px;}
 .quicklink > div ul li.if10 a .ico { width:42px; height:42px; background-position:-425px -617px;}
 .quicklink > div ul li.if1 a:hover .ico, .quicklink > div ul li.if1 a:focus .ico { background-position:-352px -941px;}
 .quicklink > div ul li.if2 a:hover .ico, .quicklink > div ul li.if2 a:focus .ico { background-position:-424px -941px;}
 .quicklink > div ul li.if3 a:hover .ico, .quicklink > div ul li.if3 a:focus .ico { background-position:-504px -941px;}
 .quicklink > div ul li.if4 a:hover .ico, .quicklink > div ul li.if4 a:focus .ico { background-position:-578px -941px;}
 .quicklink > div ul li.if5 a:hover .ico, .quicklink > div ul li.if5 a:focus .ico { background-position:-350px -1005px;}
 .quicklink > div ul li.if6 a:hover .ico, .quicklink > div ul li.if6 a:focus .ico { background-position:-424px -1005px;}
 .quicklink > div ul li.if7 a:hover .ico, .quicklink > div ul li.if7 a:focus .ico { background-position:-500px -1005px;}
 .quicklink > div ul li.if8 a:hover .ico, .quicklink > div ul li.if8 a:focus .ico { background-position:-578px -1005px;}
 .quicklink > div ul li.if9 a:hover .ico, .quicklink > div ul li.if9 a:focus .ico { background-position:-349px -1069px;}
 .quicklink > div ul li.if10 a:hover .ico, .quicklink > div ul li.if10 a:focus .ico { background-position:-425px -1069px;}
 @media screen and (max-width: 1665px) { .quicklink { width: 45%; float: right;}
 .quicklink > div { margin-left:0;}
 .quicklink > div ul { top: 155px;}
 .quicklink > div ul li { margin-bottom:32px; height:98px;}
 .quicklink > div ul li a { font-size: 15px;}
 .quicklink > div ul li a em { display:block;}
 }
 @media screen and (max-width: 1060px) { .quicklink > div ul li a { font-size: 14px; line-height:18px; }
 .quicklink > div ul { width: 86%; margin-left: -43%;}
 }
 .service_map { width:100%; display:inline-block; padding:90px 0 70px; position:relative;}
 .service_map h2 {font-size:30px; font-weight:600; line-height:30px; position:absolute; top:4px;}
 .service_map h2 em { color:#046fd9;}
 .service_map .slider_box { margin-left:15%; width:85%; height:315px; overflow:hidden;}
 .service_map ul li { float:left;  padding-top:18px; min-height:315px;}
 .service_map ul li a { display:block; width:90%; margin:0 auto; position:relative; }
 .service_map ul li a span { display:block;}
 .service_map ul li a .tit { position:absolute; color:#fff; background-color:#046fd9; height:37px; line-height:37px; padding:0 20px; border-radius:18px; top:-18px; left:12px;}
 .service_map ul li a .img { max-width:282px;}
 .service_map ul li a .img img { border-radius:40px 20px 40px 20px; margin-bottom:26px; width:100%; height:184px;}
 .service_map ul li a .add { color:#222; margin-bottom:10px; margin-left:12px; word-break:keep-all;}
 .service_map ul li a .add em { font-size:14px;}
 .service_map ul li a .tel { font-size:16px; color:#374553; line-height:32px; margin-left:12px; position:relative;}
 .service_map ul li a .tel:before { content:""; display:block; width:32px; height:31px; background-color:#9f9f9f; float:left; margin-right:6px; border-radius:16px;}
 .service_map ul li a .tel:after { content:""; display:block; width:13px; height:14px; position:absolute; left:10px; top:9px; background: url("/images/yumcorp/common/layout_sp.png?build_20251201002") -361px -166px;}
 .service_map .controls { position:absolute; top:60px; left:0;}
 .service_map .controls a { display:block; float:left; text-indent:-999999px; width:44px; height:44px; background-color:#fff; border-radius:17px; border:2px solid #e1e1e1; margin-right:7px; position:relative; box-sizing:border-box; }
 .service_map .controls a:hover { border:2px solid #2e4862;}
 .service_map ul li a:hover .tit, .service_map ul li a:focus .tit {background-color:#2e4862; transition: 0.3s ease .1s;}
 .service_map ul li a:hover .tel:before, .service_map ul li a:focus .tel:before {background-color:#046fd9; transition: 0.3s ease .1s;}
 @media screen and (max-width: 1415px) { .service_map h2 { left:2%; top:-10px; margin-bottom:0;}
 .service_map .slider_box { margin-left:0; width:100%; padding-top:72px;}
 .service_map .controls { right:2%; left:inherit; top:-30px;}
 }
 @media screen and (max-width: 1110px) { /* .service_map ul li { width:33.33333%;}
 */ .service_map .controls { right:3.5%;}
 }
 @media screen and (max-width: 1060px) { .service_map .controls { right:3%;}
 }
 .banner { width:100%; display:inline-block; padding:70px 0 70px; position:relative; background-color:#f1f1f1;}
 .banner h2 {font-size:30px; font-weight:600; line-height:30px; position:absolute; top:26px;}
 .banner h2 em { color:#046fd9;}
 .banner .slider_box { margin-left:15%; width:85%; height:158px; overflow:hidden;}
 .banner ul li { float:left; width:25%; padding-top:18px; }
 .banner ul li a { display:block; width:90%; margin:0 auto; position:relative; }
 .banner ul li a img { width:100%; height:124px; border-radius:50px 30px 50px 30px; max-width:282px;}
 .banner .controls { position:absolute; top:80px; left:0;}
 .banner .controls a { display:block; float:left; text-indent:-999999px; width:44px; height:44px; background-color:#fff; border-radius:17px; border:2px solid #e1e1e1; margin-right:7px; position:relative; box-sizing:border-box;}
 .banner .controls a:hover { border:2px solid #2e4862;}
 @media screen and (max-width: 1415px) { .banner { padding-top:85px;}
 .banner h2 { left:2%; top:-10px; margin-bottom:0;}
 .banner .slider_box { margin-left:0; width:100%; padding-top:35px;}
 .banner .controls { right:2%; left:inherit; top:-30px;}
 }
 @media screen and (max-width: 1110px) { .banner ul li { width:33.33333%;}
 .banner .controls { right:3.5%;}
 }
 @media screen and (max-width: 1060px) { .banner .controls { right:3%;}
 .banner ul li a img { border-radius:46px 26px 46px 26px;}
 }
  .popup_all_wrapper{position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding: 50px 110px 64px; background-color: #000; background-color: rgba(0,0,0,0.7); z-index: 101; display:none; min-width: 821px;}
 .popup_all_wrapper .popup_all_box{position: relative; padding:115px 70px 70px; background-color: #fff; height: 100%; box-sizing: border-box;}
 .popup_all_wrapper .popup_all_box .title_box{position: absolute; top:54px; left: 66px; font-size: 21px; height: 31px; line-height: 31px;}
 .popup_all_wrapper .popup_all_box .title_box span{display: inline-block; padding: 0 13px 0 11px; background-color: #046fd9; color: #fff; margin-left: 4px; margin-right:5px; border-radius: 50px;}
 .popup_all_wrapper .popup_all_box .popup_close{position: absolute; top: 31px; right: 31px; width: 38px; height: 38px; text-indent: -99999px;}
 .popup_all_wrapper .popup_all_box .popup_close:hover{transform: rotate(360deg); transition: ease-in-out 0.7s;}
 .popup_all_wrapper .popup_all_box .popup_close:before, .popup_all_wrapper .popup_all_box .popup_close:after{content: ''; position: absolute; top: 50%; left: 50%; width: 39px; height: 3px; background-color: #000; margin: -1.5px 0 0 -19.5px;}
 .popup_all_wrapper .popup_all_box .popup_close:before{transform: rotate(-45deg);}
 .popup_all_wrapper .popup_all_box .popup_close:after{transform: rotate(45deg);}
 .popup_all_wrapper .popup_all_box .scroll_box{height: 100%; overflow-y: auto; overflow-x: hidden;}
 .popup_all_wrapper .popup_all_box .scroll_box ul{display: inline-block; width: 100%;}
 .popup_all_wrapper .popup_all_box .scroll_box ul li{float: left; width: 32%; margin: 2% 0 0 2%;}
 .popup_all_wrapper .popup_all_box .scroll_box ul li img{width: 100%;}
 @media screen and (min-width:1201px){ .popup_all_wrapper .popup_all_box .scroll_box ul li:nth-child(3n-2){margin-left: 0;}
 .popup_all_wrapper .popup_all_box .scroll_box ul li:nth-child(n):nth-child(-n+3){margin-top: 0;}
 }
 @media screen and (max-width:1200px){ .popup_all_wrapper .popup_all_box .scroll_box ul li{width: 48%; margin: 2% 0 0 2%;}
 .popup_all_wrapper .popup_all_box .scroll_box ul li:nth-child(2n-1){margin-left: 0;}
 .popup_all_wrapper .popup_all_box .scroll_box ul li:nth-child(n):nth-child(-n+2){margin-top: 0;}
 }
 @media screen and (max-width:1060px){.popup_all_wrapper {padding: 40px; box-sizing:border-box;}
}