@charset "utf-8";

/*
 * layout
 */

#wrap {}
#header { position:fixed; z-index:30; width:100%; background:rgba(255,255,255,.5); background:#fff !important; box-shadow:0 10px 20px 5px rgba(0,0,0,.1); -webkit-transition:all .2s ease; transition:all .2s ease;}
#header.active { background:#fff !important; box-shadow:0 10px 20px 5px rgba(0,0,0,.3);}
#container { position:relative; z-index:20; border:1px solid transparent;}
#container:after { display:block; clear:both; content:"";}
#content { position:relative; z-index:5; min-height:700px; padding: 0 20px;}
#footer { position:relative; z-index:25; font-size:13px; background:#515151; color:#a2a1a1;}

.btn_circle { display:inline-block; vertical-align:middle; width:63px; height:63px; border-radius:50%; background:#fff; box-shadow:0 5px 10px 5px rgba(0,0,0,.3);}
.btn_circle i { cursor:pointer;}

.btn_circle { position:relative; background:#fff url(../image/main/ico_mark.png) no-repeat 50%;}
.btn_circle .num_count { position:absolute; top:0; left:40px; display:inline-block; padding:1px 3px 0 3px; min-width:12px; border:3px solid #fff; text-align:center; border-radius:12px; background:#ffba00; color:#fe4f0a; font-size:12px; font-weight:800;}

.sect { padding-bottom:50px;}
.sect:first-child { padding-top:50px;}
.inner_sect { padding-bottom:15px;}

.text_sect { padding-left:10px; padding-bottom:25px;}

.tit_style1 { font-family:"GmarketSansLight", sans-serif; font-size:40px; color:#222;}
.tit_style2 { font-size:18px; color:#a9a9a9;}
.tit_style3 { font-size:20px; color:#222;}
.tit_style4 { font-size:14px; color:#222;}

.list_style1 { font-size:14px; color:#222;}

.txt_rest_location { display:inline-block; padding: 10px 30px 10px 10px; font-size:15px; color:#222;}

.txt_style1 { position:relative; padding-left:15px; font-size:13px; line-height:1.8; color:#666;}
.txt_style1:before { content:""; position:absolute; top:50%; left:0; margin-top:-4px; width:4px; height:4px; background:#ff6312;}
.double_tit { margin-top:150px;}
.ico_arrow_franchise { padding: 50px 0 }


@media screen and (max-width:1300px) {
.tit_style1 { display:block; margin-top:130px;}
.sect { padding-bottom:25px;}
}

@media screen and (min-width:1300px) {
.set_top { margin-top:0 !important;}
}

@media screen and (max-width: 768px) {
.tit_style1 { margin-top: 0px;}
}

@media screen and (max-width:480px) {
.sect { padding-bottom:25px;}
.sect:first-child { padding-top: 0px;}
.tit_style1 { display:block; margin-top:30px; word-break: keep-all;}
.tit_style3 { font-size:18px;}
}
/*
 * layout
 */

#modal { position:fixed; padding:20px 20%; top:0; left:0; right:0; bottom:0; z-index:100; text-align:center; display:none;}
#modal .bg_overlay { position:absolute; background:rgba(0,0,0,.6); top:0; left:0; right:0; bottom:0; z-index:1;}
#modal .modal_wrap { position:relative; display:inline-block; box-sizing:border-box; width:100%; height:100%; overflow:hidden; overflow-y:auto !important; max-width:850px; z-index:10; display:none;}
#modal .about_item { display:inline-block;}
#modal .about_tab { display:table; width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0; border-style:none;}
#modal .about_tab a { display:table-cell; background:#433229; height:60px; vertical-align:middle; color:#afaaaa; border-right:1px solid #56473f;}
#modal .about_tab .active { background:#fff; color:#ff6312; border-right:1px solid #fff;}
#modal .about_tab_cont { display:block; padding:15px; background:#fff;}
#modal .about_content { padding:15px; margin-right:-1px; text-align:left; background:#efefee; display:none;}
#modal .about_content.active { display:block;}
#modal .in_content { padding:0 15px; text-align:left; background:#fff;}
#modal .modal_footer { padding:15px; text-align:left; background:#fff;}
.tit_modal { position:relative; display:block; background:#fff; padding:15px; font-size:30px; padding-bottom:0; font-weight:200; text-align:left;}
.btn_top_modal { position:absolute; top:50%; right:15px; margin-top:-11px; display:block; width:21px; height:21px; background:url(../image/common/bg_modal_close.png) no-repeat 50%;}
.modal_content pre { height:500px; overflow:hidden; overflow-y:auto; white-space:pre-wrap; font-family:"NanumGothicWeb", sans-serif; font-weight:400; color:#022222;}
br { font-family:dotum;}

#modal .option_item { display:inline-block;}
#modal .option_tab { display:block; width:100%; border-collapse:collapse; border-spacing:0; border-style:none;}
#modal .option_tab a { display:block; padding:12px 0; text-align:center; background:#fff; color:#222; font-size:14px; border-bottom:1px solid #6e6e6e;}
#modal .option_tab:nth-of-type(1) a { border-top:1px solid #6e6e6e;}
#modal .option_tab .active { background:#594135; color:#fff; border-bottom:1px solid #594135;}
#modal .option_tab_cont { display:block; padding:15px; background:#fff;}
#modal .option_content { padding:15px; text-align:left; background:#efefee; border-bottom:1px solid #6e6e6e; display:none;}
#modal .option_content.active { display:block;}

#modal .privacy { display:inline-block; padding:15px;}
#modal .privacy_content { padding:15px; /* margin-right:-1px; */ text-align:left; background:#efefee;}
#modal .privacy_content.active { display:block;}
#modal .privacy .btn_top_modal { margin-top: -11px;}

#modal .privacy_none { display:inline-block; padding:15px;}
#modal .privacy_none_content { padding:15px; margin-right:-1px; text-align:left; background:#efefee;}
#modal .privacy_none_content.active { display:block;}

#modal .gift { display:inline-block; padding:15px;}
#modal .gift_content { padding:15px; margin-right:-1px; text-align:left; background:#fff;}
#modal .gift_content.active { display:block;}
.gift_modal_wrap { padding:20px; background:#efefee;}

#modal .location { display:inline-block; padding:15px;}
#modal .location_content { padding:15px; margin-right:-1px; text-align:left; background:#efefee;}
#modal .location_content.active { display:block;}

#modal .use { display:inline-block; padding:15px;}
#modal .use_content { padding:15px; margin-right:-1px; text-align:left; background:#efefee;}
#modal .use_content.active { display:block;}

#modal .find1 { display:inline-block; max-width:1100px; height:100%; overflow:auto; box-sizing:border-box; display:inline-block;}
#modal .find2 { display:inline-block; max-width:1100px; display:inline-block; overflow:hidden;}
#modal .find1_content { padding:15px; margin-right:-1px; text-align:left; background:#efefee; display:none;}
#modal .find1_content.active { display:block;}

.find2_content { padding:15px; text-align:left; background:#fff; display:block;}

#map_find { height:480px; border:1px solid #ccc;}

.is_modal #modal { display:block;}
.map_wrap { padding:0 10px; background:#fff;}
.map_wrap_shadow { box-shadow:0 10px 20px 5px rgba(0,0,0,.3);}
.map_wrap_shadow .map_wrap { padding:0 15px 0 0;}
.map_wrap_shadow .tit_find { margin-top:20px;}
.map_wrap_shadow .find_list_wrap { margin-bottom:20px;}
.map_wrap_shadow #map_find { height:513px;}


#modal2 { position:fixed; padding:20px 20%; top:0; left:0; right:0; bottom:0; z-index:100; text-align:center; display:none;}
#modal2 .bg_overlay { position:absolute; background:rgba(0,0,0,.6); top:0; left:0; right:0; bottom:0; z-index:1;}
#modal2 .modal_wrap { position:relative; display:inline-block; width:100%; max-width:570px; z-index:10; display:none;}
#modal2 .about_item { display:inline-block;}
#modal2 .about_tab { display:table; width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0; border-style:none;}
#modal2 .about_tab a { display:table-cell; background:#433229; height:60px; vertical-align:middle; color:#afaaaa; border-right:1px solid #56473f;}
#modal2 .about_tab .active { background:#fff; color:#ff6312; border-right:1px solid #fff;}
#modal2 .about_tab_cont { display:block; padding:15px; background:#fff;}
#modal2 .about_content { padding:15px; margin-right:-1px; text-align:left; background:#efefee; display:none;}
#modal2 .about_content.active { display:block;}
#modal2 .in_content { padding:0 15px; text-align:left; background:#fff;}
#modal2 .modal_footer { padding:15px; text-align:left; background:#fff;}
.tit_modal { position:relative; display:block; background:#fff; padding:15px 20px; font-size:24px; padding-bottom:0; font-weight:200; text-align:left;}
.btn_top_modal { position:absolute; top:50%; right:30px; margin-top:-10px; display:block; width:21px; height:21px; background:url(../image/common/bg_modal_close.png) no-repeat 50%;}
.modal_content pre { height:500px; overflow:hidden; overflow-y:auto; white-space:pre-wrap; font-family:"NanumGothicWeb", sans-serif; font-weight:400; color:#022222;}
br { font-family:dotum;}
.find1 .btn_top_modal { margin-top:-10px;}

#modal2 .option_item { display:inline-block;}
#modal2 .option_tab { display:block; width:100%; border-collapse:collapse; border-spacing:0; border-style:none;}
#modal2 .option_tab a { display:block; padding:12px 0; text-align:center; background:#fff; color:#222; font-size:14px; border-bottom:1px solid #6e6e6e;}
#modal2 .option_tab:nth-of-type(1) a { border-top:1px solid #6e6e6e;}
#modal2 .option_tab .active { background:#594135; color:#fff; border-bottom:1px solid #594135;}
#modal2 .option_tab_cont { display:block; padding:15px; background:#fff;}
#modal2 .option_content { padding:15px; text-align:left; background:#efefee; border-bottom:1px solid #6e6e6e; display:none;}
#modal2 .option_content.active { display:block;}

@media screen and (max-width:1300px) {
#modal { padding:20px;}

.map_wrap_shadow { margin-top:75px;}
.map_wrap_shadow .map_wrap { padding:0;}
.col_sm_4.map_wrap { padding:20px;}

.map_wrap_shadow #map_find { height:300px;}
}

@media screen and (max-width:480px) {
.tit_modal { padding:5px 15px;}
.tit_modal .chg_title{ font-size:20px;}

}
/*
 * lnb
 */

#lnb { position:absolute; top:0; left:300px; padding-right:300px; width:100%; text-align:left; padding-top:20px; padding-bottom:20px; z-index:100; box-sizing:border-box;}
h1 { display:block; padding:25px 30px; line-height:1;}
h1 a { display:inline-block;}
h1 a img { width:200px; height:auto;}
#lnb .lnb_link { display:inline-block; font-size:24px; padding:12px; color:#222;/* font-family:"GmarketSansBold", sans-serif; */}
#lnb .lnb_link:hover { color:#ff6312;}

.lgo_top { vertical-align:middle;}

#gnb { position:absolute; top:50%; right:20px; margin-top:-33px; z-index:101;}
#gnb h1 { position:absolute; top:50%; left:35px; margin-top:-15px;}
#gnb .gnb_link { position:relative; display:inline-block; padding:12px 25px; font-size:12px; color:#000; z-index:10;}
#gnb .gnb_link .txt_eng { display:block;}
#gnb .gnb_link .txt_kor { display:none;}
#gnb .gnb_link:before { content:""; position:absolute; top:50%; left:-2px; margin-top:-2px; width:4px; height:4px; border-radius:50%; background:#000;}
#gnb .gnb_link:first-of-type:before { display:none;}
.btn_prod_circle { position:relative; float:right; margin:50px 0 !important; box-shadow:none;}
.btn_prod_circle .ico_red_basket { display:block; border-radius:50%; font-style:normal; position:absolute; top:0; right:0; bottom:0; left:0; background:#ed4043 url(../image/common/ico_mark_f.png) no-repeat 50%; z-index:20;}
.prod_view { padding-bottom:50px;}
.prod_view .btn_prod_circle { margin-right:15px; margin-top:-32px;}

.menu_toggle { position:relative; padding:15px; margin-right:10px; display:none; margin:-5px; vertical-align:middle; width:25px; height:25px; background:#fff; border-radius:50%;}
.menu_toggle i { position:absolute; top:50%; left:50%; margin-top:-1px; margin-left:-12px; background:#eb6524; width:16px; height:2.5px;}
.menu_toggle i:before { content:""; display:block; position:absolute; top:-7px; left:0; width:24px; height:2.5px; background:#eb6524;}
.menu_toggle i:after { content:""; display:block; position:absolute; top:7px; left:0; width:24px; height:2.5px; background:#eb6524;}

.tit_lnb { position:relative; display:none; padding:22px 25px 20px; text-align:left; font-family:"GmarketSansLight", sans-serif; font-size:24px; background:#fff;}

@media screen and (max-width:1300px) {
#header { background:#fff;}
.m_header { display:none; overflow:auto; position:fixed; top:0; left:0; width:80vw; height:100vh; background:#fff; z-index:2;}
h1 { display:block; padding:15px; line-height:1;}
h1 a img { width:160px; height:auto;}
.menu_toggle { display:inline-block;}

#gnb { position:relative; margin:0; top:0; left:0; background:#515151; font-size:0;}
#gnb .gnb_link { position:relative; display:inline-block; width:50%; box-sizing:border-box; padding:25px 0; font-size:20px; color:#fff; text-align:center;}
#gnb .gnb_link:before { background:#fff; width:1px; height:30px; margin-top:-15px;}
.anchor0 { margin-top:75px; padding-top:30px; padding-bottom:30px;}
#gnb .gnb_link .txt_eng { display:none;}
#gnb .gnb_link .txt_kor { display:block;}
#gnb .gnb_link .txt_kor img { margin-top:-5px; margin-right:10px;}
#gnb .btn_circle { display:none;}

#lnb { position:relative; width:100%; line-height:1; padding:0; left:0; z-index:100; background:#fff;}
#lnb .nav_menu { position:absolute; top:0; left:0; width:80%; max-width:600px; height:100vh; z-index:2; overflow-y:auto; background:#fff;}
#lnb .nav_menu .lnb_dep1 { position:relative; display:block; color:#1c1c1c; font-size:30px; text-align:left; padding:40px 30px 30px; border-bottom:1px solid #cacaca;}
.lnb_dep1_child { padding:10px 30px;background:#f7f7f7; border-bottom:1px solid #cacaca; display:none;}
#lnb .nav_menu .lnb_dep2 { display:block; color:#1c1c1c; font-size:25px; text-align:left; font-family:"GmarketSansLight", sans-serif; padding:13px 0;}
#lnb .lnb_link { display:block; font-size:18px; padding:20px 30px; border-bottom:1px solid #eee; color:#222;}

.ico_lnb { position:absolute; top:50%; right:38px; display:block; width:28px; height:28px; margin-top:-14px;}
.ico_lnb:before { position:absolute; top:50%; left:0; display:block; margin-top:-1px; width:28px; height:2px; background:#000; content:"";}
.ico_lnb:after { position:absolute; top:0; left:50%; display:block; margin-left:-1px; width:2px; height:28px; background:#000; content:"";}
.active .ico_lnb:after { display:none;}

.tit_lnb { display:block;}
.bg_overlay { position:fixed; top:0; left:80%; width:100vw; height:100vh; z-index:-1; background:rgba(0,0,0,.7);}
.btn_lnb_close { position:absolute; top:50%; right:0; margin-top:-51px; width:102px; height:102px;}
.btn_lnb_close img { max-width:100%; height:auto;}

.bg_vision { margin-top:75px; padding-top:30px; padding-bottom:30px;}

}

.basket_wrap { position:absolute; right:50%; bottom:50%; border:2px solid #ed4043; display:none; padding:15px; box-sizing:border-box; background:#fff; min-width:580px; z-index:10;}
.is_basket .basket_wrap{ display:block;}
.layer_basket { padding:20px; max-height:200px; margin-bottom:20px; overflow:auto;}

.event_item { margin:-15px;}
.event_item li { position:relative; padding:15px;}
.event_item a,
.event_item span { display:block; background:#eee;}
.event_item strong { padding:8px 12px 5px; font-size:16px; display:block; text-align:right; color:#ff6312;}
.event_item span:after { position:absolute; top:15px; right:15px; bottom:15px; left:15px; background:rgba(0,0,0,.7) url(../image/sub/ico_end_event.png) no-repeat 50%; z-index:1; content:""; display:block;}
.event_item span img,
.event_item a img { width:100%; height:auto;}
.img_event img { width:100%; height:auto;}
.txt_event { position:relative; padding:50px 50px 50px 325px; background:#f0f0f0;}
.txt_event strong { position:absolute; top:50%; left:0; width:325px; text-align:center; font-size:25px; font-weight:400; margin-top:-19px;}
.txt_event span { display:block;font-size:20px; line-height:1.75; font-family:"GmarketSansLight", sans-serif;}
.txt_event span:before { display:inline-block; content:"-"; margin-right:5px;}


.event_item li:nth-child(2n+1) { clear:both; float:left;}

.end_wrap { display:inline-block; width:260px;}
.end_wrap i { display:block; height:140px; background:url(../image/sub/ico_pay_end.png) no-repeat 50%;}
.end_wrap .lab_shop { display:block; border-radius:30px; padding:20px 0 16px 0; border:1px solid #d9d9d9; font-family:"GmarketSansLight", sans-serif;}
.end_wrap .lab_shop span { color:#ff7516;}
.end_wrap .txt_shop { display:block; padding-top:20px; font-size:25px;}

@media screen and (max-width:1300px) {
.txt_event { padding:30px;}
.txt_event strong { position:static;}
}

@media screen and (max-width:768px) {
.event_item li { clear:both; float:left;}
}

.end_member_wrap { display:inline-block; width:800px;}
.end_member_wrap i { display:block; height:125px; background:url(../image/sub/ico_member_end.png) no-repeat 50%;}
.end_member_wrap .lab_shop { display:block; border-radius:30px; padding:20px 0 16px 0; border:1px solid #d9d9d9; font-family:"GmarketSansLight", sans-serif;}
.end_member_wrap .lab_shop span { color:#ff7516;}
.end_member_wrap .txt_shop { display:block; padding-top:20px; font-size:25px;}

.btn_order_link { display:inline-block; padding:20px; border:1px solid #ccc;}

.basket_block { margin:20px 0;}
.basket_row { margin:-15px;}
.basket_padd { padding:15px;}
.basket_item { border-top:1px solid #c1c0c0; border-bottom:1px solid #c1c0c0;}
.tit_basket_item { margin:5px;}
.tit_basket_item .log_input_check { position:relative; line-height:1; display:block; margin:0;}
.tit_basket_item .log_input_check label { display:block; margin:0 130px 0 0; padding:18px 15px 15px 40px; background-position:15px 50%;}
.tit_basket_item .log_input_check .active { background-position:15px 50%;}
.tit_basket_item .btn_item_delete { position:absolute; display:block; z-index:10; top:0; right:0; width:47px; height:47px; box-sizing:border-box; padding:10px; opacity:.5;}
.num_item_price { position:absolute; display:block; z-index:10; top:50%; right:0; margin-top:-20px; box-sizing:border-box; padding:10px; vertical-align:middle; margin-left:10px; color:#ff6312; font-size:25px; font-weight:400;}
.tit_basket_item .btn_item_delete:hover { opacity:1}
.tit_basket_item .btn_item_delete img { max-width:100%; height:auto;}
.cont_basket_item { position:relative; min-height:125px; padding:15px 15px 15px 155px; border-top:1px solid #c1c0c0;}
.cont_basket_item:after { content:""; clear:both; display:block;}
.basket_item_line { line-height:1; font-size:14px; vertical-align:middle; margin:6px 0; color:#444;}
.basket_item_line span { display:inline-block; padding:5px 10px 3px; background:#ff6312; margin-top:-3px; vertical-align:middle; border-radius:3px; margin-right:5px; color:#fff; font-size:12px;}
.basket_thumb { position:absolute; top:15px; left:15px; width:130px; height:130px;}
.basket_thumb img { max-width:100%; height:auto;}
.btn_basket_item { display:inline-block; float:right; background:#fff; color:#999; border:1px solid #999; box-sizing:border-box; margin-top:5px; padding:5px 9px 3px 9px; font-size:16px;}
.btn_basket_item:hover { background:#594235; color:#fff; border:1px solid #594235;}
.basket_footer { margin-left:-1px;}
.basket_footer dt { padding:10px 25px; font-size:16px; color:#444; background:#eee; border-left:1px solid #ccc;}
.basket_footer dd { padding:10px 25px; font-size:16px; color:#444; background:#ddd; border:1px solid #ccc; border-right:none;}

.bot_basket_item { position:relative; margin:5px; border-top:1px solid #c1c0c0;}
.bot_basket_item:after { content:""; clear:both; display:block;}

.bot_basket_item { margin:0;}
.bot_basket_item .log_input_check { position:relative; line-height:1; display:block; margin:0;}
.bot_basket_item .log_input_check label { display:block; margin:0; padding:10px 5px 8px; background-position:15px 50%; text-align:right;}

.bot_basket_item .num_item_price { position:relative; display:inline-block; z-index:10; box-sizing:border-box; padding:10px; vertical-align:middle; margin:0; color:#ff6312; font-size:25px; font-weight:400;}

.basket_footer dt strong, .basket_footer dd strong { display:block; float:right;}

.btn_last_resualt dt { padding:20px 30px; font-size:16px; color:#fff; background:#594235; border:1px solid #594235;}
.btn_last_resualt dd { padding:20px 30px; font-size:16px; color:#fff; background:#774b3c; border:1px solid #594235; border-right:none;}

.btn_last_resualt dt strong, .btn_last_resualt dd strong { display:block; float:right;}
.db_m { display:inline-block;}
#franfrm .log_input_check { padding:20px 20px 20px 0;}

@media screen and (max-width:1300px) {
.end_member_wrap { width:auto;}
}

/* 210510 */
@media screen and (max-width:480px) {

.sect:first-child { padding-top: 0px;}

#gnb .gnb_link { position:relative; display:inline-block; width:50%; box-sizing:border-box; padding:18px 0 15px 0; font-size:16px; color:#fff; text-align:center;}
#gnb .btn_circle { margin:0 0 10px 10px;}
#gnb .tit_lnb { font-size: 22px;}
#gnb .gnb_link .txt_eng { display:none;}
#gnb .gnb_link .txt_kor { display:block;}
#gnb .gnb_link .txt_kor img { width: 15%; margin-top: -5px;}
#gnb .btn_circle { display:none;}

.btn_lnb_close { position:absolute; top:70%; right:0; margin-top:-51px; width:70px; height:70px;}
.btn_lnb_close img { max-width:100%; height:auto;}

.db_m { display:block; text-align:right;}

#lnb .lnb_link { font-size: 18px; padding: 18px 22px;}
}

@media screen and (max-width:500px) {
.cont_basket_item { padding:15px;}
.basket_thumb { position:static; display:block; width:70%; height:auto; margin:0 auto 30px;}
}
/*
 * main_visual
 */

#main_visual .swiper-container { height:778px;}
#main_visual .swiper-slide { text-align:center; font-size:18px; padding-bottom:40px; display:-webkit-box; box-sizing:border-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
#main_visual .swiper-slide img { display:none;}
#main_visual .swiper-pagination-bullet { margin:0 3px !important; width:11px; height:11px; border:1px solid #ff6312; background:#fff; opacity:1;}
#main_visual .swiper-pagination-bullet-active { background:#ff6312;}
#main_visual .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:2%;/*  margin-top:170px; left:50%; margin-left:-700px; width:auto; */}
#main_visual .swiper-button-next,
#main_visual .swiper-button-prev { padding:5px; margin:0 5px; font-size:13px; color:#222;}
#main_visual .swiper-button-next { margin-right:20px;}
#main_visual .swiper-button-prev { margin-left:20px;}
#main_visual .swiper-button-next:after,
#main_visual .swiper-button-prev:after { display:none;}
#main_visual .swiper-button-next span:before { content:""; display:block; width:37px; height:20px; background:url(../image/main/ico_main_next.png) no-repeat 50%;}
#main_visual .swiper-button-prev span:before { content:""; display:block; width:37px; height:20px; background:url(../image/main/ico_main_prev.png) no-repeat 50%;}

@media screen and (max-width:1300px) {
#main_visual .swiper-container { height:auto;}

#main_visual .swiper-slide { display:block; background:none; padding-top:75px; padding-bottom:0;}
#main_visual .swiper-slide img { display:block; width:100%; height:auto;}
.swiper-button-next, .swiper-button-prev { top:auto; bottom:10px;}
}
@media screen and (max-width:768px) {
#main_visual .swiper-pagination-bullet { width: 8px; height: 8px;}
}
/*
 * content
 */

.bg_slogan { text-align:center; background:url(../image/sub/bg_slogan.png) no-repeat 50%; background-size:cover; background-attachment:fixed;}
.bg_vision { padding-top:80px; background:url(../image/sub/bg_vision.png) no-repeat 50%; background-size:cover;}
.bg_concept { background:#f6f6f6; background-size:cover;}
.bg_history { background:#f9c55f url(../image/sub/bg_history.png) no-repeat 50% bottom; background-size:100%;}
.wrap_cf { position:relative; padding-top:20px; height:0; margin:100px auto 0 !important; padding-bottom:41.3%;} 
.wrap_cf iframe { position:absolute; top:0; left:0; width:100%; height:98%;}


.main_top_sect { background:#594235; margin:0 -20px;}
.main_top_sect li { position:relative; padding:20px; cursor:pointer;}
.main_top_sect .tit_main_top { font-size:30px; color:#fff;}
.main_top_sect .tit_main_top span { font-weight:200;}
.main_top_sect .txt_main_top { padding-bottom:20px; font-size:16px; color:#959595;}
.main_top_sect .btn_main_top { position:relative; display:inline-block; background:#ff7516; border:1px solid #ff7516; border-radius:17px; padding:7px 50px 5px 10px; font-size:11px; color:#fff;}
.main_top_sect .btn_main_top:after { position:absolute; top:50%; right:10px; display:block; width:5px; height:8px; margin-top:-4px; background:url(../image/main/ico_main_top1.png) no-repeat 50%; content:""; -webkit-transition:all .2s ease; transition:all .2s ease;}
.main_top_sect img { position:absolute; bottom:20px; right:50px;}
.main_top_sect .btn_main_top:hover:after { right:15px;}
.main_top_sect .spec_sect { background:#774b3c;}
.main_top_sect li:hover { background:#ed4043;}
.main_top_sect li:hover .txt_main_top { color:#ffdf31;}
.main_top_sect li:hover .btn_main_top { background:none; border:1px solid #ffba00; color:#ffba00;}
.main_top_sect li:hover .btn_main_top:after { background:url(../image/main/ico_main_top2.png) no-repeat 50%;}

#cart { display:none;}

.wrap_slogan { position:relative; display:inline-block; margin-top:80px; padding:15px; background:#ff6312 url(../image/sub/bg_slogan_logo.png) no-repeat 50%; background-size:cover; box-shadow:10px 10px 30px 5px rgba(0,0,0,.2);}
.wrap_slogan:before { position:absolute; content:""; display:block; width:219px; height:72px; background:url(../image/sub/bg_slogan_ribon.png) no-repeat 50%; bottom:100%; left:50%; margin-left:-110px;}
.inner_slogan { display:table-cell; color:#fff; vertical-align:middle; width:566px; height:519px; box-sizing:border-box; border:1px solid #fff; background:rgba(255,255,255,.1);}
.sub_slogan { font-size:30px; font-family:"GmarketSansLight", sans-serif;}
.tit_slogan { margin-top:10px; font-size:45px; font-family:"GmarketSansLight", sans-serif; line-height:1.2;}
.txt_slogan { margin-top:40px; font-size:19px; font-family:"GmarketSansLight", sans-serif;}

.lgo_int_page { padding-bottom:50px; text-align:center; background:url(../image/sub/bg_int_logo.png) no-repeat 50% bottom;}
.lgo_int_page img { max-width:100%; height:auto;}
.sub_int_page { padding:18px 0; font-size:30px; font-family:"GmarketSansLight", sans-serif; color:#fff; text-align:center;}
.txt_int_page { font-size:45px; color:#fff; text-align:center;}

@media screen and (max-width:1300px) {
.main_top_sect { background:none; border-bottom:1px solid #eee;}
.main_top_sect .spec_sect { background:none;}
.main_top_sect .txt_main_top { display:none;}
.main_top_sect .btn_main_top { display:none;}
.main_top_sect img { position:static; max-width:50px; height:auto;}
.main_top_sect li { min-height:100px; text-align:center; border-left:1px solid #eee;}
.main_top_sect li:hover { background:none;}
.main_top_sect .tit_main_top { text-align:center; font-size:15px; color:#000;}
#cart {position:absolute; top:50%; right:30px; margin-top:-23px; display:inline-block; font-size:0; width:52px; height:45px; background:url(/mobile/image/common/btn_mobile_cart.png) no-repeat 50%; background-size: 90%; z-index:1;}
}
@media screen and (max-width:768px) {
.sub_slogan { font-size:24px; font-family:"GmarketSansLight", sans-serif;}
.tit_slogan { margin-top:5px; font-size:34px; font-family:"GmarketSansLight", sans-serif;}
.txt_slogan { margin-top:20px; font-size:15px; font-family:"GmarketSansLight", sans-serif;}
.inner_slogan { height:auto; padding:50px 0;}
#cart { background-size:85%;}
}
/* 210510 */
@media screen and (max-width:480px) {
#cart {position:absolute; top:50%; right:20px; margin-top:-17px; display:inline-block; font-size:0; width:40px; height:40px; background:url(/mobile/image/common/btn_mobile_cart.png) no-repeat; background-size:85%; z-index:1;}
}
/*
.main_top_sect .spec_sect { background:#ed4043;}
.main_top_sect .spec_sect .txt_main_top { color:#ffdf31;}
.main_top_sect .spec_sect .btn_main_top { background:none; border:1px solid #ffba00; color:#ffba00;}
.main_top_sect .spec_sect .btn_main_top:after { background:url(../image/main/ico_main_top2.png) no-repeat 50%;}
*/

.right_top { position:fixed; right:0; top:100px; z-index:100; text-align:center;}
.right_top a { display:block; width:90px; height:154px; color:#fff; background:#ff6813; padding-top:90px; box-sizing:border-box;}

.main_menu { padding:60px 0; text-align:center;}
.main_menu .tit_main_menu { font-size:40px; color:#ff6a14; letter-spacing:-0.05em;}
.main_menu .tit_main_menu span { font-family:"GmarketSansLight", sans-serif; color:#022222;}
.main_menu .sel_main_menu { position:relative; display:inline-block; margin-bottom:20px; z-index:999;}
.main_menu .sel_main_menu .btn_sel_toggle { position:relative; display:inline-block; border:1px solid #ff7516; border-radius:17px; background:#fff; padding:7px 50px 5px 10px; font-size:11px; color:#fe6a0f;}
.main_menu .sel_main_menu .btn_sel_toggle:after { position:absolute; top:50%; right:10px; display:block; width:5px; height:8px; margin-top:-4px; background:url(../image/main/ico_main_top3.png) no-repeat 50%; content:""; -webkit-transition:all .2s ease; transition:all .2s ease;}
.main_menu .sel_main_menu .btn_sel_toggle:hover:after { right:15px;}
.main_menu .sel_main_menu ul { position:absolute; top:100%; left:0; right:0; border:1px solid #ff7516; background:#fff; overflow:hidden; border-top:0; border-radius:0 0 17px 17px; display:none;}
.main_menu .sel_main_menu a { display:block; padding:7px 10px 5px; text-align:left; font-size:11px; color:#fe6a0f; font-size:11px;}
.main_menu .sel_main_menu a:hover { background:#eee;}
.main_menu .active .btn_sel_toggle { border-radius:17px 17px 0 0;}
.main_menu .active ul { display:block;}

.main_menu .swiper-container { height:500px; background:url(../image/main/bg_plate.png) no-repeat 50% 0;}
/**.main_menu .swiper-container { height:500px; background:url(/store_newimg/backimg001.png) no-repeat 50% 34px;}**/
.main_menu .swiper-container:after { content:""; display:block; position:absolute; bottom:17px; width:100%; height:1px; background:#ccc;}
.main_menu .swiper-slide { text-align:center; font-size:18px; padding-bottom:40px; display:-webkit-box; box-sizing:border-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.main_menu .swiper-slide:before,
.main_menu .swiper-slide:after { position:absolute; top:50%; display:block; width:8px; height:8px; margin-top:-80px; border-radius:50%; border:1px solid #fe6a0f; content:"";}
.main_menu .swiper-slide:before { left:6px;}
.main_menu .swiper-slide:after { right:6px;}
.main_menu .swiper-slide img { max-width:227px; height:auto;}
.main_menu .swiper-slide .block_pizza_name { display:block; margin-top:10px; padding:15px;}
.main_menu .swiper-slide .tit_pizza_name { display:block; padding-bottom:5px; font-size:20px; color:#222;}
.main_menu .swiper-slide .txt_pizza_name { display:none; padding-bottom:5px; font-size:16px; color:#fff;}
.main_menu .swiper-slide .txt_pizza_hash { display:none; padding:5px 5px 3px 5px; box-sizing:border-box; font-size:13px; color:#fff; border:1px solid #fff; border-radius:15px;}
.main_menu .swiper-slide-prev:after,
.main_menu .swiper-slide-next:before,
.main_menu .swiper-slide-active:before,
.main_menu .swiper-slide-active:after { display:none;}
.main_menu .swiper-slide-active img { max-width:296px;}
.main_menu .swiper-slide-active .block_pizza_name { margin-top:20px; position:relative; background:#ff6609; color:#fff; border-radius:12px;}
.main_menu .swiper-slide-active .block_pizza_name:before { position:absolute; top:-7px; left:50%; margin-left:-8px; content:""; display:block; width:16px; height:7px; background:url(../image/main/ico_pizza_top.png) no-repeat 50% 0;}
.main_menu .swiper-slide-active .tit_pizza_name { display:block; color:#fff; font-size:26px;}
.main_menu .swiper-slide-active .txt_pizza_name { display:block;}
.main_menu .swiper-slide-active .txt_pizza_hash { display:block;}
.main_menu .swiper-pagination-bullet { margin:0 3px !important; width:14px; height:14px; border:1px solid #b1b1b1; background:#eee; opacity:1;}
.main_menu .swiper-pagination-bullet-active { border:1px solid #fe680e; background:#fff;}

@media screen and (max-width:1300px) {
.main_menu { display:none;}
}

.main_event { position:relative; height:540px; padding:30px 0 30px 0; text-align:center;}
.main_event .tit_main_event { font-size:40px; margin-bottom:20px; color:#ff6a14; letter-spacing:-0.05em;}
.main_event .tit_main_event span { font-family:"GmarketSansLight", sans-serif; color:#022222;}
.main_event .swiper-container { padding:30px 0; margin-bottom:30px;}
.main_event .swiper-slide { text-align:center; font-size:18px; display:-webkit-box; box-sizing:border-box; width:auto; height:auto; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.main_event .swiper-slide-active { padding:0;}
.main_event .swiper-slide img { width:70%; height:auto;}
.main_event .swiper-slide-active img { width:100%; height:auto; box-shadow:0 10px 20px 5px rgba(0,0,0,.3);}
.main_event .btn_event_group { position:absolute; margin-bottom:-30px; top:50%; left:0; width:100%; font-size:0; z-index:10;}
.main_event .btn_event_group a { display:inline-block; width:57px; height:57px; border:1px solid #f17012; margin-left:-1px;}
.main_event .btn_event_group .event_button_prev { position:absolute; top:50%; left:10px; margin-top:-25px; background:#fff url(../image/main/ico_event_prev.png) no-repeat 50%;}
.main_event .btn_event_group .event_button_next { position:absolute; top:50%; right:10px; margin-top:-25px; background:#fff url(../image/main/ico_event_next.png) no-repeat 50%;}
.main_event .inner { position:relative;}

@media screen and (max-width:1300px) {
.main_event { display:none;}
}

.contact_wrap { position:relative; height:560px; padding-right:420px; background:#433229; z-index:1; box-shadow:0 10px 20px 5px rgba(0,0,0,.1);}
.contact_list { position:absolute; width:420px; top:0; right:0; bottom:0; background:#fff;}
.contact_list .cotact_form { position:relative; padding:0 0 0 100px; background:#ff6312; color:#fff;}
.contact_list .cotact_form label { position:absolute; margin-top:-13px; top:50%; left:0; padding:3px 20px 0 20px; display:inline-block; border-right:1px solid #ff9057; vertical-align:top;}
.contact_list .cotact_form input[type=text] { position:relative; width:100%; padding:3px; height:79px; box-sizing:border-box; border:none; background:none; color:#fff; z-index:2;}
.contact_list .cotact_form input[type=text]::placeholder { font-size:14px; color:#ffa576;}
.contact_list .cotact_form:after {}
.contact_list .list_wrap { position:absolute; top:79px; left:0; right:0; bottom:0; overflow-y:auto;}
.contact_list .list_wrap a { display:block; padding:10px; padding-right:50px; position:relative; border-bottom:1px solid #bfbfbf;}
.contact_list .list_wrap a .tit_contact { display:block; font-size:16px; color:#222;}
.contact_list .list_wrap a .txt_contact { display:block; font-size:13px; color:#999;}
.contact_list .list_wrap a .num_contact { display:block; font-size:14px; color:#ff6312; padding-bottom:5px;}
.contact_list .list_wrap a i { position:absolute; top:50%; right:17px; margin-top:-35px; display:block; width:35px; height:50px; background:url(../image/main/ico_main_marker.png) 50%;}
.contact_wrap .swiper-container { width:100%; height:100%; padding:50px; box-sizing:border-box;}
.contact_wrap .swiper-slide { display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.contact_wrap .swiper-pagination-bullet { margin:0 3px !important; width:14px; height:14px; background:#fff; opacity:1;}
.contact_wrap .swiper-pagination-bullet-active { background:#fe7d37;}
.contact_wrap .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:80px;}

.contact_wrap .swiper-button-next,
.contact_wrap .swiper-button-prev { padding:5px; margin:0 5px; font-size:13px; color:#222;}
.contact_wrap .swiper-button-next:after,
.contact_wrap .swiper-button-prev:after { display:none;}
.contact_wrap .swiper-button-next span:before { content:""; display:block; width:26px; height:45px; background:url(../image/main/ico_contact_next.png) no-repeat 50%;}
.contact_wrap .swiper-button-prev span:before { content:""; display:block; width:26px; height:45px; background:url(../image/main/ico_contact_prev.png) no-repeat 50%;}
.img_contact { position:absolute; top:-35px; left:0; max-width:100%;}


.main_cs_sect { margin-top:-100px; padding:125px 0 25px; background:#f7f7f7; color:#222;}
.main_cs_sect li { position:relative;}
.main_cs_sect li i { position:absolute; top:40px; right:30px; width:130px; height:130px; border-radius:50%; border:1px dashed #b49885; background:url(../image/main/ico_main_cs.png) no-repeat 50%;}
.main_cs_sect .tit_main_cs { padding-top:40px; font-size:25px;}
.main_cs_sect .num_main_cs { padding-bottom:10px; font-size:30px; color:#ff6312;}
.main_cs_sect .txt_main_cs { font-size:16px;}
.main_cs_sect .txt_main_cs span { padding-left:20px; color:#666;}
.main_cs_sect .txt_main_cs span:first-child { padding-left:0;}
.main_cs_sect .btn_main_counsel { display:block; height:193px; box-sizing:border-box; overflow:hidden; padding:44px 20px; background:#433229 url(../image/main/bg_main_counsel.png) no-repeat 100% bottom; color:#a99a7e;}
.main_cs_sect .btn_main_counsel strong { display:block; padding-bottom:20px; color:#ff6312; font-size:25px; font-weight:400;}
.main_cs_sect .btn_main_counsel:hover { background:#433229 url(../image/main/bg_main_counsel.png) no-repeat 110% bottom;}

@media screen and (max-width:1300px) {
#content { min-height:0;}
#content.pd20 { margin-top:100px;}
.main_contact { padding:30px;}
.img_contact { position:static;}
.contact_wrap { height:auto; padding-right:0; background:#433229;}
.contact_list { display:none;}
.contact_list .list_wrap { position:static; max-height:200px;}
.main_cs_sect { display:none;}
.contact_wrap .swiper-slide img { width:100%; height:auto;}
}

@media screen and (max-width:768px) {
#content.pd20 { margin-top: 85px;}
}
/*
 * footer
 */

#footer .to_top { position:fixed; bottom:50px; right:50px; display:block; width:63px; height:63px; background:#fff url(../image/common/ico_totop.png) no-repeat 50%; z-index:99999999999;}

.footer_my { padding:20px 0; background:#fff;}
.footer_my a { position:relative; display:block; box-sizing:border-box; padding:10px 20px 10px 100px; font-size:14px; color:#666; border-left:1px dashed #bfbfbf;}
.footer_my a:first-child { border-left:none;}
.footer_my a strong { display:block; color:#022222; font-size:20px; font-weight:400;}
.footer_my a i { position:absolute; top:50%; left:20px; margin-top:-30px; display:block; width:61px; height:61px;}
.footer_my a:hover i { margin-top:-40px;}
.footer_my a .ico_my1 { background:url(../image/main/ico_my1.png) no-repeat 50%; background-size:cover;}
.footer_my a .ico_my2 { background:url(../image/main/ico_my2.png) no-repeat 50%; background-size:cover;}
.footer_my a .ico_my3 { background:url(../image/main/ico_my3.png) no-repeat 50%; background-size:cover;}
.footer_my a .ico_my4 { background:url(../image/main/ico_my4.png) no-repeat 50%; background-size:cover;}

.btn_footer_group { border:1px solid #616161; letter-spacing:-0.01em;}
.footer_sect { position:relative; padding:25px 0 25px 160px; /*font-size:0;*/}
.footer_sect address { padding-left:10px; font-size:13px; line-height:1.5; word-break:keep-all;}
.footer_sect .btn_footer { padding:0 10px; color:#a2a1a1; font-size:16px; line-height:1; letter-spacing:0.025em;}
.footer_sect .btn_footer:hover { color:#ff6312;}
.footer_sect .lgo_footer { position:absolute; top:50%; left:0; margin-top:-8px; width:86px; font-size:0;}
.footer_sect .lgo_footer img { max-width:100%; height:auto;}
.footer_sect .btn_tel { position:absolute; top:18px; left:0; font-size:22px; letter-spacing:0.075em; color:#ff6312;}

.mCSB_scrollTools { width:12px;}
.mCSB_inside > .mCSB_container { margin-right:0;}
.mCSB_scrollTools .mCSB_draggerRail { width:4px; background:#e5e5e5;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#7d7d7d;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar  { background:#7d7d7d; background:rgba(125,125,125,0.85);	filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)";}

/** sns �߰� ������ 20-05-14 **/
.sns_sect {position:absolute; right:0; top:20px;}
.sns_sect li {float:left; margin-left:10px;}
.sns_sect img {opacity:0.5;}
.txt_footer_my { word-break:word-break;}
.btn_footer_group { overflow:auto; padding: 0 10px;}


/** ���󳻿� �߰� ������ 22-02-14 **/
.soosang_sect {position:absolute; right:0; top:20px;}
.soosang_sect li {float:left; margin-left:25px;text-align:center;}
.soosang_sect img { text-align:center;}
.soosang_sect span {display:block; font-size:1em !important; margin-top:5px;}

@media screen and (max-width:1400px) {
.tit_main_box { height:70px; }
}

@media screen and (max-width:1300px) {
/* .footer_my { padding:0; border-top:1px solid #bfbfbf;}
.txt_footer_my { display:none;}
.footer_sect { padding:25px 0; word-break:break-all; white-space:nowrap; text-align:center;}
.lgo_footer { display:none;} */
/* .footer_sect .btn_footer { font-size:16px;} */
.btn_footer_group .inner .footer_sect { padding: 25px 0px 25px 110px;}
.footer_sect { position:relative; padding:25px 0;}
.footer_my { padding:0; background:#fff;}
.footer_sect .btn_tel { position:static; display:inline-block;}



/** ���󳻿� �߰� ������ 22-02-14 **/
.soosang_sect {position:static; float:right;}
.soosang_sect li {display:inline-block; margin-left:10px; padding:0;}
.soosang_sect img {width:45px; height:auto;}
.soosang_sect span {display:none;}


.footer_sect address {clear:both;}
.footer_my a { padding: 10px 20px 10px 78px; border:none; padding-top:20px; padding-bottom:20px; padding-left:90px; border-right:1px solid #bfbfbf; border-bottom:none;}
/* .footer_my a { border:none; padding-top:20px; padding-bottom:20px; padding-left:70px; border-right:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf;} */
.footer_sect a:nth-child(2) { padding: 0 10px 0 0;}
.footer_my a i { position:absolute; top:50%; left:20px; margin-top:-20px; display:block; width:41px; height:41px;}
.footer_my a strong { font-size:14px;}
.footer_my a:last-child .tit_main_box .txt_footer_my { line-height:2.3;}

#footer .to_top { bottom:10px; right:10px;}

.footer_sect .m_fl_left { position:relative; display:block; /*float:right;*/ padding:0 10px;}
.footer_sect .btn_tel { float:left; position: static; display: block; font-size: 22px; letter-spacing: 0.075em; color: #ff6312;}

.sns_sect { position:static; text-align:center; margin:5px 0; padding-right:8px;}
.sns_sect li { float:none; display: inline-block; margin-left:5px;}
.sns_sect img { opacity:0.5; width:40px; height:auto;}
/* .footer_sect address { clear: none; position:relative; display:block; float:left; text-align:left; padding:0 10px; font-size:12px; line-height: 1.5; word-break: word-keep;} */
.footer_sect .m_fl_left .col_lg_6 .m_dp_b { margin-top: 0px;}
.footer_my a:hover i { margin-top:-20px;}
}
@media screen and (max-width:1200px) {
.footer_my a:last-child .tit_main_box .txt_footer_my { line-height:0.4;}
}
@media screen and (max-width:991px) {

.tit_main_box { height:40px; }
.btn_footer_group .footer_sect { padding: 25px 0 25px 100px;}
.footer_my a { border-bottom:1px dashed #bfbfbf;}
}
@media screen and (max-width:689px) {
.footer_my a { padding-left: 80px; padding-top: 15px; padding-bottom: 15px;}
.txt_footer_my { font-size:13px;}
}
@media screen and (max-width:620px) {
.tit_main_box { height: 60px;}
}
@media screen and (max-width:430px) {
.btn_footer_group .footer_sect { padding: 25px 0 25px 90px;}
.footer_sect .btn_footer { padding: 0 5px; letter-spacing: 0.009em;}
.footer_sect address { padding: 0px 0px; padding-left:5px;}
.footer_sect .m_fl_left { padding: 0 0;}
.footer_sect .btn_tel { font-size: 18px;}
.sns_sect img { width:35px; height:auto;}
}
@media screen and (max-width:425px) {
.footer_my a i { left: 12px;}
.footer_my a { padding-left: 62px; padding-top: 12px; padding-bottom: 12px;}
.tit_main_box { height: 60px;}
.txt_footer_my { font-size:13px; line-height:1;}
}
/*
 * sub_visual
 */

#sub_visual { position:relative; height:380px; z-index:10;}
#sub_visual .bg_img { position:absolute; top:0; left:0; text-align:center; background:#888; width:100%; height:380px; overflow:hidden; z-index:1;}
#sub_visual .bg_img img { width:auto; height:380px; animation:bgScale 20s 1s linear alternate;}
#sub_visual .page_wrap { position:relative; padding-top:150px; z-index:2; font-family:"GmarketSansLight", sans-serif;}
#sub_visual .page_wrap dt { font-size:40px; color:#fff; text-shadow: 4px 4px 4px black;/*font-weight:bold;*/}
#sub_visual .page_wrap dd { font-size:16px; color:#fff; text-shadow: 4px 4px 4px black;/*font-weight:bold;*/}
.loc_wrap { position:absolute; bottom:0; left:0; right:0; z-index:2; line-height:1;}
.loc_wrap .inner { z-index:2;}
.loc_wrap:after { position:absolute; right:0; left:50%; top:0; bottom:0; background:#fff; z-index:1; content:""; border-bottom:1px solid #dcdcdc;}
.loc_wrap .loc { position:relative; background:#fff; padding-left:63px; font-size:0; border-bottom:1px solid #dcdcdc;}
.loc_wrap i { position:absolute; top:0; left:0;}
.loc_wrap i a { display:block; width:63px; height:63px; content:""; background:#ff6312 url(../image/common/ico_sub_home.png) no-repeat 50%;}
.btn_page_toggle { position:relative; display:inline-block; min-width:240px; vertical-align:top; font-size:0; border-right:1px solid #dcdcdc;}
.btn_page_toggle:first-child { margin-left:1px;}
.btn_page_toggle .page_dep1 { display:block; padding:25px 23px 21px 23px; font-size:16px; line-height:1; color:#666; background:url(../image/common/ico_arrow_off.png) no-repeat right 50%;}
.btn_page_toggle .page_dep1.active { color:#ff6312; background:url(../image/common/ico_arrow_on.png) no-repeat right 50%;}
.btn_page_toggle ul { position:absolute; display:none; top:100%; left:-1px; right:-1px; max-height:250px; overflow:auto; border:1px solid #dcdcdc; border-top:none; background:#fff; z-index:10;}
.btn_page_toggle .page_dep2 { display:block; padding:25px 23px 21px 23px; font-size:16px; border-top:1px solid #dcdcdc; line-height:1; color:#666;}
.btn_page_toggle .page_dep2:hover { background:#eee;}

.bg_sub_payment { background:url(../image/common/bg_sub_payment.png?v1) no-repeat 50%; background-size:cover;}
.bg_sub_order { background:url(../image/common/bg_sub_order.png) no-repeat 50%; background-size:cover;}
.bg_sub_member { background:url(../image/common/bg_sub_member.png) no-repeat 50%; background-size:cover;}
.bg_sub_pizza { background:url(../image/common/bg_sub_pizza.png) no-repeat 50%; background-size:cover;}
.bg_sub_side { background:url(../image/common/bg_sub_pizza.png) no-repeat 50%; background-size:cover;}
.bg_sub_community { background:url(../image/common/bg_sub_community.png) no-repeat 50%; background-size:cover;}
.bg_sub_search { background:url(../image/common/bg_sub_search_22.png) no-repeat 50%; background-size:cover;}
.bg_sub_gift { background:url(../image/common/bg_sub_gift.png) no-repeat 50%; background-size:cover;}

@media screen and (max-width:1300px) {
#sub_visual { display:none;}
#sub_visual .page_wrap dt { font-size:20px;}
}
/*
 * sub_visual
 */

#sub_visual10 { box-sizing:border-box; position:relative; height:100vh; z-index:1;}
#sub_visual10.bg_page_intro { display:table; width:100%; background:url(../image/sub/bg_page_intro.png) no-repeat 50%; background-size:cover;}
#sub_visual10.bg_page_franchisee { display:table; width:100%; background:url(../image/sub/bg_top_franchise.png) no-repeat 50% center; background-size:cover;}
#sub_visual10 .inner { display:table-cell; vertical-align:middle; text-align:center; }
#sub_visual10 .inner dl { max-width: 1400px; margin: 0 auto; }
#sub_visual10 .inner dt { padding:30px 0 10px; font-family:"GmarketSansBold", sans-serif; color:#eb6524; font-size:50px; border-bottom: 2px solid #eb6524; text-align: left; }
#sub_visual10 .inner dt span { font-family:"GmarketSansMedium", sans-serif;  }
#sub_visual10 .inner dd { font-family:"GmarketSansLight", sans-serif; color:#eb6524; font-size:32px; padding-top: 20px; text-align: left;}
#sub_visual10 .inner dd strong { font-family:"GmarketSansMedium", sans-serif; font-weight:400;}

.sect10 { min-height:100vh; box-sizing:border-box; padding-bottom:50px;}
.bg_sect10 { background:#ececec;}

.left_page_spot { position:fixed; top:50%; left:30px; z-index:100;}
.left_spot_intro { margin-top:-90px;}
.left_spot_franchisee { margin-top:-90px;}
.left_page_spot a { position:relative; display:block; width:36px; height:36px; border-radius:50%; box-sizing:border-box;}
.left_page_spot a:before { content:""; position:absolute; top:50%; border-radius:50%; left:50%; margin-top:-3px; margin-left:-3px; width:4px; height:4px; background:none; border:1px solid #eb6524;}
.left_page_spot a span { position:absolute; display:none; top:50%; left:50px; background:#eb6524; color:#fff; font-size:12px; white-space:nowrap; padding:2px 12px 0; border-radius:10px; margin-top:-10px;}
.left_page_spot .active { border:1px solid #eb6524;}
.left_page_spot .active span { display:inline-block;}
.left_page_spot .active:before { background:#eb6524; border:none; margin-top:-2px; margin-left:-2px;}
.tit_int_page { padding:50px 0; text-align:center; font-size:45px; font-family:"GmarketSansLight", sans-serif; color:#eb6524;}

.tbl_franchisee { width:100%; max-width:1400px; margin:30px auto 0;}
.tbl_franchisee td { padding:30px; width:50%; box-sizing:border-box; vertical-align:top;  text-align:left; color:#eb6524; }

.tbl_vision { width:100%; max-width:1400px; margin:50px auto 0;}
.tbl_vision td { padding:30px; width:25%; height:350px; box-sizing:border-box; vertical-align:middle; border:1px solid rgba(172,155,130,.4); text-align:center; color:#fff; background:rgba(255,255,255,.1);}

.wrap_step li { position:relative; padding-top:25%; color:#444;}
.tit_step_top { position:absolute; top:50px; left:40px; font-size:13px; color:#fff;}
.tit_step_top strong { margin-left:5px; font-size:25px;}
.tit_step_bottom { position:absolute; bottom:50px; left:40px;}
.tit_step_bottom dt { font-size:20px; color:#fff; margin-bottom:15px;}
.tit_step_bottom dd { line-height:1.5; font-size:16px; color:#fff;}
.pdt { padding-top:130px;}

.step1 { background:url(../image/sub/step1.png) no-repeat 50%; background-size:cover;}
.step2 { background:url(../image/sub/step2.png) no-repeat 50%; background-size:cover;}
.step3 { background:url(../image/sub/step3.png) no-repeat 50%; background-size:cover;}
.step4 { background:url(../image/sub/step4.png) no-repeat 50%; background-size:cover;}
.step5 { background:url(../image/sub/step5.png) no-repeat 50%; background-size:cover;}
.step6 { background:url(../image/sub/step6.png) no-repeat 50%; background-size:cover;}
.step7 { background:url(../image/sub/step7.png) no-repeat 50%; background-size:cover;}
.step8 { background:url(../image/sub/step8.png) no-repeat 50%; background-size:cover;}

@-webkit-keyframes bgScale {
    0% { -webkit-transform:scale(1);}
    50% { -webkit-transform:scale(1.1);}
    100% { -webkit-transform:scale(1);}
}
@-o-keyframes bgScale {
    0% { -o-transform:scale(1);}
    50% { -o-transform:scale(1.1);}
    100% { -o-transform:scale(1);}
}
@keyframes bgScale {
    0% { transform:scale(1);}
    50% { transform:scale(1.1);}
    100% { transform:scale(1);}
}

@media screen and (max-width:1300px) {
.sect10 { min-height:0;}

.tbl_franchisee td { display:block; padding:20px; width:50%; float:left;}

.wrap_step li { padding:10px; box-sizing:border-box; min-height:200px;}
.tit_step_top { position:static;}
.tit_step_bottom { position:static;}

.tit_int_page { padding:20px 0; font-size:25px;}
.sub_int_page { font-size:20px; padding:10px;}
.txt_int_page { font-size:25px;}
.pdt { padding-top:50px !important;}
.sale_tit { margin-top: 0px;}


}

@media screen and (max-width:768px) {
.tbl_franchisee td { padding:10px; width:100%;}
#sub_visual10 .inner dt { padding:10px 0; font-size:25px;}
#sub_visual10 .inner dd { font-size:17px; word-break:keep-all;}
.tbl_vision td { display:block; width:100%; height:auto;}


.left_page_spot { display:none;}
}
@media screen and (max-width:480px) {
.sub_int_page { font-size: 20px; padding: 10px;}
.txt_int_page { font-size:20px; word-break:keep-all;}
.txt_intro_style2 { word-break:keep-all;}
#sub_visual10 .inner dd .br_dp_n { display:none;}
}

@media screen and (max-width:425px) {
.br_dp_n { display:none;}
.tit_vision_good { word-break:keep-all;}
.txt_slogan { word-break:keep-all;}
#gnb .gnb_link .txt_kor img { margin-top: 0px;}
}

.order_wrap { width:100%; max-width:340px; margin:20px; display:inline-block; vertical-align:top; box-shadow:0 5px 15px 0 rgba(0,0,0,.3);}
.order_wrap .ico_order { display:block; margin-bottom:20px; width:100%; height:144px;}
.order_wrap .ico_order1 { background:url(../image/sub/img_order1.png) no-repeat 50%;}
.order_wrap .ico_order2 { background:url(../image/sub/img_order2.png) no-repeat 50%;}
.order_wrap .tit_order { font-family:"GmarketSansLight", sans-serif; margin-bottom:20px; font-size:30px; color:#ff6312;}
.order_wrap .bg_order_white { margin:-45px; margin-top:0; padding:15px; font-size:14px;}
.bg_order_grey { margin:-45px 0; margin-top:0; padding:15px; font-size:14px; background:#f6f6f6;}
.bg_order_grey .ico_order_info { vertical-align:text-top; margin-right:5px;}
.order_wrap .form_top_block { border-bottom:1px solid #d6d6d6;}
.order_wrap .form_bottom_block {}

.order_form { padding:45px; background:#fff;}

.login_wrap { max-width:600px; display:inline-block;}
.login_tab { display:table; width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0; border-style:none;}
.login_tab li { display:table-cell; vertical-align:middle; border:1px solid #dfdfdf;}
.login_tab li a { position:relative; display:block; padding:20px 0; font-size:18px; color:#999;}
.login_tab .active a { color:#ff6312;}
.login_tab .active { border-top:2px solid #ff6312;}
.login_form { padding:45px 100px; background:#f4f4f4;}
.login_wrap .form_top_block { padding:20px 0 10px; border-bottom:1px solid #d6d6d6;}
.login_wrap .form_bottom_block { padding:20px 0 17px 0;}

.prod_tab { z-index:100; padding:20px 0; text-align:center; background:#f4f4f4;}
.prod_tab a { display:inline-block; padding:15px 30px 12px 30px; color:#666;}
.prod_tab a:hover { color:#fff; background:#ff6312;}
.prod_tab .active { color:#fff; background:#ff6312; box-shadow:8px 5px 13px 0 rgba(0,0,0,.3);}

.fixed_tab + .prod_tab { position:fixed; top:86px; left:0; width:100%;}
.fixed_tab { margin-bottom:91px;}

.btn_menu { position:fixed; display:none; text-align:center; color:#fff; padding-top:5px; box-sizing:border-box; font-size:14px; bottom:10px; left:10px; width:50px; height:50px; background:#ff6312; border-radius:50%; z-index:100;}

@media screen and (max-width:1300px) {
/* .prod_tab { position:fixed; top:75px; left:0; width:100%; z-index:100;} */
.prod_tab { position:absolute; top:75px; left:0; width:100%; z-index:100; width:100%; z-index:100;}
.prod_tab a { padding: 10px 20px 8px 20px;}
.prod_tab.tab_fixed { position:fixed;}
.btn_menu { display:block;}
}

@media screen and (max-width:1110px) {
.prod_tab { padding:15px 0;}
}

@media screen and (max-width:768px) {
.login_form { padding:25px 35px;}
.login_wrap { max-width:600px; display:inline-block;}
.prod_tab { padding:10px 0;}
.prod_tab a { font-size:14px; padding:5px 10px 3px 10px;}
}



@media screen and (max-width:470px) {
/* .prod_list_sort { padding: 30px 0;} */
}

.item_prod_list { margin:0 -8px;}

.item_prod_wrap { box-sizing:border-box; padding:8px; border:1px solid #fff;}
.item_prod_wrap .item_prod { position:relative; box-sizing:border-box; padding:7px; border:1px solid #e6e8e7;}
.item_prod_top { display:block; padding:10px 0; border-bottom:1px dashed #d2d2d2;}
.item_thumb { display:block; margin-bottom:10px; min-height:280px; text-align:center;}
.item_thumb img { max-width:85%; height:auto;}
.item_subject { display:block; text-align:center; font-size:20px; color:#222; min-height:60px;display: flex; justify-content: center; align-items: center;}
/** .item_subject { display:block; text-align:center; font-size:20px; color:#222;} **/
/* jason ��Ʈ�޴��� ��� 2021-03-17*/
.item_description { display:block; text-align:center; font-size:14px; color:#555;}
/* jason ��Ʈ�޴��� ���*/
.pay_item_info .item_thumb { min-height:0;}
.item_prod_opt {}
.btn_prod_opt { position:relative; display:block; font-size:0; border-bottom:1px solid #222;}
.btn_prod_opt:first-child { margin-left:1px;}
.btn_prod_opt .opt_dep1 { position:relative; display:block; padding:15px 23px 11px 40px; max-height:125px; overflow:auto; font-size:14px; line-height:1; color:#222;}
.btn_prod_opt .opt_dep1.active { color:#ff6312;}
.btn_prod_opt ul { position:absolute; display:none; top:100%; left:0; right:-1px; max-height:150px; overflow:auto; border:1px solid #dcdcdc !important; border-top:none; background:#fff; z-index:10;}
.btn_prod_opt .opt_dep2 { display:block; padding:15px 13px 11px 13px; font-size:15px; border-top:1px solid #dcdcdc; line-height:1; color:#666;}
.btn_prod_opt .opt_dep2:hover { background:#eee;}
.opt_data { position:relative; margin-left:50px; display:block; color:#999;}
.opt_resualt { position:relative; display:block; border-top:1px dotted #bcbcbc; padding:8px 0; margin-left:50px; margin-right:-20px; color:#999;}
.opt_resualt:first-child { margin-top:-5px; border-top:none;}
.opt_title { position:absolute; top:15px; left:0;}
.opt_dep1 .opt_data i { position:absolute; display:block; top:-3px; right:-20px; width:20px; height:20px; line-height:1; background:url(../image/common/ico_arrow_off.png) no-repeat 50%;}
.opt_dep1.active i { background:url(../image/common/ico_arrow_on.png) no-repeat 50%;}
.opt_dep1 .opt_resualt i { position:absolute; display:block; top:5px; right:0; width:20px; height:20px; line-height:1; background:url(../image/common/ico_del_opt.png) no-repeat 50%;}

#doufrm .btn_prod_opt .opt_dep1 { padding-left:75px; max-height:125px; font-size:20px;}

.tit_input_check { text-align:left; font-size:14px; color:#999;}
.tit_input_check strong { font-weight:400; color:#222;}

.tit_franchisee_good { color:#fff; font-family:"GmarketSansLight", sans-serif; font-size:18px; background: url(/image/sub/vol_stitle_franchise.png) no-repeat left; text-align: center; width:170px; height: 170px; display: table-cell; vertical-align: middle    }
.tit_franchisee_good strong { display:block; font-family:"GmarketSansMedium", sans-serif; font-size:25px; font-weight:400; color:#fff;}
.txt_franchisee_good { color:#eb6524; font-family:"GmarketSansLight", sans-serif; font-size:16px; display: table-cell; vertical-align: middle; padding-left: 20px;}

.tit_vision_good { color:#fff; font-family:"GmarketSansLight", sans-serif; font-size:16px;}
.tit_vision_good strong { display:block; padding-top:80px; font-family:"GmarketSansMedium", sans-serif; font-size:25px; font-weight:400; color:#fff;}
.tit_vision_good .ico_vision1 { background:url(../image/sub/ico_vision1.png) no-repeat 50% top;}
.tit_vision_good .ico_vision2 { background:url(../image/sub/ico_vision2.png) no-repeat 50% top;}
.tit_vision_good .ico_vision3 { background:url(../image/sub/ico_vision3.png) no-repeat 50% top;}
.tit_vision_good .ico_vision4 { background:url(../image/sub/ico_vision4.png) no-repeat 50% top;}
.txt_vision_good { color:#fff; font-family:"GmarketSansLight", sans-serif; font-size:16px;}

.item_prod_bottom {}
.item_prod_bottom .num_price { padding:15px 0; text-align:left; color:#ff6312; font-size:20px;}

.prod_list_sort { padding:15px 0;}
.neo_select { height:50px; font-size:13px; border:1px solid #dadada; color:#999; background:#f5f5f5; padding:0 12px;}
.neo_lg_select { height:70px; font-size:18px;}

.btn_prod_after { padding-left:35px; float:left;}
.btn_prod_after i { position:absolute; display:block; top:50%; left:0; width:20px; height:13px; margin-top:-8px; background:url(../image/common/ico_prod_after.png) no-repeat 50%;}
.btn_prod_list {  padding-left:30px; float:right;}
.btn_prod_list i { position:absolute; display:block; top:50%; left:0; width:17px; height:17px; margin-top:-10px; background:url(../image/common/ico_prod_list.png) no-repeat 50%;}
.btn_prod { position:relative; font-size:15px; color:#999;}
.btn_prod:hover { color:#222;}

.item_prod_view { display:table; width:100%; border-collapse:collapse;}
.item_prod_view .item_prod_layout { display:table-row;}
.item_prod_view .item_prod_layout .view_top { position:relative; display:table-cell; background:#f0f0f0; box-sizing:border-box; vertical-align:middle; border:1px solid #e6e8e7;}
.item_prod_view .item_prod_layout .thumb_view { width:45%; background:#fff; padding:4% 4% 0 4%; text-align:center;}
.item_prod_view .item_prod_layout .thumb_view.set_high { height:772px;}
.item_prod_view .item_prod_layout .thumb_view .item_prod_top { border-bottom:none;}
.item_prod_view .item_prod_layout .thumb_view .item_subject { font-size:25px;}
.item_prod_view .item_prod_layout .thumb_view .item_detail { display:inline-block; padding:15px 0; color:#666; max-width:325px; text-align:center;}
.item_prod_view .item_prod_layout .thumb_view .item_detail span { font-size:16px; line-height:1.5;}

.add_modify { display:none; padding:25px;}
.add_modify:before { content:""; clear:both; display:block;}
.add_modify.active { display:block;}
.add_modify .view_top { position:relative;}
.add_modify .this_cont { display:block; width:100% !important;}
.tit_basket_modify { position:relative; font-size:25px; padding:10px 0; border-bottom:2px solid #222;}
.cont_basket_modify { padding:20px 0;}
.foot_basket_modify { padding:20px 0; text-align:center;}

.btn_about_this { position:relative; border-top:1px dashed #d7d7d7;}
.btn_about_this:after { display:block; clear:both; content:"";}
.btn_about_this:nth-of-type(1) { margin-top:20px; border-top:none;}
.btn_about_this dd { width:48%; float:left;}
.btn_about_this dt { margin-left:4%; width:48%; float:left;}
.btn_about_this .side_dt { margin-left:0 !important; width:100% !important;}
.btn_about_this a { position:relative; display:block; text-align:left; font-size:16px; padding:25px 55px; background:url(../image/common/ico_about_arrow.png) no-repeat right 50%;}
.btn_about_this a i { position:absolute; display:block; width:34px; height:34px; top:50%; left:0; margin-top:-17px;}
.btn_about_this a .ico_about1 { background:url(../image/common/ico_about1.png) no-repeat 50%;}
.btn_about_this a .ico_about2 { background:url(../image/common/ico_about2.png) no-repeat 50%;}
.btn_about_this a .ico_about3 { background:url(../image/common/ico_about3.png) no-repeat 50%;}
.btn_about_this a .ico_about4 { background:url(../image/common/ico_about4.png) no-repeat 50%;}

.this_opt { position:absolute; top:40px; right:40px; bottom:40px; left:40px; min-height:575px; padding:30px; background:#fff;}
.this_opt .this_cont { padding-right:40px; border-right:1px dotted #d4d4d4; height:481px;}
.this_opt .this_resualt { padding-left:40px;}
.this_opt_sect { padding-top:40px;}
.this_opt_sect:nth-of-type(1) { padding-top:0;}
.this_opt_sect:nth-of-type(2) {}
.this_opt_sect .tit_opt { color:#222; font-size:16px; padding-bottom:10px;}
.tab_opt { display:table; table-layout:fixed; width:100%; border-collapse:collapse;}
.tab_opt a { position:relative; display:table-cell; font-size:12px; height:40px; width:auto; text-align:center; vertical-align:middle; border:1px solid #d2d2d2; z-index:1;}
.tab_opt .active { color:#ff6312; border:1px solid #ff6312; z-index:2;}
.tab_opt .active:before { position:absolute; z-index:3; top:0; left:-1px; bottom:0; width:1px; background:#ff6312; content:"";}

.tab_lg_opt a { font-size:18px; height:70px;}

.form_line { height:20px; border-top:1px solid #2b2b2b;}

/** 2021-03-10 jason �߰� **/
.txt_resualt { height:355px; overflow-y:auto; }
/** 2021-03-10 jason �߰� **/
.txt_resualt li { position:relative; margin-bottom:1px; display:block; padding:7px 10px 5px 10px; color:#624937; background:#ece8e4; font-size:13px;}
.txt_resualt li span { position:absolute; top:50%; right:10px; margin-top:-8px;}
.end_resualt { padding:30px 0;}
.end_resualt li { font-size:16px; color:#222; text-align:right;}
.end_resualt li span { display:block; padding:5px 0; font-size:25px; color:#ff6312;}
.btn_resualt_group li { width:50%; float:left;}
.btn_resualt_group .btn { min-width:0;}

.add_opt { position:relative; display:block; padding:10px 95px 10px 0; text-align:left; border-top:1px dotted #b0b0b0;}
.add_opt:nth-of-type(1) { border-top:none;}
.tit_add_opt { font-size:14px;}
.txt_add_opt { float:right; padding-top:5px; font-size:12px; color:#666;}
.add_opt_control { position:absolute; top:50%; right:0; font-size:0; margin-top:-13px;}
.btn_add_plus { display:inline-block; vertical-align:middle; width:25px; height:25px; box-sizing:border-box; border:1px solid #d3d2d2; background:#fff url(../image/common/ico_opt_plus.png) no-repeat 50%;}
.btn_add_minus { display:inline-block; vertical-align:middle; width:25px; height:25px; box-sizing:border-box; border:1px solid #d3d2d2; background:#fff url(../image/common/ico_opt_minus.png) no-repeat 50%;}
.input_amount { display:inline-block; width:30px; height:25px; box-sizing:border-box; text-align:center; border:none; border-top:1px solid #d3d2d2; border-bottom:1px solid #d3d2d2; font-size:11px;}

.this_tab { border-top:1px solid #dfdfdf;}
.this_tab a { padding:23px 0 20px 0; text-align:center; font-size:18px; color:#999; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.this_tab a:first-child { border-left:1px solid #dfdfdf;}
.this_tab .active { margin-top:-3px; border-top:3px solid #ff6d14; color:#ff6d14;}

.tit_find { position:relative;}
.tit_find .btn_choose { position:absolute; bottom:0; right:0;}

@media screen and (max-width:1300px) {
.item_prod_view .item_prod_layout .thumb_view { display:block; width:100%;}
.item_prod_view .item_prod_layout .view_top { display:block; width:100%; padding:40px; height:auto !important; box-sizing:border-box;}
.this_opt { position:relative; box-sizing:border-box; top:0; left:0; right:0; bottom:0; height:auto;}
.txt_resualt { height:auto !important;}
.prod_pdt { padding-top: 30px;}

}
@media screen and (max-width:991px) {
.item_thumb { min-height:370px;}
}
@media screen and (max-width:850px) {
.item_thumb { min-height:320px;}
}
@media screen and (max-width:768px) {
.item_prod_view .item_prod_layout .view_top { padding:20px;}
.this_opt .this_cont, .this_opt .this_resualt { padding:0; border:0; height:auto;}
.this_opt .this_resualt { padding-top:30px;}
.item_thumb { min-height:280px;}
.tit_franchisee_good { color:#fff; font-family:"GmarketSansLight", sans-serif; font-size:12px; background: url(/image/sub/vol_stitle_franchise.png) no-repeat left ; background-size: contain; text-align: center; width:100px; height: 100px; display: table-cell; vertical-align: middle    }
.tit_franchisee_good strong { display:block; font-family:"GmarketSansMedium", sans-serif; font-size:16px; font-weight:400; color:#fff;}
.txt_franchisee_good {color:#eb6524; font-family:"GmarketSansLight", sans-serif; font-size:13px; display: table-cell; vertical-align: middle; padding-left: 20px;}
.tbl_franchisee td { width: 100%; word-wrap: break-word }

}
@media screen and (max-width:650px) {
.item_thumb { min-height:230px;}
}
@media screen and (max-width:550px) {
.item_thumb { min-height:170px;}
.item_description { height:43px;}
}
@media screen and (max-width:480px) {
.neo_lg_select { height: 40px; font-size: 16px;}
#doufrm .btn_prod_opt .opt_dep1 { font-size: 16px;}
.this_tab a { padding: 15px 0 10px 0;}
}
@media screen and (max-width:450px) {
.item_thumb { min-height:120px;}
.btn_about_this { position:relative; border-top:1px dashed #d7d7d7;}
.btn_about_this:after { display:block; clear:both; content:"";}
.btn_about_this:nth-of-type(1) { margin-top:20px; border-top:none;}
.btn_about_this dd { width:47%; float:left;}
.btn_about_this dt { margin-left:5%; width:47%; float:left;}
.btn_about_this .side_dt { margin-left:0 !important; width:100% !important;}
.btn_about_this a { position:relative; display:block; text-align:left; font-size:16px; font-size:#222; padding: 22px 32px 22px 45px; background:url(../image/common/ico_about_arrow.png) no-repeat right 50%; white-space:nowrap;}
.btn_about_this a i { position:absolute; display:block; width:34px; height:34px; top:50%; left:0; margin-top:-17px;}
.btn_about_this a .ico_about1 { background:url(../image/common/ico_about1.png) no-repeat 50%;}
.btn_about_this a .ico_about2 { background:url(../image/common/ico_about2.png) no-repeat 50%;}
.btn_about_this a .ico_about3 { background:url(../image/common/ico_about3.png) no-repeat 50%;}
.btn_about_this a .ico_about4 { background:url(../image/common/ico_about4.png) no-repeat 50%;}




}

/*** 200421 ������ �����ϱ� css �߰� ***/
.pay_item_info { display:table; background:#594135; width:100%; box-sizing:border-box; padding:20px 30px;}
.pay_item_img { display:table-cell; vertical-align:top; width:115px; box-sizing:border-box;}
.pay_item_img span { display:block; margin-bottom:0; line-height:115px; width:115px; height:115px; background:#fff;}
.pay_item_img span img { vertical-align:middle;}
.pay_item_detail { display:table-cell; padding:0 0 0 30px; vertical-align:top;}
.pay_item_view li {padding:12px 0;}
.pay_item_view .bd-grey { position:relative; border-bottom:1px dotted #76655c; padding-right:120px;}
.pay_item_subject  {text-align:left; font-size:18px; color:#fff;}
.pay_opt_data { text-align:left; font-size:13px; color:#b6afac;}
.pay_price { position:absolute; bottom:10px; right:0; text-align:right; color:#ff6312; font-size:16px;}
.ico_pay_list { position:absolute; top:12px; left:0;}
.ico_pay_list:before { content:""; width:4px; height:4px; background:#ff6312; display:inline-block; margin-right:10px; margin-bottom:2px;}
.pay_item_view .pay_order_data { position:relative; padding-left:90px; line-height:2; padding-right:120px; font-size:13px; color:#fff;}
.pay_item_view .pay_order_total { position:relative; padding-left:90px; line-height:2; font-size:13px; color:#fff; border-top:1px dotted #76655c; padding-top:20px;}
.pay_item_view .pay_order_total:after { content:""; clear:both; display:block;}
.pay_item_view .pay_order_total .pay_price { position:relative; float:right; padding-right:0; margin-bottom:-20px; font-size:22px;}
.pay_item_view .pay_order_total .pay_price span { display:inline-block; margin-bottom:-10px; margin-left:-80px; vertical-align:middle; font-size:14px; color:#fff;}
/*.icon_item_txt { display:inline-block; margin-left:10px; margin-right:10px; vertical-align:middle; white-space:nowrap; max-width:985px; overflow:hidden; text-overflow:ellipsis;}*/
.icon_item_txt { display:inline-block; margin-left:10px; margin-right:10px; vertical-align:middle; max-width:985px;}
.icon_item_txt strong  { border:1px solid #ff6312; color:#ff6312; padding:4px 8px 2px 8px; margin-right:10px; white-space:nowrap; vertical-align:middle;}

.pay_info_wrap { padding:20px 0; border:1px solid #594135;}
.pay_info_wrap table { width:100%; table-layout:fixed;}
.pay_info_wrap table th { width:50%; padding:0 20px; border-right:1px dotted #d4d4d4; vertical-align:top;}
.pay_info_wrap table td { width:50%; padding:0 20px; vertical-align:top;}

.pay_history_item { padding:25px 0 20px;}
.pay_history_item .tit_pay_sect { margin:0;}

.pay_wrap { margin-top:10px;}
.pay_detail { position:relative; margin-top:30px; border:1px solid #cdc6c2; padding:15px 15px 15px 180px;}
.tbl_detail_div { position:relative; display:table; width:100%; box-sizing:border-box; padding:15px;}
.pay_detail .left_form { position:relative; display:table-cell; vertical-align:middle; width:50%; padding-left:165px; padding-right:15px;}
.pay_detail .right_form { position:relative; display:table-cell; vertical-align:top; width:50%; padding-left:15px;}
.pay_detail .right_form table { width:100%; table-layout:fixed;}
.pay_detail .right_form table tr { border-top:1px solid #d5d5d5;}
.pay_detail .right_form table tr:first-child { border-top:none;}
.pay_detail .right_form table th { padding:15px 0px 10px 10px; width:110px; text-align:left;}
.pay_detail .right_form table td { padding:10px; text-align:left;}

.pay_detail_list { background:#f4f4f4; padding:20px; font-size:13px;}
.tbl_detail_div .pay_detail_list { position:absolute; top:15px; left:165px; right:15px; bottom:15px;}

.tit_pay_history { position:absolute; top:25px; left:25px; font-size:18px; color:#000; padding: 10px 0;}
.ico_pay_history { position:absolute; top:55px; left:25px;}

.pay_detail_list .input_text { padding-top:5px !important;}
.pay_detail .right_form .unit_form { font-size: 12px;}

@media screen and (max-width:1300px) {
.pay_detail .left_form { position:relative; display:block; width:100%; padding-left:15px; padding-right:15px; box-sizing:border-box;}
.tbl_detail_div .pay_detail_list { position:static;}
.pay_detail .right_form { position:relative; display:block; width:100%; padding-left:15px; padding-right:15px; box-sizing:border-box;}

.tit_pay_history { position:static}
.ico_pay_history { display:none;}
}

@media screen and (max-width:1000px) {
.pay_item_img { display:block;}
.pay_item_detail { display:block; padding:20px 0;}
.pay_item_view .bd-grey,
.pay_item_view .pay_order_total,
.pay_item_view .pay_order_data { padding-right:0; padding-left:0;}
.pay_price { position:static; display:block; text-align:right;}
.ico_pay_list { position:static; display:block; margin-bottom:10px;} 

.pay_resualt_wrap th,
.pay_resualt_wrap td,
.pay_info_wrap table th,
.pay_info_wrap table td { width:100% !important; display:block !important; padding:20px !important; box-sizing:border-box; border:none;}

}


@media screen and (max-width:1000px) {
.form_control { padding-left:0 !important;}
.form_control .tit_form_control { position:relative !important; top:0 !important; left:0 !important; margin-bottom:10px; margin-top:20px;}
.form_control:first-child .tit_form_control { margin-top:0;}

.icon_item_txt { display:block; padding:5px 0; text-align:left;}
.icon_item_txt strong { font-size:12px; padding:3px 5px 1px;}
.pay_opt_data { display:block; padding:5px 0; text-align:left;}
}

.top_history { padding:15px; background:#f5f5f5; border:2px solid #594135;}
.top_history .btn_block { position:relative; display:block; box-sizing:border-box; float:left; padding:25px; width:25%; border-left:1px dashed #e0d9d3; color:#000; font-size:18px;}
.top_history .btn_block i { position:absolute; top:50%; right:25px; display:block; border-radius:50%; text-align:center; width:70px; height:70px; box-sizing:border-box; padding-top:23px; margin-top:-35px; background:#ff6d14; color:#fff; font-style:normal;}
.top_history .tit_block { position:relative; padding:12px 25px;}
.top_history .tit_block strong { display:block; font-size:20px; color:#594135;}
.top_history .tit_block span { display:block; font-size:14px; color:#999;}
.top_history .tit_block img { position:absolute; top:50%; right:25px; display:block; margin-top:-30px;}

.top_history .tit_block { width:25%; float:left; box-sizing:border-box;}

@media screen and (max-width:1400px) {
.top_history .tit_block { padding:30px 25px; width:100%;}
.top_history .btn_block { width:33%; padding:50px 25px; border-top:1px solid #e0d9d3;}
.top_history .btn_block:nth-of-type(1) { border-left:none;}
#sub_visual10 .inner dl { padding: 0 10px; }
}
@media screen and (max-width:900px) {
.top_history .btn_block { border-left:none; padding:30px 25px; width:100%; border-top:1px dashed #e0d9d3;}
}
.pay_resualt_wrap { width:100%; text-align:left;}
.pay_resualt_wrap th { width:50%; padding:20px; border:1px solid #c1c0c0; vertical-align:top;}
.pay_resualt_wrap td { width:50%; padding:20px; border:1px solid #c1c0c0; vertical-align:top;}
.basket_resualt_wrap { width:100%; text-align:left;}
.basket_resualt_wrap th { width:65%; padding:40px; border:1px solid #594135; vertical-align:top;}
.basket_resualt_wrap td { width:35%; padding:40px; border:1px solid #c1c0c0; vertical-align:bottom;}

.pay_sect { padding-top:50px; text-align:left;}
.pay_sect:nth-of-type(1) { padding-top:0;}
.tit_pay_sect { position:relative; margin-bottom:20px; padding-left:30px; font-size:16px;}
.ico_pay { position:absolute; top:50%; margin-top:-12px; left:0; width:21px; height:21px;}
.ico_pay1 { background:url(../image/common/ico_pay1.png) no-repeat 50%;}
.ico_pay2 { background:url(../image/common/ico_pay2.png) no-repeat 50%;}
.ico_pay3 { background:url(../image/common/ico_pay3.png) no-repeat 50%;}
.ico_pay4 { background:url(../image/common/ico_pay4.png) no-repeat 50%;}
.ico_pay5 { background:url(../image/common/ico_pay5.png) no-repeat 50%;}
.ico_pay6 { background:url(../image/common/ico_pay6.png) no-repeat 50%;}

.paging_wrap { display:block; padding-top:10px;}
.paging_wrap a { display:inline-block; vertical-align:middle; box-sizing:border-box; padding:7px 5px; margin:0 3px; font-size:16px; min-width:20px; height:34px; color:#222;}
.paging_wrap .prev_paging { background:url(../image/common/btn_prev_bbs.png) no-repeat 50%;}
.paging_wrap .next_paging { background:url(../image/common/btn_next_bbs.png) no-repeat 50%;}
.paging_wrap .active { font-weight:600; color:#ff6312;}

.bg_block_grey { padding:20px; background:#f4f4f4;}

.coupon_form { display:inline-block; width:420px;}
.coupon_form li { margin-bottom:15px;}
.coupon_form .btn_block { padding-left: 8px;}
.coupon_list tbody tr td:first-child:before{ content:""; }


.point_resualt { height:108px;}
.point_resualt li { padding:10px 10px 10px 10px; border-bottom:1px dotted #cacaca;}
.point_resualt li a { margin-top:3px;}
.point_resualt strong { display:inline-block; line-height:1; padding:10px 0; font-size:13px; margin-right:10px;}
.point_resualt span { display:inline-block; line-height:1; padding:10px 0; font-size:13px; color:#999;}

.sale_resualt { position:relative; text-align:right; padding:20px 0;}
.sale_resualt span { display:inline-block; padding-right:10px; padding-top:3px; line-height:1; border-right:1px solid #999; color:#999; font-size:13px;}
.sale_resualt strong { display:inline-block; padding-left:10px; color:#ff6312; font-size:20px;}
.tit_resualt { position:absolute; top:50%; left:0; line-height:1; font-size:16px; margin-top:-8px;}

.basket_option { position:relative; text-align:right;}
.basket_option strong { display:inline-block; padding-top:3px; vertical-align:middle;}
.basket_option .tit_option { display:block; position:absolute; top:12px; left:0;}
.basket_option .ico_opt_delete { display:inline-block; vertical-align:middle; background:url(../image/common/ico_opt_delete.png) no-repeat 50%; background-size:cover;}
.basket_option1 { padding:10px 0;}
.basket_option1 .tit_option { font-size:18px;}
.basket_option1 strong { width:120px; font-weight:400; font-size:18px; color:#ff6312;}
.basket_option1 .ico_opt_delete { margin-left:10px; width:27px; height:27px;}

.basket_option2 { padding:10px 0; border-bottom:1px dashed #d2d2d2;}
.basket_option2 strong { width:100px; font-weight:400; font-size:14px; color:#666;}
.basket_option2 .tit_option { font-size:14px;}
.basket_option2 .ico_opt_delete { margin-left:10px; width:19px; height:19px;}
.basket_option1 .basket_option2:nth-of-type(1) { margin-top:20px; border-top:1px dashed #d2d2d2;}

.basket_option3 { padding:10px; line-height:1; background:#f8f8f8; border-bottom:1px dashed #d2d2d2;}
.basket_option3 .add_option { position:relative; padding:10px 0;}
.basket_option3 .add_option .tit_option { padding-left:20px; font-size:13px; color:#666;}
.basket_option3 .add_option strong { width:80px; font-weight:400; font-size:13px; color:#666;}
.basket_option3 .ico_opt_delete { margin-left:10px; width:19px; height:19px;}
.basket_option2 .basket_option3:nth-of-type(1) { margin-top:10px; border-top:1px dashed #d2d2d2;}

.tbl_control { display:inline-block; background:#fff; vertical-align:middle; font-size:0; line-height:1;}
.tbl_control input[type=text] { display:inline-block; vertical-align:middle; padding:5px 10px 2px 10px; width:auto; width:40px; text-align:center; box-sizing:border-box; border:none; border-top:1px solid #d3d2d2; border-bottom:1px solid #d3d2d2; font-size:11px; font-weight:400; color:#999;}
.tbl_control a { display:inline-block; vertical-align:middle; width:23px; height:23px; border:1px solid #d3d2d2;}
.tbl_control a:hover { background-color:#f8f8f8;}
.tbl_control .btn_option_plus { background:url(../image/common/ico_opt_plus.png) no-repeat 50%;}
.tbl_control .btn_option_minus { background:url(../image/common/ico_opt_minus.png) no-repeat 50%;}

.num_read_form { position:relative;}
.num_read { line-height:1; position:absolute; right:10px; top:50%; margin-top:-8px; color:#ff6312; font-size:12px;}

.basket_calculator { text-align:right;}
.basket_calculator .tit_calculator { padding-bottom:15px;}
.basket_calculator .tit_calculator i { display:inline-block; vertical-align:middle; width:20px; height:20px; margin-right:5px; background:url(../image/common/tit_calculator.png) no-repeat 50%;}
.basket_calculator dt,
.basket_calculator dd { border-top:1px solid #dbdbdb;}
.basket_calculator dt { padding:15px 0;}
.basket_calculator dt span { display:inline-block; vertical-align:middle;}
.basket_calculator dt input[readonly],
.basket_calculator dt input:read-only { display:inline-block; outline:none; text-align:right; border:none; width:110px; font-weight:400; vertical-align:middle; font-size:18px; color:#ff6312;}
.basket_calculator dd { padding:10px 2px; font-size:14px; line-height:2; color:#666;}
.basket_calculator dd span { display:inline-block; vertical-align:middle;}
.basket_calculator dd input:read-only { display:inline-block; outline:none; text-align:right; border:none; width:110px; font-weight:400; vertical-align:middle; color:#666;}

.basket_end { margin:0 -40px -40px -40px; background:#f4f4f4; text-align:center; padding:30px 0;}
.basket_end .ico_calculator { display:inline-block; vertical-align:middle; width:43px; height:43px; border-radius:50%; background:#ff6312 url(../image/common/ico_calculator.png) no-repeat 50%;}
.basket_end span { display:inline-block; vertical-align:middle; margin:0 10px;}
.basket_end input:read-only { outline:none; display:inline-block; text-align:right; border:none; width:120px; background:none; padding:0; margin:0; line-height:0; vertical-align:middle; font-size:25px; color:#ff6312; font-family:"GmarketSansLight", sans-serif;}

.tit_find img { vertical-align:baseline; margin-right:10px;}
.sel_find_wrap { position:relative; padding:15px 0; font-size:0;}
.sel_find_wrap:after { content:""; display:block; position:absolute; top:0; left:50%; bottom:0; background:#fff; width:1px;}
.sel_find_wrap select { display:inline-block; padding:0 15px; box-sizing:border-box; height:50px; border:1px solid #ff6312; width:50%; font-size:14px; color:#fff; background:#ff6312;}
.sel_find_wrap option { font-size:14px;}
.find_list_wrap { width:100%; height:350px; overflow:auto;}
.find_list_wrap a { position:relative; display:block; text-align:center; padding:15px 50px 15px 0; border-bottom:1px dashed #bfbfbf;}
.find_list_wrap a .tit_find_link { display:block; text-align:left; font-size:14px; color:#222;}
.find_list_wrap a .txt_find_link { display:block; text-align:left; font-size:13px; color:#999;}
.find_list_wrap a .num_find_link { display:block; text-align:left; font-size:14px; color:#ff6312;}
.find_list_wrap a .btn_find_link { position:absolute; top:15px; right:15px; display:inline-block; background:#fff; border:1px solid #594135; padding:5px 8px 3px 8px; color:#594135; font-size:12px;}
.find_list_wrap .active .btn_find_link { background:#594135; color:#fff;}


.map_marker { position:relative; width:170px; margin:-10px -10px -1px -10px; overflow:hidden; border:1px solid #8a93b2; border-radius:10px; background:#fff; z-index:-1;}
.tit_map_marker { font-size:14px; padding:5px 10px 2px 10px; background:#e9e9e9;}
.num_map_marker { padding:5px 10px 0 10px; color:#ff6312;}
.txt_map_marker { font-size:12px; padding:0 10px 5px 10px; color:#999;}

.about_shop { margin:15px 0; padding:10px; background:#f5f5f5; display:none;}
.active .about_shop { display:block; margin-right:-50px;}
.about_shop dl { position:relative; padding:10px 0; border-top:1px dashed #cacaca; padding-left:110px; text-align:left;}
.about_shop dl:first-child { border-top:none;}
.about_shop dl dt { position:absolute; top:12px; left:0; font-size:13px;}
.about_shop dl dd { font-size:13px; color:#999; line-height:1.8;}

.btn_find_member { text-align:left; border-bottom:1px dotted #c4c4c4; background:url(../image/sub/ico_find_member.png) no-repeat 99% 50%; display:block; padding:10px 0; font-size:14px; color:#999;}
.btn_join_member { text-align:left; border-bottom:1px dotted #c4c4c4; background:url(../image/sub/ico_join_member.png) no-repeat 99% 50%; display:block; padding:10px 0; font-size:14px; color:#999;}
.txt_spec_val { position:relative; display:inline-block; color:#ff6211;}
.txt_spec_val:after { content:""; position:absolute; left:0; right:0; bottom:5px; height:1px; background:#ff6211;}

.list_address { height:500px; padding:25px; background:#f2f2f2; overflow:auto;}
.list_address .item_address { position:relative; display:block; padding:12px 10px 10px 50px; margin-bottom:10px; font-size:14px; background:#fff;}
.list_address .item_address i { position:absolute; display:inline-block; top:15px; left:15px; width:16px; height:16px; box-sizing:border-box; vertical-align:middle; border-radius:50%; border:1px solid #c4c4c4; background:#fff;}
.list_address .active i { border:1px solid #ff6312;}
.list_address .active i:after { display:block; position:absolute; top:2px; left:2px; right:2px; bottom:2px; border-radius:50%; background:#ff6312; content:"";}
.list_address .item_address .tit_address { display:block; margin-bottom:5px;}
.list_address .item_address .txt_address { display:block; font-size:13px; color:#999;}
.list_address .item_address .num_address { display:block; margin-top:5px; color:#ff6312;}
.list_address .item_address .btn_address_group { display:block; font-size:0; text-align:right; margin-top:5px;}

.ico_resualt_cost { display:inline-block; margin:0 10px; vertical-align:middle; width:41px; height:41px; border-radius:50%; border:1px solid #ff6312; background:#ff6312 url(../image/sub/ico_resualt_cost.png) no-repeat 50%;}
.ico_resualt_minus { display:inline-block; margin:0 10px; vertical-align:middle; width:41px; height:41px; border-radius:50%; border:1px solid #b9b9b9; background:#eee url(../image/sub/ico_resualt_minus.png) no-repeat 50%;}
.ico_resualt_plus { display:inline-block; margin:0 10px; vertical-align:middle; width:41px; height:41px; border-radius:50%; border:1px solid #b9b9b9; background:#eee url(../image/sub/ico_resualt_plus.png) no-repeat 50%;}
.ico_resualt_equal { display:inline-block; margin:0 10px; vertical-align:middle; width:41px; height:41px; border-radius:50%; border:1px solid #b9b9b9; background:#eee url(../image/sub/ico_resualt_equal.png) no-repeat 50%;}
.txt_resualt_cost { display:inline-block; vertical-align:middle; margin-left:10px; color:#ff6312; font-size:25px; font-weight:400;}

.item_double_top li { min-height:440px;}
.st_pizza { text-align:center; background:url(../image/main/bg_plate.png) no-repeat 50%;}
.nd_pizza { text-align:center; background:url(../image/main/bg_plate.png) no-repeat 50%;}
.st_pizza img,
.nd_pizza img { margin-top:51px; max-width:295px; height:auto;}

.item_double_cont { margin-bottom:30px;}
.item_double_cont > li { padding:7px 14px;}

.wrap_history { position:relative; padding:140px 0;}
.wrap_history:before { position:absolute; top:37%; left:0; right:0; content:""; display:block; border-top:1px dashed #222;}
.item_history { position:relative; display:block; padding:0 5px; text-align:center;}
.list_history_line .num_year:after{ content:""; position:absolute; left:180px; top:8px; display:block; width:1px; height:200px; border-right:1px dashed #222;}
.wrap_history .list_history_line:nth-of-type(4) .num_year:after, .wrap_history .list_history_line:nth-of-type(7) .num_year:after{ height:180px;}
.item_history i { position:absolute; top:-30px; left:50%; margin-left:-12px;}
.num_year { line-height:1; margin-top:20px; display:block; color:#54443e; font-size:22px;}
.list_history li { font-family:"GmarketSansLight", sans-serif; line-height:1; margin-top:10px; font-size:18px; white-space: nowrap;}
.txt_list_history { font-family:"GmarketSansLight", sans-serif; position:absolute; left:190px; top:175px; display:block; white-space: nowrap; line-height: 1.1; font-size: 16px; text-align:left;}
.wrap_history .list_history_line:nth-of-type(4) .txt_list_history, .wrap_history .list_history_line:nth-of-type(7) .txt_list_history { top:150px;}
.list_history_hide { display:none;}


@media screen and (max-width:768px) {
.clear_lg { display:none;}
.clear_md { display:block;}
.num_year { font-size:1.15em;}
.list_history li { margin-top:0; font-size:0.85em !important;}
.txt_list_history br { display:block;}
}

@media screen and (max-width:991px) {
.list_history_line .num_year:after { display:none;}
.wrap_history ul li:nth-child(3n+1) { clear:both; content:"";}
.list_history li { margin-top:0 !important; line-height:1.3 !important;}
.num_year{ padding-bottom:7px !important;}
.clear_lg { display:none !important;}
.clear_md { display:block !important;}
}


@media screen and (max-width: 1200px) {
.list_history_hide { display:none;}
.clear_md { display:none;}
.clear_lg { display:block;}
.txt_list_history br { display:none;}
}

.txt_list_history span{ font-size: 0.8em; font-weight:300;}
.btn_main_map { position:absolute; top:0; right:0; width:79px; height:79px; z-index:10; background:url(../image/main/ico_main_search.png) no-repeat 50%;}

@media screen and (max-width:1300px) {
.wrap_history { position:relative; padding:30px 0 10%;}
.item_history { padding-bottom:50px;}
.wrap_history:before { display:none;}
}
@media screen and (max-width:768px) {
.item_double_top li { display:flex; item-aligns:center; justify-content:center; min-height:380px;}
.st_pizza { text-align:center; background:url(../image/main/bg_plate.png) no-repeat 50%; background-size:100%;}
.nd_pizza { text-align:center; background:url(../image/main/bg_plate.png) no-repeat 50%; background-size:100%;}

.st_pizza img, .nd_pizza img { position:absolute; top:50%; max-width:80%; height:auto; margin-top:-46%;}
}

@media screen and (max-width:500px) {
.item_double_top li { min-height:220px;}
.item_double_cont > li { padding:3px 14px;}
.btn_xl_n .btn_xl { min-width: 45%;}
}

.bg_symbol { padding-top:75%; background:url(/image/sub/bg_symbol.png) no-repeat 50% top; background-size:cover;}

.txt_intro_style1 { padding:150px 0 30px; font-size:45px; font-weight:500; font-family:"GmarketSansMedium", sans-serif; color:#eb6524;}
.txt_intro_style2 { font-size:22px; font-weight:200; font-family:"GmarketSansLight", sans-serif; color:#000;}
.txt_intro_style2 strong { color:#eb6524; font-family:"GmarketSansMedium", sans-serif;}
.img_grid_symbol { text-align:center;}
.img_grid_symbol img { max-width:100%; height:auto;}

.bg_concept { padding:0 8%;}


@media screen and (max-width:768px) {
.txt_intro_style1 { padding:20px 0; font-size:22px;}
.txt_intro_style2 { font-size:16px;}
}


.tbl_block_new { display:table; table-layout:fixed; width:100%; font-size:0; line-height:1.25;}
.tbl_block_new .block_line { display:table-row;}
.tbl_block_new .block_new_bot.block_line td,
.tbl_block_new .block_new_midd.block_line td,
.tbl_block_new .block_new_top.block_line td { display:table-cell; padding:5px 20px; box-sizing:border-box;}
.tbl_block_new .block_new_bot.block_line span,
.tbl_block_new .block_new_top.block_line span { display:block; width:100%; background:#eb6524; font-size:16px; text-align:center; color:#fff; padding:10px 0 8px; border:1px solid #eb6524; border-radius:24px;}
.tbl_block_new .block_new_mid.block_line span { display:block; width:100%; font-size:16px; text-align:center; color:#444; padding:20px 0 18px; box-sizing:border-box;}
.tbl_block_new .block_new_mid.block_line span.ta_l { padding:20px 20px 18px;}
.tbl_block_new .block_new_mid.block_line td { border-top:1px solid #bfbfbf;}
.tbl_block_new .block_new_mid.block_line:nth-child(2) td { border-top:none;}

.tbl_m_new { display:table; table-layout:fixed; width:100%; font-size:0; line-height:1.25;}
.tbl_m_new .block_line { display:table-row;}
.tbl_m_new .block_new_bot.block_line td,
.tbl_m_new .block_new_midd.block_line td,
.tbl_m_new .block_new_top.block_line td { display:table-cell; line-height:1; padding:2px 5px; box-sizing:border-box;}
.tbl_m_new .block_new_bot.block_line span,
.tbl_m_new .block_new_top.block_line span { display:block; min-height:46px; box-sizing:border-box; width:100%; background:#eb6524; font-size:12px; text-align:center; color:#fff; padding:5px 0 3px; border:1px solid #eb6524; border-radius:5px; line-height:1;}
.tbl_m_new .block_new_mid.block_line span { display:block; margin-top:-15px; width:100%; font-size:12px; text-align:center; color:#444; padding:20px 0 18px; box-sizing:border-box;}
.tbl_m_new .block_new_mid.block_line span.ta_l { padding:20px 20px 18px;}
.tbl_m_new .block_new_mid.block_line td {}

.data_bottom { padding:10px 0; font-size:18px; color:#444;}

.cellw10 { width:10%;}
.cellw14 { width:14%;}
.cellw16 { width:16%;}
.cellw20 { width:20%;}
.cellw30 { width:30%;}
.cellw40 { width:40%;}
.cellw50 { width:50%;}
.cellw60 { width:60%;}
.cellw70 { width:70%;}
.cellw80 { width:80%;}
.cellw90 { width:90%;}
.cellw100 { width:100%;}

@media screen and (max-width:768px) {
.data_bottom { font-size:14px;}
}

.line_div { width:100%; height:1px; background:#eaeaea; margin:10px 0;}

.tbl_res { overflow:hidden; overflow-x:auto;}
.tbl_res table { min-width:500px;}

.txt_stri { position:relative; display:inline-block; padding:0 5px; margin-right:5px; color:#999; line-height:1; font-weight:300;}
.txt_stri:before { position:absolute; content:""; display:block; width:100%; left:0; top:50%; height:1px; margin-top:-3px; background:#999;}
.tbl_m_new .txt_stri { display:block; padding:0; width:30px; text-align:center; font-size:12px; margin:0 auto;}

.txt_int_text { text-align:center; margin-top:-50px; margin-bottom:30px;}
.txt_int_text br { display:none;}

@media screen and (max-width:1300px) {
.txt_int_text { text-align:center; margin-top:-20px;}
.txt_int_text br { display:none;}
}

@media screen and (max-width:768px) {
.txt_int_text { text-align:center; font-size:12px; margin-top:-20px;}
.txt_int_text br { display:block;}
}

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

.footer_sect .btn_footer { font-size: 14px;}
.pay_resualt_wrap .pay_sect .bg_block_grey li { margin-bottom:12px;}
.anchor5 .tbl_m_new .block_new_mid.block_line span { white-space:nowrap: word-break: break-word;}
.sect10 .pay_detail .right_form table th { display:block; width:100%;}
.sect10 .pay_detail .right_form table td { display:block; width:100%; padding: 5px 0;}
.tbl_m_new .block_new_mid.block_line span { display:block; margin-top:-10px; width:100%; font-size:12px; text-align:center; color:#444; padding:10px 7px 5px 5px;; box-sizing:border-box; word-break: break-word;}
.ico_resualt_cost, .ico_resualt_minus, .ico_resualt_equal, .ico_resualt_plus { width: 30px; height: 30px; background-size: 40%;}
.bot_basket_item .num_item_price, .txt_resualt_cost { font-size: 20px;}
.tit_vision_good strong { padding-top: 60px;}
.tab_lg_opt a { font-size:16px; height:50px; padding-top: 5px;}
.point_resualt li { padding:10px 0;}
.point_resualt strong { margin-right:5px;}
@media screen and (max-width:425px) {

.pay_resualt_wrap .pay_sect .bg_block_grey li { margin-bottom:12px;}
.pay_resualt_wrap .pay_sect .bg_block_grey .btn { margin-top:15px;}

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

.btn_use_coupon { clear: both; float: none; display: block; margin: 0 auto; width: 71px;}

}