@media screen and (min-width: 721px) { 
._con:after { content: ""; display: block; clear: both; } 
.wrapper { padding-bottom: 100px; } 

.productWrap .ingredientBtn { position: absolute; left: 0; top:16px; cursor: pointer; padding-right: 20px; line-height: 28px;; background-size:14px; background-image: url(https://imagecdn.banolimpizza.com/pc/common/icon_search_g.png); background-position: right; } 
.productWrap .ingredientBtn span { font-size: 14px;; color: var(--txt_02); } 
.productWrap { float: right; padding-left: 40px; width: calc(100% - 580px); } 
.productWrap .infor { padding-bottom: 24px; border-bottom: 2px solid var(--colBl); } 
.productWrap .infor .name { line-height: 32px; font-size: 27px; font-weight: 700; letter-spacing: -1px; } 
.productWrap .infor .txt { font-size: 18px; line-height: 28px; margin-top: 14px; color: var(--txt_02); } 
.productImg { float: left; width: 580px; height:580px;; } 
.productImg .imgWrap { width:390px; height: 390px; padding: 10px; } 

/*연출샷*/
.productImg.stagedPhoto {background-color: transparent;} 
.productImg.stagedPhoto .imgWrap {padding: 0;position: relative;transform: translate(0,0);left: initial;top: initial;width: 100%;height: initial;} 


} /*PC*/

footer { display: none; } 
.optionSel section .select::-webkit-scrollbar { width: 5px; height: 5px; } 
.optionSel section .select::-webkit-scrollbar-track-piece { background-color:var(--bg_02); } 
.optionSel section .select::-webkit-scrollbar-thumb { border-radius: 8px; background-color:#c7c7c7; } 
.optionSel section .select::-webkit-scrollbar-button:start { display: none; } 
.optionSel section .select::-webkit-scrollbar-button:end { display: none; } 
/*피자 메인 이미지*/
.productImg { background-color: var(--bg_03); position: relative; } 
.productImg .imgWrap { background-size: 100%; left: 50%; transform: translate(-50%,-50%); position: absolute; top: 50%; } 
.productImg .imgWrap img { width: 100%; } 
.productImg.fix { position: fixed; transition: 0.2s all; } 
/*옵션 타이틀*/
.optionSel section { border-bottom: 1px solid var(--colBl); } 
.optionSel section > ._tit:after { content: ""; display: block; clear: both; } 
.optionSel section > ._tit { line-height: 70px; width: 100%; } 
.optionSel section > ._tit > span { float: left; font-weight: 700; } 
.optionSel section > ._tit.btn { cursor: pointer; background-image: url(https://imagecdn.banolimpizza.com/pc/arrow/arrow_down_bf.png); background-size:14px; background-position: calc(100% - 20px); } 
.optionSel section > ._tit.btn.on { background-image: url(https://imagecdn.banolimpizza.com/pc/arrow/arrow_up_bf.png); } 
.optionSel section > ._tit.btn + .select { display: none; } 

.optionSel section ul.pizzaSize { display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 14px; margin-bottom: 0; } 
.optionSel section ul.pizzaSize li { text-align: center; position: relative; width:calc((100% - 20px)/2); } 
.optionSel section ul.pizzaSize input { z-index: 1; cursor: pointer; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; } 
.optionSel section ul.pizzaSize input:checked + div { background-color: var(--colmainY); } 
.optionSel section ul.pizzaSize div { line-height: 52px; border-radius: 52px; background-color: var(--bg_02); display: inline-block; letter-spacing: -0.5px; width:100%; transition:0.2s all; font-weight: 500; font-size: 18px; } 
.optionSel section ul.pizzaSize div span { font-size: 18px; display: inline-block; font-weight: 700; line-height: 52px; padding-right: 10px; } 

.optionSel section .select { max-height:340px; overflow-y: auto; margin-bottom: 14px; } 
.optionSel section .select li div:after { content: ""; display: block; clear: both; } 
.optionSel section .select li { position: relative; margin-bottom: 10px; } 
.optionSel section .select li:last-child { margin-bottom: 0; } 
.optionSel section .select li > input { z-index: 1; cursor: pointer; width:100%; height: 100%;; position: absolute; left: 0; top: 0;; opacity: 0; } 
.optionSel section .select li > input:checked + div .tit .txt { display: inline; padding-right: 20px; background-image: url(https://imagecdn.banolimpizza.com/pc/common/check_on.png); background-position: right; background-size: 14px; color: var(--colmainB); } 
.optionSel section .select li > input:checked + div .price { color: var(--colmainB); } 
.optionSel section .select li .optionImg { padding: 5px; float: left; width: 64px; height: 64px; border:1px solid var(--line_03); } 
.optionSel section .select li .optionImg img { width: 100%;; height: 100%; object-fit: contain; } 
.optionSel section .select li .optionImg .txt { display: none; } 
.optionSel section .select li .titWrap { float: left; width: calc(100% - 80px); margin-left:16px; height: 64px; justify-content: space-between; display: flex; align-items : center; flex-wrap: wrap; } 
.optionSel section .select li .tit { width: calc(100% - 120px); } 
.optionSel section .select li .price { width: 120px; text-align: right; padding-right: 16px; font-weight: 600; font-size: 16px; color: var(--txt_01); } 
.optionSel section .select li ._countBtn { position: absolute; top: 11px; right: 120px; } 
.optionSel section .select li ._countBtn + .titWrap .tit { padding-right: 130px; } 
.optionSel section .select li .tit span.txt { font-size: 18px; font-weight: 600; display: block; } 
.optionSel section .select li input[type="checkbox"] + div .tit { float: left; line-height: 36px; background-image: url(https://imagecdn.banolimpizza.com/pc/common/checkbox_off.png); padding-left: 30px; background-size: 20px; background-position: left; } 
.optionSel section .select li input[type="checkbox"]:checked + div .tit { background-image: url(https://imagecdn.banolimpizza.com/pc/common/checkbox_on.png); } 
.optionSel section .select li input[type="checkbox"]+ div .price { float: right; line-height: 36px; } 

/*피자+피자*/
.optionSel section select { width: 100%; height: 48px; } 
.optionSel section .select + .select { border-top: 1px solid var(--line_03); margin-top: 14px; padding-top: 14px; margin-bottom: 0; } 
.optionSel section .select + ._tit { border-top: 1px solid var(--line_03); margin-top: 14px; } 
.optionSel section > ._tit ._countBtn { float: right; margin-top: 15px; } 
.optionSel section .select li > div { position: relative; width: 100%; } 

/*유의사항*/
.optionSel section .note{padding: 20px 0;display: flex;flex-direction: column;gap: 20px;}
.optionSel section .note .tit{font-size: 16px;font-weight: 700;}
.optionSel section .note p{font-size: 16px;color: var(--txt_02);line-height: 24px;position: relative;padding-left: 10px;}
.optionSel section .note p::after{content: "";display: block;width: 3px;height: 3px;background-color: var(--txt_02);border-radius: 5px;position: absolute;left: 0;;top: 8px;}
.optionSel section .note p span{display: block;font-size: 16px;}



/*옵션 이미지 확대보기*/
.optionDetails { display: none; background-color:var(--colW); box-shadow: -5px 5px 20px rgba(0, 0, 0, 0.08); width: 280px; text-align: center; position: absolute; padding:20px 30px; z-index: 5; border-radius: 10px; } 
.optionDetails img { width:100%; margin-bottom: 10px; max-height: 220px; object-fit: contain; } 
.optionDetails .txt { font-size: 18px; font-weight: 600; padding: 10px 0; } 

/*총 결제 금액*/
.totalPrice { position: fixed; left: calc((100% - 1200px)/2); bottom: 0; width: 580px;; height: 120px;; background-color: #f2f2f2; padding: 20px; padding-left: 40px; border-bottom: 20px solid var(--line_03); } 
.totalPrice .left .tit { font-size: 16px; font-weight: 600; color:var(--txt_02); line-height: 16px;; padding-top: 6px; margin-bottom: 8px; } 
.totalPrice .left .txt { font-size: 26px; letter-spacing: -0.8px; font-weight: 800; } 
.totalPrice .right button { float: left; height: 60px;; width: 156px; font-size: 20px; font-weight: 600; } 
.totalPrice .right button.colBl { margin-left: 10px; } 



@media screen and (max-width: 720px) { 
.optionDetails { display: none!important; } 
._sildScroll { display: none; } 
.wrapper { padding-top: var(--100); padding-bottom: var(--180); } 

.productImg { height: var(--560); } 
.productImg.fix { position: relative; top: initial!important; } 
.productImg .imgWrap { padding: var(--10); width: calc(var(--400) + var(--50)); } 
.productWrap .infor { padding:var(--40) var(--36); padding-bottom: var(--30); } 
.productWrap .infor .name { font-size:var(--38); font-weight: 700; letter-spacing: -0.1vw; line-height: var(--42); } 
.productWrap .infor .txt { font-size:var(--26); font-weight: 500; line-height: var(--40); color: var(--txt_02); margin-top: var(--20); } 
.productWrap .ingredientBtn { margin-left: var(--36); background-color: var(--bg_01); display: inline-block; color:var(--txt_02); line-height: var(--50); padding: 0 var(--26); padding-right:var(--60); background-image: url(https://imagecdn.banolimpizza.com/pc/common/icon_search_g.png); background-position: calc(100% - var(--22)); background-size: var(--20); } 
.productWrap .ingredientBtn span { font-size: var(--22); } 

/*옵션 타이틀*/
.productWrap .optionSel { padding:0 var(--36); } 
.productWrap .optionSel section { border-bottom: var(--2) solid var(--colBl); } 
.productWrap .optionSel section > ._tit { line-height: var(--110); } 
.productWrap .optionSel section > ._tit.btn { background-size:var(--24); background-position: calc(100% - var(--20)); } 

.productWrap .optionSel section ul.pizzaSize { padding-bottom: var(--20); margin-bottom: 0; } 
.productWrap .optionSel section ul.pizzaSize li { width:calc((100% - var(--20))/2); } 
.productWrap .optionSel section ul.pizzaSize div { line-height: var(--84); border-radius: var(--84); letter-spacing: -0.01vw; font-size: var(--28); } 
.productWrap .optionSel section ul.pizzaSize div span { font-size: var(--28); line-height: var(--84); padding-right: var(--16); } 

.productWrap .optionSel section .select { max-height:var(--420); margin-bottom: var(--20); } 
.productWrap .optionSel section .select li { margin-bottom: var(--24); } 
.productWrap .optionSel section .select li > input:checked + div .tit .txt { padding-right: var(--46); background-size: var(--25); font-size: var(--28); } 
.productWrap .optionSel section .select li .optionImg { width: var(--90); height: var(--90);; margin-right:var(--30); } 
.productWrap .optionSel section .select li .titWrap { padding-right: var(--30); height: var(--90); width: calc(100% - var(--120)); margin-left: 0; } 
.productWrap .optionSel section .select li .tit { padding-right: 0; width: calc(100% - var(--120)); } 
.productWrap .optionSel section .select li .price { padding-right: 0; width: var(--120); font-size: var(--28); } 
.productWrap .optionSel section .select li .tit span.txt { font-size: var(--28); } 
.productWrap .optionSel section .select li .optionImg + .tit { width: var(--320); height: var(--90); } 

.productWrap .optionSel section .select li ._countBtn { margin-top: 0; right: 0; top: var(--10); } 
.productWrap .optionSel section .select li ._countBtn + .titWrap { padding-right: var(--220); } 
.productWrap .optionSel section .select li ._countBtn + .titWrap .tit { width: 100%; padding-right: 0; } 
.productWrap .optionSel section .select li ._countBtn + .titWrap .price { width: 100%; text-align: left; } 
.productWrap .optionSel section .select li input[type="checkbox"] + div .tit { width: initial; height: var(--90); line-height: var(--90); padding-left: var(--60); background-size: var(--42); } 
.productWrap .optionSel section .select li input[type="checkbox"]+ div .price { line-height: var(--90); } 
.productWrap .optionSel section .select li input[type="checkbox"]+ div .optionImg + .titWrap .tit { width: initial; height:initial; line-height:initial; padding-left:0; background-image: none; width: calc(100% - var(--120)); padding-right: 0; } 


.productWrap .optionSel section select { height: var(--92); } 
.productWrap .optionSel section .select + .select { margin-top: var(--20); padding-top: var(--20); } 
.productWrap .optionSel section .select + ._tit { border-top: 1px solid var(--line_03); margin-top: 14px; } 
.productWrap .optionSel section > ._tit ._countBtn { margin-top: var(--20); } 

.totalPrice { z-index: 10; left:0; bottom: 0; width: 100%;; height: var(--100); padding: 0; padding-left: var(--36); border-bottom: 0; } 
.totalPrice .left .tit { font-size: var(--22); line-height: var(--20);; padding-top: var(--22); margin-bottom: var(--10); } 
.totalPrice .left .txt { font-size: var(--32); letter-spacing: -0.01vw; line-height: var(--32); } 
.totalPrice .right { width: calc(100% - var(--260)); } 
.totalPrice .right button { height:var(--100);; width: 50%; font-size: var(--30); } 
.totalPrice .right button.colBl { margin-left: 0; } 



/*연출샷*/
.productImg.stagedPhoto {height: initial;background-color: transparent;} 
.productImg.stagedPhoto .imgWrap {width: 100%;transform: translate(0,0);left: initial;top: initial;position: relative;padding: 0;} 

/*유의사항*/
.optionSel section .note{padding:var(--42) 0;gap: var(--24);}
.optionSel section .note .tit{font-size: var(--26);}
.optionSel section .note p{font-size: var(--26);line-height: var(--42);padding-left: var(--16);}
.optionSel section .note p::after{width: var(--5);height:var(--5);top: var(--16)}
.optionSel section .note p span{font-size: var(--26);}




} /*720px*/