@charset "utf-8"; #wrap {min-width:800px; max-width:1920px; font-size:17px; margin:0 auto; overflow:hidden;}
 .inner { position:relative; width:100%; margin:0 auto; max-width:1500px;}
 #wrap_hide{display: none; position: absolute; top: 149px; left: 0; z-index: 100; width: 100%; height: 100%; background: #000; opacity: 0.7;}
 @media screen and (max-width: 1510px) {.inner { width:96%;}
}
 @media screen and (max-width: 800px) {#wrap { overflow: auto;}
}
  .header{position: relative; color: #242424; height:112px;}
 .header .inner{text-align: center; max-width:100%; width: 100%;}
 .header h1{position: absolute; top: 22px; left:1.2%; }
 .header h1 a {display:inline-block; height: 100%; width:319px; height: 68px;}
 .header h1 a.ccm { width:68px; margin-left:10px;}
 .header h1 a span{display: block; text-indent: -9999px;}
 .header .gnb_box span.sitemap { position:absolute; right:1.2%; top:29px;}
 .header .gnb_box span.sitemap a { display:block; width:50px; height:50px; text-indent:-999999px; position:relative;}
 .header .gnb_box span.sitemap a:after { content:""; display:block; width:22px; height:17px; background: url("/images/yumcorp/common/layout_sp.png?build_20250711002") no-repeat -20px -20px; position:absolute; left:50%; top:50%; margin:-8.5px 0 0 -11px;}
 .header .gnb_box .loginout { position:absolute; right:4%; top:29px;}
 .header .gnb_box .loginout p a { display:block; width:50px; height:50px; text-indent:-999999px; position:relative;}
 .header .gnb_box .loginout p a:after { content:""; display:block; width:27px; height:23px; background: url("/images/yumcorp/common/layout_sp.png?build_20250711002") no-repeat -20px -20px; position:absolute; left:50%; top:50%; margin:-11.5px 0 0 -13.5px;}
 .header .gnb_box .loginout p.login a:after { background-position:-262px -16px;}
 .header .gnb_box .loginout p.logout a:after { background-position:-302px -16px;}
 .header .gnb_box .loginout p.logout { float: left; width: 50px;}
 .header .gnb_box .loginout p.mypage { float: left; width: 50px;}
 .header .gnb_box .loginout p.mypage a:after { width: 28px; height: 24px; background-position:-343px -15px; margin: -12px 0 0 -14px;}
 @media screen and (max-width: 1560px) { .header .gnb_box span.sitemap { right:0;}
 }
 .vis_link { float:right; margin-top:6px;}
 .vis_link li { float:left; margin-left:25px; }
 .vis_link li a { display:block; color:#fff; line-height:25px; text-shadow: -2px 1px 6px rgb(0 0 0 / 40%); }
 .vis_link li a:before { content:""; display:block; float:left; width:25px; height:25px; background: url("/images/yumcorp/common/layout_sp.png?build_20250711002") no-repeat; margin-right:6px;}
 .vis_link li.job_app a:before { background-position:-134px -15px;}
 .vis_link li.ys_ok a:before { background-position:-172px -15px;}
 .visual_txt { clear:both; width:645px; margin:80px auto 0; text-align:center; color:#fff; position: relative; z-index: 2;}
 .visual_txt .tit { height:45px; width:380px; margin:0 auto 20px; background: url("/images/yumcorp/common/layout_sp.png?build_20250711002") -20px -247px; text-indent:-999999px;}
 .visual_txt .vision { font-size:35px; letter-spacing:-1.5px; height:50px; line-height:50px;}
 .search_wrap { width:370px; margin:44px auto 0; position: relative; z-index: 2;}
 .search_wrap h2 { font-size:0; text-indent:-999999px; width:0; height:0;}
 .search_wrap .main_search_box {width: 100%; position: relative; height: 62px; border: 3px solid transparent; border-radius: 50px; border-image: linear-gradient(to right, #1aaaed 0%, #67e632 100%); border-image-slice: 1; box-sizing:border-box; border-left:none; border-right:none;}
 .search_wrap .main_search_box:before { content:""; display:block; width:40px; height:62px; position:absolute; border:3px solid #1aaaed; box-sizing:border-box; top:-3px; left:-40px; border-radius:50px 0 0 50px; border-right:none;}
 .search_wrap .main_search_box:after { content:""; display:block; width:40px; height:62px; position:absolute; border:3px solid #67e632; box-sizing:border-box; top:-3px; right:-40px; border-radius:0 50px 50px 0; border-left:none; z-index:5;}
 .search_wrap .main_search_box .input_box { float:left; width:92%;}
 .search_wrap .main_search_box .input_box label { position:absolute; color:#fff; top:17px; left:2px; text-shadow:0px 2px 13px rgb(0 0 0 / 70%); }
 .search_wrap .main_search_box .input_box input[type="text"] { border:none; background-color: rgba(255,255,255,.0); line-height:54px; color:#fff; width:100%; text-shadow: 1px 1px 4px rgb(0 0 0 / 80%);}
 .search_wrap .main_search_box .search_box input[type="submit"] { position:absolute; top:7px; right:-20px; cursor: pointer; width:28px; height:28px; background: url("/images/yumcorp/common/layout_sp.png?build_20250711002") -48px -9px; text-indent:-999999px; border:none; z-index:6; padding:20px;}
  .gnb_box {float: left; width: 100%; padding-left:26%; box-sizing: border-box; }
 .gnb_box .gnb { width:95%; float:left;}
 .gnb_box .gnb span.newicon{display: inline-block; width: 18px; height: 19px; text-indent: -99999px; background: url("/images/yumcorp/common/layout_sp.png?build_20250711002") no-repeat -403px -693px; vertical-align: middle; margin-left: 5px;}
  .gnb_box .gnb .gnbA{float: left; width:12.8%;}
 .gnb_box .gnb .gnbA > a{position: relative; display: block; height:112px; line-height:23px; font-size:19px; text-align: center; transition: ease-in-out 0.3s; padding-top: 44px; word-break: keep-all; box-sizing: border-box;}
 .gnb_box .gnb .gnbA > a:after{content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 4px; background-color: #046fd9; transition: ease-in-out 0.3s;}
 .gnb_box .gnb .gnbA.on > a:after, .gnb_box .gnb .gnbA > a:hover:after{width: 90px;}
 .gnb_box .gnb .gnbA > a:hover{color: #046fd9;}
 .gnb_box .gnb .gnbA > a span.newicon{background-position: 0 -37px;}
  .gnb_box .gnb_wrap {position: absolute; top:111px; left: 0; width: 100%; z-index: 15; background-color: #fff; box-shadow: 0 14px 14px 0 rgba(0,0,0,0.35); border-top:1px solid #c4c4c4; display:none;}
 .gnb_box .gnb_wrap:after { content:""; display:block; position:absolute; right:0; bottom:0; background: url("/images/yumcorp/common/layout_sp.png?build_20250711002") no-repeat -729px -193px; width:457px; height:277px; z-index:16; }
 .gnb_box .gnb_wrap .gnb_inner{position: relative; width: 100%; padding-left:25%; box-sizing: border-box; background-color: #fff;}
  .gnb_box .gnb_wrap .gnb_inner .title_box{position: absolute; top: 0; left:0; width: 25%; height: 100%; background-color: #eff3f3; box-sizing: border-box; text-align: center;}
 .gnb_box .gnb_wrap .gnb_inner .title_box span.icon{display: block; background: url("/images/yumcorp/common/layout_sp.png?build_20250711002") no-repeat; margin: 30px auto 30px;}
 .gnb_box .gnbA1 .gnb_wrap .gnb_inner .title_box span.icon { width:108px; height:133px; background-position:-20px -745px;}
 .gnb_box .gnbA2 .gnb_wrap .gnb_inner .title_box span.icon { width:150px; height:132px; background-position:-165px -745px;}
 .gnb_box .gnbA3 .gnb_wrap .gnb_inner .title_box span.icon { width:138px; height:81px; background-position:-351px -745px;}
 .gnb_box .gnbA4 .gnb_wrap .gnb_inner .title_box span.icon { width:134px; height:107px; background-position:-519px -745px;}
 .gnb_box .gnbA5 .gnb_wrap .gnb_inner .title_box span.icon { width:117px; height:83px; background-position:-693px -745px;}
 .gnb_box .gnbA6 .gnb_wrap .gnb_inner .title_box span.icon { width:120px; height:113px; background-position:-840px -745px;}
 .gnb_box .gnbA7 .gnb_wrap .gnb_inner .title_box span.icon { width:143px; height:138px; background-position:-996px -745px;}
 .gnb_box .gnb_wrap .gnb_inner .title_box h2{font-size: 32px; color:#355a7f; font-weight:400; width:230px; text-align:left; margin:61px auto 0; line-height:36px;}
 .gnb_box .gnb_wrap .gnb_inner .title_box p {font-size: 16px; line-height: 23px; color:#3b3b3b; width:230px; margin:26px auto 0; text-align:left; word-break:keep-all;}
 .gnb_box .gnb_wrap .gnb_inner .title_box p em { display:block;}
 .gnb_box .gnbA4 .gnb_wrap .gnb_inner .title_box h2 { font-size:26px; line-height:30px; margin-top:52px;}
 .gnb_box .gnbA4 .gnb_wrap .gnb_inner .title_box p { margin:19px auto 0;}
 .gnb_box .gnbA4 .gnb_wrap .gnb_inner .title_box span.icon { margin-top:26px;}
  .gnb_box .gnbB_wrap { padding:50px 0; display:inline-block; width:100%; position:relative; z-index:17;}
 .gnb_box .gnbB { width:95%; margin:0 auto;}
 .gnb_box .gnbB > li { float:left; width:25%; margin-bottom:35px;}
 .gnb_box .gnbB > li > a { display:block; border-radius:12px; border:2px solid #d0dbdb; box-sizing:border-box; min-height:58px; width:90%; margin:0 auto; text-align:left; padding:15px; word-break:keep-all;}
 .gnb_box .gnbB > li.on > a { border:2px solid #046fd9;}
 .gnb_box .gnbB > li > a:hover { border:2px solid #046fd9;}
 .gnb_box .gnbB2 > li.gnbBc10 { position: absolute; top:235px;}
   .gnb_box .gnbC_wrap ul { display:block !important; opacity:1 !important;}
 .gnb_box .gnbC { margin-top:15px;}
 .gnb_box .gnbC li { width:78%; margin:0 auto; }
 .gnb_box .gnbC li > a { display:block; text-align:left; font-size:16px; color:#4d4d4d; padding:2px 0 2px 8px; position:relative; word-break: keep-all;}
 .gnb_box .gnbC li > a:hover { color:#046fd9;}
 .gnb_box .gnbC li.on > a { color:#046fd9;}
 .gnb_box .gnbC li > a:before { content:""; display:block; width:3px; height:3px; border-radius:4px; background-color:#046fd9; position:absolute; top:11px; left:0;}
 /*.gnb_box .gnbA7 .gnb_wrap { display:block !important;}
*/  .gnb_box .gnbA1 .gnbB > li { min-height: 300px;}
 .gnb_box .gnbA1 .gnbB > li.gnbBc5, .gnb_box .gnbA1 .gnbB > li.gnbBc6 { min-height: inherit;}
  .gnb_box .gnbA2 .gnbB > li.gnbBc5,.gnb_box .gnbA2 .gnbB > li.gnbBc6,.gnb_box .gnbA2 .gnbB > li.gnbBc7,.gnb_box .gnbA2 .gnbB > li.gnbBc8 {min-height: 82px;}
  .gnb_box .gnbA4 .gnbB > li, .gnb_box .gnbA6 .gnbB > li, .gnb_box .gnbA7 .gnbB > li { width:33.333%;}
 .gnb_box .gnbA6 .gnbB_wrap { padding-bottom: 150px;}
 .gnb_box .gnb_quick { display:none;}
 .m_gnbbox {display: none;}
 @media screen and (max-width: 1550px) { .header h1 { top:31px;}
 .header h1 a { width:240px; height:auto;}
 .header h1 a img { width:100%; height:100%;}
 .header h1 a.ccm{ width:50px; margin-left:5px;}
 .gnb_box .gnbA2 .gnbB > li.gnbBc5,.gnb_box .gnbA2 .gnbB > li.gnbBc6,.gnb_box .gnbA2 .gnbB > li.gnbBc7,.gnb_box .gnbA2 .gnbB > li.gnbBc8 {min-height: 110px;}
 }
 @media screen and (max-width: 1310px) { .gnb_box .gnbB > li { width:33.333%;}
 .gnb_box .gnbA1 .gnbB > li.gnbBc4 { min-height:inherit;}
 .gnb_box .gnbA2 .gnbB > li.gnbBc5,.gnb_box .gnbA2 .gnbB > li.gnbBc6,.gnb_box .gnbA2 .gnbB > li.gnbBc7,.gnb_box .gnbA2 .gnbB > li.gnbBc8 {min-height: inherit;}
 }
 @media screen and (max-width: 1280px) { .header h1 { top:31px;}
 .header h1 a { width:220px;}
 .header h1 a.ccm{ width:45px;}
 .gnb_box { padding-left: 28%;}
 .gnb_box .gnb { width: 92%;}
 }
 @media screen and (max-width: 1240px) { .gnb_box .gnb .gnbA > a { font-size:19px;}
 }
 @media screen and (max-width: 1200px) { .gnb_box .gnb .gnbA { width:12.4%;}
 }
 @media screen and (max-width: 1130px) { .gnb_box .gnb .gnbA > a { font-size:18px;}
 }
 @media screen and (max-width: 1100px) { .gnb_box .gnb_wrap .gnb_inner { padding-left:0;}
 .gnb_box .gnb_wrap .gnb_inner .title_box { display:none;}
 }
 @media screen and (max-width: 1050px) { .header h1 { top:22px; left:50%; margin-left:-178.5px;}
 .header h1 a { width:319px; height:61px;}
 .header h1 a.ccm{ width:65px;}
 .gnb_box { display:none;}
 .m_gnbbox {display: block;}
 }
  .m_gnbbox a.go_fullmenu { float:right; margin-right:1.2%; line-height:112px;}
 .m_gnbbox a.go_fullmenu:after { content:""; display:block; width:22px; height:17px; background: url("/images/yumcorp/common/layout_sp.png?build_20250711002") no-repeat -20px -20px; float:right; margin:47px 0px 0px 9px;}
 .m_gnbbox #gnb_box{position: fixed; top: 112px; right: -100%; left:inherit; width: 500px; height: 100%; z-index: 9; box-sizing: border-box; border-top:1px solid #d8d8d8;}
 .m_gnbbox #gnb_box .gnb{position: relative; background-color: #f0f0f0; z-index: 1; padding-top:10px; height: 100%; box-sizing: border-box;}
 .m_gnbbox #gnb_box .gnb:before{content: ''; position: absolute; width: 200px; height: 100%; background-color: #fff; box-sizing: border-box;border-right: 1px solid #d8d8d8;top: 0; left:0; }
  .m_gnbbox #gnb_box .gnb .gnbA{width: 200px; margin-bottom:5px; position:relative;}
 .m_gnbbox #gnb_box .gnb .gnbA > a{position: relative; display: block; padding: 13px 15px; color: #000; letter-spacing: -1px; transition: ease-in-out 0.15s; width:70%; margin:0 auto; font-size:18px;}
 .m_gnbbox #gnb_box .gnb .gnbA.on > a, .m_gnbbox #gnb_box .gnb .gnbA > a:hover{border-radius: 33px; background-color: #21374e; color: #fff;}
  .m_gnbbox #gnb_box .gnb .gnbA .gnb_wrap { position:relative;}
 .m_gnbbox #gnb_box .gnb .gnbA1 .gnb_wrap { top:-59px;}
 .m_gnbbox #gnb_box .gnb .gnbA2 .gnb_wrap { top:-112px;}
 .m_gnbbox #gnb_box .gnb .gnbA3 .gnb_wrap { top:-166px;}
 .m_gnbbox #gnb_box .gnb .gnbA4 .gnb_wrap { top:-219px;}
 .m_gnbbox #gnb_box .gnb .gnbA5 .gnb_wrap { top:-273px;}
 .m_gnbbox #gnb_box .gnb .gnbA6 .gnb_wrap { top:-326px;}
 .m_gnbbox #gnb_box .gnb .gnbA7 .gnb_wrap { top:-380px;}
 .m_gnbbox #gnb_box .gnb .gnbA.on .gnbB{display: block;}
 .m_gnbbox #gnb_box .gnb .gnbB{position: absolute; top: 1px; left: 200px; width: 300px; height: 100%; overflow: auto; display: none; background-color:#ededed;}
 .m_gnbbox #gnb_box .gnb .gnbB > li > a{position: relative; display: block; padding: 20px 30px 15px 25px; box-sizing:border-box; border-bottom: 1px solid #d8d8d8; z-index: 0; text-align:left; font-size:16px; color:#4c4c4c; word-break:keep-all;}
 .m_gnbbox #gnb_box .gnb .gnbB > li > a span.open, .m_gnbbox #gnb_box .gnb .gnbB > li > a span.close{position: absolute; top: 24px; right: 15px; text-indent: -99999px; width: 13px; height: 8px; display:block;}
 .m_gnbbox #gnb_box .gnb .gnbB > li > a span.open {background:url("/images/yumcorp/common/layout_sp.png?build_20250711002") no-repeat -103px -208px;}
 .m_gnbbox #gnb_box .gnb .gnbB > li > a span.close {background:url("/images/yumcorp/common/layout_sp.png?build_20250711002") no-repeat -74px -208px;}
  .m_gnbbox #gnb_box .gnbC_wrap { background-color:#fff; padding:16px; border-bottom:1px solid #d8d8d8; display:none;}
 .m_gnbbox #gnb_box .gnbC_wrap li a { text-align:left; display:block; padding:3px 10px; font-size:16px; color:#3c3c3c;}
 .m_gnbbox #gnb_box .gnbC_wrap li a:after { content:""; display:block; width:4px; height:4px; background-color:#21374e; border-radius:5px; float:left; margin:9px 4px 0 0px;}
  .m_gnbbox #gnb_box .gnb span.newicon{display: inline-block; width: 18px; height: 19px; text-indent: -99999px; background: url("/images/yumcorp/common/layout_sp.png?build_20250711002") no-repeat -403px -693px; vertical-align: middle; margin-left: 6px; margin-top:1px;}
 #gnb_wrap_hide { position:fixed; top:112px; left:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:8;}
 .m_gnbbox .loginout { float:left; margin: 29px 0 0 6px; }
 .m_gnbbox .loginout p { float: left; width: 50px; height: 50px;}
 .m_gnbbox .loginout p a {text-indent: -999999px; display: block; width: 50px; height: 50px; position: relative;}
 .m_gnbbox .loginout p a:after { content:""; display:block; width:27px; height:23px; background: url("/images/yumcorp/common/layout_sp.png?build_20250711002") no-repeat; position: absolute; left: 50%; top: 50%; margin:-11.5px 0 0 -13.5px; }
 .m_gnbbox .loginout p.login a:after { background-position:-262px -16px;}
 .m_gnbbox .loginout p.logout a:after { background-position:-302px -16px;}
 .m_gnbbox .loginout p.mypage a:after { width: 28px; height: 24px; background-position:-343px -15px; }
 .footer{ color: #222222; padding-bottom: 50px; font-weight: 300; }
 .footer_top{ border-bottom:1px solid #d2d2d2; border-top:1px solid #d2d2d2; padding: 13px 0; min-height:80px; box-sizing:border-box; }
 .footer_top .go_top { position: absolute; top:3px; right: 0;}
 .footer_top .go_top a{ display:block; width:126px; height:46px; background-color:#046fd9; border-radius:50px; color:#fff; line-height:46px; font-size:17px; padding-left:29px; box-sizing:border-box;}
 .footer_top .go_top a:after { content:""; display:block; width:13px; height:8px; background: url("/images/yumcorp/common/layout_sp.png?build_20250711002") -74px -170px no-repeat; margin:18px 6px 0 0; float:left;}
 .footer_top .go_top a:hover{transform: translate(0 ,-6px); transition:0.3s ease .1s;}
 .footer .guide{ display: inline-block; overflow: hidden; float: left; margin-top: 15px;}
 .footer .guide li{ float: left; margin-right: 36px; }
 .footer .guide li a{color: #222;}
 .footer .guide li a:hover{color:#046fd9; transition:0.3s ease .1s;}
 .footer .guide li .gubun{ font-size: 11px; padding: 0 10px; vertical-align: top }
 .footer .guide li.guide_point a{ color:#046fd9 !important; font-weight:bold; }
 .footer_bottom { height:125px;}
 .footer_bottom .f_logo { width: 263px; height: 47px; float: left; margin-right: 47px; margin-top:30px;}
 .footer_bottom .address_box{ float:left; margin-top:39px; line-height:26px;}
 .footer_bottom .address_box p { color:#656565; font-size:16px;}
 .footer_bottom .wa { position:absolute; right:0; top:20px;}
 .footer_bottom .wa a { display:block;}
 .footer_bottom .cont_g { display:block; float:left; margin:10px 0 0 0;}
 @media screen and (max-width: 1515px) {.footer .guide li.sh { display:none;}
}
 @media screen and (max-width: 1480px) { .footer_bottom address { font-size: 16px;}
 .footer_bottom address em { display: block; }
 }
 @media screen and (max-width: 1160px) { .footer_bottom .f_logo { float:none;}
 .footer_bottom .address_box { margin-top:24px;}
 .footer_bottom .wa { top:10px;}
 }
 @media screen and (max-width: 820px) { .footer_bottom .wa { display:none;}
 }
 #banner_top {background: #f2f2f2;}
 #banner_top > .toggle_wrap > .inner {max-width:1885px !important;}
 #banner_top > .toggle_wrap {color: #222; font-size: 14px; padding: 10px 0;}
 #banner_top > .toggle_wrap > div > .nuri_txt > i.flag {display: inline-block; width: 32px; height: 22px; background: #fff url("/images/yumcorp/common/flag_ico.png?build_20250711002") no-repeat 0 0; vertical-align: middle; margin-right: 10px; border: 1px solid #ddd;}