@charset "utf-8";
@import "reset.css";

/* common style */
html.fixed {position: fixed; left: 0; width: 100%; height: 100%;}

label.rdo {display: inline-block; position: relative; padding: 0 0 0 24px;}
label.rdo input {position: absolute; top: 5px; left: 0; width: 1px; height: 1px; opacity: 0; cursor: pointer;}
label.rdo span {display: block;}
label.rdo span:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 16px; height: 16px; margin: -8px 0 0; background: url(../../images/util/rdo.png) 0 0 no-repeat;}
label.rdo input:checked + span:before {background-position: 0 -16px;}

label.chk {display: inline-block; position: relative; margin: 0 0 0 40px;}
label.chk:first-child {margin: 0;}
label.chk input[type=radio] {position: absolute; top: 0; left: 0; width: 1px; height: 1px; margin: -1px; opacity: 0;}
label.chk input[type=radio] + span {display: inline-block; padding: 0 0 0 33px; font-size: 16px; color: #666666;}
label.chk input[type=radio] + span:before {display: block; content: ''; position: absolute; left: 0; top: 0; box-sizing: border-box; width: 23px; height: 23px; border: 1px solid #b6b6b6; border-radius: 50%;}
label.chk input[type=radio]:checked + span:after {display: block; content: ''; position: absolute; left: 6px; top: 6px; width: 11px; height: 11px; background: #222222; border-radius: 50%;}

label.chk2 {display: inline-block; position: relative; margin: 0 0 0 30px;}
label.chk2:first-child {margin: 0;}
label.chk2 input[type=checkbox] {position: absolute; top: 0; left: 0; width: 1px; height: 1px; margin: -1px; opacity: 0;}
label.chk2 input[type=checkbox] + span {display: inline-block; padding: 0 0 0 24px; font-size: 14px; color: #111111;}
label.chk2 input[type=checkbox] + span:before {display: block; content: ''; position: absolute; left: 0; top: 0; width: 19px; height: 19px; background: url(../../images/util/chk2.gif) center 0 no-repeat;}
label.chk2 input[type=checkbox]:checked + span:before {background-position: 0 -19px;}

.btn_wrap {overflow: hidden; width: 100%; text-align: center;}
.btn_wrap a {float: left; margin: 0 0 0 20px;}
.btn_wrap a:first-child {margin: 0;}
.btn_wrap input {float: left; margin: 0 0 0 10px;}
.btn_wrap input:first-child {margin: 0;}
.btn_wrap button {float: left; margin: 0 0 0 10px;}
.btn_wrap button:first-child {margin: 0;}

.btn40 {display: inline-block; box-sizing: border-box; height: 40px; border: none; border-radius: 6px; font-weight: 700; font-size: 16px; line-height: 40px; text-align: center; vertical-align: top; cursor: pointer; outline: none; -webkit-appearance: none; appearance: none;}
.btn40.c1 {background: #222222; color: #ffffff;} /* 검은바탕 흰색글씨 */
.btn40.c2 {background: #ac162c; color: #ffffff;} /* 빨간바탕 흰색글씨 */
.btn40.c3 {background: #666666; color: #ffffff;} /* 회색바탕 흰색글씨 */
.btn40.c4 {background: #464646; color: #ffffff;} /* 회색바탕 흰색글씨 */

.btn50 {display: block; box-sizing: border-box; height: 50px; padding: 0 0 0 20px; border: none; border-radius: 5px; font-weight: 700; font-size: 17px; line-height: 50px;}
.btn50.c1 {background: #ffffff url(../../images/main/arr_btn1.png) right 20px center no-repeat; color: #ac162c;}
.btn50.c2 {background: #000000 url(../../images/main/arr_btn2.png) right 20px center no-repeat; color: #ffffff;}

.btn60 {display: inline-block; box-sizing: border-box; height: 60px; border: none; border-radius: 6px; font-weight: 700; font-size: 18px; line-height: 60px; text-align: center; vertical-align: top; cursor: pointer; outline: none; -webkit-appearance: none; appearance: none;}
.btn60.c1 {background: #222222; color: #ffffff;} /* 검은바탕 흰색글씨 */
.btn60.c2 {background: #ac162c; color: #ffffff;} /* 빨간바탕 흰색글씨 */

.btn70 {display: inline-block; box-sizing: border-box; height: 70px; border: none; border-radius: 6px; font-weight: 700; font-size: 18px; line-height: 70px; text-align: center; vertical-align: top; cursor: pointer; outline: none; -webkit-appearance: none; appearance: none;}
.btn70.c1 {background: #222222; color: #ffffff;} /* 검은바탕 흰색글씨 */
.btn70.c2 {background: #ac162c; color: #ffffff;} /* 빨간바탕 흰색글씨 */

.btnRnd {display: block; box-sizing: border-box; height: 65px; padding: 0 0 0 24px; border-radius: 5px; background: #171717 url(../../images/common/arr_btn.png) no-repeat right 23px center; font-weight: 700; font-size: 20px; line-height: 65px; color: #ffffff !important;}
.btnRnd.c1 {background-color: #ac162c;}

.red1 {color: #ac162c !important;}
.red2 {color: #ab0c24 !important;}
.red3 {color: #f42b4a !important;}
.red4 {color: #db1d3b !important;}

.bb1 {border-bottom: 1px solid #dfdfdf;}
.bb2 {border-bottom: 2px solid #000000;}

/* YJ.datepicker  */
.dp-outer {position: relative;}
.dp-outer .dp-viewer {overflow: hidden; position: absolute; top: -9999em; left: -9999em; width: 300px; background: #ffffff; box-shadow: 0 0 5px 2px rgba(0,0,0,0.2); transition: height .3s;}

.dp-outer.open .dp-viewer {top: auto; left: auto; z-index: 10;}
.dp-outer.visible .dp-viewer {position: relative; top: auto; left: auto;}

.dp-outer .dp-animate {position: relative;}
.dp-outer .dp-inner {position: absolute; width: 100%;}
.dp-outer .dp-trigger {width: 30px; height: 30px; background: url(../../images/datepicker/bt_calendar.gif) center center no-repeat; text-indent: -9999em;}

.dp-outer .dp-head {overflow: hidden; position: relative; padding: 12px;}
.dp-outer .dp-head .dp-title {text-align: center; line-height: 24px;}
.dp-outer .dp-head .dp-title-year {display: inline-block;}
.dp-outer .dp-head .dp-title-month {display: inline-block; margin: 0 0 0 5px;}
.dp-outer .dp-head select {height: 24px; padding: 0 5px; border-radius: 3px; background-position: right 5px center;}
.dp-outer .dp-head .dp-select-year {width: 80px; margin: 0 5px 0 0;}
.dp-outer .dp-head .dp-select-month {width: 50px; margin: 0 5px;}
.dp-outer .dp-head button {position: absolute; top: 12px; width: 24px; height: 24px; border-radius: 3px; text-indent: -9999em;}
.dp-outer .dp-head button:hover {border: 1px solid #dddddd;}
.dp-outer .dp-head .dp-prev-month {left: 36px; background: url(../../images/datepicker/prev_month.png) center center no-repeat;}
.dp-outer .dp-head .dp-next-month {right: 36px; background: url(../../images/datepicker/next_month.png) center center no-repeat;}
.dp-outer .dp-head .dp-prev-year  {left: 12px; background: url(../../images/datepicker/prev_year.png) center center no-repeat;}
.dp-outer .dp-head .dp-next-year  {right: 12px; background: url(../../images/datepicker/next_year.png) center center no-repeat;}
.dp-outer .dp-head .dp-today {position: relative; top: auto; width: auto; height: auto; font-size: 12px; text-indent: 0;}

.dp-outer .dp-inner .dp-body {}
.dp-outer .dp-inner .dp-body table {width: 100%; border: none;}
.dp-outer .dp-inner .dp-body table thead tr th {height: 30px; border: none; background: none; font-size: 13px;}
.dp-outer .dp-inner .dp-body table tbody tr td {box-sizing: border-box; height: 40px; border: 1px solid #ffffff; border-radius: 5px; background: #f7f7f7; font-size: 12px; color: #000000; vertical-align: middle; text-align: center; cursor: pointer;}
.dp-outer .dp-inner .dp-body table tbody tr td.today {background: #000000; color: #ffffff;}
.dp-outer .dp-inner .dp-body table tbody tr td.sunday {color: #ff0000;}
.dp-outer .dp-inner .dp-body table tbody tr td.satday {color: #0000ff;}

.dp-outer .dp-inner .dp-body table tbody tr td.holiday {color: #ff0000;}
.dp-outer .dp-inner .dp-body table tbody tr td.selected {border-color: #323e87; background: #323e87; color: #ffffff;}

.dp-outer .dp-inner .dp-body table tbody tr td:hover {border-color: #000000;}
.dp-outer .dp-inner .dp-body table tbody tr td.disabled {border-color: #f7f7f7 !important; background: #cccccc; color: #eeeeee !important; cursor: default;}

/* layer popup */
.layer-back {position: fixed; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; z-index: 999; background: rgba(0,0,0,0.6);}
.layer-back.bg-none {background: none;}
.layer-wrap {position: absolute; z-index: 999; transform: translateY(30px); opacity: 0; transition: all .5s;}
.layer-wrap.open {transform: translateY(0); opacity: 1;}

.layer_popup {position: relative; z-index: 1000; background: #ffffff;}
.layer_popup .layer_head {position: relative; box-sizing: border-box; padding: 0 0 0 30px; background: #ac162c;}
.layer_popup .layer_head .layer_title {border: 1px solid #ac162c; font-family: 'NanumSquare'; font-weight: 700; font-size: 24px; line-height: 60px; color: #ffffff;}
.layer_popup .layer_head .layer_close {display: block; position: absolute; top: 19px; right: 30px; width: 23px; height: 23px; background: url(../../images/util/layer_close.png) 0 0 no-repeat; text-indent: -9999em;}
.layer_popup .layer_body {box-sizing: border-box; padding: 35px 60px 40px; border: 1px solid #ac162c; border-top: none;}

.layer_popup .layer_body .pagination {margin: 19px 0 0;}
.layer_popup .layer_body .pagination .paging a {width: 28px; height: 28px; font-size: 14px;}
.layer_popup .layer_body .pagination .paging > a.page_first {margin: 0 5px 0 0; background: #dfdfdf url(../../images/util/page_first.png) center center / 13px 12px no-repeat;}
.layer_popup .layer_body .pagination .paging > a.page_prev {background: #dfdfdf url(../../images/util/page_prev.png) center center / 7px 12px no-repeat;}
.layer_popup .layer_body .pagination .paging > a.page_next {margin: 0 5px 0 0; background: #dfdfdf url(../../images/util/page_next.png) center center / 7px 12px no-repeat;}
.layer_popup .layer_body .pagination .paging > a.page_last {background: #dfdfdf url(../../images/util/page_last.png) center center / 13px 12px no-repeat;}

.layer_popup .layer_body .pagination .paging .page {padding: 0 15px;}
.layer_popup .layer_body .pagination .paging .page a {margin: 0; line-height: 28px;}
.layer_popup .layer_body .pagination .paging .page a.on {font-size: 14px;}

.layer_popup .layer_search .search_wrap .tit_area .tit {font-weight: 700; font-size: 18px; letter-spacing: 0; text-align: center;}
.layer_popup .layer_search .search_wrap .tit_area .desc {margin: 12px 0 0; font-size: 14px; letter-spacing: 0; color: #666666; text-align: center;}
.layer_popup .layer_search .search_wrap .search_box {position: relative; margin: 32px 0 0; padding: 0;}
.layer_popup .layer_search .search_wrap .search_box .btn_search {position: absolute; right: 0; bottom: 12px;}

.layer_popup .layer_search .result {margin: 40px -30px 0; border: solid #dadada; border-width: 1px 0;}
.layer_popup .layer_search .result ul li {padding: 16px 20px; background: #f4f4f4; border-top: 1px solid #dadada;}
.layer_popup .layer_search .result ul li:first-child {border: none;}
.layer_popup .layer_search .result ul li .tit a {font-weight: 700; font-size: 14px;}
.layer_popup .layer_search .result ul li .info {overflow: hidden; margin: 7px 0 0;}
.layer_popup .layer_search .result ul li .info .address {float: left; overflow: hidden; max-width: 358px; font-size: 14px; color: #666666; text-overflow: ellipsis; white-space: nowrap;}
.layer_popup .layer_search .result ul li .info .phone {float: right; overflow: hidden; max-width: 120px; font-size: 14px; color: #666666; text-overflow: ellipsis; white-space: nowrap;}
.layer_popup .layer_search .result .nodata {padding: 233px 0 200px; background: #f4f4f4 url(../../images/common/img_mark_off.png) center 156px / 50px 68px no-repeat; font-size: 16px; color: #000000; text-align: center;}
.layer_popup .layer_search .result.postal ul li .info .address {float: none; max-width: 478px;}
.layer_popup .layer_search .result.postal ul li {padding: 0;}
.layer_popup .layer_search .result.postal ul li > a {display: block; padding: 16px 20px;}
.layer_popup .layer_search .result.postal ul li > a .tit {font-weight: 700; font-size: 14px;}

.layer_popup .mainpopup {box-sizing: border-box; border: 1px solid #ac162c; border-bottom: none;}
.layer_popup .mainpopup p {margin: 10px;}
.layer_popup .mainpopup img {display: block; margin: -10px 0 0 -10px;}
.layer_popup .bottom {position: relative; background: #333333;}
.layer_popup .bottom label {display: block; width:150px; padding: 8px 20px; font-weight: 700; font-size: 16px; color: #ffffff;}
.layer_popup .bottom input {margin: 0 10px 0 0; vertical-align: middle;}
.layer_popup .bottom .layer_close {position: absolute; top: 11px; right: 20px; width: 17px; height: 17px; background: url(../../images/util/mainpopup_close.png) no-repeat; text-indent: -9999px;}

.layer_popup .maincoupon {box-sizing: border-box; width: 680px; height: 440px; padding: 52px 0 56px; border: 1px solid #ac162c; background: url(../../images/main/bg_maincoupon.gif) no-repeat;}
.layer_popup .maincoupon .tit {font-family: 'HGGGothicssi'; font-size: 50px; line-height: 60px; color: #000000; text-align: center;}
.layer_popup .maincoupon .caution {margin: 16px 0 0; font-size: 16px; color: #000000; text-align: center;}
.layer_popup .maincoupon .links {margin: 36px 0 0; text-align: center;}
.layer_popup .maincoupon .links li {display: inline-block; width: 100px; margin: 0 30px 0 0;}
.layer_popup .maincoupon .links li:last-child {margin: 0;}
.layer_popup .maincoupon .links li > a {display: block;}
.layer_popup .maincoupon .links li > a .txt {margin: 12px -10px 0; font-weight: 700; font-size: 14px; color: #000000; text-align: center;}
.layer_popup .maincoupon .layer_close {position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; background: url(../../images/util/layer_close2.png) no-repeat; font-size: 0; text-indent: -9999px;}

.layer_popup .consult {border: 1px solid #ac162c;}
.layer_popup .consult .layer_close {position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; background: url(../../images/util/layer_close2.png) 0 0 / 30px 30px no-repeat; font-size: 0; text-indent: -9999px;}
.layer_popup .consult .agreement {margin: 0;}
.layer_popup .consult .agreement .tbl_info table {width: auto;}
.layer_popup .consult .agreement .chk_wrap {text-align: center;}
.layer_popup .consult .agreement .chk_wrap label.chk2 input[type=checkbox] + span:before {top: 8px;}
.layer_popup .consult .agreement .chk_wrap label.chk2 input[type=checkbox] + span {line-height: 32px;}
.layer_popup .consult .agreement .btn_wrap input {border-radius: 6px;}

/* load motion */
.n-motion {opacity: 0; transition-property: all; transition-duration: 0.6s;}

.n-delay1 {transition-delay: 0.1s;}
.n-delay2 {transition-delay: 0.2s;}
.n-delay3 {transition-delay: 0.3s;}
.n-delay4 {transition-delay: 0.4s;}
.n-delay5 {transition-delay: 0.5s;}
.n-delay6 {transition-delay: 0.6s;}
.n-delay7 {transition-delay: 0.7s;}
.n-delay8 {transition-delay: 0.8s;}
.n-delay9 {transition-delay: 0.9s;}

.n-motion.n-left   {transform: translateX(-50px);}
.n-motion.n-right  {transform: translateX(50px);}
.n-motion.n-top    {transform: translateY(-50px);}
.n-motion.n-bottom {transform: translateY(50px);}
.n-motion.n-spin   {transform: rotate(180deg);}

.n-motion.n-active {opacity: 1;}

.n-motion.n-left.n-active   {transform: translateX(0);}
.n-motion.n-right.n-active  {transform: translateX(0);}
.n-motion.n-top.n-active    {transform: translateY(0);}
.n-motion.n-bottom.n-active {transform: translateY(0);}
.n-motion.n-spin.n-active   {transform: rotate(0deg);}

/* lazy load */
.lazy-hidden {opacity: 0;}
.lazy-loaded {transition: all 0.3s; opacity: 1;}

/* style start */

#wrap {overflow: hidden; position: relative; box-sizing: border-box; width: 100%; min-width: 1100px; min-height: 100%; padding: 0 0 180px; background: #f4f4f4;}

#quick {position: fixed; top: 50%; right: 50%; z-index: 10; margin: -147px -680px 0 0; border-radius: 5px; /* box-shadow: 0 17px 16px rgba(0, 0, 0, 0.35); */}
#quick_news {position: fixed; top: 50%; right: 45%; z-index: 10; margin: -147px -680px 0 0; border-radius: 5px; /* box-shadow: 0 17px 16px rgba(0, 0, 0, 0.35); */}
#quick a {display: block; margin: 2px 0 0;}
#quick a:first-child {margin: 0;}

#header {overflow: hidden; position: absolute; top: 0; left: 0; right: 0; z-index: 100; box-sizing: border-box; height: 80px; background: none; transform: translateZ(0); transition: height .3s, background .3s;}
#header:before {display: block; content: ''; position: absolute; top: 80px; right: 0; left: 0; background: #ffffff; opacity: 0; transition: all .3s;}
#header.brand:before {height: 170px;}
#header.franchise:before {height: 250px;}
#header:after {display: block; content: ''; position: absolute; top: 79px; right: 0; left: 0; height: 1px; background: rgba(255,255,255,0.2); transition: all .3s;}
#header .header_inner {position: relative; z-index: 1; width: 1100px; height: 100%; margin: 0 auto;}
#header .header_inner:before {display: block; content: ''; position: absolute; top: 0; right: -730px; left: -730px; height: 79px; background: #ffffff; opacity: 0; transition: all .3s;}
#header .header_inner .logo {position: absolute; top: 21px; left: 0;}
#header .header_inner .logo a {display: block; width: 134px; height: 36px;}
#header .header_inner .logo a:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 134px; height: 36px; background: url(../../images/common/logo1.png); opacity: 1;}
#header .header_inner .logo a:after {display: block; content: ''; position: absolute; top: 0; left: 0; width: 134px; height: 36px; background: url(../../images/common/logo2.png); opacity: 0;}

#header .header_inner .gnb {position: absolute; top: 0; left: 227px; z-index: 1;}
#header .header_inner .gnb > ul > li {float: left; position: relative;}
#header .header_inner .gnb > ul > li > a {display: block; padding: 0 40px; font-family: 'HGGGothicssi'; font-weight: 800; font-size: 24px; line-height: 80px; color: #ffffff; text-transform: uppercase; transition: all .3s;}
#header .header_inner .gnb > ul > li.curr > a {color: #9b0a1e;}
#header .header_inner .gnb > ul > li > ul {position: absolute; top: 80px; right: 0; left: 0; box-sizing: border-box; padding: 24px 0 0 0; text-align: center;}
#header.brand .header_inner .gnb > ul > li > ul {height: 170px;}
#header.franchise .header_inner .gnb > ul > li > ul {height: 250px;}
#header .header_inner .gnb > ul > li > ul:hover {background: #f7f4f1;}
#header .header_inner .gnb > ul > li > ul > li {margin: 8px 0 0; line-height: 26px;}
#header .header_inner .gnb > ul > li > ul > li:first-child {margin: 0;}
#header .header_inner .gnb > ul > li > ul > li > a {display: inline-block; position: relative; padding: 0 20px; font-weight: 700; font-size: 15px; color: #111111; transition: all .3s; background: url(../../images/common/gnb_depth2_over.png) 140% 12px no-repeat; transition: all .3s;}
#header .header_inner .gnb > ul > li > ul > li > a:after {display: block; content: ''; position: absolute; right: 0; bottom: -1px; left: 0; height: 3px; background: #d13045; border-radius: 1px; opacity: 0; transform: scaleX(0); transition: all .3s;}
#header .header_inner .gnb > ul > li > ul > li > a:hover {background-position-x: 100%;}
#header .header_inner .gnb > ul > li > ul > li > a:hover:after {transform: scaleX(1); opacity: 1;}
#header .header_inner .gnb > ul > li > ul > li > a:focus,
#header .header_inner .gnb > ul > li > ul > li > a:hover {color: #9b0a1e;}
#header .header_inner .show_gnb {position: absolute; top: 118px; left: 0;}
#header .header_inner .show_gnb:after {display: block; content: ''; position: absolute; top: 65px; left: 66px; width: 131px; height: 45px; background: url(../../images/common/bg_show_gnb.png) 0 0 no-repeat;}
#header .header_inner .show_gnb .type {display: none;}
#header .header_inner .show_gnb .type.on {display: block;}
#header .header_inner .show_gnb .tit {font-family: 'HGGGothicssi'; font-weight: 800; font-size: 30px; color: #3b3b3b; text-transform: uppercase;}
#header .header_inner .show_gnb .desc {margin: 6px 0 0; font-weight: 700; font-size: 14px; color: #4e4e4e;}

#header .header_inner .util {position: absolute; top: 15px; right: 0; width: 178px; height: 53px; text-indent: -9999em;}
#header.brand .header_inner .util:before {display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../../images/common/btn_franchise.png) 0 0 no-repeat; opacity: 1; transition: all .3s;}
#header.brand .header_inner .util:after  {display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../../images/common/btn_franchise.png) 0 -53px no-repeat; opacity: 0; transition: all .3s;}
#header.franchise .header_inner .util:before {display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../../images/common/btn_brand.png) 0 0 no-repeat; opacity: 1; transition: all .3s;}
#header.franchise .header_inner .util:after  {display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../../images/common/btn_brand.png) 0 -53px no-repeat; opacity: 0; transition: all .3s;}

#header.active .header_inner {}
#header.active .header_inner:before {opacity: 1;}
#header.active .header_inner .logo a:before {opacity: 0;}
#header.active .header_inner .logo a:after {opacity: 1;}
#header.active .header_inner .gnb > ul > li > a {color: #111111;}
#header.active .header_inner .gnb > ul > li:focus > a,
#header.active .header_inner .gnb > ul > li:hover > a {color: #9b0a1e;}
#header.active .header_inner .util:before {opacity: 0;}
#header.active .header_inner .util:after  {opacity: 1;}

#header.active:after {background: #c0c0c0;}

#header.brand.open {height: 250px;}
#header.franchise.open {height: 350px;} /* 210308 추천점포 추가 */
#header.open:before {opacity: 1;}


.hd_btn_box{width:405px;   position: absolute;  top: 15px; right: 32%; display:flex; align-items: center; z-index: 999;margin-right: -250px;justify-content:space-between;}
.hd_btn_box a{position: relative; }
.hd_btn_box a.util1{width: 150px;height: 53px; text-indent: -9999em;}
.hd_btn_box a.util2{width: 111px;height: 53px; text-indent: -9999em;}
.hd_btn_box .util1:before{display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../../images/common/btn_franchise.png) 0 0 no-repeat; opacity: 1; transition: all .3s;}
.hd_btn_box .util1:after  {display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../../images/common/btn_franchise.png) 0 -53px no-repeat; opacity: 0; transition: all .3s;}


#header.active + .hd_btn_box .util1:before,
#header.active + .hd_btn_box .util2:before {
    opacity: 0 ;
}


.hd_btn_box .util1:hover:after,
.hd_btn_box .util2:hover:after,
#header.active + .hd_btn_box .util1:after,
#header.active + .hd_btn_box .util2:after {
    opacity: 1;
}


.hd_btn_box .util2:before {display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../../images/common/btn_mall.png) 0 0 no-repeat; opacity: 1; transition: all .3s;}
.hd_btn_box .util2:after  {display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../../images/common/btn_mall.png) 0 -53px no-repeat; opacity: 0; transition: all .3s;}
.hd_btn_box .util:before {display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../../images/common/btn_brand.png) 0 0 no-repeat; opacity: 1; transition: all .3s;}
.util:after  {display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../../images/common/btn_brand.png) 0 -53px no-repeat; opacity: 0; transition: all .3s;}
.hd_btn_box .global{position: relative; top: 0; right: 0; margin-right: 0;}




#footer {position: absolute; bottom: 0; left: 0; width: 100%; background: #282828;}
#footer .footer_inner {overflow: hidden; width: 1100px; margin: 0 auto; padding: 48px 0 40px;}
#footer .footer_inner .footer_l {float: left; width: 754px;}
#footer .footer_inner .footer_l .address {margin: 24px 0 0; font-size: 13px; line-height: 22px; color: #707070;}
#footer .footer_inner .footer_r {float: right; width: 286px;}
#footer .footer_inner .footer_r .info_list {margin: 2px 0 0; font-size: 0;}
#footer .footer_inner .footer_r .info_list > li {display: inline-block; margin: 0 16px 0 0;}
#footer .footer_inner .footer_r .info_list > li:last-child {margin: 0;}
#footer .footer_inner .footer_r .info_list > li > a {display: block; font-size: 13px; color: #ffffff;}
#footer .footer_inner .footer_r .center {margin: 27px 0 0; padding: 0 0 0 64px; background: url(../../images/common/img_center.png) no-repeat;}
#footer .footer_inner .footer_r .center .num {font-weight: 700; font-size: 15px; line-height: 22px; color: #db1d3b;}
#footer .footer_inner .footer_r .center .time {font-size: 13px; line-height: 22px; color: #707070;}

#simpleConsult {position: fixed; right: 0; bottom: 0; left: 0; z-index: 10; width: 1100px; margin: 0 auto;}
#simpleConsult .inner {width: 100%; margin: 0 -730px; padding: 20px 730px; background: #f1ebe7;}
#simpleConsult .inner > div {display:inline-block;vertical-align: middle;}
#simpleConsult .inner > div.tit {width: 288px; font-family: 'HGGGothicssi'; font-weight: 800; font-size: 26px; color: #ac162c; text-align: right;}
#simpleConsult .inner > div.info {width: 530px; font-size: 0; text-align: center;}
#simpleConsult .inner > div.info .dash {display: inline-block; width: 10px; font-size: 14px; line-height: 32px; color: #999999; text-align: center;}
#simpleConsult .inner > div.info input[type=text] {height: 32px; padding: 5px 9px; background: #ffffff; font-size: 14px;t}
#simpleConsult .inner > div.info input[type=text].placeholder {color: #999999;}
#simpleConsult .inner > div.info input[type=text]::-webkit-input-placeholder {color: #999999;}
#simpleConsult .inner > div.info input[type=text]::-moz-placeholder			 {color: #999999;}
#simpleConsult .inner > div.info input[type=text]:-ms-input-placeholder		 {color: #999999;}
#simpleConsult .inner > div.info input[type=text]:-moz-placeholder			 {color: #999999;}
#simpleConsult .inner > div.btn_wrap {width: 282px;}
#simpleConsult .inner > div.btn_wrap input {border-radius: 6px;}

#container {}

#bmain {position: relative; width: 1100px; margin: 0 auto; padding: 0 0 80px;}
#bmain .mainvisual {position: relative; margin: 0 -730px;}
#bmain .mainvisual .arrows_wrap {overflow: hidden; position: absolute; left: 50%; bottom: 40px; min-width: 337px; margin: 0 0 0 -168px; font-size: 0; text-align: center;}
#bmain .mainvisual .arrows_wrap .slick-prev {float: left; width: 51px; height: 51px; background: url(../../images/main/slick_prev.png) no-repeat; transition: all .3s;}
#bmain .mainvisual .arrows_wrap .slick-prev:hover {background-image: url(../../images/main/slick_prev_on.png);}
#bmain .mainvisual .arrows_wrap .slick-next {float: right; width: 51px; height: 51px; background: url(../../images/main/slick_next.png) no-repeat; transition: all .3s;}
#bmain .mainvisual .arrows_wrap .slick-next:hover {background-image: url(../../images/main/slick_next_on.png);}
#bmain .mainvisual .arrows_wrap .dots_wrap {display: inline-block; line-height: 60px;}
#bmain .mainvisual .arrows_wrap .dots_wrap .slick-dots li {display: inline-block; width:25px; height: 60px; margin: 0 8px 0 0; cursor: pointer;}
#bmain .mainvisual .arrows_wrap .dots_wrap .slick-dots li:last-child {margin: 0;}
#bmain .mainvisual .arrows_wrap .dots_wrap .slick-dots li button {box-sizing: border-box; width: 12px; height: 12px; border-radius: 50%; border: 6px solid #ffffff; vertical-align: middle; transition: all .3s;}
#bmain .mainvisual .arrows_wrap .dots_wrap .slick-dots li.slick-active button {width: 25px; height: 25px; border: 3px solid #000000;}

#bmain .mainvisual .slick-item {position: relative;}

#bmain .sec {position: relative; margin: 0 -730px; padding: 0 730px 0;}
#bmain .sec .subtit {display: inline-block; padding: 0 0 0 60px; background: no-repeat; font-family: 'HGGGothicssi'; font-weight: 800; font-size: 26px; line-height: 42px; letter-spacing: 0; color: #000000; text-transform: uppercase;}
#bmain .sec .tit {margin: 40px 0 0; font-family: 'HGGGothicssi'; font-weight: 200; font-size: 76px; line-height: 86px; letter-spacing: 0; color: #000000;}
#bmain .sec .util_wrap {position: relative; width: 410px; margin: 60px 0 0;}

#bmain .sec.b1 {display: inline-block;}
#bmain .sec.b1 > div {float: left; width: 550px; height: 583px;}
#bmain .sec.b1 .box_left {margin: 0 0 0 -730px; padding: 87px 0 0 730px; background: url(../../images/main/bg_section1_left.gif);}
#bmain .sec.b1 .box_right {margin: 0 -730px 0 0; padding: 87px 670px 0 60px; background: url(../../images/main/bg_section1_right.gif);}
#bmain .sec.b1 .box_left .tit {color: #ffffff;}
#bmain .sec.b1 .box_left .subtit {background-image: url(../../images/main/bg_subtit1.png); color: #ffffff;}
#bmain .sec.b1 .box_right .subtit {background-image: url(../../images/main/bg_subtit2.png);}
#bmain .sec.b1 .box_right .search {display: block; position: relative; height: 65px; padding: 10px 50px 10px 20px; border: 5px solid #ac162c; border-radius: 5px; font-weight: 700; font-size: 20px; color: #ac162c;}
#bmain .sec.b1 .box_right .search::-ms-clear {display: none;}
#bmain .sec.b1 .box_right .search::-ms-reveal {display: none;}
#bmain .sec.b1 .box_right .search.placeholder {color: #ac162c;}
#bmain .sec.b1 .box_right .search:placeholder {color: #ac162c;}
#bmain .sec.b1 .box_right .search.placeholder {color: #ac162c;}
#bmain .sec.b1 .box_right .search::-webkit-input-placeholder {color: #ac162c;}
#bmain .sec.b1 .box_right .search::-moz-placeholder {color: #ac162c;}
#bmain .sec.b1 .box_right .search:-ms-input-placeholder {color: #ac162c;}
#bmain .sec.b1 .box_right .search:-moz-placeholder {color: #ac162c;}
#bmain .sec.b1 .box_right .btn_search {position: absolute; top: 19px; right: 23px;}

#bmain .sec.b2 {height: 520px; padding: 150px 730px 0; background: url(../../images/main/bg_section2.jpg);}
#bmain .sec.b2 .subtit {background-image: url(../../images/main/bg_subtit3.png);}

#bmain .sec.b3 {overflow: hidden; background: url(../../images/main/bg_section3.gif);}
#bmain .sec.b3 .menu {float: left;}
#bmain .sec.b3 .menu:nth-child(1) {background: url(../../images/main/bg_banner1.gif) no-repeat;}
#bmain .sec.b3 .menu:nth-child(2) {width: 366px; background: url(../../images/main/bg_banner2.gif) no-repeat;}
#bmain .sec.b3 .menu:nth-child(3) {background: url(../../images/main/bg_banner3.gif) no-repeat;}
#bmain .sec.b3 .menu > a {display: block; box-sizing: border-box; width: 367px; height: 630px;}
#bmain .sec.b3 .menu > a > .num {padding: 34px 30px 22px; font-family: 'HGGGothicssi'; font-weight: 800; font-size: 76px; color: #620303;}

#bmain .sec.b4 {text-align: right; background: url(../../images/main/bg_section4.gif);}
#bmain .sec.b4 > a {display: block; overflow: hidden; height: 349px; margin: 0 -730px; padding: 153px 730px 166px;}
#bmain .sec.b4 .fl_l {width: 754px; margin: -46px 0 0 -379px;}
#bmain .sec.b4 .subtit {background-image: url(../../images/main/bg_subtit4.png);}
#bmain .sec.b4 .tit {margin: 52px 0 0;}

#bmain .sec.b5 {padding: 100px 730px 110px; background: #f2f2f5;}
#bmain .sec.b5 .subtit {background-image: url(../../images/main/bg_subtit5.png);}
#bmain .sec.b5 .tit {margin: 51px 0 0;}

#bmain .sec.b5 .sns_wrap {margin: 80px -730px 0; font-size: 0;} /* 2560 */
#bmain .sec.b5 .sns_wrap .slick-list {margin: 0 -45px 0 -20px;} /* 2585 */
#bmain .sec.b5 .sns_wrap .slick-item {display: inline-block; box-sizing: border-box; width: 350px; margin: 0 25px 0 0; background: #ffffff; transition: all .3s;}
#bmain .sec.b5 .sns_wrap .slick-item:last-child {margin: 0;}
#bmain .sec.b5 .sns_wrap .slick-item > a {display: block; padding: 25px;}
#bmain .sec.b5 .sns_wrap .slick-item .sort {padding: 0 0 0 46px; font-weight: 700; font-size: 16px; line-height: 31px;}
#bmain .sec.b5 .sns_wrap .slick-item .sort.f {background: url(../../images/common/icon_community_fb.png) no-repeat;}
#bmain .sec.b5 .sns_wrap .slick-item .sort.i {background: url(../../images/common/icon_community_insta.png) no-repeat;}
#bmain .sec.b5 .sns_wrap .slick-item .cont {overflow: hidden; height: 76px; margin: 27px 0 36px; font-family: 'NanumSquare'; font-weight: 700; font-size: 24px; line-height: 38px; color: #111111;}
#bmain .sec.b5 .sns_wrap .slick-item:hover {background: #ac162c; color: #ffffff;}
#bmain .sec.b5 .sns_wrap .slick-item:hover .cont {color: #ffffff;}
#bmain .sec.b5 .sns_wrap .slick-prev {position: absolute; top: -155px; right: 830px; width: 60px; height: 60px; background: url(../../images/main/slick_prev2.png) no-repeat; transition: all .3s;}
#bmain .sec.b5 .sns_wrap .slick-prev:hover {background-image: url(../../images/main/slick_prev2_on.png);}
#bmain .sec.b5 .sns_wrap .slick-next {position: absolute; top: -155px; right: 730px; width: 60px; height: 60px; background: url(../../images/main/slick_next2.png) no-repeat; transition: all .3s;}
#bmain .sec.b5 .sns_wrap .slick-next:hover {background-image: url(../../images/main/slick_next2_on.png);}

#bmain .sec.b6 {overflow: hidden; padding: 104px 730px 80px; background: url(../../images/main/bg_section6.gif);}
#bmain .sec.b6 .fl_l .video {position: relative; z-index: 1; width: 508px; height: 329px; margin: 0 0 0 -47px;}
#bmain .sec.b6 .fl_l .video:after {display: block; content: ''; position: absolute; right: -8px; bottom: -9px; z-index: -1; width: 465px; height: 215px;
background: #b79c8b;}
#bmain .sec.b6 .fl_l .video .btn_play {position: absolute; top: 50%; left: 50%; margin: -37px 0 0 -37px;}
#bmain .sec.b6 .fl_l .txt1 {margin: 40px 0 0; font-family: 'NanumSquare'; font-size: 24px; color: #111111;}
#bmain .sec.b6 .fl_l .txt2 {margin: 7px 0 0; font-weight: 700; font-size: 16px; color: #111111;}
#bmain .sec.b6 .fl_r {text-align: right;}
#bmain .sec.b6 .fl_r .subtit {background-image: url(../../images/main/bg_subtit6.png);}
#bmain .sec.b6 .fl_r .tit {margin: 64px 0 0; line-height: 90px;}

#fmain {position: relative; width: 1100px; margin: 0 auto; padding: 0 0 80px;}
#fmain .mainvisual {position: relative; margin: 0 -730px;}
#fmain .mainvisual .arrows_wrap {overflow: hidden; position: absolute; left: 50%; bottom: 40px; min-width: 337px; margin: 0 0 0 -168px; font-size: 0; text-align: center;}
#fmain .mainvisual .arrows_wrap .slick-prev {float: left; width: 51px; height: 51px; background: url(../../images/main/slick_prev.png) no-repeat; transition: all .3s;}
#fmain .mainvisual .arrows_wrap .slick-prev:hover {background-image: url(../../images/main/slick_prev_on.png);}
#fmain .mainvisual .arrows_wrap .slick-next {float: right; width: 51px; height: 51px; background: url(../../images/main/slick_next.png) no-repeat; transition: all .3s;}
#fmain .mainvisual .arrows_wrap .slick-next:hover {background-image: url(../../images/main/slick_next_on.png);}
#fmain .mainvisual .arrows_wrap .dots_wrap {display: inline-block; line-height: 60px;}
#fmain .mainvisual .arrows_wrap .dots_wrap .slick-dots li {display: inline-block; width:25px; height: 60px; margin: 0 8px 0 0; cursor: pointer;}
#fmain .mainvisual .arrows_wrap .dots_wrap .slick-dots li:last-child {margin: 0;}
#fmain .mainvisual .arrows_wrap .dots_wrap .slick-dots li button {box-sizing: border-box; width: 12px; height: 12px; border-radius: 50%; border: 6px solid #ffffff; vertical-align: middle; transition: all .3s;}
#fmain .mainvisual .arrows_wrap .dots_wrap .slick-dots li.slick-active button {width: 25px; height: 25px; border: 3px solid #000000;}

#fmain .mainvisual .slick-item {position: relative;}

#fmain .mainvisual .btn_consult {position: absolute; top: 50%; right: 50%; margin: -101px -552px 0 0;}

#fmain .sec {position: relative; margin: 0 -730px; padding: 0 730px 0;}
#fmain .sec .tit {font-family: 'HGGGothicssi'; font-weight: 800; font-size: 42px; letter-spacing: 0; color: #ffffff;}

#fmain .sec.b1 {overflow: hidden; padding: 0 730px; background: #333333;}
#fmain .sec.b1 .box {float: left; box-sizing: border-box; width: 367px; padding: 47px 30px 60px;}
#fmain .sec.b1 .box:nth-child(1) {padding: 47px 0 60px; background: url(../../images/main/bg_box1.png) bottom 60px right 30px no-repeat;}
#fmain .sec.b1 .box:nth-child(2) {background: #282828 url(../../images/main/bg_box2.png) bottom 60px right 30px no-repeat;}
#fmain .sec.b1 .box:nth-child(3) {width: 366px; background: url(../../images/main/bg_box3.png) bottom 60px right 30px no-repeat;}
#fmain .sec.b1 .box .desc {margin: 14px 0 0; font-size: 18px; line-height: 28px; letter-spacing: 0; color: #707070;}
#fmain .sec.b1 .box .btn_link {margin: 77px 0 0;}

#fmain .sec.b2 {padding: 53px 730px 54px; background: url(../../images/main/bg_fsection1.gif) no-repeat; font-size: 0;}
#fmain .sec.b2 > * {display: inline-block; vertical-align: middle;}
#fmain .sec.b2 .desc {margin: 0 0 0 20px; font-size: 18px; color: #ffffff;}
#fmain .sec.b2 .btn_link {position: absolute; top: 60px; right: 730px;}

#fmain .sec.b3 {padding: 47px 730px 110px;}
#fmain .sec.b3 .tit {font-weight: 200; color: #000000;}
#fmain .sec.b3 .owner_wrap {margin: 28px 0 0; font-size: 0;}
#fmain .sec.b3 .owner_wrap .box {display: inline-block; box-sizing: border-box; width: 350px; margin: 0 25px 0 0; background: #ffffff; transition: all .3s;}
#fmain .sec.b3 .owner_wrap .box:last-child {margin: 0;}
#fmain .sec.b3 .owner_wrap .box > a {display: block; padding: 25px;}
#fmain .sec.b3 .owner_wrap .box .sort {padding: 0 0 0 46px; font-weight: 700; font-size: 16px; line-height: 31px;}
#fmain .sec.b3 .owner_wrap .box .sort.n {background: url(../../images/common/icon_community_ntc.png) no-repeat;}
#fmain .sec.b3 .owner_wrap .box .sort.s {background: url(../../images/common/icon_community_story.png) no-repeat;}
#fmain .sec.b3 .owner_wrap .box .sort.m {background: url(../../images/common/icon_community_media.png) no-repeat;}
#fmain .sec.b3 .owner_wrap .box .cont {overflow: hidden; max-height: 76px; margin: 27px 0 36px; font-family: 'NanumSquare'; font-weight: 700; font-size: 24px; line-height: 38px; color: #111111;}
#fmain .sec.b3 .owner_wrap .box:hover {background: #ac162c; color: #ffffff;}
#fmain .sec.b3 .owner_wrap .box:hover .cont {color: #ffffff;}

#subtitle {display: table; table-layout: fixed; width: 100%;}
#subtitle.greet {background: url(../../images/common/subtitle_greeting.jpg) center 0 no-repeat;}
#subtitle.story {background: url(../../images/common/subtitle_story.jpg) center 0 no-repeat;}
#subtitle.rec {background: url(../../images/common/subtitle_recruit.jpg) center 0 no-repeat;}
#subtitle.menu {background: url(../../images/common/subtitle_menu.jpg) center 0 no-repeat;}
#subtitle.side {background: url(../../images/common/subtitle_side.jpg) center 0 no-repeat;}
#subtitle.store {background: url(../../images/common/subtitle_store.jpg) center 0 no-repeat;}
#subtitle.community {background: url(../../images/common/subtitle_community.jpg) center 0 no-repeat;}
#subtitle.customer {background: url(../../images/common/subtitle_customer.jpg) center 0 no-repeat;}
#subtitle.introduce {background: url(../../images/common/subtitle_introduce.jpg) center 0 no-repeat;}
#subtitle.idea {background: url(../../images/common/subtitle_idea.jpg) center 0 no-repeat;}
#subtitle.awards {background: url(../../images/common/subtitle_awards.jpg) center 0 no-repeat;}
#subtitle.procedure {background: url(../../images/common/subtitle_procedure.jpg) center 0 no-repeat;}
#subtitle.cost {background: url(../../images/common/subtitle_cost.jpg) center 0 no-repeat;}
#subtitle.owner {background: url(../../images/common/subtitle_owner.jpg) center 0 no-repeat;}
#subtitle.faq {background: url(../../images/common/subtitle_faq.jpg) center 0 no-repeat;}
#subtitle.consult {background: url(../../images/common/subtitle_consult.jpg) center 0 no-repeat;}
#subtitle.etcetera {background: url(../../images/common/subtitle_customer.jpg) center 0 no-repeat;}
#subtitle .inner {display: table-cell; padding: 140px 0 61px; text-align: center; vertical-align: middle;}
#subtitle .inner .title {font-family: 'HGGGothicssi'; font-weight: 800; font-size: 46px; color: #ffffff;}

#contents {width: 1100px; margin: 0 auto; padding: 70px 0 110px;}
#contents.fr {padding: 70px 0 290px;}

/* 공통 */
.hgroup1 .tit_page {margin: -25px 0 50px; font-family: 'HGGGothicssi'; font-weight: 800; font-size: 76px;}

.hgroup2 .tit {font-family: 'NanumSquare'; font-weight: 700; font-size: 34px;}
.hgroup2 .desc {margin: 5px 0 0; font-size: 16px;}
.hgroup2 .search {position: relative;}
.hgroup2 .search input[type=text] {display: inline-block; box-sizing: border-box; width: 100%; height: 38px; margin: 32px 0 0; padding: 0 40px 12px 0; border: none; border-bottom: 2px solid #000000; background: none; font-size: 16px; letter-spacing: -0.03em; color: #000000; /*-webkit-box-shadow: 0 0 0 1000px white inset;*/}
.hgroup2 .search .btn_search {position: absolute; right: 0; bottom: 2px; padding: 10px;}

.hgroup3 .tit {font-family: 'NanumSquare'; font-weight: 700; font-size: 24px;}
.hgroup3 .desc {margin: 10px 0 0; font-size: 16px;}

.hgroup4 .tit {padding: 0 0 0 60px; font-family: 'HGGGothicssi'; font-weight: 800; font-size: 28px; line-height: 42px; letter-spacing: 0; color: #000000; text-transform: uppercase;}
.hgroup4 .desc {margin: 5px 0 0; font-family: 'HGGGothicssi'; font-size: 22px; letter-spacing: 0;}
.hgroup4 .search {position: relative;}
.hgroup4 .search input[type=text] {display: inline-block; box-sizing: border-box; width: 100%; height: 38px; margin: 32px 0 0; padding: 0 40px 12px 0; border: none; border-bottom: 2px solid #000000; background: none; font-size: 16px; letter-spacing: -0.03em; color: #000000; /*-webkit-box-shadow: 0 0 0 1000px white inset;*/}
.hgroup4 .search .btn_search {position: absolute; right: 0; bottom: 2px; padding: 10px;}

.search_box {font-size: 0;}
.search_box .tit {margin: 0 0 34px; padding: 0 0 0 61px; font-family: 'HGGGothicssi'; font-weight: 800; font-size: 26px; line-height: 42px; letter-spacing: 0; color: #000000; text-transform: uppercase;}
.search_box .group {display: inline-block; position: relative;}
.search_box .search .btn_search {position: absolute; right: 0; bottom: 2px; padding: 10px;}
.search_box .total {width: 95px; padding: 0 0 12px; border-bottom: 2px solid #000000; font-size: 16px; line-height: 24px; color: #000000;}
.search_box .total .val {margin: 0 0 0 10px; font-weight: 700; font-size: 20px; color: #000000;}
.search_box input[type=text] {display: inline-block; box-sizing: border-box; width: 100%; height: 38px; padding: 0 40px 12px 0; border: none; border-bottom: 2px solid #000000; background: none; font-size: 16px; letter-spacing: -0.03em; color: #000000; /*-webkit-box-shadow: 0 0 0 1000px white inset;*/}
.search_box select {display: inline-block; box-sizing: border-box; width: 100%; height: 38px; padding: 0 30px 12px 0; border: none; border-bottom: 2px solid #000000; background: url(../../images/util/slt2.png) center right 15px no-repeat; font-size: 16px; letter-spacing: -0.03em; color: #000000; -webkit-appearance: none; appearance: none;}

.pagination {margin: 50px 0 0; text-align: center;}
.pagination .paging {display: inline-block; vertical-align: top; font-size: 0;}
.pagination .paging a {display: inline-block; width: 33px; height: 33px; font-weight: 700; font-size: 20px; color: #616161;}
.pagination .paging > a {border-radius: 50%;}
.pagination .paging > a.page_first {margin: 0 5px 0 0; background: #dfdfdf url(../../images/util/page_first.png) center center no-repeat;}
.pagination .paging > a.page_prev {background: #dfdfdf url(../../images/util/page_prev.png) center center no-repeat;}
.pagination .paging > a.page_next {margin: 0 5px 0 0; background: #dfdfdf url(../../images/util/page_next.png) center center no-repeat;}
.pagination .paging > a.page_last {background: #dfdfdf url(../../images/util/page_last.png) center center no-repeat;}

.pagination .paging .page {padding: 0 30px;}
.pagination .paging .page a {margin: 0 5px 0 0; line-height: 33px; border-radius: 50%;}
.pagination .paging .page a:last-child {margin: 0;}
.pagination .paging .page a.on {background: #b7162f; font-size: 22px; color: #ffffff;}

.quickbar {position: fixed; top: 50%; left: 50%; z-index: 100; margin: -130px 0 0 -650px;/* margin: -130px 0 0 -700px; */}
.quickbar ol li {position: relative; margin: 20px 0 0;}
.quickbar ol li:first-child {margin: 0;}
.quickbar ol li:after {display: block; content: ''; position: absolute; bottom: -20px; left: 24px; width: 2px; height: 20px; background: #333333;}
.quickbar ol li:last-child:after {content: none;}
.quickbar ol li a {display: block; overflow: hidden; box-sizing: border-box; width: 50px; height: 50px; border-radius: 25px 6px 6px 25px; text-align: left; transition: all .3s;}
.quickbar ol li a span {display: none; font-family: 'HGGGothicssi'; font-weight: 800; font-size: 22px; line-height: 50px; color: #333333; text-indent: 15px;}
.quickbar ol li:hover a,
.quickbar ol li:focus a,
.quickbar ol li:active a {width: 207px; background: #333333;}
.quickbar ol li:hover a span,
.quickbar ol li:focus a span,
.quickbar ol li:active a span {display: inline-block; color: #ffffff;}

.no_data {padding: 318px 0 186px; background: #ffffff url(../../images/common/img_nodata.png) center 194px no-repeat; font-family: 'NanumSquare'; font-weight: 700; font-size: 24px; text-align: center;}

/* 브랜드 */

/* 브랜드 > 대표 인사말 */
.greeting {position: relative; margin: -70px 0 -110px;}
.greeting > div {overflow: hidden; margin: 0 -730px;}
.greeting > div .box_l {float: left; width: 550px; padding: 0 0 0 730px;}

.greeting > div.n1 {background: url(../../images/common/bg_greeting1.jpg) no-repeat;}
.greeting > div.n1 .inner {padding: 95px 730px 138px;}
.greeting > div.n1 .inner .txt1 {font-family: 'HGGGothicssi'; font-weight: 200; font-size: 22px; line-height: 32px; letter-spacing: normal; color: #ffffff;}
.greeting > div.n1 .inner .txt2 {margin: 33px 0 0; font-family: 'HGGGothicssi'; font-weight: 200; font-size: 76px; line-height: 85px; letter-spacing: normal; color: #ffffff;}

.greeting > div.n2 {background: url(../../images/common/bg_greeting2.jpg) 0 0 no-repeat;}
.greeting > div.n2 .inner {float: right; width: 490px; padding: 132px 730px 134px 60px; background: #ffffff;}

.greeting > div.n3 {background: url(../../images/common/bg_greeting3.jpg) 1280px 0  no-repeat;}
.greeting > div.n3 .inner {float: left; padding: 101px 73px 208px 730px; background: #ffffff;}

.greeting > div .tit {font-family: 'HGGGothicssi'; font-weight: 200; font-size: 56px; line-height: 68px; letter-spacing: normal; color: #ad172b;}
.greeting > div .cont {margin: 33px 0 0; font-size: 16px; line-height: 30px;}
.greeting > div .cont .group {margin: 15px 0 0;}
.greeting > div .cont .group:first-child {margin: 0;}
.greeting > div .writer {position: relative; margin: 30px 0 0; font-size: 16px;}
.greeting > div .writer .name {margin: 0 0 0 9px; font-weight: 700; font-size: 18px; vertical-align: baseline;}
.greeting > div .writer .sign {position: absolute; left: 201px; bottom: 5px;}

/* 브랜드 > 죠스 이야기 */
.story_wrap {margin: -70px 0 -110px;}

.story_wrap > section {position: relative; margin: 0 -730px; padding: 0 730px;}
.story_wrap > section.n1 {background: url(../../images/common/bg_story1.jpg) no-repeat;}
.story_wrap > section.n1 .hgroup4 {padding: 118px 0 0;}
.story_wrap > section.n1 .hgroup4 .tit {background: url(../../images/common/bg_story_subtit1.png) left center no-repeat;}
.story_wrap > section.n1 .cont {display: inline-block; padding: 85px 0 117px;}
.story_wrap > section.n1 .cont > div {width: 550px;}
.story_wrap > section.n1 .cont > div.l {float: left;}
.story_wrap > section.n1 .cont > div.l .tit {font-family: 'HGGGothicssi'; font-size: 76px; line-height: 85px; letter-spacing: 0; color: #ac162c;}
.story_wrap > section.n1 .cont > div.l .desc {margin: 44px 0 0; font-size: 16px; line-height: 30px;}
.story_wrap > section.n1 .cont > div.l .desc em {display: inline-block; margin: 0 0 15px;}

.story_wrap > section.n1 .cont > div.r {float: right;}
.story_wrap > section.n1 .cont > div.r .box {padding: 0 0 0 170px;}
.story_wrap > section.n1 .cont > div.r .box:nth-child(1) {background: url(../../images/common/img_story_philosophy1.png) left 11px no-repeat;}
.story_wrap > section.n1 .cont > div.r .box:nth-child(2) {margin: 88px 0 0; background: url(../../images/common/img_story_philosophy2.png) left 11px no-repeat;}
.story_wrap > section.n1 .cont > div.r .box .tit {font-family: 'HGGGothicssi'; font-weight: 800; font-size: 26px; line-height: 46px; letter-spacing: 0; color: #ac162c;}
.story_wrap > section.n1 .cont > div.r .box .tit img {margin: 2px 0 0; vertical-align: text-top;}
.story_wrap > section.n1 .cont > div.r .box .desc {margin: 10px 0 0; font-size: 16px; line-height: 30px;}

.story_wrap > section.n2 {background: #ac162c;}
.story_wrap > section.n2 .hgroup4 {padding: 68px 0 0;}
.story_wrap > section.n2 .hgroup4 .tit {background: url(../../images/common/bg_story_subtit2.png) left center no-repeat; color: #ffffff;}
.story_wrap > section.n2 .hgroup4 .desc {margin: 7px 0 0; color: #ffffff;}
.story_wrap > section.n2 .cont {margin: 0 -24px 0 0; padding: 34px 0 100px;}
.story_wrap > section.n2 .cont .history {display: inline-block;}
.story_wrap > section.n2 .cont .history .box {float: left;}

.story_wrap > section.n3 {}
.story_wrap > section.n3 .hgroup4 {padding: 110px 0 0;}
.story_wrap > section.n3 .hgroup4 .tit {background: url(../../images/common/bg_story_subtit3.png) left center no-repeat;}
.story_wrap > section.n3 .cont {padding: 34px 0 0;}
.story_wrap > section.n3 .cont img {margin: 20px 0 0;}
.story_wrap > section.n3 .cont img:first-child {margin: 0;}

.story_wrap > section.n4 {height: 780px; padding: 120px 0 0;}
.story_wrap > section.n4 .store_info {box-sizing: border-box; width: 400px; padding: 20px; border: 1px solid #ac162c; background: #ffffff;}
.story_wrap > section.n4 .store_info .name {margin: -5px 0 0; padding: 0 0 15px; font-weight: 700; font-size: 18px;}
.story_wrap > section.n4 .store_info .address {margin: 16px 0 7px; font-size: 14px; color: #222222;}
.story_wrap > section.n4 .store_info .btn_close {position: absolute; top: 21px; right: 21px;}
.story_wrap > section.n4 .store_info .btn_close a {display: block;}
.story_wrap > section.n4 .mark {display: inline-block;}

/* 브랜드 > 채용정보 > 리스트 */
.recruit {margin: -70px 0 0;}
.recruit .hgroup4 .tit {padding: 0 0 0 60px; font-family: 'HGGGothicssi'; font-weight: 800; font-size: 26px; line-height: 42px; letter-spacing: 0; color: #000000; text-transform: uppercase;}
.recruit .hgroup4 .desc {margin: 5px 0 0; font-family: 'HGGGothicssi'; font-size: 22px; letter-spacing: 0;}
.recruit .n1 .hgroup4 .tit {color: #ffffff;}

.recruit > section {position: relative; margin: 0 -730px; padding: 0 730px;}
.recruit > section.n1 {background: url(../../images/common/bg_recruit1.gif) no-repeat;}
.recruit > section.n1 .hgroup4 {padding: 119px 0 0;}
.recruit > section.n1 .hgroup4 .tit {background: url(../../images/common/bg_recruit_subtit1.png) left center no-repeat;}
.recruit > section.n1 .cont {padding: 65px 0 115px;}
.recruit > section.n1 .cont .tit {font-family: 'HGGGothicssi'; font-weight: 800; font-size: 56px; line-height: 72px; color: #ffffff;}
.recruit > section.n1 .cont .desc {overflow: hidden; margin: 43px 0 0; }
.recruit > section.n1 .cont .desc > div {float: left; width: 550px; font-size: 16px; line-height: 30px; color: #ffffff;}

.recruit > section.n2 {background: #f0ebe7;}
.recruit > section.n2 .hgroup4 {padding: 59px 0 0;}
.recruit > section.n2 .hgroup4 .tit {background: url(../../images/common/bg_recruit_subtit2.png) left center no-repeat;}
.recruit > section.n2 .cont {padding: 39px 0 60px;}
.recruit > section.n2 .cont dl {overflow: hidden; text-align: center;}
.recruit > section.n2 .cont dl dt,
.recruit > section.n2 .cont dl dd {float: left; box-sizing: border-box; width: 367px; height: 366px; background: #ac162c;}
.recruit > section.n2 .cont dl dd:nth-child(3n-1) {width: 366px;}
.recruit > section.n2 .cont dl dt.box1 {padding: 70px 40px; background: url(../../images/common/bg_recruit_welfare1.gif);}
.recruit > section.n2 .cont dl dd.box3 {background: url(../../images/common/bg_recruit_welfare2.jpg);}
.recruit > section.n2 .cont dl dd.box5 {background: url(../../images/common/bg_recruit_welfare3.jpg);}
.recruit > section.n2 .cont dl dt .tit {font-family: 'HGGGothicssi'; font-weight: 800; font-size: 46px; line-height: 56px; color: #ac162c;}
.recruit > section.n2 .cont dl dt .desc {padding: 26px 0 0; font-size: 16px; line-height: 30px;}
.recruit > section.n2 .cont dl dd .tit {padding: 179px 0 0; font-family: 'NanumSquare'; font-weight: 700; font-size: 24px; color: #ffffff;}
.recruit > section.n2 .cont dl dd .desc {padding: 17px 0 50px; font-weight: 700; font-size: 16px; line-height: 28px; color: #ffffff;}
.recruit > section.n2 .cont dl dd.box2 .tit {background: url(../../images/common/img_recruit_welfare1.png) center 58px no-repeat;}
.recruit > section.n2 .cont dl dd.box3 .tit {background: url(../../images/common/img_recruit_welfare2.png) center 58px no-repeat;}
.recruit > section.n2 .cont dl dd.box4 .tit {background: url(../../images/common/img_recruit_welfare3.png) center 58px no-repeat;}
.recruit > section.n2 .cont dl dd.box5 .tit {background: url(../../images/common/img_recruit_welfare4.png) center 58px no-repeat;}
.recruit > section.n2 .cont dl dd.box6 .tit {background: url(../../images/common/img_recruit_welfare5.png) center 58px no-repeat;}

.recruit > section.n3 {background: #ffffff;}
.recruit > section.n3 .hgroup4 {padding: 108px 0 0;}
.recruit > section.n3 .hgroup4 .tit {background: url(../../images/common/bg_recruit_subtit3.png) left center no-repeat;}
.recruit > section.n3 .cont {padding: 34px 0 108px;}
.recruit > section.n3 .cont ol {overflow: hidden;}
.recruit > section.n3 .cont ol li {float: left; width: 245px; margin: 0 0 0 40px; padding: 29px 0 43px; border-style: solid; border-width: 2px 0;}
.recruit > section.n3 .cont ol li:first-child {margin: 0;}
.recruit > section.n3 .cont ol li:nth-child(odd) {border-color: #ac162c; color: #ac162c;}
.recruit > section.n3 .cont ol li:nth-child(even) {border-color: #c1b8af; color: #c1b8af;}
.recruit > section.n3 .cont ol li .num {font-family: 'HGGGothicssi'; font-weight: 800; font-size: 30px;}
.recruit > section.n3 .cont ol li .tit {font-family: 'HGGGothicssi'; font-weight: 800; font-size: 76px; line-height: 105px;}
.recruit > section.n3 .cont ol li .desc {margin: 73px 0 0; font-family: 'HGGGothicssi'; font-size: 24px; color: #111111;}

.recruit > section.n4 {background: #f4f4f4;padding-bottom: 100px;}
.recruit > section.n4 .hgroup4 {padding: 70px 0 0;}
.recruit > section.n4 .hgroup4 .tit {background: url(../../images/common/bg_recruit_subtit4.png) left center no-repeat;}
.recruit > section.n4 .cont {padding: 62px 0 0;}
.recruit > section.n4 .cont .tit {margin: 0 0 30px; padding: 0 0 14px; border-bottom: 2px solid #000000; font-family: 'NanumSquare'; font-weight: 700; font-size: 24px;}
.recruit > section.n4 .cont .process {overflow: hidden;}
.recruit > section.n4 .cont .process li {float: left; position: relative; width: 210px; height: 210px; margin: 0 0 0 87px; background: #ffffff; border-radius: 50%;}
.recruit > section.n4 .cont .process li:first-child {margin: 0;}
.recruit > section.n4 .cont .process li:last-child {margin: 0 0 0 86px;}
.recruit > section.n4 .cont .process li:after {display: block; content: ''; position: absolute; top: 50%; right: -50px; width: 13px; height: 23px; margin: -11px 0 0; background: url(../../images/common/arr_recruit.png) no-repeat;}
.recruit > section.n4 .cont .process li .num {position: absolute; width: 50px; height: 50px; background: #ac162c; border-radius: 50%; font-family: 'HGGGothicssi'; font-weight: 800; font-size: 26px; line-height: 50px; color: #ffffff; text-align: center;}
.recruit > section.n4 .cont .process li .txt {padding: 127px 0 0; font-family: 'NanumSquare'; font-weight: 700; font-size: 24px; color: #ac162c; text-align: center;}
.recruit > section.n4 .cont .process li:nth-child(1) .txt {background: url(../../images/common/img_recruit_process1.png) center 53px no-repeat;}
.recruit > section.n4 .cont .process li:nth-child(2) .txt {background: url(../../images/common/img_recruit_process2.png) center 53px no-repeat;}
.recruit > section.n4 .cont .process li:nth-child(3) .txt {background: url(../../images/common/img_recruit_process3.png) center 53px no-repeat;}
.recruit > section.n4 .cont .process li:nth-child(4) .txt {background: url(../../images/common/img_recruit_process4.png) center 53px no-repeat;}
.recruit > section.n4 .cont .hiring {overflow: hidden;}
.recruit > section.n4 .cont .hiring li {float: left;}
.recruit > section.n4 .cont .hiring li .sort {display: inline-block; padding: 3px 10px; background: #222222; border-radius: 4px; font-weight: 700; font-size: 16px; color: #ffffff;}
.recruit > section.n4 .cont .hiring li .desc {margin: 13px 0 0; font-size: 16px; line-height: 28px;}
.recruit > section.n4 .cont .banner_area {margin: 85px 0 0;}
.recruit > section.n4 .cont .banner_area .banner {display: block; margin: 25px 0 0;}
.recruit > section.n4 .cont .banner_area .banner:first-child {margin: 0;}

/* 메뉴 > 메인 메뉴 (리스트) */
.menu_list {margin: -70px 0 -110px;}
.menu_list section {position: relative; margin: 0 -730px; padding: 0 730px;}
.menu_list section > a {display: block; overflow: hidden;}
.menu_list section .txt_area {position: relative; z-index: 10;}
.menu_list section .txt_area .tit {font-family: 'HGGGothicssi'; font-weight: 800; letter-spacing: 0; color: #ffffff;}
.menu_list section .txt_area .subtit {font-family: 'HGGGothicssi'; letter-spacing: 0; color: #ffffff;}
.menu_list section .txt_area .desc {font-size: 18px; color: #f58794;}
.menu_list section .txt_area .btn_more {display: block; position: absolute; top: 7px; right: 0; z-index: 10; width: 50px; height: 50px; background: url(../../images/common/btn_menu_more.png) no-repeat; text-indent: -9999px; transform: rotate(0deg); transition: all .3s;}
.menu_list section .txt_area .btn_more:hover {transform: rotate(90deg);}
.menu_list section .img_area > img {vertical-align: middle; width: 520px;}
.menu_list section.n1 {padding: 0 730px; background: url(../../images/common/bg_menu1.gif) no-repeat;}
.menu_list section.n1 > a {padding: 67px 0;}
.menu_list section.n1 .img_area {float: left; width: 615px; text-align: right;}
.menu_list section.n1 .img_area > img {width: 585px;}
.menu_list section.n1 .txt_area {float: left; width: 426px; margin: 125px 0 0 59px;}
.menu_list section.n1 .txt_area .tit {font-size: 76px;}
.menu_list section.n1 .txt_area .subtit {padding: 79px 0 0; font-size: 40px; line-height: 48px;}
.menu_list section.n1 .txt_area .desc {margin: 23px 0 0;}
.menu_list section.n1 .txt_area .btn_more {top: 0;}
.badge {overflow: hidden; position: absolute; top: 0; left: 0;}
.badge > div {float: left; height: 45px; margin: 0 0 0 10px; box-shadow: 6px 9px 10px 0px rgba(0, 0, 0, 0.25); border-radius: 5px; font-family: 'HGGGothicssi'; font-weight: 800; font-size: 26px; line-height: 45px; color: #ab0c24; text-indent: 50px; text-transform: uppercase;}
.badge > div:first-child {margin: 0;}
.badge > div.new {width: 110px; background: #ffffff url(../../images/common/img_badge_new.png) 15px center no-repeat;}
.badge > div.hit {width: 96px; background: #ffffff url(../../images/common/img_badge_hit.png) 15px center no-repeat;}
.badge > div.event {width: 128px; background: #ffffff url(../../images/common/img_badge_event.png) 15px center no-repeat;}

.menu_list .wrap_sub {clear: both;}
.menu_list section.sub .txt_area .subtit {font-size: 26px;}
.menu_list section.sub .txt_area .tit {font-size: 44px; line-height: 65px;}
.menu_list section.sub .txt_area .desc {margin: 19px 0 0; font-size: 16px; color: #f58794;}
.menu_list section.sub.n2 .txt_area .subtit,
.menu_list section.sub.n2 .txt_area .tit,
.menu_list section.sub.n2 .txt_area .desc,
.menu_list section.sub.n5 .txt_area .subtit,
.menu_list section.sub.n5 .txt_area .tit,
.menu_list section.sub.n5 .txt_area .desc,
.menu_list section.sub.n6 .txt_area .subtit,
.menu_list section.sub.n6 .txt_area .tit,
.menu_list section.sub.n6 .txt_area .desc{color: #333333;}

.menu_list section.sub.n2 {float: left; width: 550px; padding: 0 0 0 730px; background: #c2b7af;}
.menu_list section.sub.n2 > a {padding: 62px 40px 411px 0;}
.menu_list section.sub.n2 .img_area {position: absolute; right: 40px; bottom: 0;}

.menu_list section.sub.n3 {float: right; width: 550px; padding: 0 730px 0 0; background: #ac162c;}
.menu_list section.sub.n3 > a {padding: 62px 0 411px 40px;}
.menu_list section.sub.n3 .img_area {position: absolute; left: 40px; bottom: 0;}

.menu_list section.sub.n4 {float: left; width: 550px; padding: 0 0 0 730px; background: #ac162c;}
.menu_list section.sub.n4 > a {padding: 62px 40px 411px 0;}
.menu_list section.sub.n4 .img_area {position: absolute; right: 40px; bottom: 0;}

.menu_list section.sub.n5 {float: right; width: 550px; padding: 0 730px 0 0; background: #c2b7af;}
.menu_list section.sub.n5 > a {padding: 62px 0 411px 40px;}
.menu_list section.sub.n5 .img_area {position: absolute; left: 40px; bottom: 0;}

.menu_list section.sub.n5.style2 {float: right; width: 550px; padding: 0 730px 0 0; background: #c2b7af;}
.menu_list section.sub.n5.style2 > a {padding: 62px 0 411px 40px;}
.menu_list section.sub.n5.style2 .img_area.style2 {position: absolute; left: 40px; bottom: -100px;}

.menu_list section.sub.n6 {float: left; width: 550px; padding: 0 0 0 730px; background: #c2b7af;}
.menu_list section.sub.n6 > a {padding: 62px 40px 411px 0;}
.menu_list section.sub.n6 .img_area {position: absolute; right: 9px; bottom: 0;}

.menu_list section.sub.n7 {float: right; width: 550px; padding: 0 730px 0 0; background: #ac162c;}
.menu_list section.sub.n7 > a {padding: 62px 0 411px 40px;}
.menu_list section.sub.n7 .img_area {position: absolute; left: 40px; bottom: 0;}

.menu_list section.sub.n8 {float: left; width: 550px; padding: 0 0 0 730px; background: #ac162c;}
.menu_list section.sub.n8 > a {padding: 62px 40px 374px 0;}
.menu_list section.sub.n8 .img_area {position: absolute; right: 27px; bottom: 0;}

.menu_list section.sub.none {float: right; width: 550px; height: 540px; padding: 0 730px 0 0; background: #c2b7af;}
.menu_list section.sub.none div {padding: 62px 0 411px 40px;}
.menu_list section.sub.none div img {position: absolute; top: 189px; left: 194px;}

/* 메뉴 > 메인 메뉴 > 상세 */
.menu_view {margin: -70px 0 -110px;}
.menu_view .sec {position: relative; margin: 0 -730px; padding: 0 730px;}
.menu_view .sec.visual {display: table; width: 100%; min-height: 620px; padding: 0 730px; background: url(../../images/common/bg_mainmemu1.gif) no-repeat;}
.menu_view .sec.visual .txt_area {display: table-cell; position: relative; z-index: 10; vertical-align: middle;}
.menu_view .sec.visual .txt_area .subtit {font-family: 'HGGGothicssi'; font-weight: 600; font-size: 26px; color: #ac162c;}
.menu_view .sec.visual .txt_area .tit {margin: 10px 0 0; font-family: 'HGGGothicssi'; font-weight: 800; font-size: 110px; line-height: 120px; letter-spacing: 0; color: #ac162c;}
.menu_view .sec.visual .txt_area .desc {margin: 32px 0 0; font-size: 18px; letter-spacing: 0; color: #ac162c;}
.menu_view .sec.visual .img_area {position: absolute; right: 730px; top: 50%; margin: -260px 0 0;}
.menu_view .sec.visual .img_area img {width: 520px; margin: 0 22px 0 0;}

.menu_view .sec.info {display: table; width: 100%; background: #9b0a1e;}
.menu_view .sec.info .box {display: table-cell; box-sizing: border-box; width: 366px; padding: 33px 30px 60px;}
.menu_view .sec.info .box:first-child,
.menu_view .sec.info .box:last-child {width: 367px; background: #ac162c;}
.menu_view .sec.info .box .num {font-family: 'HGGGothicssi'; font-weight: 800; font-size: 76px; color: #620303;}
.menu_view .sec.info .box .tit {margin: 6px 0 0; font-family: 'HGGGothicssi'; font-weight: 800; font-size: 34px; line-height: 44px; letter-spacing: 0; color: #ffffff;}
.menu_view .sec.info .box .desc {margin: 18px 0 0; font-size: 15px; line-height: 24px; letter-spacing: 0; color: #f58794;}

.menu_view .sec.desc {overflow: hidden; position: relative; padding: 0; background: url(../../images/common/bg_menudesc.gif) no-repeat center center; text-align: center;}
.menu_view .sec.desc .tit {position: absolute; top: 106px; z-index: 10; width: 100%; font-family: 'HGGGothicssi'; font-size: 42px; color: #ac162c;}
.menu_view .sec.desc .desc {position: absolute; top: 181px; z-index: 10; width: 100%; font-size: 16px; line-height: 30px; color: #222222;}
.menu_view .sec.desc .img_desc {margin: 0 auto;}
.menu_view .sec.desc .img_ricecake1 {position: absolute; top: 79px; left: 608px;}
.menu_view .sec.desc .img_ricecake2 {position: absolute; top: 0; right: 665px;}
.menu_view .sec.desc .img_ricecake3 {position: absolute; top: 116px; right: 589px;}

.menu_view .sec.img {padding: 0;}

.menu_view .sec.rec {padding: 68px 730px 110px; background: #464242;}
.menu_view .sec.rec .tit {padding: 0 0 0 50px; background: url(../../images/common/bg_menu_subtit1.png) left center no-repeat; font-family: 'HGGGothicssi'; font-size: 42px; color: #ffffff;}
.menu_view .sec.rec .recommend_list {display: table; table-layout: fixed; width: 100%; margin: 38px 0 0;}
.menu_view .sec.rec .recommend_list > li {display: table-cell; position: relative; box-sizing: border-box; background: #403c3c;}
.menu_view .sec.rec .recommend_list > li:nth-child(2) {background: #3c3838;}
.menu_view .sec.rec .recommend_list > li:nth-child(2).nodata {background: #3c3838 url(../../images/common/bg_menu_noimage.png) center center no-repeat;}
.menu_view .sec.rec .recommend_list > li > a {display: block; padding: 80px 75px 54px;}
.menu_view .sec.rec .recommend_list > li .img > img {width: 400px; height: 400px;}
.menu_view .sec.rec .recommend_list > li .txt {margin: 54px 0 0; font-family: 'HGGGothicssi'; font-weight: 800; font-size: 34px; line-height: 44px; letter-spacing: 0; color: #ffffff; text-align: center;}
.menu_view .sec.rec .recommend_list > li .btn_more {display: block; position: absolute; top: 30px; right: 30px; width: 50px; height: 50px; background: url(../../images/common/btn_menu_more.png) no-repeat; text-indent: -9999px; transform: rotate(0deg); transition: all .3s;}
.menu_view .sec.rec .recommend_list > li .btn_more:hover {transform: rotate(90deg);}

/* 메뉴 > 세트 메뉴 */
.set_menu {margin: -70px -730px -110px;}
.set_menu .slick-item {position: relative;}
.set_menu .slick-item:nth-child(odd) {background: #9b0a1e;}
.set_menu .slick-item:nth-child(even) {background: #ded3ca;}
.set_menu .slick-item img {position: absolute; left: 50%; height: 100%; transform: translateX(-50%);}

.set_menu .slick-dots {position: fixed; top: 50%; left: 50%; z-index: 100; margin: -130px 0 0 -650px;}
.set_menu .slick-dots li {position: relative; margin: 20px 0 0;}
.set_menu .slick-dots li:first-child {margin: 0;}
.set_menu .slick-dots li:after {display: block; content: ''; position: absolute; bottom: -20px; left: 24px; width: 2px; height: 20px; background: #333333;}
.set_menu .slick-dots li:last-child:after {content: none;}
.set_menu .slick-dots li button {display: block;overflow:hidden; position: relative; width: 50px; height: 50px; font-size: 0; outline: none; transition: all .3s;}
/* .set_menu .slick-dots li:nth-child(1) button {background: url(../../images/common/img_set_quick1.png) no-repeat;}
.set_menu .slick-dots li:nth-child(2) button {background: url(../../images/common/img_set_quick2.png) no-repeat;}
.set_menu .slick-dots li:nth-child(3) button {background: url(../../images/common/img_set_quick3.png) no-repeat;}
.set_menu .slick-dots li:nth-child(4) button {background: url(../../images/common/img_set_quick4.png) no-repeat;} */
.set_menu .slick-dots li:nth-child(1) button {background: url(../../images/common/img_set_quick5.png) no-repeat;}
.set_menu .slick-dots li:nth-child(2) button {background: url(../../images/common/img_set_quick1.png) no-repeat;}
.set_menu .slick-dots li:nth-child(3) button {background: url(../../images/common/img_set_quick2.png) no-repeat;}
.set_menu .slick-dots li:nth-child(4) button {background: url(../../images/common/img_set_quick3.png) no-repeat;}
.set_menu .slick-dots li:nth-child(5) button {background: url(../../images/common/img_set_quick4.png) no-repeat;}

.set_menu .slick-dots li button:after {overflow: hidden; position: absolute; top: 0; left: 0; z-index: -10; box-sizing: border-box; width: 0; height: 50px; border-radius: 25px 6px 6px 25px; background: #ffffff; font-family: 'HGGGothicssi'; font-weight: 800; font-size: 22px; line-height: 50px; color: #333333; text-align: left; text-indent: 65px; transition: all .3s; opacity: 0;}
/* .set_menu .slick-dots li:nth-child(1) button:after {content: '1인세트';}
.set_menu .slick-dots li:nth-child(2) button:after {content: '2인세트';}
.set_menu .slick-dots li:nth-child(3) button:after {content: '3인세트';}
.set_menu .slick-dots li:nth-child(4) button:after {content: '4인세트';} */
.set_menu .slick-dots li:nth-child(1) button:after {content: '파티세트';}
.set_menu .slick-dots li:nth-child(2) button:after {content: '1인세트';}
.set_menu .slick-dots li:nth-child(3) button:after {content: '2인세트';}
.set_menu .slick-dots li:nth-child(4) button:after {content: '3인세트';}
.set_menu .slick-dots li:nth-child(5) button:after {content: '4인세트';}

.set_menu .slick-dots li button:hover {width: 207px;}
.set_menu .slick-dots li button:hover:after {overflow: visible; width: 207px; background: #333333; color: #ffffff; opacity: 1;}
/* .set_menu .slick-dots li.slick-active button:after {overflow: visible; width: 207px; background: #333333; color: #ffffff; opacity: 1;} */

/* .set_menu{height:1020px} */

/* 메뉴 > 사이드 메뉴 (리스트) */
.menu_list.side section.visual > a {padding: 68px 0 66px;}
.menu_list.side section.visual .txt_area {width: 441px; margin: 125px 0 0 44px;}
.menu_list.side section.sub.n2 > a {padding: 62px 40px 374px 0;}
.menu_list.side section.sub.n3 > a {padding: 62px 0 374px 40px;}
.menu_list.side section.sub.n4 > a {padding: 62px 40px 374px 0;}
.menu_list.side section.sub.n5 > a {padding: 62px 0 374px 40px;}

/* 메뉴 > 사이드 메뉴 > 상세 */
.menu_view.side .sec.taste {padding: 47px 730px 52px; background: #ac162c;}
.menu_view.side .sec.taste .txt_area .tit {font-family: 'HGGGothicssi'; font-weight: 800; font-size: 42px; color: #ffffff;}
.menu_view.side .sec.taste .txt_area .desc {margin: 22px 0 0; font-size: 16px; line-height: 30px; color: #f58794;}

/* 스토어 > 매장찾기 > 검색 후 > 결과 있을 때 */
.find_store {position: relative; margin: -70px 0 -110px;}
.find_store .map {height: 730px; margin: 0 -730px;}
.find_store .map .info_wrap {position: absolute; top: 131px; left: 538px; width: 400px;}
.find_store .map .info_wrap .mark {display: inline-block;}
.find_store .map .info_wrap .mark img {width: 50px;}

.find_store .map .store_info {padding: 15px 20px 20px 20px; border: 1px solid #ae1a1a; background: #ffffff;}
.find_store .map .store_info .tit {padding: 0 0 15px; border-bottom: 1px solid #dfdfdf; font-weight: 700; font-size: 18px;}
.find_store .map .store_info .info {margin: 10px 0 -6px;}
.find_store .map .store_info .info tr th {font-weight: 700; font-size: 14px; color: #222222; text-align: left;}
.find_store .map .store_info .info tr td {padding: 6px 0; font-size: 14px; color: #222222;}
.find_store .map .store_info .info tr td.del {font-size: 0;}
.find_store .map .store_info .info tr td.del img {width: 20px; height: 20px; margin: 0 0 0 5px;}
.find_store .map .store_info .info tr td.del img:first-child {margin: 0;}
.find_store .map.before:before {display: block; content: ''; position: absolute; top: 0; left: -730px; right: -730px; bottom: 0; background: #f4f4f4; opacity: 0.85;}

.find_store .search_box {position: absolute; top: 0; left: 0; box-sizing: border-box; width: 375px; height: 100%; margin: 0; padding: 35px 25px 19px; background: #ffffff;}
.find_store .search_box .box {position: relative; margin: 20px 0 0; font-size: 0;}
.find_store .search_box .box:first-child {margin: 0;}
.find_store .search_box .box select {width: 155px; margin: 0 15px 0 0;}
.find_store .search_box .box select:last-child {margin: 0;}
.find_store .search_box .box .btn_search {position: absolute; top: -5px; right: 0; padding: 10px;}
.find_store .search_box .box .btn_nearby {background: #222222 url(../../images/common/bg_nearby.png) 128px center no-repeat; text-indent: 24px;}

.find_store .search_box .result {margin: 33px 0 0; letter-spacing: initial;}
.find_store .search_box .result .txt {padding: 0 0 8px; border-bottom: 1px solid #dfdfdf; font-size: 14px; color: #111111;}
.find_store .search_box .result .txt .val {font-weight: 700; font-size: 20px; color: #f42b4a; vertical-align: baseline;}
.find_store .search_box .result .list {overflow: auto; height: 448px;}
.find_store .search_box .result .list .info {padding: 20px 0; border-bottom: 1px solid #dfdfdf;}
.find_store .search_box .result .list .info > a {display: block; padding: 0 30px 0 50px; background: url(../../images/common/img_mark_off.png) left center / 34px 45px no-repeat;}
.find_store .search_box .result .list .info.on > a {background-image: url(../../images/common/img_mark_on.png);}
.find_store .search_box .result .list .info > a p {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.find_store .search_box .result .list .info .name {font-weight: 700; font-size: 16px; color: #111111;}
.find_store .search_box .result .list .info .address {margin: 8px 0 0; font-size: 14px; color: #666666;}

.find_store .store_info .btn_close {position: absolute; top: 21px; right: 21px;}
.find_store .store_info .btn_close a {display: block;}

/* 스토어 > 매장찾기 > 검색 후 > 결과 없을 때 */
.find_store .search_box .result .list .no_result {display: table; table-layout: fixed; width: 100%; height: 100%; font-size: 16px; color: #000000;}
.find_store .search_box .result .list .no_result .notice {display: table-cell; height: 100%; background: url(../../images/common/img_mark_off.png) center 134px / 50px 68px no-repeat; text-align: center; vertical-align: middle;}

/* 스토어 > 매장찾기 > 검색 전 */
.find_store .map .guide {position: absolute; top: 227px; right: 174px;}
.find_store .map .guide .txt {padding: 126px 0 0; background: url(../../images/common/img_mark_on.png) center top no-repeat; font-family: 'NanumSquare'; font-weight: 700; font-size: 24px; line-height: 32px; text-align: center;}
.find_store .map .guide .btn_find {margin: 46px 0 0; background: #222222 url(../../images/common/bg_find.png) 120px center no-repeat; text-indent: 25px;}

/* 스토어 > 매장안내 > 목록 */
.store_list {margin: -70px 0 0;padding-bottom:100px}
.search_box {margin: 0 -730px; padding: 48px 730px 50px; background: #ffffff;}
.store_list .search_box .tit {background: url(../../images/main/bg_subtit2.png) left center no-repeat;}

.store_result {margin: 50px 0 0;}
.store_result .box {width: 100%; margin: 25px 0 0; background: #ffffff; transition: all .3s;}
.store_result .box:first-child {margin: 0;}
.store_result .box > .tb {display: table; table-layout: fixed; box-sizing: border-box; padding: 25px;}
.store_result .box > .tb > div {display: table-cell; vertical-align: middle;}

.store_result .box .img_area {overflow: hidden; width: 320px; height: 240px; background: url(../../images/common/thumb_store_noimage.gif) no-repeat;}
.store_result .box .info_area {position: relative; width: auto; padding: 15px 0 0 40px; vertical-align: top;}
.store_result .box .info_area .new {position: absolute; top: 0; right: 0;}
.store_result .box .info_area .tit {font-family: 'NanumSquare'; font-weight: 700; font-size: 24px; transition: all .3s;}
.store_result .box .info_area .detail {margin: 14px 0 0;}

.store_result .box .info_area .detail dl {display: table; table-layout: fixed; width: 100%; margin: 15px 0 0; line-height: 30px;}
.store_result .box .info_area .detail dl:first-child {margin: 0;}
.store_result .box .info_area .detail dl dt {display: table-cell; width: 74px; padding: 0 0 0 46px; font-weight: 700; font-size: 16px; color: #222222; transition: all .3s;}
.store_result .box .info_area .detail dl.add dt {background: url(../../images/common/icon_store_address.png) left center no-repeat;}
.store_result .box .info_area .detail dl.tel dt {background: url(../../images/common/icon_store_tel.png) left center no-repeat;}
.store_result .box .info_area .detail dl.del dt {background: url(../../images/common/icon_store_delivery.png) left center no-repeat;}
.store_result .box .info_area .detail dl.what dt {background: url(../../images/common/icon_store_what3words.png) left center no-repeat;width:1px}
.store_result .box .info_area .detail dl.what dd{padding-left:0}
.store_result .box .info_area .detail dl dd {display: table-cell; overflow: hidden; width: auto; padding: 0 0 0 27px; font-size: 16px; color: #222222; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; transition: all .3s;}
.store_result .box .info_area .detail dl dd img {display: block; float: left; width: 30px; height: 30px; margin: 0 0 0 10px;}
.store_result .box .info_area .detail dl dd img:first-child {margin: 0;}

.store_result .box.new_store {background: #333333;}
.store_result .box.new_store .info_area .tit,
.store_result .box.new_store .info_area .detail dl dt,
.store_result .box.new_store .info_area .detail dl dd {color: #ffffff;}

.store_result .box:hover {background: #ac162c;}
.store_result .box:hover .info_area .tit,
.store_result .box:hover .info_area .detail dl dt,
.store_result .box:hover .info_area .detail dl dd {color: #ffffff;}

.store_result .no_data {background: #ffffff url(../../images/common/img_mark_off.png) center 193px no-repeat;}

/* 스토어 > 매장안내 > 상세 */
.store_view .view_area {padding: 50px 50px 60px 50px; background: #ffffff;}
.store_view .view_area .tit_wrap {padding: 0 0 21px 11px;}
.store_view .view_area .tit_wrap .tit {font-family: 'NanumSquare'; font-weight: 700; font-size: 34px;}
.store_view .view_area .store_visual {position: relative; overflow: hidden; height: 750px; margin: 50px 0 0;}
.store_view .view_area .store_visual .slick-prev {position: absolute; top: 50%; left: 30px; z-index: 10; width: 60px; height: 60px; margin: -30px 0 0; background: url(../../images/common/btn_store_prev.png) no-repeat; font-size: 0;}
.store_view .view_area .store_visual .slick-next {position: absolute; top: 50%; right: 30px; z-index: 10; width: 60px; height: 60px; margin: -30px 0 0; background: url(../../images/common/btn_store_next.png) no-repeat; font-size: 0;}

.store_view .view_area .detail {margin: 50px 0 0;}
.store_view .view_area .detail dl {display: table; table-layout: fixed; width: 100%; border-top: 1px solid #dfdfdf; line-height: 30px;}
.store_view .view_area .detail dl:last-child {border-bottom: 1px solid #dfdfdf;}
.store_view .view_area .detail dl dt {display: table-cell; width: 148px; padding: 0 0 0 46px; font-weight: 700; font-size: 16px; color: #222222; vertical-align: middle;}
.store_view .view_area .detail dl.add dt {background: url(../../images/common/icon_store_address.png) left center no-repeat;}
.store_view .view_area .detail dl.tel dt {background: url(../../images/common/icon_store_tel.png) left center no-repeat;}
.store_view .view_area .detail dl.del dt {height: 80px; background: url(../../images/common/icon_store_delivery.png) left center no-repeat;}
.store_view .view_area .detail dl.time dt {background: url(../../images/common/icon_store_time.png) left center no-repeat;}
.store_view .view_area .detail dl.ser dt {background: url(../../images/common/icon_store_service.png) left center no-repeat;}
.store_view .view_area .detail dl.what dt {background: url(../../images/common/icon_store_what3words.png) left center no-repeat;}
.store_view .view_area .detail dl.what dt{width:1px}
.store_view .view_area .detail dl dd {display: table-cell; width: auto; padding: 20px 0; font-size: 16px; color: #222222; vertical-align: middle;}
.store_view .view_area .detail dl dd img {display: block; float: left; width: 40px; height: 40px; margin: 0 0 0 10px;}
.store_view .view_area .detail dl dd img:first-child {margin: 0;}
.store_view .view_area .detail dl.add dd {padding: 0;}
.store_view .view_area .detail dl.add dd p {padding: 13px 0; border-bottom: 1px solid #dfdfdf;}
.store_view .view_area .detail dl.add dd p:last-child {border: none;}
.store_view .view_area .detail dl.time dd {padding: 12px 0;}
.store_view .view_area .detail dl.ser dd span {display: block; float: left; margin: 0 30px 0 0; padding: 0 0 0 50px; line-height: 40px;}
.store_view .view_area .detail dl.ser dd span:last-child {margin: 0;}
.store_view .view_area .detail dl.ser dd span.togo {background: url(../../images/common/icon_service_togo.png) left center no-repeat;}
.store_view .view_area .detail dl.ser dd span.wifi {background: url(../../images/common/icon_service_wifi.png) left center no-repeat;}
.store_view .view_area .caution {margin: 26px 0 0; font-size: 14px; color: #f42b4a;}
.store_view .view_area .map_area {position: relative; margin: 57px 0 0; padding: 0 0 60px;}
.store_view .view_area .map_area .store_info {box-sizing: border-box; width: 400px; padding: 20px; border: 1px solid #ac162c; background: #ffffff;}
.store_view .view_area .map_area .store_info .name {margin: -5px 0 0; padding: 0 0 15px; font-weight: 700; font-size: 18px;}
.store_view .view_area .map_area .store_info .address {margin: 16px 0 7px; font-size: 14px; color: #222222;}
.store_view .view_area .map_area .store_info .btn_close {position: absolute; top: 21px; right: 21px;}
.store_view .view_area .map_area .store_info .btn_close a {display: block;}
.store_view .view_area .map_area .mark {display: inline-block;}
.store_view .view_area .map_area .mark img {width: 50px;}

/* 커뮤니티 > 목록 */
.community_wrap {margin: -70px 0 0;padding-bottom:100px}
.community_wrap .search_box .tit {background: url(../../images/main/bg_subtit5.png) left center no-repeat;}
.board_wrap {margin: 40px 0 -25px; font-size: 0;}
.board_wrap .box {display: inline-block; box-sizing: border-box; width: 350px; margin: 0 25px 25px 0; background: #ffffff; transition: all .3s;}
.board_wrap .box:nth-child(3n) {margin: 0 0 25px 0;}
.board_wrap .box > a {display: block; padding: 25px; transition: all .3s;}
.board_wrap .box:hover > a {background: #ac162c;}
.board_wrap .box:hover > a .sort,
.board_wrap .box:hover > a .cont {color: #ffffff;}
.board_wrap .box .sort {padding: 0 0 0 46px; font-weight: 700; font-size: 16px; line-height: 31px;}
.board_wrap .box .sort.n {background: url(../../images/common/icon_community_ntc.png) no-repeat;}
.board_wrap .box .sort.m {background: url(../../images/common/icon_community_media.png) no-repeat;}
.board_wrap .box .sort.s {background: url(../../images/common/icon_community_story.png) no-repeat;}
.board_wrap .box .sort.c {background: url(../../images/common/icon_community_cpm.png) no-repeat;}
.board_wrap .box .sort.t {background: url(../../images/common/icon_community_tip.png) no-repeat;}
.board_wrap .box .cont {overflow: hidden; height: 76px; margin: 27px 0 36px; font-family: 'NanumSquare'; font-weight: 700; font-size: 24px; line-height: 38px; color: #111111;}

/* 커뮤니티 > 상세 */
.view_wrap {padding: 50px 50px 60px 50px; background: #ffffff;}
.view_wrap .tit_area {padding: 0 0 30px; border-bottom: 2px solid #000000;}
.view_wrap .tit_area .tit {font-family: 'NanumSquare'; font-weight: 700; font-size: 34px;}
.view_wrap .tit_area .info {height: 31px; margin: 17px 0 0; font-size: 0; line-height: 31px;}
.view_wrap .tit_area .info > span {display: inline-block; position: relative;}
.view_wrap .tit_area .info .type {padding: 0 0 0 47px; font-weight: 700; font-size: 16px; color: #000000;}
.view_wrap .tit_area .info .type.n {background: url(../../images/common/icon_community_ntc.png) left center no-repeat;}
.view_wrap .tit_area .info .type.m {background: url(../../images/common/icon_community_media.png) left center no-repeat;}
.view_wrap .tit_area .info .type.s {background: url(../../images/common/icon_community_story.png) left center no-repeat;}
.view_wrap .tit_area .info .date {margin: 0 0 0 20px; padding: 0 0 0 20px; font-size: 16px; color: #777777;}
.view_wrap .tit_area .info .date:before {display: block; content: ''; position: absolute; left: 0; top: 8px; width: 1px; height: 15px; background: #999999;}
.view_wrap .tit_area .info .date .red3 {margin: 0 0 0 7px;}
.view_wrap .cont_area {min-height: 500px; padding: 54px 0;}
.view_wrap .cont_area > div {font-size: 16px; line-height: 30px; color: #222222;}
.view_wrap .cont_area > div > img {max-width: 100%; margin: 52px 0 0;}

.view_wrap .download_area {overflow: hidden; padding: 20px 0 60px; border-top: 1px solid #e3e3e3;}
.view_wrap .download_area .tit {float: left; width: 150px; margin: 5px 0 0; padding: 0 0 0 45px; background: url(../../images/common/icon_download.png) left center no-repeat; font-weight: 700; font-size: 16px; line-height: 30px; color: #222222;}
.view_wrap .download_area .list {float: left; width: 805px;}
.view_wrap .download_area .list li {margin: 10px 0 0; padding: 0 0 0 45px; background: #f4f4f4 url(../../images/common/icon_file.png) 20px center no-repeat;
border-radius: 5px; line-height: 40px;}
.view_wrap .download_area .list li:first-child {margin: 0;}
.view_wrap .download_area .list li a {font-size: 16px; color: #222222;}

.view_page .btn_wrap {margin: 50px 0 0;}

/* 고객의 소리 */
.customer_center{padding-bottom:100px}
.customer_center .notice {padding: 31px 50px; background: #ffffff url(../../images/common/img_customer_notice.png) 50px 31px no-repeat;}
.customer_center .notice .txt {padding: 14px 0 14px 100px; font-size: 16px; line-height: 26px;}

.customer_center .agreement {margin: 20px 0 0; padding: 44px 50px 49px; background: #ffffff;}
.customer_center .agreement .tbl_info {margin: 26px 0 0;}
.customer_center .agreement .tbl_info th {padding: 16px 0 15px; background: #666666; font-weight: 700; font-size: 16px; color: #ffffff;}
.customer_center .agreement .tbl_info td {padding: 16px 0 15px; border-bottom: 1px solid #dfdfdf; font-size: 16px; color: #222222; text-align: center;}
.customer_center .agreement .tbl_info .caution {margin: 17px 0 0; padding: 0 0 0 27px; background: url(../../images/common/icon_caution.gif) left center no-repeat; font-size: 14px; color: #666666;}
.customer_center .agreement .chk_wrap {display: inline-block; width: 100%; margin: 46px 0 0; font-size: 0; text-align: center;}

.input_area {margin: 25px 0 0; padding: 44px 50px 50px; background: #ffffff;}
.input_area .tbl_input {margin: 13px 0 0;}
.input_area .tbl_input table {border: solid #000000; border-width: 2px 0 1px;}
.input_area .tbl_input table th {padding: 0 20px; background: #f4f4f4; border-bottom: 1px solid #e7e7e7; font-weight: 700; font-size: 16px; color: #222222; text-align: left;}
.input_area .tbl_input table td {padding: 10px 20px; border-bottom: 1px solid #e7e7e7; font-size: 16px; color: #222222; text-align: left;}

.input_area .tbl_input .boxed {position: relative; overflow: hidden; width: 100%;}
.input_area .tbl_input .boxed.date {overflow: visible;}
.input_area .tbl_input .boxed.date:after {display: block; content: ''; clear: both;}
.input_area .tbl_input .boxed > * {float: left; margin: 0 0 0 10px;}
.input_area .tbl_input .boxed > *:first-child {margin: 0;}
.input_area .tbl_input .boxed input.placeholder                {color: #999999;}
.input_area .tbl_input .boxed input::-webkit-input-placeholder {color: #999999;}
.input_area .tbl_input .boxed input::-moz-placeholder		   {color: #999999;}
.input_area .tbl_input .boxed input:-ms-input-placeholder	   {color: #999999;}
.input_area .tbl_input .boxed input:-moz-placeholder		   {color: #999999;}
.input_area .tbl_input .boxed .letter {line-height: 40px;}
.input_area .tbl_input .boxed .letter img {vertical-align: super;}
.input_area .tbl_input .boxed textarea {height: 134px; padding: 8px 15px; font-size: 16px; resize: none;}
.input_area .tbl_input .boxed .btn_file {border-radius: 6px;}
.input_area .tbl_input .boxed .btn_hidden {position: absolute; top: 0; left: 310px; z-index: 10; width: 122px; height: 40px; margin: 0; opacity: 0; cursor: pointer;}
.input_area .tbl_input .boxed .caution {display: block; clear: both; margin: 7px 0 0; font-size: 14px; color: #f42b4a;}
/* .input_area .tbl_input .boxed .uploaded {margin: 11px 0 4px;}
.input_area .tbl_input .boxed .uploaded ul li {padding: 0 0 0 25px; background: url(../../images/common/icon_file.png) left center no-repeat; font-size: 16px; line-height: 28px; letter-spacing: 0; color: #999999;}
.input_area .tbl_input .boxed .uploaded ul li .btn_delete {margin: 0 0 0 10px;}
.input_area .tbl_input .boxed .uploaded ul li .btn_delete img {vertical-align: middle;} */

/* 프랜차이즈 */

/* 프랜차이즈 > 기업소개 */
.greeting.franchise > div.n1 {background: url(../../images/common/bg_info1.gif) no-repeat;}

/* 프랜차이즈 > 기업이념 */
.idea_wrap {margin: -70px 0 -110px;}

.idea_wrap > section {position: relative; margin: 0 -730px; padding: 0 730px;}
.idea_wrap > section.n1 {background: url(../../images/common/bg_idea1.jpg) no-repeat;}
.idea_wrap > section.n1 .hgroup4 {padding: 118px 0 0;}
.idea_wrap > section.n1 .hgroup4 .tit {background: url(../../images/common/bg_idea_subtit1.png) left center no-repeat; color: #999999;}
.idea_wrap > section.n1 .hgroup4 .desc {color: #999999;}
.idea_wrap > section.n1 .cont {display: inline-block; padding: 85px 0 117px;}
.idea_wrap > section.n1 .cont > div {width: 550px;}
.idea_wrap > section.n1 .cont > div.l {float: left;}
.idea_wrap > section.n1 .cont > div.l .tit {font-family: 'HGGGothicssi'; font-size: 76px; line-height: 85px; letter-spacing: 0; color: #ffffff;}
.idea_wrap > section.n1 .cont > div.l .desc {margin: 44px 0 0; font-size: 16px; line-height: 30px; color: #999999;}
.idea_wrap > section.n1 .cont > div.l .desc em {display: inline-block; margin: 0 0 15px;}

.idea_wrap > section.n1 .cont > div.r {float: right;}
.idea_wrap > section.n1 .cont > div.r .box {padding: 0 0 0 170px;}
.idea_wrap > section.n1 .cont > div.r .box:nth-child(1) {background: url(../../images/common/img_idea_philosophy1.png) left 11px no-repeat;}
.idea_wrap > section.n1 .cont > div.r .box:nth-child(2) {margin: 88px 0 0; background: url(../../images/common/img_idea_philosophy2.png) left 11px no-repeat;}
.idea_wrap > section.n1 .cont > div.r .box .tit {font-family: 'HGGGothicssi'; font-weight: 800; font-size: 26px; line-height: 46px; letter-spacing: 0; color: #ac162c;}
.idea_wrap > section.n1 .cont > div.r .box .tit img {margin: 2px 0 0; vertical-align: text-top;}
.idea_wrap > section.n1 .cont > div.r .box .desc {margin: 10px 0 0; font-size: 16px; line-height: 30px; color: #999999;}

.idea_wrap > section.n2 {padding: 120px 730px 0; background: #ffffff;}
.idea_wrap > section.n2 .hgroup4 .tit {background: url(../../images/common/bg_idea_subtit2.png) left center no-repeat;}

.idea_wrap > section.n2 .cont .txt {padding: 27px 0 0; font-family: 'HGGGothicssi'; font-weight: 800; font-size: 34px; line-height: 44px;}
.idea_wrap > section.n2 .cont .manage_wrap {margin: 95px 0 0;}
.idea_wrap > section.n2 .cont .manage_wrap > div {overflow: hidden; margin: 0 -730px;}
.idea_wrap > section.n2 .cont .manage_wrap > div .inner .num {font-family: 'HGGGothicssi'; font-weight: 800; font-size: 76px; color: #620303;}
.idea_wrap > section.n2 .cont .manage_wrap > div .inner .tit {margin: 6px 0 0; font-family: 'HGGGothicssi'; font-weight: 800; font-size: 56px; color: #ffffff;}
.idea_wrap > section.n2 .cont .manage_wrap > div .inner .desc {margin: 25px 0 0; font-size: 16px; line-height: 30px; color: #ffffff;}
.idea_wrap > section.n2 .cont .manage_wrap > div .inner .add {margin: 16px 0 0; font-size: 14px; line-height: 24px; color: #f58794;}
.idea_wrap > section.n2 .cont .manage_wrap .manage {background: url(../../images/common/bg_story_manage1.jpg) no-repeat;}
.idea_wrap > section.n2 .cont .manage_wrap .manage .inner {float: right; width: 490px; padding: 105px 730px 126px 60px;}
.idea_wrap > section.n2 .cont .manage_wrap .jos {background: url(../../images/common/bg_story_manage2.jpg) no-repeat;}
.idea_wrap > section.n2 .cont .manage_wrap .jos .inner {float: left; width: 550px; padding: 56px 0 80px 730px;}
.idea_wrap > section.n2 .cont .manage_wrap .jos .inner .tit .abbr {margin: 0 0 0 10px; font-size: 22px; vertical-align: baseline;}
.idea_wrap > section.n2 .cont .manage_wrap .tool {background: url(../../images/common/bg_story_manage3.jpg) no-repeat;}
.idea_wrap > section.n2 .cont .manage_wrap .tool .inner {float: right; width: 490px; padding: 87px 730px 109px 60px;}

/* 프랜차이즈 > 수상내역 */
.awards_wrap {margin: -70px 0 -110px;}
.awards_wrap > div {margin: 0 -730px;}
.awards_wrap .box_l,
.awards_wrap .box_r {overflow: hidden;}
.awards_wrap .box_l.y2016 {background: #ac162c url(../../images/common/bg_awards3.jpg) right top no-repeat;}
.awards_wrap .box_r.y2015 {background: #333333 url(../../images/common/bg_awards2.jpg) left top no-repeat;}
.awards_wrap .box_l.y2014 { background: #ffffff url(../../images/common/bg_awards1.jpg) right top no-repeat;}
.awards_wrap .box_l .inner {float: left; width: 500px; padding: 37px 50px 64px 730px;}
.awards_wrap .box_r .inner {float: right; width: 500px; padding: 37px 730px 64px 50px;}
.awards_wrap .box_l.y2014 .inner {padding: 38px 50px 154px 730px;}
.awards_wrap .inner .year {font-family: 'HGGGothicssi'; font-weight: 800; font-size: 90px; color: #ffffff;}
.awards_wrap .inner .list {margin: 12px 0 0;}
.awards_wrap .inner .list li {margin: 41px 0 0; padding: 0 0 0 68px; background: no-repeat left center;}
.awards_wrap .inner .list li:first-child {margin: 0;}
.awards_wrap .inner .list li .from {font-size: 16px; color: #ffffff;}
.awards_wrap .inner .list li .tit {margin: 5px 0 0; font-weight: 700; font-size: 20px; color: #ffffff;}
.awards_wrap .box_l.y2014 .inner .year,
.awards_wrap .box_l.y2014 .inner .list li .from,
.awards_wrap .box_l.y2014 .inner .list li .tit {color: #ac162c;}
.awards_wrap .box_l.y2016 .inner .list li:nth-child(1) {background-image: url(../../images/common/img_awards10.png);}
.awards_wrap .box_l.y2016 .inner .list li:nth-child(2) {background-image: url(../../images/common/img_awards09.png);}
.awards_wrap .box_l.y2016 .inner .list li:nth-child(3) {background-image: url(../../images/common/img_awards08.png);}
.awards_wrap .box_l.y2016 .inner .list li:nth-child(4) {background-image: url(../../images/common/img_awards07.png);}
.awards_wrap .box_l.y2016 .inner .list li:nth-child(5) {background-image: url(../../images/common/img_awards06.png);}
.awards_wrap .box_r.y2015 .inner .list li:nth-child(1) {background-image: url(../../images/common/img_awards05.png);}
.awards_wrap .box_r.y2015 .inner .list li:nth-child(2) {background-image: url(../../images/common/img_awards04.png);}
.awards_wrap .box_r.y2015 .inner .list li:nth-child(3) {background-image: url(../../images/common/img_awards03.png);}
.awards_wrap .box_r.y2015 .inner .list li:nth-child(4) {background-image: url(../../images/common/img_awards02.png);}
.awards_wrap .box_l.y2014 .inner .list li:nth-child(1) {background-image: url(../../images/common/img_awards01.png);}

/* 개설정보 > 가맹절차 */
.procedure .hgroup4 .tit {background: url(../../images/common/bg_sitemap_idea.png) left center no-repeat;}

.procedure .open_proc {width: 800px; margin: 64px auto 0;}
.procedure .open_proc li {display: inline-block; position: relative;}
.procedure .open_proc li .box {float: left; position: relative; width: 90px; min-height: 189px; margin: 0 0 64px 146px;}
.procedure .open_proc li .box:first-child {margin: 0;}
.procedure .open_proc li .box:before {display: block; content: ''; width: 146px; height: 10px; position: absolute; top: 40px; right: -146px; background: #ffffff;}
.procedure .open_proc li .box:after {display: block; content: ''; position: absolute; top: 30px; right: -86px; width: 30px; height: 30px; background: url(../../images/common/open_proc_arr.png) 0 0 no-repeat;}
.procedure .open_proc li .box:last-child:before {display: none;}
.procedure .open_proc li .box:last-child:after {display: none;}
.procedure .open_proc li .box img {}
.procedure .open_proc li .box .step {position: absolute; top: 110px; left: 0; right: 0; font-weight: 700; font-size: 14px; color: #999999; text-align: center;}
.procedure .open_proc li .box .desc {position: relative; margin: 55px -20px 0; font-weight: 700; font-size: 16px; line-height: 22px; text-align: center;}
.procedure .open_proc li .box .desc:before {display: block; content: ''; position: absolute; top: -8px; left: 50%; width: 20px; height: 2px; margin: 0 0 0 -10px; background: #ac162c;}

.procedure .open_proc li:after {display: block; content: ''; position: absolute; top: 40px; right: -152px; z-index: 1; width: 152px; height: 263px; background: url(../../images/common/open_proc_arr2.gif) 0 0 no-repeat;}
.procedure .open_proc li:nth-child(even):after {right: auto; left: -152px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotateY(180deg);}
.procedure .open_proc li:last-child:after {display: none;}

.procedure .open_proc li:nth-child(even) .box {float: right; margin: 0 0 64px 146px;}
.procedure .open_proc li:nth-child(even) .box:last-child {margin: 0;}
.procedure .open_proc li:nth-child(even) .box:first-child:before,
.procedure .open_proc li:nth-child(even) .box:first-child:after {display: none;}
.procedure .open_proc li:nth-child(even) .box:last-child:before,
.procedure .open_proc li:nth-child(even) .box:last-child:after {display: block;}

.procedure .open_proc li:nth-child(even) .box:after {transform: rotate(180deg);}

#bannerSub {position: relative; width: 1100px; margin: -70px auto 70px;}
#bannerSub > a {display: block;}
#bannerSub .inner {box-sizing: border-box; height: 500px; margin: 0 -730px; padding: 172px 730px 104px;}
#bannerSub .inner .badge {top: 108px;}
#bannerSub .inner .tit {font-family: 'HGGGothicssi'; font-weight: 800; font-size: 54px; line-height: 70px; color: #ffffff;}
#bannerSub .inner .desc {margin: 28px 0 0; font-size: 18px; line-height: 28px; color: #cccccc;}

/* 개설정보 > 가맹점 비용 */
.cost_wrap {padding: 50px 50px 60px; background: #ffffff;}
.tbl_cont {position: relative; margin: 27px 0 0;}
.tbl_cont .unit {position: absolute; top: -48px; right: 0; font-size: 14px; color: #f42b4a;}
.tbl_cont table {border-top: 2px solid #000000; border-bottom: 1px solid #222222;}
.tbl_cont table th {padding: 18px 0; border: solid #eaeaea; border-width: 0 0 1px 1px; background: #f4f4f4; font-weight: 700; font-size: 16px; color: #222222; text-align: center;}
.tbl_cont table td {padding: 17px 0; border: solid #eaeaea; border-width: 0 0 1px 1px; font-size: 16px; line-height: 26px; color: #222222; text-align: center;}
.tbl_cont table th:first-child {border-left: none;}
.tbl_cont table .total th,
.tbl_cont table .total td {background: #f9f1f1; font-weight: 700;}

/* 개설정보 > 점주님을 위한 공간 > 리스트 */
.owner_wrap {margin: -70px 0 0;}
.owner_wrap .search_box .tit {background: url(../../images/main/bg_subtit5.png) left center no-repeat;}

/* 개설정보 > 자주하는 질문 */
.faq_wrap .hgroup4 {padding: 51px 50px 60px; background: #ffffff;}
.faq_wrap .hgroup4 .tit {background: url(../../images/common/bg_faq.png) left top no-repeat;}

.faq_wrap .faq_list {margin: 25px 0 0; padding: 0 50px; background: #ffffff;}
.faq_wrap .faq_list li .qbox {display: block; position: relative; padding: 0 53px 0 76px; border-bottom: 1px solid #eaeaea;}
.faq_wrap .faq_list li .qbox:before {display: block; content: 'Q'; position: absolute; left: 20px; top: 50%; width: 35px; height: 35px; margin: -17px 0 0; background: #111111; border-radius: 50%; font-weight: 700; font-size: 20px; line-height: 32px; color: #ffffff; text-align: center;}
.faq_wrap .faq_list li .qbox .tit {padding: 30px 0; font-weight: 700; font-size: 16px;}
.faq_wrap .faq_list li .qbox:after {display: block; content:''; position: absolute; right: 20px; top: 50%; width: 13px; height: 8px; margin: -4px 0 0; background: url(../../images/common/arr_faq_up.png) no-repeat; transition: all .3s;}

.faq_wrap .faq_list li .abox {position: relative; overflow: hidden; height: 0; padding: 0 53px 0 76px; border-bottom: 1px solid #eaeaea; background: #f4f4f4; transition: all .3s;}
.faq_wrap .faq_list li .abox:before {display: block; content: 'A'; position: absolute; left: 20px; top: 0; width: 35px; height: 35px; background: #ac162c; border-radius: 50%; font-weight: 700; font-size: 20px; line-height: 32px; color: #ffffff; text-align: center; transition: all .3s;}
.faq_wrap .faq_list li .abox .txt {min-height: 46px; font-size: 16px; line-height: 26px;}

.faq_wrap .faq_list li:last-child .qbox,
.faq_wrap .faq_list li:last-child .abox {border: none;}
.faq_wrap .faq_list li:last-child.on .qbox {border-bottom: 1px solid #eaeaea;}

.faq_wrap .faq_list li.on .qbox:after {background: url(../../images/common/arr_faq_down.png) no-repeat;}
.faq_wrap .faq_list li.on .abox {height: auto; padding: 30px 53px 30px 76px;}
.faq_wrap .faq_list li.on .abox:before {top: 36px;}
.faq_wrap .faq_list li.on .abox img {max-width: 100%;}
.faq_wrap .faq_list li:last-child.on {padding: 0 0 30px;}

/* 개설정보 > 상담 신청 */
.consult .process {padding: 51px 50px 55px; background: #ffffff;}
.consult .process .step {display: table; table-layout: fixed; box-sizing: border-box; width: 100%; padding: 50px 12px 0;}
.consult .process .step li {display: table-cell; position: relative; text-align: center;}
.consult .process .step li:before {display: block; content: ''; position: absolute; top: 40px; left: -122px; width: 244px; height: 10px; background: #f4f4f4;}
.consult .process .step li:first-child:before {content: none;}
.consult .process .step li:after {display: block; content: ''; position: absolute; top: 31px; right: -15px; z-index: 10; width: 30px; height: 30px; background: url(../../images/common/arr_consult_step.png) no-repeat;}
.consult .process .step li:last-child:after {content: none;}
.consult .process .step li .img {position: relative; z-index: 10;}
.consult .process .step li .order {position: relative; padding: 15px 0 0; font-weight: 700; font-size: 14px; color: #999999;}
.consult .process .step li .order:after {display: block; content:''; position: absolute; bottom: -10px; left: 50%; width: 20px; height: 2px; margin: 0 0 0 -10px; background: #b7162f;}
.consult .process .step li .desc {margin: 22px 0 0; font-weight: 700; font-size: 18px;}

.consult .agreement {margin: 20px 0 0; padding: 44px 50px 49px; background: #ffffff;}
.consult .agreement .tbl_info {margin: 26px 0 0;}
.consult .agreement .tbl_info th {padding: 16px 0 15px; background: #666666; font-weight: 700; font-size: 16px; color: #ffffff;}
.consult .agreement .tbl_info td {padding: 16px 0 15px; border-bottom: 1px solid #dfdfdf; font-size: 16px; color: #222222; text-align: center;}
.consult .agreement .tbl_info .caution {margin: 17px 0 0; padding: 0 0 0 27px; background: url(../../images/common/icon_caution.gif) left top no-repeat; font-size: 14px; color: #666666;word-break:keep-all}

.consult .complete {margin: 25px 0 0; padding: 122px 0; background: #ffffff; text-align: center;}
.consult .complete .tit {font-family: 'NanumSquare'; font: 700; font-size: 24px;}
.consult .complete .desc {margin: 8px 0 0; font-size: 16px; line-height: 26px;}

/* 기타 */

/* 이용약관 */
.terms {padding: 50px; background: #ffffff;}
.terms .txt_area {margin: 44px 0 0;}
.terms .txt_area .chapter {margin: 76px 0 0;}
.terms .txt_area .chapter:first-child {margin: 0;}
.terms .txt_area .chapter .cpt_tit {padding: 0 0 14px; border-bottom: 2px solid #000000; font-family: 'NanumSquare'; font-weight: 700; font-size: 24px;}

.terms .txt_area .depth1 {word-break: keep-all;}
.terms .txt_area .depth1 > li {margin: 25px 0 0;}
.terms .txt_area .depth1 > li > .d1_tit {margin: 0 0 8px; font-weight: 700; font-size: 16px;}
.terms .txt_area .depth1 > li > .desc {margin: 0 0 5px; font-size: 16px; line-height: 30px; color: #222222;}
.terms .txt_area .depth1 > li > .desc:last-child {margin: 0;}

.terms .txt_area .depth2 > li {margin: 5px 0 0; font-size: 16px; line-height: 30px; color: #222222;}
.terms .txt_area .depth2 > li:first-child {margin: 0;}

.terms .txt_area .depth3 > li {padding: 0 0 0 40px; font-size: 16px; line-height: 30px; color: #666666; text-indent: -21px;}

/* 개인정보취급방침 */
.terms.privacy .hgroup2 .tit {padding: 0 0 22px; border-bottom: 2px solid #000000;}
.terms.privacy .txt_area {margin: 25px 0 0;}
.terms.privacy .txt_area .top .desc {font-size: 16px; line-height: 26px;}
.terms.privacy .txt_area .top .desc .guide {margin: 19px 0 0;}
.terms.privacy .txt_area .top .list_wrap {overflow: hidden; margin: 15px 0 0; padding: 30px 40px; background: #f4f4f4;}
.terms.privacy .txt_area .top .list_wrap .box_l {float: left; width: 460px;}
.terms.privacy .txt_area .top .list_wrap .box_r {float: right; width: 460px;}
.terms.privacy .txt_area .top .list_wrap ol li {font-size: 0;}
.terms.privacy .txt_area .top .list_wrap ol li span {display: inline-block;	font-size: 16px; line-height: 35px;}
.terms.privacy .txt_area .top .list_wrap ol li a {display: inline-block; font-size: 16px; line-height: 35px;}
.terms.privacy .txt_area .top .caution {margin: 15px 0 0; font-size: 16px; color: #ac162c;}

.terms.privacy .txt_area .depth1 > li {margin: 0; padding: 94px 0 0;}
.terms.privacy .txt_area .depth1 > li > .desc {margin: 25px 0 18px; font-size: 16px; line-height: 30px;}
.terms.privacy .txt_area .depth1 > li > .d1_tit {margin: 0 0 25px; padding: 0 0 14px; border-bottom: 2px solid #000000; font-family: 'NanumSquare'; font-weight: 700; font-size: 24px;}

.terms.privacy .txt_area .depth2 > li {margin: 15px 0 0; font-size: 16px; line-height: 30px; color: #222222;}
.terms.privacy .txt_area .depth2 > li:first-child {margin: 0;}
.terms.privacy .txt_area .depth2 .d2_tit {margin: 0 0 10px; font-weight: 700; font-size: 16px;}
.terms.privacy .txt_area .depth2 .tbl_wrap {margin: 15px 0 0; line-height: 1.5;}
.terms.privacy .txt_area .depth2 .tbl_wrap tr th {padding: 15px 0; background: #666666; font-weight: 700; font-size: 16px; color: #ffffff; text-align: center;}
.terms.privacy .txt_area .depth2 .tbl_wrap tr td {padding: 15px 0; border-bottom: 1px solid #dfdfdf; font-size: 16px; color: #222222; text-align: center;}

.terms.privacy .txt_area .depth2.type2 > li {margin: 5px 0 0; color: #111111;}

.terms.privacy .txt_area .depth3 > li {padding: 0 0 0 20px; color: #222222; text-indent: 0;}
.terms.privacy .txt_area .depth3.type2 {margin: 7px 0 0;}
.terms.privacy .txt_area .depth3.type2 > li {margin: 5px 0 0; padding: 0; text-indent: 0;}
.terms.privacy .txt_area .depth3.type2 > li.gray {color: #666666;}
.terms.privacy .txt_area .depth3.type2 > li:first-child {margin: 0;}
.terms.privacy .txt_area .depth3.type2 > li > .desc {padding: 0 0 0 20px; color: #666666;}
.terms.privacy .txt_area .depth3.type3 > li {margin: 10px 0 0;}
.terms.privacy .txt_area .depth3.type4 {margin: 10px 0 0;}

.terms.privacy .txt_area .depth4 {margin: 10px 0 0;}
.terms.privacy .txt_area .depth4 > li {padding: 0 0 0 20px; color: #666666;}

/* 사이트맵 - 브랜드 */
.sitemap {overflow: hidden; margin: 0 -80px -60px 0; padding: 3px 0 0;}
.sitemap .group {float: left; width: 510px; margin: 0 80px 60px 0;}
.sitemap .group:nth-child(odd) {clear: both;}
.sitemap .group.brand dt {background: url(../../images/common/bg_sitemap_brand.png) right center no-repeat;}
.sitemap .group.menu dt {background: url(../../images/common/bg_sitemap_menu.png) right center no-repeat;}
.sitemap .group.store dt {background: url(../../images/common/bg_sitemap_store.png) right center no-repeat;}
.sitemap .group.community dt {background: url(../../images/common/bg_sitemap_community.png) right center no-repeat;}
.sitemap .group dt {margin: -14px 0 0; padding: 0 0 5px; border-bottom: 2px solid #000000; font-family: 'HGGGothicssi'; font-weight: 800; font-size: 40px; letter-spacing: 0; color: #ac162c;}
.sitemap .group dd {padding: 15px 0; border-bottom: 1px solid #d1d1d1;}
.sitemap .group dd a {display: block; position: relative; padding: 0 0 0 14px; font-size: 18px;}
.sitemap .group dd a:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 4px; height: 4px; margin: -2px 0 0; border-radius: 50%; background: #111111;}
.sitemap .group dd a:hover {font-weight: 700; color: #ac162c;}
.sitemap .group dd a:hover:before {background: #ac162c;}

/* 사이트맵 - 프랜차이즈 */
.sitemap .group.idea dt {background: url(../../images/common/bg_sitemap_idea.png) right center no-repeat;}
.sitemap .group.awards dt {background: url(../../images/common/bg_sitemap_awards.png) right center no-repeat;}
.sitemap .group.open dt {background: url(../../images/common/bg_sitemap_open.png) right center no-repeat;}

/* 에러 */
.error_wrap {display: table; table-layout: fixed; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: 0 -730px; padding: 0 730px; background: #f1ebe7;}
.error_wrap .cont {display: table-cell; text-align: center; vertical-align: middle;}
.error_wrap .cont .tit {padding: 281px 0 0; background: url(../../images/common/img_error.png) center top no-repeat; font-family: 'HGGGothicssi'; font-weight: 800; font-size: 30px; line-height: 44px; color: #000000;}
.error_wrap .cont .desc {margin: 27px 0 0; font-size: 16px; line-height: 26px; color: #2d2d2d;}

/* 2019-02-28 IJ */

#news .rdo_area span {margin: 0 13px 0 0; font-weight: 400; font-size: 14px; line-height: 32px; color: #000000; letter-spacing: -0.03em;}
#news .rdo_area button {position: relative; font-weight: 700; font-size: 14px; line-height: 32px; color: #707070; letter-spacing: -0.03em;}
#news .rdo_area button:before {display: block; content: ''; position: absolute; bottom: 4px; left: 2px; width: 50px; height: 1px; background: #070707;}

#container > .news_list {min-width: 1000px; width: 100%; margin: 0 auto;}
#container > .news_list > li {overflow-x: hidden;}
#container > .news_list > li .intro_wrap {display: table; width: 100%; height: 100%; background: url(/images/common/intro_img.jpg) center center no-repeat;}
#container > .news_list > li .intro_wrap > .intro_area {display: table-cell; padding: 178px 0 0; text-align: center;}
#container > .news_list > li .intro_wrap > .intro_area > .title {width: 652px; height: 270px; margin: 0 auto; border-bottom: 1px solid #d3838e; padding: 0 0 14px; background: url(/images/common/title.png) center top no-repeat; text-indent: -9999em;}
#container > .news_list > li .intro_wrap > .intro_area > .text {margin: 14px 0 0; font-weight: 400; font-size: 24px; line-height: 48px; color: #ffffff; letter-spacing: -0.025em;}
#container > .news_list > li .intro_wrap > .intro_area > .btn_area {margin: 21px 0 0; font-size: 0;}
#container > .news_list > li .intro_wrap > .intro_area > .btn_area > a {display: inline-block; width: 180px; border-radius: 25px; background: #ffffff; font-weight: 400; font-size: 22px; line-height: 48px; color: #ac162c; letter-spacing: -0.025em;}
#container > .news_list > li .intro_wrap > .intro_area > .btn_area > a:first-child {margin: 0 11px 0 0;}

#container > .news_list > li .news {display: table; width: 100%;}
#container > .news_list > li .news.news1,
#container > .news_list > li .news.news2,
#container > .news_list > li .news.news3,
#container > .news_list > li .news.news4 {height: 100%;}

#container > .news_list > li .news.news1 {background: url(/images/common/news_01.jpg) center center no-repeat;}
#container > .news_list > li .news.news2 {background: url(/images/common/news_02.jpg) center center no-repeat;}
#container > .news_list > li .news.news3 {background: url(/images/common/news_03.jpg) center center no-repeat;}
#container > .news_list > li .news.news4 {background: url(/images/common/news_04.jpg) center center no-repeat;}

#container > .news_list > li .news > .news_wrap {display: table-cell; margin: 0 auto; text-align: center; vertical-align: middle;}
#container > .news_list > li .news > .news_wrap > .news_area {margin: 0 auto;}
#container > .news_list > li .news > .news_wrap > .news_area > .sub_title {width: 110px; margin: 16px auto 0; border-radius: 16px; border: 1px solid #ffffff; font-weight: 800; font-size: 14px; line-height: 30px; color: #ffffff; letter-spacing: -0.025em;}
#container > .news_list > li .news > .news_wrap > .news_area > .text {margin: 40px 0 0; font-weight: 400; font-size: 24px; line-height: 32px; color: #ffffff; letter-spacing: -0.01em;}

#container > .news_list > li .shop_gain {width: 1000px; margin: 0 auto;}
#container > .news_list > li .shop_gain.shop_9_1 {width: 100%;}
#container > .news_list > li .shop_gain .inner {overflow: hidden; margin: 0 -780px;}
#container > .news_list > li .shop_gain .text_area {float: left; padding: 236px 0 0 550px;}
#container > .news_list > li .shop_gain .text_area > .sub_tit {width: 110px; border-radius: 16px; border: 1px solid #ac162c; font-weight: 800; font-size: 14px; line-height: 30px; color :#ac162c; letter-spacing: -0.025em; text-align: center;}
#container > .news_list > li .shop_gain .text_area > .title {width: 330px; border-bottom: 4px solid #ac162c; text-indent: -9999em;}
#container > .news_list > li .shop_gain .text_area > .text {margin: 21px 0 0; font-weight: 400; font-size: 24px; line-height: 34px; color: #4d4d4d; letter-spacing: -0.025em;}
#container > .news_list > li .shop_gain .text_01 {font-weight: 400; font-size: 24px; line-height: 32px; color: #ffffff; letter-spacing: -0.01em; text-align: center;}
#container > .news_list > li .shop_gain .sub_text {margin: 32px 0 0; font-weight: 400; font-size: 24px; line-height: 32px; color: #ffffff; letter-spacing: -0.01em; text-align: center;}
#container > .news_list > li .shop_gain .text_area > .text_info {margin: 70px 0 0; font-weight: 400; font-size: 17px; line-height: 34px; color: #888888; letter-spacing: -0.05em;}

#container > .news_list > li .shop_gain.shop_5 .text_area {float: left; width: 330px; padding: 236px 80px 212px 870px;}
#container > .news_list > li .shop_gain.shop_7 .text_area {float: left; width: 330px; padding: 236px 80px 212px 870px;}
#container > .news_list > li .shop_gain.shop_9 .text_area {float: left; width: 330px; padding: 196px 80px 292px 870px;}
#container > .news_list > li .shop_gain.shop_9_1 .intro_area {display: table-cell; vertical-align: middle;}
#container > .news_list > li .shop_gain.shop_5 .inner {min-height: 1040px; background: url(/images/common/news_05.jpg) center center no-repeat;}
#container > .news_list > li .shop_gain.shop_7 .inner {background: url(/images/common/news_07.jpg) 1280px 0 no-repeat;}
#container > .news_list > li .shop_gain.shop_9 .inner {background: url(/images/common/news_09.jpg) 1280px 0 no-repeat;}
#container > .news_list > li .shop_gain.shop_9_1 .inner {display: table; width: 100%; min-height: 1040px; margin: 0; background: url(/images/common/news_09_01.jpg) center center no-repeat;}

#container > .news_list > li .shop_gain.img_l.shop_6 .text_area {float: right; width: 330px;  padding: 236px 870px 246px 80px;}
#container > .news_list > li .shop_gain.img_l.shop_8 .text_area {float: right; width: 339px;  padding: 276px 861px 340px 80px;}
#container > .news_list > li .shop_gain.img_l.shop_10 .text_area {float: right; width: 330px;  padding: 216px 870px 198px 80px;}
#container > .news_list > li .shop_gain.img_l.shop_6 .inner {background: url(/images/common/news_06.jpg) 0 0 no-repeat;}
#container > .news_list > li .shop_gain.img_l.shop_8 .inner {background: url(/images/common/news_08.jpg) 0 0 no-repeat;}
#container > .news_list > li .shop_gain.img_l.shop_10 .inner {background: url(/images/common/news_10.jpg) 0 0 no-repeat;}

#container > .news_list > li .shop_gain.img_l > .text_area {padding: 266px 0 0 80px;}
#container > .news_list > li .shop_gain.img_l > .text_area > .sub_tit {width: 110px; border-radius: 16px; border: 1px solid #ac162c; font-weight: 800; font-size: 14px; line-height: 30px; color :#ac162c; letter-spacing: -0.025em; text-align: center;}
#container > .news_list > li .shop_gain.img_l > .text_area > .title {margin: 25px 0 0; border-bottom: 4px solid #ac162c; padding: 0 0 78px; font-family: 'HGGGothicssi'; font-weight: 700; font-size: 58px; line-height: 64px; color: #000000; letter-spacing: -0.05em;}
#container > .news_list > li .shop_gain.img_l > .text_area > .text {margin: 21px 0 0; font-weight: 400; font-size: 24px; line-height: 34px; color: #4d4d4d; letter-spacing: -0.025em;}

#container > .news_list > li .presentation_wrap {width: 1000px; height: 100%; margin: 0 auto;}
#container > .news_list > li .presentation_wrap .inner {display: table; width: 100%; height: 100%; margin: 0 -780px; padding: 0 780px; background: url(/images/common/news_11.jpg) center center / cover no-repeat;}
#container > .news_list > li .presentation_wrap .presentation_area {display: table-cell; width: 740px; margin: 0 auto; padding: 100px 0 0; text-align: center; vertical-align: middle;}
#container > .news_list > li .presentation_wrap .presentation_area > .text_area {padding: 58px 58px 69px 65px; background: #ffffff;}
#container > .news_list > li .presentation_wrap .presentation_area > .text_area > .title {width: 595px; height: 216px; margin: 0 auto; background: url(/images/common/sub_title.png) 74px 0 no-repeat; text-indent: -9999em;}
#container > .news_list > li .presentation_wrap .presentation_area > .text_area > .text {margin: 30px 0 0; font-weight: 400; font-size: 24px; line-height: 34px; color: #333333; letter-spacing: -0.025em;}
#container > .news_list > li .presentation_wrap .presentation_area > .text_area > a {display: inline-block; width: 241px; margin: 45px 0 0; border-radius: 25px; background: #ac162c; font-weight: 400; font-size: 22px; line-height: 48px; color: #ffffff; letter-spacing: -0.025em;}


#container > .news_list > li .news.news1 > .news_wrap > .news_area > .title {width: 590px; height: 159px; margin: 0 auto; background: url(/images/common/title_01.png) 21px 32px no-repeat; text-indent: -9999em;}
#container > .news_list > li .news.news2 > .news_wrap > .news_area > .title {width: 590px; height: 159px; margin: 0 auto; background: url(/images/common/title_02.png) -10px 32px no-repeat; text-indent: -9999em;}
#container > .news_list > li .news.news3 > .news_wrap > .news_area > .title {width: 590px; height: 159px; margin: 0 auto; background: url(/images/common/title_03.png) 14px 32px no-repeat; text-indent: -9999em;}
#container > .news_list > li .news.news4 > .news_wrap > .news_area > .title {width: 590px; height: 159px; margin: 0 auto; background: url(/images/common/title_04.png) 10px 10px no-repeat; text-indent: -9999em;}

#container > .news_list > li .shop_gain.shop_5 .text_area > .title {width: 330px; height: 214px; margin: 25px auto 0; background: url(/images/common/title_05.png) 0 0 no-repeat; text-indent: -9999em;}
#container > .news_list > li .shop_gain.shop_6 .text_area > .title {width: 330px; height: 254px; margin: 25px auto 0; background: url(/images/common/title_06.png) 0 0 no-repeat; text-indent: -9999em;}
#container > .news_list > li .shop_gain.shop_7 .text_area > .title {width: 330px; height: 250px; margin: 25px auto 0; background: url(/images/common/title_07.png) 0 0 no-repeat; text-indent: -9999em;}
#container > .news_list > li .shop_gain.shop_8 .text_area > .title {width: 339px; height: 186px; margin: 25px auto 0; background: url(/images/common/title_08.png) 0 0 no-repeat; text-indent: -9999em;}
#container > .news_list > li .shop_gain.shop_9 .text_area > .title {width: 330px; height: 311px; margin: 25px auto 0; background: url(/images/common/title_09.png) 0 0 no-repeat; text-indent: -9999em;}
#container > .news_list > li .shop_gain.shop_10 .text_area > .title {width: 330px; height: 245px; margin: 25px auto 0; background: url(/images/common/title_10.png) 0 0 no-repeat; text-indent: -9999em;}

/* 2019-04-09 IJ */
#top_banner {overflow: hidden; position: relative; width: 100%; height: 140px; transition: height .3s;}
#top_banner.close {display: none;}
#top_banner.close {height: 0; top: -140px;}
#top_banner .b_inner {position: relative; width: 1000px; margin: 0 auto;}
#top_banner .b_inner .b_area {margin: 0 -780px;}
#top_banner a {display: block; margin: 0 -780px;}
#top_banner a img {width: 100%; max-width: 100%;}
#top_banner .b_close {position: absolute; top: 21px; right: 11px; width: 18px; height: 18px;}

/*2020 11-23*/
#footer .footer_inner .footer_l{width:710px}
#footer .footer_inner .footer_r{width:330px}
#footer .footer_inner .footer_r .center p:last-child{margin-top:12px}
#footer .footer_inner .footer_r .center .time{line-height:1.2;margin-top:5px;letter-spacing:-1px}
#simpleConsult .inner > div.tit{text-align:left;width:200px}
#simpleConsult .inner > div.tit>span{display:block;font-size:26px;line-height:30px}
#simpleConsult .inner > div.info{width:460px;text-align:left}
#simpleConsult .inner > div.btn_wrap{width:165px}
#simpleConsult .inner > div.priv-wrap{letter-spacing:-0.03em}
#simpleConsult .inner > div.priv-wrap .tit{font-size:16px;font-weight:700;vertical-align:middle}
#simpleConsult .inner > div.priv-wrap .link{display:inline-block;margin:1px 8px 0;padding-bottom:3px;color:#707070;font-size:14px;border-bottom:1px solid #707070;font-weight:700;vertical-align:middle}
#simpleConsult .inner > div.priv-wrap .chk{vertical-align:middle;margin-top:2px}
#simpleConsult .inner > div.priv-wrap .chk input{position: absolute;clip: rect(1px,1px,1px,1px);}
#simpleConsult .inner > div.priv-wrap .chk label{display:inline-block;position:relative;box-sizing: border-box;padding-right:28px;font-size:14px;color:#000}
#simpleConsult .inner > div.priv-wrap .chk label:after{content:'';display:inline-block;position:absolute;top:1px;right:0;width:19px;height:19px;background:url(/images/common/chk-off.png) no-repeat 50% 50%}
#simpleConsult .inner > div.priv-wrap .chk input:checked + label:after{background:url(/images/common/chk-on.png) no-repeat 50% 50%}

/*20-12-04*/
.footer_btm{clear:both;display:flex;justify-content: space-between;}
.footer_btm .footer_family{width:345px;margin-top:20px;background:url(/images/common/foot-sel-arr.jpg) no-repeat 100% 50%;color:#666;border:1px solid #666}
.global{position:absolute;top:15px;right:50%;width:137px;height:53px;z-index:101;cursor:pointer;margin-right:-363px;}
.global .label{display:block;width:137px;height:53px;padding:8px 0 10px 10px;background:url(/images/common/global_bg.png) no-repeat 0 0;box-sizing:border-box}
.global ul{background:#fff;position:absolute;top:52px;left:0;width:135px;display:none}
.global ul li{padding:8px 10px 0}
.global ul li:last-child{padding-bottom:10px}
.global.on ul{display:block}
.lang-kr, .lang-us, .lang-vn{display:block;padding-left:68px;line-height:35px;font-size:24px;font-family: 'HGGGothicssi';font-weight:800}
.lang-kr{background:url(/images/common/lang-kr.png) no-repeat 0 50%}
.lang-us{background:url(/images/common/lang-us.png) no-repeat 0 50%}
.lang-vn{background:url(/images/common/lang-vn.png) no-repeat 0 50%}
#header.brand .header_inner .gnb > ul > li > a{padding:0 29px}

/*21-01-04*/
/* .menu_view .sec.info .box:first-child, .menu_view .sec.info .box:last-child{width:50%}
.menu_view .sec.info .box:last-child{background:#9b0a1e} */
.menu_view .sec.info .box:nth-child(2){background:#9b0a1e}
.add-txt{position: absolute;top:270px;left:50%;width:1000px;margin-left:-500px;text-align:center}

/* 210202 */
.tbl_cont .tbf_cont{display:flex;justify-content:space-between;margin-top:20px}
.tbl_cont .tbf_cont span{font-size:16px;color:#222}

/* 210208 */
.consult .agreement .rdo_box{text-align:center}
#simpleConsult .inner{font-size:0}
#simpleConsult .inner > div.info .con_sel{display:inline-block;width:265px;height:32px;margin:0 30px;padding:5px 9px;background-color:#fff;font-size:14px;color:#999}
#simpleConsult .inner > div.info {width:auto;}
#simpleConsult .inner > div.btn_wrap{width:145px}
#simpleConsult .inner > div.priv-wrap{display:block;text-align:center}

/* 210308 점포추천 */
#subtitle.fr_store{height:270px;background: url(../../images/common/subtitle_fr_store.jpg) center 0 no-repeat}
#subtitle.fr_store .inner{padding:0 0 50px;vertical-align:bottom}
#subtitle .inner .sub_title{font-family:'HGGGothicssi';font-size:24px;font-weight:700;color:#fff}
.store_wrap .slide_wp{padding:50px 50px 60px;background-color:#fff}
.store_wrap .slide_wp .tit{padding-left:60px;background: url(../../images/common/icon_store1.png) 0 50% no-repeat;font-family:'HGGGothicssi';font-size:28px;font-weight:700}
.store_wrap .slide_wp .slides{margin:50px auto 0;padding:0 85px}
.store_wrap .slide_wp .slides .slick-slide{margin-right:20px;}
.store_wrap .slide_wp .slides .slick-list{margin-right:-20px;}
.store_wrap .slide_wp .slides .slick-arrow{position:absolute;top:50%;width:60px;height:60px;margin-top:-30px;background:url(../../images/common/btn_store_arr1.png) no-repeat;font-size:0}
.store_wrap .slide_wp .slides .slick-arrow.slick-prev{left:0px;background-position:0 0}
.store_wrap .slide_wp .slides .slick-arrow.slick-next,.store_wrap .slide_wp .slides .slick-arrow.slick-next:hover{left:auto;right:0;background-position:0 100%}
.store_wrap .slide_wp .slides .slick-arrow:hover{background:url(../../images/common/btn_store_arr2.png) no-repeat}
.store_wrap .slide_wp .slides a{position:relative;display:block;width:260px;height:190px}
.store_wrap .slide_wp .slides a img{width:100%;height:100%}
.store_wrap .slide_wp .slides a .info{display:flex;justify-content:space-between;position:absolute;top:auto;bottom:0;left:0;width:100%;height:36px;padding:0 10px;box-sizing:border-box;background-color:rgba(0,0,0,0.45);font-size:16px;color:#fff;line-height:36px}
.store_wrap .list_wp{margin-top:20px;padding:50px;background-color:#fff}
.store_wrap .list_wp .search_box{margin:0;padding:0}
.store_wrap .list_wp .search_box .group{width:200px;margin-left:25px}
.store_wrap .list_wp .search_box .group1{margin-left:0}
.store_wrap .list_wp .search_box .group.search{width:550px}
.store_wrap .list_wp .search_box .group.search input{color:#666}
.store_wrap .list_wp .tb_list{margin-top:30px}
.store_wrap .list_wp .tb_list table th{padding:20px 0;border-top:2px solid #000;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;background-color:#f4f4f4;;font-size:16px;font-weight:700;color:#222;text-align:center;line-height:1}
.store_wrap .list_wp .tb_list table td{padding:20px 0;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;font-size:16px;color:#222;text-align:center;line-height:1}
.store_wrap .list_wp .tb_list table th:last-child,.store_wrap .list_wp .tb_list table td:last-child{border-right:none}
.store_wrap .list_wp .tb_list table td .posl{padding:12px 45px;border-radius:5px;background-color:#ac162c;font-weight:700;color:#fff}
.store_wrap .btn_wrap{margin-top:50px}
.store_wrap .btn_wrap a{display:block;float:none;width:250px;height:60px;margin:0 auto;border-radius:5px;background-color:#ac162c;font-size:18px;font-weight:700;color:#fff;line-height:60px}
.store_wrap .btn_wrap a.bl{background-color:#222}

.astr{color:#ac162c}
.desc{color:#999;word-break:keep-all}
.input_area .tbl_input .boxed .label{position:relative;width:100%;margin:10px 0 0}
.input_area .tbl_input .boxed .label:first-child{margin-top:0}
.input_area .tbl_input .boxed .label span{display:inline-block;min-width:78px;vertical-align:baseline}
.input_area .tbl_input .boxed .label input{margin:0 10px;vertical-align:baseline}

.rate{display:inline-block;padding:0 10px;}
.rate label:not(lats-child){margin-right:5px}
.rate:not(:checked) > input {position:absolute;top:-9999px;visibility: hidden;}
.rate:not(:checked) > label {float:right;overflow:hidden;white-space:nowrap;cursor:pointer;font-size:0}
.rate:not(:checked) > label:before {display:inline-block;content:'';width:24px;height:23px;background:url(../../images/common/bg_rate.png)}
.rate > input:checked ~ label:before {background:url(../../images/common/bg_rate_on.png)}
.rate:not(:checked) > label:hover:before,
.rate:not(:checked) > label:hover ~ label:before {background:url(../../images/common/bg_rate_on.png)}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label:before,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label:before,
.rate > label:hover ~ input:checked ~ :before {background:url(../../images/common/bg_rate_on.png)}

.input_area .tbl_input .boxed .img_wp{position:relative;width:91px;height:66px;border:1px solid #ccc}
.input_area .tbl_input .boxed .img_wp img{max-width:100%;max-height:100%}
.input_area .tbl_input .boxed .img_wp span{display:inline-block;position:absolute;top:0;left:0;padding:4px 5px;background-color:#ac162c;font-size:12px;color:#fff;line-height:1}
.filebox{font-size:0}
.filebox .upload_name{display:inline-block;width:300px;height:40px;padding:7px 15px;box-sizing:border-box;border:1px solid #ccc;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.filebox label{display:inline-block;width:150px;height:40px;margin-left:10px;padding:0 15px;box-sizing:border-box;border-radius:6px;background-color:#666;font-size:16px;color:#fff;line-height:40px;text-align:center}
.filebox input[type="file"]{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0,0,0,,);border:0;}
.filebox .desc{padding:4px 0 0;font-size:16px;color:#ac162c}
.store_wrap .agreement .desc{color:#111}
.store_wrap .agreement label.chk input[type=radio] + span{font-weight:700;color:#3e3a39}

.complete_wp{padding:100px 0;background-color:#fff;text-align:center}
.complete_wp dl{padding-top:110px;background:url(../../images/common/img_store_logo.png) 50% 0 no-repeat;color:#111;line-height:1}
.complete_wp dl dt{padding-bottom:20px;font-family:'NanumSquare';font-size:24px;font-weight:700}
.complete_wp dl dd{font-size:16px}

.store_wrap .store_view_wp{padding:60px 50px 50px;background-color:#fff}
.store_wrap .store_view_wp .label{display:inline-block;width:80px;height:30px;border-radius:5px;background-color:#000;font-weight:700;color:#fff;line-height:30px;text-align:center}
.store_wrap .store_view_wp .label:nth-child(2){margin-left:10px;background-color:#ac162c}
.store_wrap .view_hd{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px;border-bottom:2px solid #000;font-size:16px;line-height:1}
.store_wrap .view_hd .tit{display:inline-block;margin-right:20px;padding-right:20px;border-right:1px solid #777;font-weight:700;color:#000}
.store_wrap .view_hd .date{color:#777}
.store_wrap .view_img{margin-top:60px;font-size:0}
.store_wrap .view_img li{display:inline-block;position:relative;width:320px;height:234px;margin-left:20px}
.store_wrap .view_img li:nth-child(1){margin-left:0}
.store_wrap .view_img li img{max-width:100%}
.store_wrap .view_img li span{position:absolute;top:0;left:0;padding:7px 10px 6px;background-color:#ac162c;font-size:16px;font-weight:700;color:#fff;line-height:1}
.store_wrap .view_tb{margin-top:50px;border-top:2px solid #000}
.store_wrap .view_tb table{margin-bottom:20px;border-bottom:2px solid #000}
.store_wrap .view_tb table th{padding:20px;border-bottom:1px solid #e7e7e7;background-color:#f4f4f4;font-size:16px;font-weight:700;color:#222;text-align:left;line-height:1}
.store_wrap .view_tb table td{padding:20px;border-bottom:1px solid #e7e7e7;font-size:16px;color:#222;text-align:left;line-height:1}
.store_wrap .view_tb table td .tx{margin-top:20px}
.store_wrap .view_tb table td .tx:first-child{margin-top:0}
.store_wrap .view_tb table td .tx span{display:inline-block;width:75px;vertical-align:middle}
.store_view_wp .view_tb table td .rate{display:block;margin-top:15px;padding:0}
.store_view_wp .view_tb table td .rate .rating{display:inline-block;width:140px;height:23px;margin-left:10px;background-repeat:no-repeat}
.store_view_wp .view_tb table td .rate .rating.star5{background:url(../../images/common/store_view_star5.png)}
.store_view_wp .view_tb table td .rate .rating.star4{background:url(../../images/common/store_view_star4.png)}
.store_view_wp .view_tb table td .rate .rating.star3{background:url(../../images/common/store_view_star3.png)}
.store_view_wp .view_tb table td .rate .rating.star2{background:url(../../images/common/store_view_star2.png)}
.store_view_wp .view_tb table td .rate .rating.star1{background:url(../../images/common/store_view_star1.png)}
.store_view_wp .view_tb table td .rate .rating.star0{background:url(../../images/common/store_view_star0.png)}

.store_wrap .view_tb ul li{margin-top:10px;font-size:14px;color:#666}
.store_wrap .view_tb ul li span{margin-left:10px;margin-right:5px;vertical-align:middle}

/*21-04-07*/
.menu_list section.n1 .txt_area .subtit-1{font-size:36px}
.menu_list section.n1 .txt_area .subtit-2{color:#fff;font-size:30px;padding-top:30px}
.menu_list section.sub.n9 {float: right; width: 550px; padding: 0 730px 0 0; background: #c2b7af}
.menu_list section.sub.n9 > a {padding: 62px 0 411px 40px;}
.menu_list section.sub.n9 .img_area {position: absolute; left:0; bottom: 0;}
.menu_list section.sub.n5 .img_area{bottom:-100px}
.menu_list section.sub.n5 .img_area{bottom: 0;}

.set_nav{position:fixed;top:50%;left:50%;z-index:101;margin: -130px 0 0 -650px;}
.set_nav li{position: relative;padding-bottom:20px}
.set_nav li:after{display: block;content: '';position: absolute;bottom:0;left: 24px;width: 2px;height: 20px;background: #333}
.set_nav li:last-child:after{display:none}
.set_nav li a{display: block;overflow:hidden; position: relative; width: 50px; height: 50px; font-size: 0; outline: none; transition: all .3s;}
.set_nav li:nth-child(1) a{background: url(../../images/common/img_set_quick5.png) no-repeat;}
.set_nav li:nth-child(2) a{background: url(../../images/common/img_set_quick1.png) no-repeat;}
.set_nav li:nth-child(3) a{background: url(../../images/common/img_set_quick2.png) no-repeat;}
.set_nav li:nth-child(4) a{background: url(../../images/common/img_set_quick3.png) no-repeat;}
.set_nav li:nth-child(5) a{background: url(../../images/common/img_set_quick4.png) no-repeat;}
.set_nav li a:after {overflow: hidden; position: absolute; top: 0; left: 0; z-index: -10; box-sizing: border-box; width: 0; height: 50px; border-radius: 25px 6px 6px 25px; background: #ffffff; font-family: 'HGGGothicssi'; font-weight: 800; font-size: 22px; line-height: 50px; color: #333333; text-align: left; text-indent: 65px; transition: all .3s; opacity: 0;}
.set_nav li:nth-child(1) a:after {content: '파티세트';}
.set_nav li:nth-child(2) a:after {content: '1인세트';}
.set_nav li:nth-child(3) a:after {content: '2인세트';}
.set_nav li:nth-child(4) a:after {content: '3인세트';}
.set_nav li:nth-child(5) a:after {content: '4인세트';}
.set_nav li a:hover{width: 207px;}
.set_nav li a:hover:after {overflow: visible; width: 207px; background: #333333; color: #ffffff; opacity: 1;}
.set_menu .section img{height:100%}

/* 210414 자동등록방지 */
.input_area .tbl_input .boxed .noti{margin:0 0 0 9px;font-size:14px;line-height:40px;color:#3e3a39;}

/* 211228 수상내역추가 */
.awards_wrap .box_r.y2021{background:#333333 url(../../images/common/bg_awards4.jpg) left top no-repeat}
.awards_wrap .box_r.y2021 .inner .list li:nth-child(1){background-image:url(../../images/common/img_awards02.png)}
.awards_wrap .box_r.y2021 .inner .list li:nth-child(2){background-image:url(../../images/common/img_awards04.png)}
.awards_wrap .box_r.y2021 .inner .list li:nth-child(3){background-image:url(../../images/common/img_awards11.png)}
.awards_wrap .box_r.y2021 .inner .list li:nth-child(4){background-image:url(../../images/common/img_awards12.png)}

/*22-09-21*/
#simpleConsult .inner.btmConsultBtn{background:#b7162f;padding-top:0;padding-bottom:0}
#simpleConsult .btmConsultBtn__link{display:block;height:100px;background:url(../../images/common/online-cs-go.png) no-repeat 50% 50%;font-size:0}
#bmain .sec.b6{padding-bottom:200px}
#fmain .sec.b3{padding-bottom:200px}

.menu_list section.sub.n6 .img_area{position: absolute;right: 40px;bottom: 0;}
.menu_list section.sub.n9 .img_area{left:40px}
.menu_list section.sub.n9 .txt_area .desc{color:#000}

.set_menu .section .fp-tableCell>img{position: relative;left: 50%;transform: translateX(-50%);}

.franchise.greeting > div.n3 .inner{padding-bottom:108px}

/*intro*/
#intro{width:100%;height:100%;display: flex;}
#intro>div{flex:1;display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center;position: relative;}
#intro .intro1{background:#C91518;}
#intro .intro2{background:#FFC600;}
#intro .intro__btn{display: inline-block;font-size: 23px;border:3px solid #fff;border-radius: 50px;padding:15px 30px;color:#fff;font-weight: 700;line-height: 1;margin-top: 80px;transition: all 0.5s;}
#intro .intro__btn:hover{background: transparent;animation: bounce 1s ease infinite;}
.intro1 .intro__btn{background: #FFC600;}
.intro2 .intro__btn{background: #C91518}
.intro__logo1{width:351px;height:96px;background: url(../../images/common/intro_logo_jaws.png) no-repeat 50% 50%;font-size: 0;background-size: cover;}
.intro__logo2{width:359px;height:94px;background: url(../../images/common/intro_logo_exp.png) no-repeat 50% 50%;font-size: 0;background-size: auto 100%}
.intro__bg{position: absolute;width:100%;height:100%}
.intro1 .intro__bg{transition: background 1.5s, border-radius 0.3s, opacity 1.5s;}
.intro2 .intro__bg{transition: background 0.3s, border-radius 0.3s, opacity 0.3s;}
.intro1:hover .intro__bg{background: url(../../images/common/intro_bg01.jpg) no-repeat 100% 100%;background-size: cover;opacity: 0.2;}
.intro2:hover .intro__bg{background: url(../../images/common/intro_bg02.jpg) no-repeat 50% 50%;background-size: cover;opacity: 0.3;}
.intro__cont{position: relative;z-index: 2;}
@media screen and (max-width:1600px) {
.hd_btn_box{right:25%;}
}
@media screen and (max-width:768px) {
    #intro{flex-direction: column;}
    .intro__logo1{width:58.50vw;height:16vw}
    .intro__logo2{width:59.83vw;height:15.67vw}
    #intro .intro__btn{padding:3.5vw 7vw;font-size: 5vw;margin-top: 7vw;}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-15px);}
	60% {transform: translateY(-15px);}
}