@charset "utf-8";
/*==============================================

    ----------------------------------------------------------------
	* Date		:	2018.01.19
	* Modify		:   
	* Name		:	content.css
	----------------------------------------------------------------
	
	- Description -

	00. common			:	전체 공통사항
	01. brand				:	브랜드
	02. menu				:	메뉴
	03. benefit				:	부메랑혜택
	04. partner				:	제휴
	05. event				:	이벤트
	06. store				:	매장안내
	07. customer			:	고객센터
	08. member				:	멤버
	09. mypage				:	마이페이지
	10. etc					:	etc
	11. recruit				:	채용
    12. main					:	메인페이지
    13. academy             :   아카데미

==============================================*/


/* ===========================
	00. common
=========================== */
.pc-con {display:block !important;}
.mobile-con {display:none !important;}

a.list-link {position:relative; display:inline-block; max-width:100%; color:#222; font-size:16px; line-height:24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; box-sizing:border-box;}
a.list-link:after {content:''; position:absolute; right:0; bottom:0; left:auto; width:0; height:1px; background:#000; -webkit-transition: width 0.5s ease; transition: width 0.5s ease;}
a.list-link:hover:after {width:100%; right:auto; left:0;}

/* skip navi */
#skipNavigation {position:absolute; top:-200px; left:0; width:100%; height:50px; display:block; color:#fff; font-size:24px; line-height:50px; font-weight:700; background:rgba(233,29,55,0.9); text-align:center; z-index:10000;}
#skipNavigation:active,
#skipNavigation:focus {top:0;}

#skip_link {position:absolute; top:-200px; left:0; width:100%; height:50px; display:block; color:#fff; font-size:24px; line-height:50px; font-weight:700; background:rgba(233,29,55,0.9); text-align:center; z-index:10000;}
#skip_link:active,
#skip_link:focus {top:0;}
/* .blind {width:0; height:0; font-size:0; line-height:0; visibility:hidden;} */
/* ▼▼▼ 20210726 추가:s ▼▼▼ */
.blind {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border:0;}
/* ▲▲▲ 20210726 추가:e ▲▲▲ */
.modify-guide {position:relative; text-align:left; color:#222;}
.modify-guide + .modify-guide {margin-top:80px;}
.modify-guide .guide-title {font-size:21px; line-height:36px; padding:25px 0 10px 0; border-bottom:1px solid #bbb; margin-bottom:10px}
.modify-guide .guide-title:first-child{padding-top:0}
.modify-guide .guide-info {font-size:21px; line-height:36px; margin-top:15px}
.modify-guide .guide-detail {text-align:center; margin-top:15px}

/* sub visual */
.sub-visual {position:fixed; top:100px; left:0; width:100%; height:600px; background-image:url('../../images/content/sub_visual.jpg'); background-repeat:no-repeat; background-position:center center; background-size:auto; opacity:0; z-index:-1; -webkit-transition: opacity 0.9s, -webkit-transform 0.9s cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: opacity 0.9s, transform 0.9s cubic-bezier(0.860, 0.000, 0.070, 1.000); -webkit-transform: scale(1.05); transform: scale(1.05);}
.sub-visual.open {opacity:1; -webkit-transform: scale(1); transform: scale(1);}
.sub-visual.visual-01 {background-image:url('../../images/content/sub_visual_01.jpg?v=20180831');}			/* 브랜드 비주얼 */
.sub-visual.visual-02 {background-image:url('../../images/content/sub_visual_02.jpg?v=20180831');}			/* 메뉴 비주얼 */
.sub-visual.visual-03 {background-image:url('../../images/content/sub_visual_03.jpg?v=20180831');}			/* 부메랑혜택 비주얼 */
.sub-visual.visual-03-01 {background-image:url('../../images/content/sub_visual_03_01.jpg?v=20181227');}		/* 부메랑혜택 단독 비주얼 */
.sub-visual.visual-03-02 {background-image:url('../../images/content/sub_visual_03_02.jpg?v=20221213'); background-size:cover;}		/* 부메랑혜택리뉴얼 단독 비주얼 */
.sub-visual.visual-04 {background-image:url('../../images/content/sub_visual_04.jpg?v=20180831');}			/* 제휴 비주얼 */
.sub-visual.visual-05 {background-image:url('../../images/content/sub_visual_05.jpg?v=20180831');}			/* 이벤트 비주얼 */
.sub-visual.visual-06 {background-image:url('../../images/content/sub_visual_06.jpg?v=20180831');}			/* 매장안내 비주얼 */
.sub-visual.visual-07 {background-image:url('../../images/content/sub_visual_07.jpg?v=20180831');}			/* 고객센터 비주얼 */
.sub-visual.visual-08 {background-image:url('../../images/content/sub_visual_03_01.jpg?v=20181227');}			/* 마이페이지 비주얼 */
.sub-visual.visual-09 {background-image:url('../../images/content/sub_visual_09.jpg?v=20180831');}			/*  */
.sub-visual.visual-10 {background-image:url('../../images/content/sub_visual_10.jpg?v=20180831');}			/* etc 비주얼 */
.sub-visual.visual-11 {background-image:url('../../images/content/sub_visual_11.jpg?v=20180831');}			/* 채용 비주얼 */
.sub-visual.visual-12 {background-image:url('../../images/content/sub_visual_12.jpg?v=20210105');}			/* 아카데미 비주얼 */

/* text */
.title-box02 .txt {font-size:16px; line-height:24px;}
.title-box02 .page-title02 {font-size:42px; font-weight:500;}

h3.h3-title01 {font-size:24px; font-weight:500;}

.page-title {position:absolute; top:100px; left:0; width:100%; height:62px; padding:268px 0 270px 0; text-align:center;}
.page-title > span {position:relative; display:inline-block; padding:0 10px; color:#fff; font-family:'Akrobat' , verdana, sans-serif; font-size:62px; line-height:62px; letter-spacing:6.2px;}
.page-title > span:after {content:''; position:absolute; left:0; bottom:5px; width:100%; height:2px; background-color:#fff}
.page-title.type-02 {opacity:0;}


.con-title {margin-bottom:25px; font-size:28px; font-weight:500;}
.con-title > span {margin-left:10px; color:#666; font-size:14px; font-weight:400; vertical-align:baseline;}
.con-title > span * {vertical-align:baseline;} 
.con-title.line {padding-bottom:25px; border-bottom:1px solid #222;}

.icon-title {position:relative; position:relative; margin-bottom:25px; padding:0 0 21px 45px; color:#111; font-size:30px; font-weight:500; line-height:34px; border-bottom:2px solid #222}
.icon-title:after {content:''; position:absolute; top:0; left:0; display:block; width:35px; height:34px; background:url('../../images/icon/icon_title_bg.png') left top no-repeat;}

.con-title-info {margin-top:-3.5px; color:#666; font-size:14px; line-height:21px;}

.warning-title {position:relative; padding-left:30px; font-size:16px; line-height:21px; font-weight:500; color:#b00a0e;}
.warning-title:before {content:''; position:absolute; top:0; left:0; display:block; width:21px; height:21px; background:url('../../images/icon/icon_warning_red.png') left top no-repeat;}

.dot-txt {position:relative; padding-left:11px; font-size:18px; font-weight:500;}
.dot-txt:after {content:''; position:absolute; top:50%; left:0; display:block; margin-top:-2px; width:4px; height:4px; border-radius:2px; background:#222;}

.dot-title {position:relative; padding-left:10px; color:#222; font-size:16px; line-height:24px; font-weight:500;}
.dot-title:after {content:''; position:absolute; top:11px; left:0; display:block; width:4px; height:4px; border-radius:2px; background:#222;}

.line-txt {position:relative; padding-left:13px; margin-top:8px; color:#666; line-height:20px;}
.line-txt .small-info {color:#999; font-size:13px;}
.line-txt .block-info {display:block; color:#999; font-size:13px;}
.line-txt:after {content:''; position:absolute; top:9px; left:0; display:block; width:4px; height:2px; background-color:#666;}
.line-txt strong {font-weight:700;}

.line-info-list.txt-editor{color:#666;line-height:26px;}/* 20200422 추가 */
.line-info-list.star .line-txt:after {content:'*'; top:3px; width:auto; height:auto; background:none;}
.text01 {line-height:28px; font-size:20px; font-weight:500;}
.text02 {line-height:21px; font-size:14px;}

.line-default-txt {color:#666; font-size:13px; line-height:20px;}

/* location-wrap */
.location-wrap {width:100%; height:50px; z-index:1000; text-align:left;}
.location-wrap.fix .location-data{position:fixed; top:99px; left:0; z-index:1000;}
.location-wrap.open {z-index:1004;}
.location-data {width:100%; height:50px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; background-color:#fff; box-sizing:border-box;}
.location-data .inner {height:50px;}
.location-data .btn-home {position:absolute; top:1px; left:0; display:block; width:60px; height:48px; border-left:1px solid #dedede; background:url('../../images/util/btn_home_location.png') center center no-repeat; z-index:10;}

.location {position:absolute; top:0; right:0; overflow:hidden;}
.location > li {position:relative; float:left; padding-left:25px; background:url('../../images/content/location_arrow.png') 10px center no-repeat;}
.location > li:first-child {padding-left:0; background:none;}
.location > li > span {color:#999; font-size:14px; line-height:48px;}
.location > li:last-child > span {color:#222;}

.depth-menu {}
.depth-menu > ul {}
.depth-menu > ul:after {content:''; display:block; clear:both;}
.depth-menu > ul > li {position:absolute; top:0; width:245px; margin:-1px 0 0 0; border:1px solid #dedede; z-index:1; box-sizing:border-box;  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -webkit-transition:all 0.45s ease; transition:all 0.45s ease;}
.depth-menu > ul > li.one {left:62px;}
.depth-menu > ul > li.two {left:306px; width:280px;}
.depth-menu > ul > li > a {position:relative; display:block; height:48px; padding:0 20px; color:#999; font-size:16px; line-height:48px; box-sizing:border-box; -webkit-transition:color 0.45s ease; transition:color 0.45s ease;}
.depth-menu > ul > li > a:after {content:''; position:absolute; top:50%; right:20px; width:11px; height:6px; margin-top:-3px; background:url('../../images/util/btn_location_arrow.png') left top no-repeat; opacity:0.31; -webkit-transition:opacity 0.45s, -webkit-transform 0.45s ease; transition:opacity 0.45s, transform 0.45s ease;}
.depth-menu > ul > li:hover > a,
.depth-menu > ul > li.open > a{color:#222;}
.depth-menu > ul > li:hover > a:after,
.depth-menu > ul > li.open > a:after{opacity:1;}
.depth-menu > ul > li.open {border-color:#222; z-index:5; -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.24); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.24);}
.depth-menu .nav-list {display:none; padding:30px 20px; border-top:1px solid #dedede; background:#fff;}
.depth-menu .nav-list > li {margin-top:26px; line-height:1;}
.depth-menu .nav-list > li:first-child {margin-top:0;}
.depth-menu .nav-list > li > a {display:block;font-size:16px; color:#999;}
.depth-menu .nav-list > li > a:hover,
.depth-menu .nav-list > li.actived > a{color:#222; text-decoration:underline;}

/* view content */
.view-content .btn-page-wrap {margin-top:20px;}

.view-top {position:relative; padding:0 185px 20px 0; border-bottom:1px solid #222;}
.view-top h3 {font-size:24px; line-height:35px;}
.view-top h3 .icon {margin-right:20px;}
.view-top .info-data {position:absolute; top:15px; right:0; overflow:hidden;}
.view-top .info-data > li {float:left; color:#666; font-size:14px; line-height:15px;}

.view-con {position:relative; padding:60px 20px; font-size:14px; line-height:21px; border-bottom:1px solid #d3d3d3;}

/* img-board-list */
.list-top {position:relative; margin-bottom:25px;}
.list-top h3 {font-size:28px; font-weight:500;}

.list-sort {position:absolute; right:0; bottom:0; overflow:hidden;}
.list-sort .chk-type01 {position:relative; float:left; display:block; margin:0 10px 0 0; padding-right:10px;}
.list-sort .chk-type01:after {content:''; position:absolute; top:50%; right:0; display:block; width:1px; height:12px; margin-top:-6px; background:#dcdcdc;}
.list-sort .chk-type01:last-child:after {display:none;}
.list-sort .chk-type01:last-child {padding-right:0; margin-right:0;}
.list-sort .chk-type01 input[type=checkbox] + label {color:#999;}
.list-sort .chk-type01 input[type=checkbox]:checked + label {color:#222;}

.img-board-list {margin-top:25px; border-top:1px solid #222; border-bottom:1px solid #c8c8c8;}
.img-board-list > li {position:relative; min-height:200px; padding:40px 20px 40px 430px; border-top:1px solid #eaeaea;}
.img-board-list .thumb {position:absolute; top:40px; left:20px; width:350px; height:200px; overflow:hidden;}
.img-board-list .thumb > a {position:absolute; top:0; left:0; width:100%; height:100%; display:block; background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease;}
.img-board-list .thumb:hover > a {-webkit-transform: scale(1.1); transform: scale(1.1);}
.img-board-list .subject {max-height:48px; padding-top:36px; overflow:hidden;}
.img-board-list .subject > a {color:#222; font-size:20px; line-height:24px;}
.img-board-list .date {margin-top:38px; color:#666; font-size:14px;}

/* line-info-list */
.line-info-list > li {margin-top:8px;}
.line-info-list > li:first-child {margin-top:0;}

.detail-line-data {margin-top:40px;}
.detail-line-data:first-child,
.detail-line-data.first {margin-top:0;}
.detail-line-data .subject {margin-bottom:15px; color:#333; font-size:18px; font-weight:500;}
.detail-line-data .subject.small {font-size:16px;}
.detail-line-data .line-info-list > li {margin-top:0}
.detail-line-data .line-info-list + .subject{margin-top:30px;}
.detail-line-data .line-txt {font-size:14px; line-height:21px;}

/* accordion-list(아코디언 메뉴) */
.accordion-list .arrow {position:absolute; right:30px; width:25px; height:13px; margin-top:-7px; z-index:10; -webkit-transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease;}
.accordion-list .arrow:before {content:''; position:absolute; top:0; left:6px; display:block; width:1px;height:17px; background:#222; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.accordion-list .arrow:after {content:''; position:absolute; top:0; right:6px; display:block; width:1px;height:17px; background:#222; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.accordion-list > li.actived .arrow {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.accordion-list > li.actived .arrow:before,
.accordion-list > li.actived .arrow:after {background-color:#cc0001;}
.accordion-list .accordion-cell {display:table; width:100%; cursor:pointer;}
.accordion-list .accordion-content {display:none;}
.accordion-list .detail-line-data .line-txt {font-size:16px; line-height:26px;}
.accordion-list .line-txt:after {top:13px;}

/* 아코디언 메뉴-라인형 */
.accordion-list.line {border-top:1px solid #222; border-bottom:1px solid #dcdcdc;}
.accordion-list.line > li {position:relative; background-color:#fff; border-top:1px solid #eaeaea; -webkit-transition: background-color 0.5s ease; transition: background-color 0.5s ease;}
.accordion-list.line > li:first-child {border-top:none;}
.accordion-list.line .accordion-cell {height:70px;}
.accordion-list.line .accordion-cell .icon,
.accordion-list.line .accordion-cell .txt {display:table-cell; vertical-align:middle; box-sizing:border-box;}
.accordion-list.line .icon {width:80px; font-family:'roboto'; font-size:24px; font-weight:500; line-height:70px; text-align:center; vertical-align:top; -webkit-transition: color 0.5s ease; transition: color 0.5s ease;}
.accordion-list.line .txt {height:48px; padding:11px 85px 11px 0;}
.accordion-list.line .txt > a{color:#222; font-size:16px; line-height:24px; -webkit-transition: color 0.5s ease; transition: color 0.5s ease;}
.accordion-list.line .arrow {top:34px;}
.accordion-list.line > li.actived {background-color:#fafafa;}
.accordion-list.line > li.actived .icon,
.accordion-list.line > li.actived .txt > a {color:#cc0001;}
.accordion-list.line .accordion-content {padding:0 80px 30px 80px; color:#666; font-size:14px; line-height:21px;}

/* 아코디언 메뉴-박스형 */
.accordion-list.square > li {position:relative; margin-top:-1px; border:1px solid #ddd; z-index:1; -webkit-transition: border-color 0.5s ease; transition: border-color 0.5s ease;}
.accordion-list.square .accordion-cell {height:79px;}
.accordion-list.square .accordion-cell .title,
.accordion-list.square .accordion-cell .txt {display:table-cell; box-sizing:border-box;}
.accordion-list.square .title {width:5%; padding-left:30px; white-space:nowrap; vertical-align:top;}
.accordion-list.square .icon {display:inline-block; padding:27px 0; margin-right:10px;}
.accordion-list.square .coupon-name {position:relative; display:inline-block; padding-right:20px; margin:27px 0; font-size:18px; font-weight:500; line-height:26px;}
.accordion-list.square .coupon-name:after {content:''; position:absolute; top:50%; right:0; width:1px; height:14px; margin-top:-6px; background-color:#c7c7c7;}
.accordion-list.square .txt {height:48px; padding:16px 85px 16px 20px; vertical-align:middle;}
.accordion-list.square .txt > a {display:block; font-size:16px; line-height:24px; letter-spacing:-0.8px;}
.accordion-list.square .arrow {top:39px;}
.accordion-list.square .accordion-content {padding:40px; color:#666; font-size:16px; line-height:26px; border-top:1px solid #ddd; background-color:#f9f9f9;}
.accordion-list.square > li.actived {border-color:#222; z-index:5;}

/* bottom-guide */
.guide-bottom {padding:40px; margin-top:60px; background-color:#f7f7f7;}
.guide-bottom h3 {margin-bottom:40px; font-size:20px; font-weight:500;}
.guide-bottom .guide-cell {margin-top:30px;}
.guide-bottom .guide-cell:first-child,
.guide-bottom .guide-cell.first {margin-top:0;}
.guide-bottom .guide-cell h4 {margin-bottom:15px; font-size:18px; font-weight:500;}
.guide-bottom .guide-cell h5 {margin-bottom:15px; font-size:16px; font-weight:500;}
.guide-bottom ol li {color:#666; line-height:24px;}
.guide-bottom ul li {color:#666; line-height:24px;}
.guide-bottom .txt {color:#666; line-height:24px;}
.guide-bottom .btn-action {position:absolute; bottom:40px; right:40px;}
.guide-bottom ol li > a {position:relative;}
.guide-bottom ol li > a:after {content:''; position:absolute; bottom:2px; left:0; width:100%; height:1px; background-color:#666;}

/* sign-result */
.sign-result01 {display:table; width:100%; padding:40px; min-height:242px; border:1px solid #eaeaea; box-sizing:border-box; text-align:center;}
.sign-result01 > div {display:table-cell; vertical-align:middle;}
.sign-result01.gray {background:#fefefe;}
.sign-result01 + .sign-result01 {margin-top:20px;}
.sign-result-msg {font-size:20px; color:#222; margin-bottom:28px;}

/* guide-type */
.guide-type01 {padding:30px 40px; background:#f7f7f7; text-align:left;}
.guide-type01 .tit {font-size:16px; font-weight:400;}
.guide-type01 .tit ~ .tit {margin-top:30px;}
.guide-type01 .txt {position:relative; line-height:24px; font-size:16px;}
.guide-type01 .txt .btn {position:absolute; top:4px; right:0;}
.guide-type01 ul, .guide-type01 ol {margin-top:19px;}
.guide-type01 li {position:relative; line-height:24px; color:#666; font-size:14px;}
.guide-type01 li {padding-left:20px;}
.guide-type01 ul > li:before {content:'※'; display:block; position:absolute; top:0; left:3px; line-height:21px; color:#666; font-size:14px;}
/*.guide-type01 ol {padding-left:20px; list-style-type:decimal;}
.guide-type01 ol > li {margin-left:4px; padding-left:0;}*/

.guide-type01 ol > li:before {display:block; position:absolute; top:0; left:5px; line-height:21px; color:#666; font-size:14px;}
.guide-type01 ol > li:nth-of-type(1):before {content: "1.";}
.guide-type01 ol > li:nth-of-type(2):before {content: "2.";}
.guide-type01 ol > li:nth-of-type(3):before {content: "3.";}
.guide-type01 ol > li:nth-of-type(4):before {content: "4.";}
.guide-type01 ol > li:nth-of-type(5):before {content: "5.";}
.guide-type01 ol > li:nth-of-type(6):before {content: "6.";}
.guide-type01 ol > li:nth-of-type(7):before {content: "7.";}
.guide-type01 ol > li:nth-of-type(8):before {content: "8.";}
.guide-type01 ol > li:nth-of-type(9):before {content: "9.";}
.guide-type01 ol > li:nth-of-type(9) ~ li {padding-left:28px;}
.guide-type01 ol > li:nth-of-type(10):before {content: "10.";}
.guide-type01 ol > li:nth-of-type(11):before {content: "11.";}
.guide-type01 ol > li:nth-of-type(12):before {content: "12.";}
.guide-type01 ol > li:nth-of-type(13):before {content: "13.";}
.guide-type01 ol > li:nth-of-type(14):before {content: "14.";}
.guide-type01 ol > li:nth-of-type(15):before {content: "15.";}
.guide-type01 ol > li:nth-of-type(16):before {content: "16.";}
.guide-type01 ol > li:nth-of-type(17):before {content: "17.";}
.guide-type01 ol > li:nth-of-type(18):before {content: "18.";}
.guide-type01 ol > li:nth-of-type(19):before {content: "19.";}
.guide-type01 ol > li:nth-of-type(20):before {content: "20.";}

.guide-type02 {margin-bottom:60px; padding:40px; background:#fffaf5; border:1px solid #c7b19b; text-align:left;}
.guide-type02 .txt {position:relative; font-size:16px; line-height:24px; font-weight:500;}
.guide-type02 ul {margin-top:13px;}
.guide-type02 li {position:relative; padding-left:13px; color:#666; font-size:14px; line-height:21px;}
.guide-type02 li span {color:#222; font-weight:500;}
.guide-type02 ul > li:before {content:''; position:absolute; top:9px; left:1px; display:block; width:4px; height:2px; background:#666;}

/* simple-row-list border-left-line*/
.simple-row-list.bl-line th {padding:15px; font-size:14px; line-height:20px; border-bottom:1px solid #dcdcdc; text-align:center;}
.simple-row-list.bl-line td {height:auto; padding:10px 20px; color:#666; font-size:14px; line-height:20px; text-align:center; vertical-align:middle;}
.simple-row-list.bl-line th + th,
.simple-row-list.bl-line td + td {border-left:1px solid #dcdcdc;}

/* 필수임력 표시 */
.need {position:relative; display:inline-block; margin:5px 5px 0 5px; line-height:20px; color:#cb0000; font-size:18px; vertical-align:middle;}

/* 사각형 배경있는 타이틀 2단 리스트 */
.squre-title-list {}
.squre-title-list:after {content:''; display:block; clear:both;}
.squre-title-list > li {float:left; width:50%; margin:-1px 0 0 -1px; border:1px solid #e0e0e0; text-align:center; box-sizing:border-box;}
.squre-title-list .title-txt {display:table; width:100%; height:79px; background:#f7f7f7;}
.squre-title-list .title-txt > p {display:table-cell; width:100%; height:100%; color:#222; font-size:20px; line-height:26px; font-weight:500; vertical-align:middle;}
.squre-title-list .con {min-height:405px; padding:40px 15px; box-sizing:border-box;}
.squre-title-list .icon {margin-top:27px;}
.squre-title-list .label {margin-top:25px;}
.squre-title-list .label > span {margin:0 2px;}
.squre-title-list .label > strong {display:block; line-height:26px; margin-bottom:5px; font-size:18px; font-weight:bold;}
.squre-title-list .txt-01 {margin-top:36px; color:#222; font-size:18px; line-height:24px;}
.squre-title-list .txt-02 {margin-top:13px; color:#666; font-size:14px; line-height:21px;}

/* 비디오 영역 */
.av-con {position:relative; padding-top:56.20%;}
.av-con iframe,
.av-con object,
.av-con video,
.av-con embed {position:absolute; top:0; left:0; width:100%; height:100%; background:none; outline:none; border:none;}

/* 가로 1180 기본 컨텐츠 */
.inner-data {position:relative; width:1180px; margin:0 auto; box-sizing:border-box;}

/* swiper page css */
/*
.swiper-pagination {position:relative; display:inline-block; margin-top:20px; text-align:center}
.swiper-pagination:after {content:''; position:absolute; top:0; right:0; bottom:0; left:0; display:block; width:auto; height:auto; margin:6px; background:#999; z-index:-1;}
.swiper-pagination .swiper-pagination-switch {display:inline-block; position:relative; float:left; display:block; font-size:0; width:14px; height:14px; margin:0 13px; background:url('../../images/icon/ico_transparent.png') repeat; cursor:pointer;}
.swiper-pagination .swiper-pagination-switch:first-child {margin-left:0;}
.swiper-pagination .swiper-pagination-switch:last-child {margin-right:0;}
.swiper-pagination .swiper-pagination-switch:before {content:''; position:absolute; top:0; left:0; width:14px; height:14px; border-radius:50%; background-color:#999; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.swiper-pagination .swiper-active-switch:before{width:14px; height:14px; background-color:#000;}
*/

.swiper-pagination {position:relative; display:inline-block; margin-top:20px; text-align:center}
.swiper-pagination .swiper-pagination-switch {display:inline-block; position:relative; float:left; display:block; font-size:0; width:14px; height:14px; margin:0 13px; cursor:pointer;}
.swiper-pagination .swiper-pagination-switch:first-child {margin-left:0;}
.swiper-pagination .swiper-pagination-switch:last-child {margin-right:0;}
.swiper-pagination .swiper-pagination-switch:before {content:''; position:absolute; top:0; left:0; width:14px; height:14px; border-radius:50%; background-color:#999; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.swiper-pagination .swiper-active-switch:before{width:14px; height:14px; background-color:#b10a11;}

/* number format */
.number-format {display:inline-block;}
.number-format > div {position:relative; display:inline-block; letter-spacing:normal; overflow:hidden;}
.number-format > div > p {position:relative; top:0; left:0;}
.number-format > div > p > span {display:block;}

/* square gray box */
.square-gray-box {padding:43px 0; border:2px solid #eaeaea; background-color:#fafafa; overflow:hidden;}
.square-gray-box > li {position:relative; float:left; width:100%; margin-left:-1px; border-left:1px solid #eaeaea; text-align:center;}
.square-gray-box > li:first-child {margin:0; border-left:none;}
.square-gray-box > li:last-child {display:none;}
.square-gray-box .title {margin-top:30px; color:#222; font-size:18px; font-weight:500;}
.square-gray-box .info {margin-top:15px; color:#666;}
.square-gray-box .info > a {color:#666}

/* 정보성 테이블 */
.read-table {width:100%;}
.read-table > table {width:100%;}
.read-table thead > tr > th {padding:24px 0 26px; font-size:18px; font-weight:700; color:#332820; line-height:25px; border-top:1px solid #e6e6e6; border-right:1px solid #e6e6e6; background-color:#f9f9f9; vertical-align:middle;}
.read-table tbody > tr > td {padding:25px 0 27px; font-size:18px; font-weight:400; color:#332820; line-height:25px; text-align:center; border-top:1px solid #e6e6e6; border-right:1px solid #e6e6e6; background-color:#fff; vertical-align:middle;}
.read-table tbody > tr:last-of-type > td {border-bottom:1px solid #e6e6e6;}
.read-table thead > tr > th:last-of-type, .read-table tbody > tr > td:last-of-type {border-right:none;}
.read-table tbody > tr > td .sub-text {display:block; font-size:13px; line-height:20px;}
.read-table-wrap .read-table + .table-info {margin-top:16px;}
.read-table-wrap .table-info .sub-text {font-size:14px; line-height:21px; color:#646464;}


/* ===========================
	01. brand
=========================== */
#dBody.story {padding-bottom:0;}
.brand .view-top {padding-right:100px;}

.story-wrap {position:relative; max-width:1600px; min-height:2285px; margin:0 auto; padding:226px 0 300px 0; background:url('../../images/content/story_visual.jpg') center top no-repeat; background-size:cover; opacity:0; overflow:hidden; text-align:center; box-sizing:border-box; -webkit-transition:opacity 0.9s ease; transition:opacity 0.9s ease;}
.story-wrap.open {opacity:1;}
.story-wrap.open > h3 {opacity:1; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
.story-wrap.open .title-info {opacity:1; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
.story-wrap > h3 {opacity:0; -webkit-transform: translate(0px, 70px); transform: translate(0px, 70px); -webkit-transition:all 0.95s 0.45s cubic-bezier(0.075, 0.820, 0.165, 1.000); transition:all 0.95s 0.45s cubic-bezier(0.075, 0.820, 0.165, 1.000);}
.story-wrap .title-info {position:relative; margin-top:38px; color:#c7b19b; font-size:32px; font-weight:500; letter-spacing:3.84px; z-index:4; opacity:0; -webkit-transform: translate(0px, 70px); transform: translate(0px, 70px); -webkit-transition:all 0.95s 0.7s cubic-bezier(0.075, 0.820, 0.165, 1.000); transition:all 0.95s 0.7s cubic-bezier(0.075, 0.820, 0.165, 1.000);}
.story-wrap > ul {position:relative; max-width:1180px; margin:135px auto 0 auto; z-index:2;}
.story-wrap > ul > li {position:relative;}
.story-wrap > ul > li:before {content:''; position:absolute; display:block; width:25px; height:25px; margin-top:-15px; border:6px solid #fff; border-radius:50%; box-sizing:border-box; opacity:0; -webkit-transition:opacity 0.35s 0.45s ease; transition:opacity 0.35s 0.45s ease;}
.story-wrap > ul > li.open .line:after {height:100%;}
.story-wrap > ul > li.open .year:after{opacity:1;}
.story-wrap > ul > li.open .txt-wrap {opacity:1; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
.story-wrap > ul > li.open:before {opacity:1;}
.story-wrap .txt-wrap {opacity:0; -webkit-transform: translate(0px, 70px); transform: translate(0px, 70px); -webkit-transition:all 1.45s 0.6s cubic-bezier(0.075, 0.820, 0.165, 1.000); transition:all 1.45s 0.6s cubic-bezier(0.075, 0.820, 0.165, 1.000);}
.story-wrap .year .number-format > div{height:80px; font-size:86px; line-height:80px;}
.story-wrap .year {position:relative; color:#c7b19b; font-family:'roboto'; font-size:86px; font-weight:700; line-height:80px;}
.story-wrap .info {margin-top:5px; color:#c7b19b; font-size:26px; font-weight:500;}
.story-wrap .txt {margin-top:35px; color:#fff; font-size:16px; line-height:26px;}
.story-wrap .txt ~ .txt {margin-top:10px;}
.story-wrap .line {position:absolute; width:1px;}
.story-wrap .line:after {content:''; position:absolute; top:0; left:0; width:1px; height:0; background:#fff; opacity:0.3; -webkit-transition:height 0.35s ease; transition:height 0.35s ease;}
.story-wrap .line.bottom:after {-webkit-transition-delay:0.7s; transition-delay:0.7s}
.story-wrap .year-1980,
.story-wrap .year-1997,
.story-wrap .year-2019 {margin-right:50%; padding-right:140px; text-align:right;}
.story-wrap .year-1988,
.story-wrap .year-2013,
.story-wrap .year-2020 {margin-right:0; margin-left:50%; padding-right:0; padding-left:140px; text-align:left;}
.story-wrap .year-2013{padding-left:130px;}
.story-wrap .year-1980:before,
.story-wrap .year-1997:before,
.story-wrap .year-2019:before {left:100%;margin-left:-13px;}
.story-wrap .year-1988:before,
.story-wrap .year-2013:before,
.story-wrap .year-2020:before {right:100%;margin-right:-13px;}
.story-wrap .year-1980:before {top:150px;}
.story-wrap .year-1997:before {top:221px;}
.story-wrap .year-1988:before {top:139px;}
.story-wrap .year-2013:before {top:125px;}
.story-wrap .year-2019:before {top:336px;}
.story-wrap .year-2020:before {top:196px;}
.story-wrap .year-1980 .info,
.story-wrap .year-1988 .info,
.story-wrap .year-1997 .info {font-family:'roboto'; font-size:28px; font-weight:400; letter-spacing:3.36px;}
.story-wrap .year-2013 .img-txt {position:relative; min-height:225px; padding-left:225px;}
.story-wrap .year-2013 .img-txt img {position:absolute; top:5px; left:0; width:195px;}
.story-wrap .year-1980 {padding-top:111px;}
.story-wrap .year-1980 .line {top:0; right:0; height:115px;}
.story-wrap .year-1988 {margin-top:-175px; padding-top:95px;}
.story-wrap .year-1988 .line {top:0; left:-1px; height:95px;}
.story-wrap .year-1997 {margin-top:-60px; padding-top:180px;}
.story-wrap .year-1997 .line {top:0; right:0; height:180px;}
.story-wrap .year-2013 {margin-top:-370px; padding-top:83px;}
.story-wrap .year-2013 .line {top:0; left:-1px; height:90px;}
.story-wrap .year-2019 {margin-top:-386px; padding-top:295px;}
.story-wrap .year-2019 .line {top:0px; right:0; height:290px;}
.story-wrap .year-2020 {margin-top:-400px; padding-top:150px; word-break:keep-all;}
.story-wrap .year-2020 .line {top:0; left:-1px; height:162px;}
.story-wrap .year-2020 .line.bottom {top:230px; left:-1px; height:320px;}
.story-wrap .overall {margin-top:-142px; padding-top:225px;}
.story-wrap .overall:before {display:none !important;}
.story-wrap .overall:after {content:''; position:absolute; top:250px; left:50%; width:4px; height:40px; border-radius:2px; background:#fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.story-wrap .overall .line {top:0; left:50%; height:230px; margin-left:-1px;}
.story-wrap .overall .txt-wrap {overflow:hidden;}
.story-wrap .overall .txt-wrap > div {float:left; width:50%; padding:0 57px; box-sizing:border-box;}
.story-wrap .overall .txt-wrap > div:first-child {text-align:right;}
.story-wrap .overall .txt-wrap > div:last-child {text-align:left;}
.story-wrap .overall .txt-wrap > div:last-child .num em {margin-left:5px;}
.story-wrap .overall .num {color:#fff; font-size:24px;}
.story-wrap .overall .num em{margin:0 15px; color:#cb0000; font-family:'roboto'; font-size:64px; font-weight:700; vertical-align:baseline;}
.story-wrap .overall .txt {margin-top:10px; opacity:0.5;}
.story-wrap .obj {position:absolute; top:0; right:0; width:1878px; height:1710px; background:url('../../images/content/story_fire.png') right top no-repeat; -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: rotate(-90deg) translate(900px, 900px) scale(0); transform: rotate(-90deg) translate(900px, 900px) scale(0); -webkit-transition:all 2.45s 0.9s cubic-bezier(0.075, 0.820, 0.165, 1.000); transition:all 2.45s 0.9s cubic-bezier(0.075, 0.820, 0.165, 1.000);}
.story-wrap.open .obj {-webkit-transform: rotate(0deg) translate(0px, 0px) scale(1); transform: rotate(0deg) translate(0px, 0px) scale(1);}
.story-wrap .obj + .obj {top:1000px;}
.beef-story {position:relative; max-width:1600px; margin:0 auto; text-align:center;}

/* 사회공헌 */
.social-contribution {position:relative; max-width:994px; margin:0 auto; padding-bottom:155px;}
.social-infomation {padding:72px 0 84px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.social-infomation > div {position:relative; text-align:left;}
.social-infomation > div > h3 {margin-bottom:45px;}
.social-infomation > div > h3 + p {margin-top:0;}
.social-infomation > div > p {padding-right:30px; margin-top:26px; color:#333; font-size:18px; line-height:26px; font-weight:400; word-break:keep-all;}
.social-infomation .info-01 {min-height:364px; padding-right:50%;}
.social-infomation .info-01 .item {position:absolute; top:0; right:0; width:50%; height:364px; background:url('../../images/content/social_contribution_item_01.png') 45px 61px no-repeat; text-align:center;}
.social-infomation .info-01 .item h4 {padding:85px 40px 0 0;color:#af0019; font-size:18px; line-height:30px; font-weight:700;}
.social-infomation .info-01 .item h4 em {font-size:24px; font-weight:700;}
.social-infomation .info-01 .item p {padding:8px 40px 0 0;color:#111; font-size:14px; line-height:18px;}
.social-infomation .info-02 {margin-top:72px; padding-left:50%;}
.social-infomation .info-02 > div > h3 {padding-left:30px;}
.social-infomation .info-02 > div > p {padding-left:30px; padding-right:0;}
.social-infomation .info-02 .item {position:absolute; top:0; left:0; width:50%; height:364px; margin-left:-30px; background:url('../../images/content/social_contribution_item_02.png') 50% 21px no-repeat; text-align:center;}

.social-activity {padding-top:55px;}
.social-activity h3 {position:relative; padding-left:69px; margin-bottom:32px; color:#333; font-size:40px; line-height:46px; font-weight:700; letter-spacing:-1.2px;}
.social-activity h3:after {content:''; position:absolute; top:5px; left:0; display:block; width:49px; height:35px; background:url('../../images/content/social_contribution_title_icon.png') left top no-repeat;}
.social-activity h3 + .activity-cell {margin-top:0;}
.social-activity .activity-cell {margin-top:57px;}
.social-activity .activity-cell h4 {position:relative; padding-left:14px; margin-bottom:16px; color:#333; font-size:19px; line-height:26px; font-weight:500;}
.social-activity .activity-cell h4:before {content:''; position:absolute; top:10px; left:0; display:block; width:6px; height:6px; border-radius:50%; background-color:#65656f;}
.social-activity .video-data {position:relative;}
.social-activity .video-data .cell {position:relative; padding-top:56.25%;}
.social-activity .video-data iframe,
.social-activity .video-data embed,
.social-activity .video-data video {position:absolute; top:0; left:0; width:100%; height:100%;}

.social-gallery {margin-top:73px; text-align:center;}
.social-gallery h3 {color:#333; font-size:36px; line-height:46px; letter-spacing:-1.08px; font-weight:700;}
.social-gallery ul {margin:38px -12px 0 -12px;}
.social-gallery ul:after {content:''; display:block; clear:both;}
.social-gallery ul li {float:left; width:25%; padding:0 12px; box-sizing:border-box;}
.social-gallery ul li p {margin-top:6px; color:#666; font-size:16px; line-height:20px; font-weight:500;}

/* csr */
.csr {position:relative; max-width:994px; margin:0 auto; padding-bottom:155px;}
.csr .csr-content-tab {margin-bottom:0;}
.csr-tab-contents {margin-top:75px; word-break:keep-all;}
.csr-contents-cell {display:none;}
.csr-contents-cell.actived {display:block;}
.csr-image-title {text-align:center;}
.csr-content-info {margin-top:46px; font-size:18px; line-height:26px; letter-spacing:-0.025em; text-align:center;}
.csr-content-info strong {font-weight:500;}
.boomerang-title {position:relative; padding:0 0 0 45px; font-size:30px; line-height:40px; font-weight:500; color:#111;}
.boomerang-title:before {content:''; position:absolute; top:7.5px; left:0; display:block; width:35px; height:25px; background:url('../../images/icon/icon_boomerang_title.png') left top no-repeat;}
.boomerang-title + .info {margin-top:19px; font-size:18px; line-height:26px; font-weight:500; word-break:keep-all;}
/* csr > love 캠페인 */
.loveback-campaign {padding:0 0 75px 0; border-bottom:2px solid #e5e5e5;}
.loveback-campaign > div {position:relative; text-align:left;}
.loveback-campaign > div > h3 {margin-bottom:45px;}
.loveback-campaign > div > h3 + p {margin-top:0;}
.loveback-campaign > div > p {padding-right:30px; margin-top:26px; color:#333; font-size:18px; line-height:26px; font-weight:400; word-break:keep-all;}
.loveback-campaign .info-01 {min-height:364px; padding-right:50%;}
.loveback-campaign .info-01 .item {position:absolute; top:0; right:0; width:50%; height:364px; background:url('../../images/content/social_contribution_item_01.png') 45px 61px no-repeat; text-align:center;}
.loveback-campaign .info-01 .item h4 {padding:85px 40px 0 0;color:#af0019; font-size:18px; line-height:30px; font-weight:700;}
.loveback-campaign .info-01 .item h4 em {font-size:24px; font-weight:700;}
.loveback-campaign .info-01 .item p {padding:8px 40px 0 0;color:#111; font-size:14px; line-height:18px;}
.loveback-campaign .info-02 {margin-top:72px; padding-left:50%;}
.loveback-campaign .info-02 > div > h3 {padding-left:30px;}
.loveback-campaign .info-02 > div > p {padding-left:30px; padding-right:0;}
.loveback-campaign .info-02 .item {position:absolute; top:0; left:0; width:50%; height:364px; margin-left:-30px; background:url('../../images/content/social_contribution_item_02.png') 50% 21px no-repeat; text-align:center;}
.social-contribution-thema {margin-top:53px;}
.social-contribution-thema .thema-list {margin-top:33px;}
.social-contribution-thema .thema-list:after {content:''; display:block; clear:both;}
.social-contribution-thema .thema-list > li {position:relative; float:left; width:33.33%; text-align:center;}
.social-contribution-thema .thema-list > li:before {content:''; position:absolute; top:52px; left:0; display:block; width:1px; height:166px; background-color:#eaeaea;}
.social-contribution-thema .thema-list > li:first-child:before {display:none;}
.social-contribution-thema .thema-list .title {font-size:18px; line-height:22px; font-weight:500;}
.social-contribution-thema .thema-list .txt {margin-top:22px; font-size:14px; line-height:21px; color:#666;}
.social-last-year-stats {margin-top:69px;}
.table-line-list {}
.table-line-list > li,
.table-line-list > dd {position:relative; padding-left:10px; font-size:16px; line-height:26px; color:#222;}
.table-line-list > li:before,
.table-line-list > dd:before {content:'-'; position:absolute; top:0; left:0; display:block; }
.table-line-list > dt {margin-bottom:5px; font-size:16px; line-height:25px;}
.table-line-list.small > li,
.table-line-list.small > dd {font-size:14px; line-height:24px; color:#777;}

/* 20210426 추가 : s */
.social-annual-activity-settlement {margin-top:50px;}
.social-annual-activity-settlement .guide-bottom {background-color: #f3f3f3;}
.social-annual-activity-settlement .guide-bottom .guide-cell > ul > li {position:relative; padding-left:12px;}
.social-annual-activity-settlement .guide-bottom .guide-cell > ul > li:after {content:'*'; position:absolute; top:3px; left:0;}
/* //20210426 추가 : e */

/* csr > YOUTH */
.csr-youth {color:#333;}
.visual-text-list {margin-top:56px; border-top:2px solid #eaeaea; word-break:keep-all;}
.visual-text-list > li {position:relative; padding:40px 0 40px 50%; min-height:370px; border-bottom:1px solid #eaeaea; box-sizing:border-box;}
.visual-text-list > li:nth-child(2n) {padding:40px 50% 40px 0;}
.visual-text-list > li:nth-child(2n) .txt-data {padding:15px 30px 0 0;}
.visual-text-list > li:nth-child(2n) .visual {left:auto; right:0;}
.visual-text-list .txt-data {padding:15px 0 0 30px; text-align:left;}
.visual-text-list .visual {position:absolute; top:0; left:0; display:block; padding:40px 0; width:469px; height:100%; box-sizing:border-box;}
.visual-text-list .visual:before {content:''; display:inline-block; vertical-align:middle; height:100%;}
.visual-text-list .visual img {max-width:467px; max-height:100%; vertical-align:middle;}
.visual-text-list .title {font-size:22px; line-height:28px; font-weight:500;}
.visual-text-list .title strong{color:#aa0b12;}
.visual-text-list .info {position:relative; padding-top:40px; margin-top:35px; font-size:16px; line-height:26px;}
.visual-text-list .info:before {content:''; position:absolute; top:0; left:0; display:block; width:22px; height:1px; background:#222;}
.annual-activity-settlement {margin-top:54px;}
.annual-activity-settlement .guide-bottom > li {color:#666; font-size:14px; line-height:24px;}
/* csr > COMMUNITY */
.csr-community {text-align:center; color:#333;}
.sqaure-grid-box {color:#333; text-align:left;}
.sqaure-grid-box .txt-data {padding:36px 32px 34px 32px;}
.sqaure-grid-box .title {font-size:22px; line-height:30px; font-weight:500;}
.sqaure-grid-box .info {font-size:16px; line-height:26px;}
.sqaure-grid-box .title + .info {margin-top:9px;}
.sqaure-grid-box {margin-top:56px; padding-top:30px; border-top:1px solid #eaeaea;}
.sqaure-grid-box-inner {display:flex; flex-wrap:wrap; margin:0 -30px;}
.sqaure-grid-box-inner .sqaure-grid-box-cell {display:flex; flex-wrap:wrap; flex-direction:column; width:50%; padding:30px; box-sizing:border-box;}
.sqaure-grid-box-inner .sqaure-grid-item {flex:1 0 auto; border:1px solid #eaeaea;}
.sqaure-grid-box-inner .sqaure-grid-item img {width:100%;}
/* csr > GREEN */
.csr-green-list {margin-top:56px; color:#333; border-top:1px solid #eaeaea;}
.csr-green-list > li {position:relative; padding:40px 40px 40px 430px; min-height:310px; box-sizing:border-box; text-align:left; border-bottom:1px solid #eaeaea;}
.csr-green-list .visual {position:absolute; top:40px; left:20px; width:350px;}
.csr-green-list .txt-data {padding-top:27px;}
.csr-green-list .title {font-size:22px; line-height:26px; font-weight:500;}
.csr-green-list .info {font-size:16px; line-height:26px;}
.csr-green-list .title + .info {margin-top:32px;}



/* ===========================
	02. menu
=========================== */
/* 상품 리스트 메인 */
#dBody.menu-list {margin-top:700px;}
.menu-list-visual {display:table; width:100%; height:600px; background-size:auto; background-position:center top;}
.menu-list-visual .bg {position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:#000; opacity:0; z-index:1;}
.menu-list-visual .visual-cell {position:relative; display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; z-index:5; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;}
.menu-list-visual .visual-cell.open > div > p {top:0 !important; opacity:1;}
.menu-list-visual .ko-copy {height:32px; color:#a1896f; font-size:30px; line-height:32px; font-weight:500; letter-spacing:3px;}
.menu-list-visual .ko-copy span {height:32px}
.menu-list-visual .en-copy {height:84px; margin:10px 0 50px 0; color:#e5ccb1; font-size:82px;  line-height:84px; letter-spacing:13.12px;}
.menu-list-visual .en-copy span {height:84px}
.menu-list-visual .txt {margin-bottom:11px; height:21px; color:#a1896f; font-size:20px; font-weight:500; line-height:21px;}
.menu-list-visual .txt:last-child {margin-bottom:0;}
.menu-list-visual .txt span {height:21px}
.menu-list-visual .visual-cell > div {position:relative; overflow:hidden;}
.menu-list-visual .visual-cell > div > p {position:absolute; top:100%; left:0; width:100%; height:100%; -webkit-transition: top 0.6s 0.9s, opacity 0.6s 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: top 0.6s 0.9s, opacity 0.6s 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940); opacity:0;}
.menu-list-visual em {font-weight:700;}

/* 상품 리스트 타이틀 */
.menu-list-title {position:relative; padding-bottom:38px; border-bottom:2px solid #222;}
.menu-list-title em {font-size:38px; line-height:34px; letter-spacing:2.09px;}
.menu-list-title span {margin-left:30px; color:#666; font-size:16px; vertical-align:bottom;}
.menu-list-title .btn-menu-top {position:absolute; bottom:28px; right:0; display:block; width:60px; height:60px; border-radius:50%; background-color:#000;}
.menu-list-title .btn-menu-top:before {content:''; position:absolute; top:50%; left:50%; width:4px; height:24px; margin:-12px 0 0 -2px; border-radius:1px; background:#edd8c1; -webkit-transition:-webkit-transform 0.45s ease-out; transition:transform 0.45s ease-out;}
.menu-list-title .btn-menu-top:after {content:''; position:absolute; top:50%; left:50%; width:4px; height:24px; margin:-12px 0 0 -2px; border-radius:1px; background:#edd8c1; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.menu-list-title .btn-menu-top.open:before {-webkit-transform: rotate(90deg); transform: rotate(90deg);}
.menu-list-title + .page-tab {margin-top:50px;}
.menu-type-01 .menu-list-info ,
.menu-type-02 .menu-list-info ,
.menu-type-04 .menu-list-info {height:120px;}
.menu-type-01 .menu-list-info > div,
.menu-type-02 .menu-list-info > div,
.menu-type-04 .menu-list-info > div {display:block;}
.menu-type-01 .menu-list-name .cell,
.menu-type-02 .menu-list-name .cell,
.menu-type-04 .menu-list-name .cell {height:55px;}
.menu-type-01 .menu-list-price,
.menu-type-02 .menu-list-price,
.menu-type-04 .menu-list-price {height:55px;}
.menu-list > ul > li .menu-preparing {padding-bottom:50px;} 


/* 상품 리스트 */
.menu-list {margin-top:50px; word-break:keep-all;}
.menu-list .menu-list-top {display:none; padding-bottom:40px;}
.menu-list > ul {margin:0 -10px 0 -10px;}
.menu-list > ul:after {content:''; display:block; clear:both;}
.menu-list > ul > li {float:left; width:33.3%; padding:10px 14px; box-sizing:border-box;}
.menu-list > ul > li.big-type {width:67%;}
.menu-list > ul > li:hover .btn-menu-list-thumb > img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.menu-list > ul > li:hover .menu-line span:nth-child(1) {top:auto; bottom:0; left:-1px; width:1px; height:100%;}
.menu-list > ul > li:hover .menu-line span:nth-child(2) {top:-1px; right:auto; left:0; width:100%; height:1px;}
.menu-list > ul > li:hover .menu-line span:nth-child(3) {top:0; right:-1px; bottom:auto; width:1px; height:100%;}
.menu-list > ul > li:hover .menu-line span:nth-child(4) {right:0; bottom:-1px; left:auto; width:100%; height:1px;}
.menu-list > ul > li:hover .menu-list-detail > div {height:100%;}
.menu-list .menu-list-cell {position:relative; box-sizing:border-box;}
.menu-list .menu-list-cell .p-icon {left:0;}
.menu-list .btn-menu-list-thumb {position:relative; width:100%; height:370px; overflow:hidden; z-index:1;}
.menu-list .btn-menu-list-thumb > img {position:relative; z-index:-1; -webkit-transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease;}
.menu-list .menu-line span {position:absolute; display:block; background-color:#222; z-index:2; -webkit-transition: width 0.5s, height 0.5s ease; transition: width 0.5s, height 0.5s ease;}
.menu-list .menu-line span:nth-child(1) {top:0; bottom:auto; left:-1px; width:1px;height:0;}
.menu-list .menu-line span:nth-child(2) {top:-1px; right:0; left:auto; width:0; height:1px;}
.menu-list .menu-line span:nth-child(3) {top:auto; right:-1px; bottom:0; width:1px; height:0;}
.menu-list .menu-line span:nth-child(4) {right:auto; bottom:-1px; left:0; width:0; height:1px;}
.menu-list + .menu-list-title {margin-top:50px;}
.menu-list > ul > li .menu-preparing:hover .btn-menu-list-thumb > img {-webkit-transform: scale(1);transform: scale(1);}

/* 상품 리스트 정보 */
.menu-list-info {display:table; width:100%; height:172px; padding:0 5px; box-sizing:border-box;}
.menu-list-info.single {height:132px;}
.menu-list-info > div {display:table-row; text-align:center;}
.menu-list-info > div > div {display:block; vertical-align:middle;}
.menu-list-info .type-02 {height:132px;}

/* 상품 리스트 상세 정보 */
a.menu-list-detail {position:absolute; top:0; left:0; display:block; width:100%; height:370px; z-index:1;}
a.menu-list-detail > div {position:absolute; bottom:0; left:0; width:100%; height:0; background:rgba(0,0,0,0.8); overflow:hidden; -webkit-transition: height 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: height 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
a.menu-list-detail > div > div {position:absolute; bottom:0; left:0; display:table; width:100%; height:390px;}
a.menu-list-detail > div > div > div {display:table-cell; width:100%; height:100%; padding:46px 38px 0; color:#fff; vertical-align:middle; text-align:center;}
a.menu-list-detail .en-title {font-family:'Roboto'; font-size:24px; line-height:28px; font-weight:500;}
a.menu-list-detail .info {padding:20px 0 20px 0; font-size:14px; line-height:24px; opacity:0.6;}

.material {display:inline-block; padding:46px 0 0 0;}
.material > dt {display:none;}
.material > dd {display:inline;}
.material > dd > p {display:inline-block; margin:2px; padding:0 10px; color:#fff; font-size:14px; line-height:25px; border:1px solid #8b8b8b; border-radius:2px;}

.properties {padding-top:20px;}
.properties > ul {display:inline-block;}
.properties > ul > li {display:inline;}
.properties > ul > li > dl {position:relative; float:left; display:block; padding:0; overflow:hidden;}
.properties > ul > li > dl:after {content:''; position:absolute; top:50%; left:0; display:block; width:1px; height:12px; margin-top:-6px; background:#fff; opacity:0.5;}
.properties > ul > li:first-child > dl {padding-left:0;}
.properties > ul > li:first-child > dl:after {display:none;}
.properties > ul > li:last-child > dl {padding-right:0;}
.properties > ul > li > dl > dt {display:none;}
.properties > ul > li > dl > dd {float:left; font-size:0;}
.properties > ul > li > dl.square > dd {width:12px; height:12px; margin:2px 0 2px 4px;}
.properties > ul > li > dl.line > dd {width:25px; height:25px; margin-right:4px;}
.properties .spicy-half {background: url('../../images/icon/spicy_half.png');}
.properties .spicy {background: url('../../images/icon/spicy.png');}
.properties .spicy-none {background: url('../../images/icon/spicy_none.png');}

/* 상품 리스트 타이틀 정보 */
.menu-list-name {}
/* .menu-list-name .cell {height:90px;} */
.menu-list-name.type-02 .cell {height:132px;}
.menu-list-name .names {display:table; width:100%;}
.menu-list-name .names > span {display:table-cell; padding:0; vertical-align:middle;}
.menu-list-name .names > span > span {display:block; overflow:hidden;}
.menu-list-name .names > span > span:first-child {margin-top:16px;}
.menu-list-name .names .en-cate {max-height:44px; color:#94785c; font-family:'Roboto'; font-size:16px; line-height:22px; font-weight:500;}
.menu-list-name .names .ko-name {max-height:64px; margin-top:0; color:#222; font-size:20px; line-height:29px; font-weight:500;}

.menu-list-price {height:92px;}
.menu-list-price .cell {border-top:0;}

/* 상품 가격 정보  */
.price {display:inline-block; vertical-align:middle;}
.price .num {font-family:'Roboto'; color:#000; font-size:24px; font-weight:700; letter-spacing:-0.75px; vertical-align:middle;}
.price > span {display:inline-block; padding:0 0 5px 5px; color:#222; font-size:16px; vertical-align:bottom;}

.sale {opacity:0.4;}

.gram-icon {position:relative; display:inline-block; height:22px; margin-right:10px; padding:0 8px 0 8px; color:#94785c; font-family:'Roboto'; font-size:13px; font-weight:700; line-height:22px; border-radius:2px; background:#f5f5f5; text-align:center;  vertical-align:middle;}
.gram-icon-label{position: relative; display: inline-block; height: 26px; margin-right: 17px; padding: 0 8px 0 13px; color: #fff; font-family: 'Roboto'; font-size: 14px; line-height: 28px; font-weight: 500; border-radius: 2px; background: #50473d; text-align: center; vertical-align: middle;}
.gram-icon-label:after{content: ''; position: absolute; top: 0; right: -9px; display: block; width: 0; height: 0; border-style: solid; border-width: 13px 0 13px 10px; border-color: transparent transparent transparent #50473d;}
.gram-info {margin-top:10px; color:#666; font-size:14px;}

.sale-price {display:inline-block;}
.sale-price > li {display:inline;}
.sale-price > li > div {float:left; display:inline-block; padding:0 39px;}
.sale-price > li:first-child > div {padding-left:0; background:url('../../images/icon/icon_sale_price_arrow.png') right center no-repeat;}
.sale-price > li:last-child > div {padding-right:0;}

.gram-grid {display:inline-block;}
.gram-grid > li {display:inline;}
.gram-grid > li > div {position:relative; float:left; display:inline-block; padding:0 12px;}
.gram-grid > li:first-child > div {padding-left:0;}
.gram-grid > li:first-child > div:after {content:''; position:absolute; top:50%; right:0; display:block; width:1px; height:26px; margin-top:-13px; background:#e5e5e5;}
.gram-grid > li:last-child > div {padding-right:0;}

.info-grid{overflow:hidden;}
.info-grid > li {position:relative; float:left; width:50%; text-align:center;}
.info-grid > li > div {position:relative;}
.info-grid > li:first-child > div:after {content:''; position:absolute; top:50%; right:0; display:block; width:1px; height:26px; margin-top:-13px; background:#e5e5e5;}
.info-grid .txt {margin-bottom:10px; color:#666; font-size:14px;}

.menu-point-list-wrap {}
.menu-point-info {position:relative; display:table; width:100%; height:136px; overflow:hidden; text-align:left; box-sizing:border-box;}
.menu-point-info > div {display:table-cell; height:100%; vertical-align:middle;}
.menu-point-info .txt-info {padding:0 20px 0 40px;}
.menu-point-info .txt-info .name {max-height:62px; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.menu-point-info .txt-info .name a {color:#222; font-size:24px; line-height:30px; font-weight:500;}
.menu-point-info .txt-info .info {max-height:42px; color:#666; font-size:16px; line-height:20px; margin-top:13px; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.menu-point-info .price-info {width:5%; padding-right:40px;  white-space:nowrap; text-align:right;}
.menu-point-info .price-info .price {}
.menu-point-info .price-info .price strong {font-size:40px; font-weight:700; letter-spacing:-0.6px;}
.menu-point-info .price-info .price span {display:inline-block; padding:0 0 5px 10px; font-size:16px; vertical-align:bottom;}
.menu-point-info .price-info .del-price {margin-bottom:3px; color:#c5c5c5; font-size:14px; line-height:26px;}
.menu-point-info .price-info .del-price del {margin-right:5px; font-size:24px; font-weight:700; letter-spacing:-1px;}
.menu-point-info .price-info .icon-point {margin:2px 0 0 7px;}

/* 상품 리스트 사용 정보 */
.menu-list-use-info {padding:24px 0; margin:0 30px; border-top:1px solid #b5b5b5; text-align:left;}
.menu-list-use-info p {position:relative; padding:3px 0 3px 90px; color:#999; font-size:16px; line-height:31px;}
.menu-list-use-info p em {position:absolute; top:3px; left:0; display:block; width:80px; height:29px; color:#222; line-height:28px;  border:1px solid #e5e5e5; border-radius:2px; background:#fff; text-align:Center;}
.menu-list-use-info > ul {overflow:hidden;}
.menu-list-use-info > ul > li {float:left; width:50%;}
.menu-list-use-info > ul > li > p {padding-left:105px;}
.menu-list-use-info > ul > li > p > em{width:95px;}

/* 상품 리스트 공지사항 */
.menu-notice {padding:40px; border:1px solid #dedede;}
.menu-notice h4 {color:#222; font-size:20px; font-weight:500;}
.menu-notice .txt {margin-top:15px; color:#666; font-size:14px; line-height:24px;}
.menu-notice ul {margin-top:18px;}
.menu-notice ul li {position:relative; margin-top:5px; padding-left:10px; color:#666; font-size:14px; line-height:18px;}
.menu-notice ul li:first-child {margin-top:0;}
.menu-notice ul li:after {content:''; position:absolute; top:8px; left:0; display:block; width:4px; height:2px; background:#666;}

/* 상품 상세 */
#dBody.menu {position:relative; margin-top:100px; overflow:hidden;}

/* 상품 상세 비주얼 */
.menu-visual {position:absolute; top:350px; left:50%; width:0; height:0; background-repeat:no-repeat; background-position:center center; z-index:1; -webkit-transition: all 0.9s cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: all 0.9s cubic-bezier(0.860, 0.000, 0.070, 1.000); transform:rotate(0.01deg);}
.menu-visual.open {top:0px; left:50%; width:1920px; height:700px; margin-left:-960px;}

/* 상품 상세 정보 */
.effect-group {position:relative;}
.effect-group .txt-cell {position:relative; overflow:hidden;}
.effect-group .txt-cell > p {position:absolute; top:100%; left:0; width:100%; height:100%;-webkit-transition: top 0.6s 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: top 0.6s 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.effect-group.open .txt-cell > p {top:0;}

.menu-detail-top {position:relative; width:100%; height:700px; z-index:5;}
.menu-detail-top.open .menu-detail-info {width:420px; margin-right:-590px;}

.btn-menu-sns {position:absolute; left:50%; bottom:90px; margin-left:-590px; overflow:hidden; opacity:0; -webkit-transition: opacity 0.5s 0.9s ease; transition: opacity 0.5s 0.9s ease;}
.btn-menu-sns.open {opacity:1;}
.btn-menu-sns > li {float:left; margin-left:5px;}
.btn-menu-sns > li:first-child {margin-left:0;}

.menu-detail-info {position:absolute; top:0; right:50%; width:0; height:100%; margin-right:-590px; overflow:hidden; box-sizing:border-box; -webkit-transition: width 0.9s 0.9s cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: width 0.9s 0.9s cubic-bezier(0.860, 0.000, 0.070, 1.000);}
.menu-detail-info.visible {overflow:visible;}
.menu-detail-info.visible .p-icon {opacity:1; -webkit-transform: scale(1); transform: scale(1);}
.menu-detail-info .p-icon {position:absolute; top:-23px; right:-23px; width:89px; height:89px; opacity:0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: opacity 0.4s, transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);}
.menu-detail-info .info-data {position:absolute; top:0; right:0; width:420px; height:100%; display:table;}
.menu-detail-info .info-data > div{display:table-cell; width:100%; height:100%; padding-top:40px; vertical-align:top;}
.menu-detail-info .btn-menu {}
.menu-detail-info .btn-menu > ul {overflow:hidden;}
.menu-detail-info .btn-menu > ul > li {float:left; width:50%;}
.menu-detail-info .btn-menu > ul > li > a {display:block; padding:72px 0 26px 0;color:#fff; font-size:16px; line-height:22px; text-align:center;}
.menu-detail-info .btn-menu .btn-store-find {background:rgba(144,115,84,0.95);}
.menu-detail-info .btn-menu .btn-store-find > a {background:url('../../images/icon/ico_store_find.png') center top no-repeat;}
.menu-detail-info .btn-menu .btn-naver-reser {background:rgba(177,10,17,0.95);}
.menu-detail-info .btn-menu .btn-naver-reser > a {background:url('../../images/icon/ico_naver_reser.png') center top no-repeat;}

.menu-detail-info .map-list-wrap {display:none; top:140px; left:0; width:100%; min-height:625px; -webkit-box-shadow:none; box-shadow:none;}
.menu-detail-info .map-list-wrap .btn-map-list-close:after {background:url('../../images/util/btn-pop-close.png') left top no-repeat;}
.menu-detail-info .map-list-wrap .area-cell {padding:30px;}
.menu-detail-info .map-list-wrap .area-cell .btn-prev {right:30px;}
.menu-detail-info .map-list-wrap .area-cell .dot-txt {margin:0;}
.menu-detail-info .map-result-list > ul > li > a {padding-left:20px; background-position:right 20px center;}

.menu-price-info {position:relative; padding:40px; background:rgba(0,0,0,0.8);}
.menu-price-info .ko-title {color:#fff; font-size:20px; font-weight:500; line-height:24px;}
.menu-price-info .en-title {margin-top:5px; color:#fff; font-size:39px; line-height:42px; letter-spacing:1.71px; word-break:keep-all;}
.menu-price-info .info {min-height:100px; padding-bottom:15px; margin-top:10px; border-bottom:1px solid rgba(255,255,255,0.2); box-sizing:border-box;}
.menu-price-info .info .txt {color:#fff; font-size:14px; line-height:22px;}
.menu-price-info .sort {margin-top:26px; color:#fff; font-size:14px; line-height:22px;}
.menu-price-info .price-wrap {min-height:114px; overflow:hidden;}
.menu-price-info .default-price {margin-top:30px;}
.menu-price-info .gram-price {margin-top:25px;}
.menu-price-info .three-price {overflow:inherit;}
.menu-price-info .three-price .gram-price {margin:10px 0 -5px 0;}
.menu-price-info .label-gram-price {position:relative; text-align:right;}
.menu-price-info .label-gram-price + .label-gram-price {margin-top:12px;}
.menu-price-info .label-gram-price .label-title {position:absolute; top:0; left:0; display:block; width:120px; font-size:18px; line-height:34px; font-weight:500; color:#fff; text-align:left;}
.menu-price-info .price {color:#b59371; font-size:34px;}
.menu-price-info .price em {font-family:'roboto'; font-weight:500;}
.menu-price-info .price span {padding:0 0 6px 2px; color:#b59371; font-size:16px; font-weight:400;}
.menu-price-info .price .num {color:#b59371; font-size:34px; font-weight:500;}
.menu-price-info .gram-icon em {font-size:16px}
.menu-price-info .gram-info {margin-top:15px; color:#b59371;}
.menu-price-info .sale-price {margin-top:40px; display:block; overflow:hidden;}
.menu-price-info .sale-price > li {float:left; display:block; width:50%;}
.menu-price-info .sale-price > li > div {float:none; display:block; padding:0}
.menu-price-info .sale-price > li:first-child > div {background:url('../../images/icon/icon_sale_price_arrow_02.png') right center no-repeat;}
.menu-price-info .sale-price > li:last-child > div {text-align:right;}
.menu-price-info .sale-price .price.sale {opacity:0.5;}
.menu-price-info .info-grid{margin-top:25px;}
.menu-price-info .info-grid > li {position:relative; text-align:left;}
.menu-price-info .info-grid > li > div {display:inline-block; text-align:left;}
.menu-price-info .info-grid > li:last-child {text-align:right;}
.menu-price-info .info-grid > li:first-child:after {content:''; position:absolute; top:0; right:0; display:block; width:1px; height:100%; margin-top:0; background:#b59371; opacity:0.4;}
.menu-price-info .info-grid > li:first-child > div:after {display:none}
.menu-price-info .info-grid .txt {margin-bottom:3px; color:#d6c5b4; font-size:14px;}
.menu-price-info .mulity-menu-price {padding-bottom:20px;}
.menu-price-info .mulity-menu-price > li {position:relative; margin-top:12px; padding-right:50%;}
.menu-price-info .mulity-menu-price > li:first-child {margin-top:0;}
.menu-price-info .mulity-menu-price .kr-name {font-size:16px; font-weight:500; line-height:20px; color:#fff;}
.menu-price-info .mulity-menu-price .en-name {font-size:11px; font-weight:300; line-height:13px; color:#ddd;}
.menu-price-info .mulity-menu-price .kr-name + .en-name {margin-top:2px;}
.menu-price-info .mulity-menu-price .price-value {position:absolute; bottom:0; right:0; width:50%; font-size:16px; line-height:20px; font-weight:500; color:#b59371; text-align:right;}
.menu-price-info .mulity-menu-price .price-value > em {font-family:'roboto'; font-size:24px; vertical-align:baseline; font-weight:500;}

.menu-price-info .my-benefit {display:block; color:#fff; font-size:14px; line-height:38px; border:1px solid rgba(255,255,255,0.5); text-align:center;}
.menu-price-info .properties > ul > li > dl {position:relative; float:left; display:block; padding:2px 19px; overflow:hidden;}
.menu-price-info .properties > ul > li > dl:after {content:''; position:absolute; top:50%; left:0; display:block; width:1px; height:12px; margin-top:-6px; background:#fff; opacity:0.5;}
.menu-price-info .properties > ul > li:first-child > dl {padding-left:0;}
.menu-price-info .properties > ul > li:first-child > dl:after {display:none;}
.menu-price-info .properties > ul > li:last-child > dl {padding-right:0;}
.menu-price-info .properties > ul > li > dl > dt {float:left; margin-right:4px; color:#fff; font-size:13px; line-height:14px;}
.menu-price-info .properties > ul > li > dl > dd {float:left; font-size:0;}
.menu-price-info .properties > ul > li > dl.square > dd {width:12px; height:12px; margin:2px 0 2px 4px;}
.menu-price-info .properties > ul > li > dl.line > dd {width:20px; height:6px; margin:4px 0 4px 4px;}

.mulity-price .info {min-height:88px;}
.mulity-price .price-wrap {padding:0; min-height:0; margin-top:20px;}
.mulity-price .price-wrap .info-grid {margin:0; overflow:visible;}
.mulity-price .price-wrap .info-grid:after {content:''; display:block; clear:both;}
.mulity-price .price-wrap + .price-wrap {margin-top:0;padding:20px 0;}
.mulity-price .price-wrap + .price-wrap .info-grid > li:first-child:after {margin-top:-20px; padding-top:20px;}
.mulity-price .info-grid > li:last-child {padding-left:30px; text-align:left; box-sizing:border-box;}

.menu-obj-content {}
.menu-obj-content > ul > li {position:relative; height:350px; background-repeat:no-repeat; background-position:center center; background-size:cover; opacity:0; box-sizing:border-box; -webkit-transition: opacity 0.5s 0.2s ease; transition: opacity 0.5s 0.2s ease;}
.menu-obj-content > ul > li:nth-child(2n) {text-align:right;}
.menu-obj-content .effect-group.open {opacity:1;}
.menu-obj-content .inner {padding:80px 40px 0 40px;}
.menu-obj-content .ko-title {height:60px; margin-bottom:40px;color:#fff; font-size:60px; font-weight:500; line-height:60px;}
.menu-obj-content .en-title {height:60px; margin-bottom:40px;color:#fff; font-family:'Akrobat' , verdana, sans-serif; font-size:60px; line-height:60px; letter-spacing:3.6px;}
.menu-obj-content .info {height:26px; color:#fff; font-size:18px; line-height:26px;}

.menu-side-content {width:1180px; margin:0 auto;}
.menu-side-content .inner {padding:70px 0 70px 305px;}
.menu-side-content .effect-group {overflow:hidden;}
.menu-side-content > div > div {border-top:1px solid #e6e6e6;}
.menu-side-content > div:first-child > div {border-top:none;}
.menu-side-content .effect-group.open .effect-obj {opacity:1; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
.menu-side-content .effect-obj {opacity:0; -webkit-transform: translate(0px, 50px); transform: translate(0px, 50px); -webkit-transition: opacity 0.6s 0.75s, -webkit-transform 0.6s 0.75s cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: opacity 0.6s 0.75s, transform 0.6s 0.75s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.menu-side-content .side-title {position:absolute; top:70px; left:0; width:305px;}
.menu-side-content .side-title .txt-cell {height:32px; font-family:'Akrobat' , verdana, sans-serif; font-size:36px; line-height:32px; letter-spacing:1.152px;}
.menu-side-content .side-title .txt-cell.kor {height:34px; font-family:Noto Sans CJK KR, 'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; font-weight:500; letter-spacing:0;}
.menu-side-content .menu-together .inner {padding-top:40px; padding-bottom:40px;}

.menu-content-visual {text-align:center;}
.menu-content-visual > img {display:block; margin:0 auto;}

.menu-together .with-list {margin:0 -20px; overflow:hidden; text-align:center;}
.menu-together .with-list > li {float:left; width:33.33%; padding:0 20px; box-sizing:border-box;}
.menu-together .with-list .name {margin-bottom:10px; font-size:18px; font-weight:500;}
.menu-together .with-list .info {padding:0 15px; color:#666; font-size:16px; line-height:20px; word-break:keep-all;}

.menu-part .detail {position:relative; min-height:260px; padding-right:460px}
.menu-part .title {font-size:18px; font-weight:500;}
.menu-part .title em {margin-right:10px; font-size:26px; vertical-align:baseline;}
.menu-part .info {margin-top:15px; color:#666; font-size:14px; line-height:24px;}
.menu-part .visual {position:absolute; top:0; right:0;}

.menu-nutritional table.simple-row-list > tbody > tr > th {height:49px; padding:0 0 0 20px; font-size:14px; vertical-align:middle;}
.menu-nutritional table.simple-row-list > tbody > tr > td {height:49px; padding:0 20px; text-align:left; vertical-align:middle;}
.menu-nutritional .btn-04.type-04 {padding:0 45px 0 20px; background-image:url('../../images/icon/ico_download_white.png'); background-position:right 20px center;}
.menu-nutritional .inner .cell {margin-bottom:40px;}
.menu-nutritional .inner .cell:last-child {margin-bottom:0;}

.menu-service .inner {padding:0; border:none !important;}
.menu-service .service-point {padding:60px; color:#fff; background:url('../../images/content/menu_service_bg.jpg') center top no-repeat; background-size:cover; text-align:center;}
.menu-service .service-point .title {font-size:30px; font-weight:500;}
.menu-service .service-point .info {margin-top:16px; font-size:18px; line-height:24px;}
.menu-service .service-info {padding:40px 0; overflow:hidden;}
.menu-service .service-info > li {position:relative; padding:10px 0 10px 180px; box-sizing:border-box;}
.menu-service .service-info dt {position:absolute; top:10px; left:0; width:180px; padding-left:20px; font-size:20px; font-weight:500;}
.menu-service .service-info dd {color:#666; line-height:21px;}

.menu-recommend .side-title {position:relative; top:auto; left:0; width:auto;}
.menu-recommend .inner {padding:60px 0 0 0;}
.menu-recommend .recommend-list {overflow:hidden; margin:20px -20px 0 -20px;}
.menu-recommend .recommend-list > li{float:left; width:25%; padding:20px; box-sizing:border-box;}
.menu-recommend .recommend-list .name {margin-top:20px; font-size:16px;}

#store-detail {position:fixed; top:0; left:0; display:none; width:100%; height:100%; background-color:rgba(0,0,0,0.5); overflow-y:auto; z-index:50000}
#store-detail .pop-data .pop-con{overflow-y:hidden;}
#store-detail .pop-data .pop-con .simple-row-list {text-align:center;}
#store-detail .pop-data .pop-con .simple-row-list th {padding:14px 0 16px 10px; font-size:14px; text-align:left;}
#store-detail .pop-data .pop-con .simple-row-list td {padding:14px 0 16px 10px; font-size:14px; text-align:right;}

.delivery-banner {margin:0 0 80px 0;}
.delivery-banner a {display:block;}

/* ===========================
	03. benefit
=========================== */
.benefit .content {}

.guide-bottom.card-guide .guide-cell {padding:0 10px;}
.guide-bottom.point-guide h3 {margin-bottom:15px;}

/* 아웃백 특별한 혜택 */
.special-benefit {position:relative; height:470px; text-align:center; padding-top:80px; margin-top:-80px; overflow:hidden;}
.special-benefit .title {position:relative; font-size:38px; font-weight:700; z-index:2;}
.special-benefit .info {padding-top:30px; font-size:22px; line-height:24px; letter-spacing:-0.55px; z-index:2;}
.special-benefit .btn-card-write {position:absolute; left:0; bottom:6px; width:100%; margin-top:40px; z-index:2;}
.special-benefit .btn-card-write > a{display:block; width:261px; margin:0 auto; color:#222; font-size:20px; line-height:52px; letter-spacing:-1px; border:2px solid #222; text-align:center;}
.special-benefit .char-data {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.special-benefit .char-data p {position:absolute; font-size:0; opacity:0; -webkit-transform: translate(0px, -70px); transform: translate(0px, -70px);}
.special-benefit .char-data p:nth-child(2n) { -webkit-transform: translate(0px, 70px); transform: translate(0px, 70px);}
.special-benefit.open .char-data p {opacity:1; -webkit-transform: translate(0px, 0); transform: translate(0px, 0);}
.special-benefit.open .char-dot > p {top:62px; opacity:1; -webkit-transform: scale(1); transform: scale(1);}
.special-benefit .char-data .char-o {top:229px; left:189px; width:124px; height:193px; background:url('../../images/content/special_benefit_char_obj_01.png') left top no-repeat; -webkit-transition: opacity 0.6s 0.4s, -webkit-transform 0.6s 0.4s cubic-bezier(0.000, 1.050, 0.420, 1.150); transition: opacity 0.6s 0.4s, transform 0.6s 0.4s cubic-bezier(0.000, 1.050, 0.420, 1.150);}
.special-benefit .char-data .char-u {top:238px; left:337px; width:112px; height:178px; background:url('../../images/content/special_benefit_char_obj_02.png') left top no-repeat; -webkit-transition: opacity 0.6s 0.5s, -webkit-transform 0.6s 0.5s cubic-bezier(0.000, 1.050, 0.420, 1.150); transition: opacity 0.6s 0.5s, transform 0.6s 0.5s cubic-bezier(0.000, 1.050, 0.420, 1.150);}
.special-benefit .char-data .char-t {top:255px; left:441px; width:147px; height:171px; background:url('../../images/content/special_benefit_char_obj_03.png') left top no-repeat; -webkit-transition: opacity 0.6s 0.6s, -webkit-transform 0.6s 0.6s cubic-bezier(0.000, 1.050, 0.420, 1.150); transition: opacity 0.6s 0.6s, transform 0.6s 0.6s cubic-bezier(0.000, 1.050, 0.420, 1.150);}
.special-benefit .char-data .char-b {top:223px; left:629px; width:87px; height:219px; background:url('../../images/content/special_benefit_char_obj_04.png') left top no-repeat; -webkit-transition: opacity 0.6s 0.7s, -webkit-transform 0.6s 0.7s cubic-bezier(0.000, 1.050, 0.420, 1.150); transition: opacity 0.6s 0.7s, transform 0.6s 0.7s cubic-bezier(0.000, 1.050, 0.420, 1.150);}
.special-benefit .char-data .char-a {top:256px; left:711px; width:88px; height:168px; background:url('../../images/content/special_benefit_char_obj_05.png') left top no-repeat; -webkit-transition: opacity 0.6s 0.8s, -webkit-transform 0.6s 0.8s cubic-bezier(0.000, 1.050, 0.420, 1.150); transition: opacity 0.6s 0.8s, transform 0.6s 0.8s cubic-bezier(0.000, 1.050, 0.420, 1.150);}
.special-benefit .char-data .char-c {top:230px; left:805px; width:108px; height:177px; background:url('../../images/content/special_benefit_char_obj_06.png') left top no-repeat; -webkit-transition: opacity 0.6s 0.9s, -webkit-transform 0.6s 0.9s cubic-bezier(0.000, 1.050, 0.420, 1.150); transition: opacity 0.6s 0.9s, transform 0.6s 0.9s cubic-bezier(0.000, 1.050, 0.420, 1.150);}
.special-benefit .char-data .char-k {top:235px; left:907px; width:112px; height:198px; background:url('../../images/content/special_benefit_char_obj_07.png') left top no-repeat; -webkit-transition: opacity 0.6s 1s, -webkit-transform 0.6s 1s cubic-bezier(0.000, 1.050, 0.420, 1.150); transition: opacity 0.6s 1s, transform 0.6s 1s cubic-bezier(0.000, 1.050, 0.420, 1.150);}
.special-benefit .char-dot {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.special-benefit .char-dot > p {position:absolute; top:-200px; left:0; width:1148px; height:488px; background:url('../../images/content/special_benefit_dot.png') left top no-repeat; z-index:1; opacity:0; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform: scale(0.2); transform: scale(0.2); -webkit-transition: opacity 0.2s 1.4s, top 1.8s 1.4s, -webkit-transform 1.4s 1.4s cubic-bezier(0.075, 0.820, 0.165, 1.000); transition: opacity 0.2s 1.4s, top 1.8s 1.4s, transform 1.4s 1.4s cubic-bezier(0.075, 0.820, 0.165, 1.000);}

/* 부메랑 혜택 */
/*
.boomerang-benefit .accordion-list > li:nth-child(1) .accordion-cell {background:url('../../images/content/benefit_accordion_visual_02.jpg') right bottom no-repeat;}
.boomerang-benefit .accordion-list > li:nth-child(2) .accordion-cell {background:url('../../images/content/benefit_accordion_visual_03.jpg') right bottom no-repeat;}
.boomerang-benefit .accordion-list > li:nth-child(3) .accordion-cell {background:url('../../images/content/benefit_accordion_visual_04.jpg') right bottom no-repeat;}
*/

/*
.boomerang-benefit .accordion-list.square .accordion-cell {height:99px;}
.boomerang-benefit .accordion-list.square .icon {padding:36px 0;}
.boomerang-benefit .accordion-list.square .coupon-name {margin:36px 0}
.boomerang-benefit .accordion-list > li .accordion-cell:after {content:''; display:block; position:absolute; top:0; right:104px; width:82px; height:100px; background-repeat:no-repeat; background-position:left top;}
.boomerang-benefit .accordion-list > li:nth-child(1) .accordion-cell:after {background-image:url('../../images/icon/benefit_accordion_icon_off_01.png');}
.boomerang-benefit .accordion-list > li:nth-child(2) .accordion-cell:after {background-image:url('../../images/icon/benefit_accordion_icon_off_02.png');}
.boomerang-benefit .accordion-list > li:nth-child(3) .accordion-cell:after {background-image:url('../../images/icon/benefit_accordion_icon_off_03.png');}
.boomerang-benefit .accordion-list .arrow {top:48px;}
.boomerang-benefit .accordion-list > li .accordion-content {background-repeat:no-repeat; background-position:right 60px bottom 60px;}
.boomerang-benefit .accordion-list > li:nth-child(1) .accordion-content {background-image:url('../../images/icon/benefit_accordion_icon_on_01.png');}
.boomerang-benefit .accordion-list > li:nth-child(2) .accordion-content {background-image:url('../../images/icon/benefit_accordion_icon_on_02.png');}
.boomerang-benefit .accordion-list > li:nth-child(3) .accordion-content {background-image:url('../../images/icon/benefit_accordion_icon_on_03.png');}
*/
.boomerang-benefit > ul  {display:flex; flex-wrap:wrap; margin-top:50px; margin-bottom:-67px; text-align:center;}
.boomerang-benefit > ul > li {position:relative; display:flex; flex-direction:column; align-items: center; width:33.3%; min-height:389px; margin-bottom:67px;}
.boomerang-benefit .title {color:#333; font-size:18px; font-weight:500; line-height:24px;}
.boomerang-benefit .info {margin-top:13px; color:#666; font-size:16px; line-height:22px;}
.boomerang-benefit .btn {margin-top:auto; padding-top:16px;}
.boomerang-benefit .btn a {display:inline-block; padding:0 20px; color:#222; font-size:16px; font-weight:500; line-height:38px; background-color:#fff; border:1px solid #bbb;}
.boomerang-benefit + .guide-bottom {margin-top:84px;}


.boomerang-simple-info {padding-bottom:30px; margin-top:60px;}
.boomerang-simple-info > ul {overflow:hidden;}
.boomerang-simple-info > ul > li {position:relative; float:left; height:105px; padding:30px; margin-left:1px; background-repeat:no-repeat; background-position:center center; box-sizing:border-box;}
.boomerang-simple-info > ul > li:first-child {margin-left:0}
.boomerang-simple-info .event-cell {width:480px; background-image:url('../../images/content/boomerang_simple_info_bg01.jpg');}
.boomerang-simple-info .sale-cell {width:349px; background-image:url('../../images/content/boomerang_simple_info_bg02.jpg');}
.boomerang-simple-info .save-cell {width:349px; background-image:url('../../images/content/boomerang_simple_info_bg03.jpg');}
.boomerang-simple-info .info {color:#fff; font-size:16px; line-height:21px; font-weight:500;}
.boomerang-simple-info .point {position:absolute; right:30px; bottom:30px; color:#fff; font-size:40px; font-weight:700; line-height:34px; letter-spacing:-1px;}
.boomerang-simple-info .point sub {margin-left:3px; font-size:20px; line-height:1; letter-spacing:0; vertical-align:bottom; opacity:0.7;}

/* 부메랑 vip */
.vip-benefit {margin-top:60px;}
/*
.vip-benefit .accordion-list > li:nth-child(1) .accordion-cell {background:url('../../images/content/benefit_accordion_visual_01.jpg') right bottom no-repeat;}
.vip-benefit .accordion-list > li:nth-child(2) .accordion-cell {background:url('../../images/content/benefit_accordion_visual_02.jpg') right bottom no-repeat;}
.vip-benefit .accordion-list > li:nth-child(3) .accordion-cell {background:url('../../images/content/benefit_accordion_visual_03.jpg') right bottom no-repeat;}
.vip-benefit .accordion-list > li:nth-child(4) .accordion-cell {background:url('../../images/content/benefit_accordion_visual_04.jpg') right bottom no-repeat;}
*/

.vip-info {position:relative; padding:105px 55px 75px 55px; margin-top:-80px; overflow:hidden; z-index:1;}
.vip-info .title {font-size:38px; font-weight:700;}
.vip-info .info {margin-top:20px; font-size:20px;}
.vip-info .date {margin-top:50px; color:#666; line-height:21px;}
.vip-info .boomerang-obj {position:absolute; top:44px; right:70px; width:573px; height:364px; z-index:3; animation: boomerang-move 2s 1 cubic-bezier(0.000, 1.495, 0.815, 1.62);}
.vip-info .boomerang-obj:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../../images/content/boomerang_obj.png') left top no-repeat; animation: boomerang-rotate 2s 1 cubic-bezier(0.250, 0.460, 0.450, 0.940);}

@keyframes boomerang-move {

	0% {		
		top:700px;

	} 100% {

		top:44px;

	}

}

@keyframes boomerang-rotate {

	0% {		

		transform: rotate(-540deg);

	} 100% {

		transform: rotate(0deg);

	}

}

/* vip스티커 스텝 */
.vip-sticker {position:relative; margin-top:17px;}
.vip-sticker .info {position:absolute; right:0; bottom:100%; margin-bottom:20px; color:#999;}
.vip-sticker .step {overflow:hidden;}
.vip-sticker .step > li {position:relative; float:left; width:33.33%; box-sizing:border-box;}
.vip-sticker .step > li > p {margin-right:0; color:#94785c; font-size:18px; line-height:66px; border:1px solid #d9cbbe; border-right:none; background-color:#fff; text-align:center; box-sizing:border-box;}
.vip-sticker .step > li > span {position:absolute; top:-1px; right:-23px; display:block; width:0; height:0; border-style:solid; border-width: 34px 0 34px 23px; border-color: transparent transparent transparent #d9cbbe;}
.vip-sticker .step > li > span:after{content:''; position:absolute; top:-33px; left:-23px; display:block; width:0; height:0; border-style:solid; border-width: 33px 0 33px 22px; border-color: transparent transparent transparent #fff;}
.vip-sticker .step > li:nth-child(1) {z-index:3;}
.vip-sticker .step > li:nth-child(2) {z-index:2;}
.vip-sticker .step > li:nth-child(3) {z-index:1;}
.vip-sticker .step > li:last-child > p {margin-right:23px; color:#fff; border-color:#cb0000; background-color:#cb0000; text-indent:23px;}
.vip-sticker .step > li:last-child > span {right:0; border-color: transparent transparent transparent #cb0000;}
.vip-sticker .step > li:last-child > span:after {border-color: transparent transparent transparent #cb0000;}

/* vip레벨 설명 */
.vip-level {position:relative; z-index:4;}
.vip-level > ul {border:1px solid #e0e0e0; overflow:hidden;}
.vip-level > ul > li {float:left; width:50%; height:560px; padding-top:85px; border-left:1px solid #e0e0e0; text-align:center; box-sizing:border-box;}
.vip-level > ul > li:first-child {border-left:none;}
.vip-level > ul > li.red {background-color:#fffffb;}
.vip-level > ul > li.black {background-color:#fafafa;}
.vip-level > ul > li:hover .level-label {-webkit-transform: translate(-10px, 0px); transform: translate(-10px, 0px);}
.vip-level > ul > li:hover .obj:before {-webkit-transform: rotate(-10deg); transform: rotate(-10deg);}
.vip-level > ul > li:hover .obj:after {left:-8px; -webkit-transform: rotate(10deg); transform: rotate(10deg);}
.vip-level .red .level-label {left:79px; background-color:#e71c1c;}
.vip-level .red .obj:before {background:url('../../images/content/boomerang_red.png') left top no-repeat;}
.vip-level .red .obj:after {background:url('../../images/content/boomerang_red_shadow.png') left bottom no-repeat;}
.vip-level .black .level-label {left:71px; background-color:#000;}
.vip-level .black .obj:before {background:url('../../images/content/boomerang_black.png') left top no-repeat;}
.vip-level .black .obj:after {background:url('../../images/content/boomerang_black_shadow.png') left bottom no-repeat;}
.vip-level .title {margin-top:5px; font-size:22px; font-weight:500;}
.vip-level .info {margin-top:15px; color:#666; font-size:16px; line-height:24px;}
.vip-level .obj {position:relative; width:209px; height:195px; margin:0 auto;}
.vip-level .obj .level-label {position:absolute; top:23px; left:72px; display:inline-block; padding:0 15px; color:#fff; font-size:14px; line-height:26px; letter-spacing:-0.35px; font-weight:500; border-radius:13px; z-index:5; -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.400, 0.395, 0.215, 1.345); transition: transform 0.9s cubic-bezier(0.400, 0.395, 0.215, 1.345);}
.vip-level .obj:before {content:''; position:absolute; top:0; left:0; width:100%; height:149px; z-index:2; -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.400, 0.395, 0.215, 1.345); transition: transform 0.9s cubic-bezier(0.400, 0.395, 0.215, 1.345); -webkit-transform-origin:33% 100%; transform-origin:33% 100%;}
.vip-level .obj:after {content:''; position:absolute; left:0; bottom:1px; width:100%; height:48px;  z-index:1; -webkit-transition: left 0.9s, -webkit-transform 0.9s cubic-bezier(0.400, 0.395, 0.215, 1.345); transition: left 0.9s, transform 0.9s cubic-bezier(0.400, 0.395, 0.215, 1.345); -webkit-transform-origin:33% 100%; transform-origin:33% 100%;}

/* vip 포인트 적립 , 이벤트 참여 */
.vip-special {margin-top:60px;}
.vip-special .event-participation .txt-01 {margin-top:76px;}

/* 포인트몰 */
.point-mall-list {margin-top:-10px;}

/* 포인트몰 쿠폰 구매 팝업 */
.buy-coupon-pop {width:560px;}
.buy-coupon-pop .menu-info {position:relative; min-height:146px; padding-left:250px;}
.buy-coupon-pop .menu-info .thumb {position:absolute; top:0; left:0; width:220px;}
.buy-coupon-pop .menu-info .name {padding-top:6px; color:#222; font-size:20px; line-height:26px;}
.buy-coupon-pop .menu-info .info {padding-top:9px; color:#666; font-size:14px; line-height:24px;}
.buy-coupon-pop .menu-info .price-data {margin-top:18px;}
.buy-coupon-pop .menu-info .price-data strong{color:#222; font-size:40px; font-weight:700; vertical-align:middle;}
.buy-coupon-pop .menu-info .price-data del {display:inline-block; padding:0 10px 4px 0; color:#c5c5c5; font-size:24px; font-weight:700; vertical-align:bottom;}
.buy-coupon-pop .menu-info .price-data em {margin-left:8px; vertical-align:middle;}
.buy-coupon-pop .guide-bottom {padding:30px 10px 26px 10px; margin-top:0; border-bottom:1px solid #dcdcdc; background-color:#fff;}
.buy-coupon-pop .guide-bottom h3 {margin-bottom:10px; color:#997c5e; font-size:14px; line-height:21px;}
.buy-coupon-pop .guide-bottom ul li {margin:0; padding-left:8px; color:#999; font-size:13px; line-height:21px;}
.buy-coupon-pop .guide-bottom ul li:after {background:#999;}
.buy-coupon-pop .btn-page-wrap {margin-top:30px; padding:0; border-top:none;}

.point-detail-info {margin-top:30px; border:1px solid #c7b19b}
.point-detail-info h3 {padding:15px; color:#222; font-size:18px; line-height:22px; border-bottom:1px solid #c7b19b; background:#fffaf5; text-align:center;}
.point-detail-info h3 em {color:#cc0001; font-weight:500;}
.point-detail-info .buy-info {padding:15px 20px; color:#666; font-size:13px; line-height:22px;}
.point-detail-info .buy-info li {padding-left:8px; margin:0; color:#666; font-size:13px; line-height:22px;}
.point-detail-info .menu-list-use-info {padding:14px; margin:0; border-top:none; background:#fafafa;}
.point-detail-info .menu-list-use-info p {padding-left:74px; font-size:13px; line-height:25px;}
.point-detail-info .menu-list-use-info p em {width:65px; height:25px; color:#222; font-size:13px; line-height:25px;}
.point-detail-info .menu-list-use-info > ul > li {float:left; width:50%;}
.point-detail-info .menu-list-use-info > ul > li > p {padding-left:105px;}
.point-detail-info .menu-list-use-info > ul > li > p > em{width:95px;}
.point-detail-info .complete-msg {padding:14px 20px; color:#666; font-size:13px; line-height:22px;}
.point-detail-info .complete-msg > a {color:#222;}

/* 20221212 부메랑 리뉴얼 */
/* 부메랑 멤버십 */
.membership-wrap {}
.membership-wrap .membership-section + .membership-section {margin-top:116px;}
.membership-wrap .icon-title {border-bottom:none;}

.membership-grade-wrap {position:relative;}
.membership-grade-wrap .membership-grade-link {position:absolute; left:50%; bottom:85px; display:block; width:438px; height:70px; margin-left:-219px; border-radius:15px;}

.membership-grade-benefit {padding-bottom:80px;}
.membership-grade-benefit .text-content {text-align:center;}
.membership-grade-benefit .text-content .text-head {font-size:30px; font-weight:500; color:#111; line-height:40px;}
.membership-grade-benefit .text-content .text-body {margin-top:6px; font-size:23px; line-height:26px; color:#332820;}
.membership-grade-benefit .visual-item-content {display:flex; justify-content:center; align-items:flex-start; margin-top:58px;}
.membership-grade-benefit .visual-item-content .visual-item {display:flex; flex-direction:column; align-items:center; padding:0 28px;}
.membership-grade-benefit .visual-item-content .visual-item .label {width:165px; height:54px; text-align:center; line-height:52px; font-size:23px; color:#fff; font-weight:500; border-radius:27px; background-color:#ab9566;}
.membership-grade-benefit .visual-item-content .visual-item .visual-img {margin-top:20px;}

/* 등급 선정 안내 */
.membership-guide-wrap {padding-bottom:58px;}
.membership-guide-wrap .read-table-wrap {margin-top:90px; padding-top:134px;}
.membership-guide-wrap .read-table thead > tr > th {position:relative;}
.membership-guide-wrap .read-table thead > tr > th:hover .icon-boomerang {}
.membership-guide-wrap .read-table thead > tr > th:hover .icon-boomerang:after {left:-8px; -webkit-transform: rotate(10deg); transform: rotate(10deg);}
.membership-guide-wrap .read-table thead > tr > th:hover .icon-boomerang:before {-webkit-transform: rotate(-10deg); transform: rotate(-10deg);}
.membership-guide-wrap .read-table .icon-boomerang {}

.membership-wrap .icon-boomerang {position:absolute; top:0; left:50%; display:block; width:152px; height:136px; margin:-136px 0 0 -76px;}
.membership-wrap .icon-boomerang:after {content:''; position:absolute; top:0; left:0; width:152px; height:108px; background-repeat:no-repeat; background-position:center center; background-size:152px auto; -webkit-transition: left 0.9s, -webkit-transform 0.9s cubic-bezier(0.400, 0.395, 0.215, 1.345); transition: left 0.9s, transform 0.9s cubic-bezier(0.400, 0.395, 0.215, 1.345); -webkit-transform-origin:40% 100%; transform-origin:40% 100%;}
.membership-wrap .icon-boomerang:before {content:''; position:absolute; top:106px; left:0; width:130px; height:36px; background-repeat:no-repeat; background-position:center center; background-size:130px auto;  -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.400, 0.395, 0.215, 1.345); transition: transform 0.9s cubic-bezier(0.400, 0.395, 0.215, 1.345); -webkit-transform-origin:100% 100%; transform-origin:100% 100%;}
.membership-wrap .icon-welcome:after {background-image:url('../../images/icon/icon_boomerang_red.png');}
.membership-wrap .icon-welcome:before {background-image:url('../../images/icon/icon_boomerang_red_shadow.png');}
.membership-wrap .icon-silver:after {background-image:url('../../images/icon/icon_boomerang_silver.png');}
.membership-wrap .icon-silver:before {background-image:url('../../images/icon/icon_boomerang_silver_shadow.png');}
.membership-wrap .icon-gold:after {background-image:url('../../images/icon/icon_boomerang_gold.png');}
.membership-wrap .icon-gold:before {background-image:url('../../images/icon/icon_boomerang_gold_shadow.png');}
.membership-wrap .icon-platinum:after {background-image:url('../../images/icon/icon_boomerang_platinum.png');}
.membership-wrap .icon-platinum:before {background-image:url('../../images/icon/icon_boomerang_platinum_shadow.png');}

.guide-bottom .inner-notice-list {margin-top:-18px; padding:0 0 15px;}
.guide-bottom .inner-notice-list .text-notice {font-size:16px; color:#646464; font-weight:500; line-height:24px;}
.guide-bottom .inner-notice-list .notice-list {font-size:16px; color:#646464; font-weight:500; line-height:24px;}
.guide-bottom .guide-cell ol > li .btn-see-notice {display:inline-block; padding:0 10px; height:22px; font-size:14px; color:#fff; line-height:20px; border-radius:5px; background-color:#222;}
.guide-bottom .guide-cell ol > li .btn-see-notice:after {content:none;}

/* 혜택 안내 */
.membership-benefit-wrap {padding:19px 0 0;}
.benefit-info-layout {display:flex; border:1px solid #dedede;}
.benefit-info-cell {position:relative; flex:1; border-right:1px solid #e8e8e8; background-color:#f9f9f9;}
.benefit-info-cell:last-of-type {border-right:none;}
.benefit-info-cell .visual-content {position:relative; width:100%; height:242px; background-color:#fff;}
.benefit-info-cell .visual-content .icon-boomerang {position:absolute; margin:58px 0 0 -76px;}
.benefit-info-cell:hover .icon-boomerang:after {left:-8px; -webkit-transform: rotate(10deg); transform: rotate(10deg);}
.benefit-info-cell:hover .icon-boomerang:before {-webkit-transform: rotate(-10deg); transform: rotate(-10deg);}

.benefit-info-cell .membership-name {position:absolute; left:50%; width:140px; height:40px; margin:-17px 0 0 -70px; font-size:18px; font-weight:500; color:#fff; line-height:40px; text-align:center; border-radius:19px; background-repeat:no-repeat; background-size:140px auto; background-position:center center;}
.benefit-info-cell.welcome .membership-name {background:#cb0000;}
.benefit-info-cell.silver .membership-name {background:#6d6d6d;}
.benefit-info-cell.gold .membership-name {background:url('../../images/content/membership_name_bg_gold.jpg');}
.benefit-info-cell.platinum .membership-name {background:url('../../images/content/membership_name_bg_platinum.jpg');}
.benefit-info-cell .benefit-info-content {padding:53px 15px 26px 20px; font-size:16px;}
.benefit-info-content .color-red {color:#cb0000;}
.benefit-info-content .color-red + .benefit-info-list {margin-top:6px; letter-spacing:-0.6px;}
.benefit-info-list > li {position:relative; padding-left:8px; line-height:20px;}
.benefit-info-list > li:before {content:''; position:absolute; top:11px; left:0; display:block; width:4px; height:1px; background-color:#332820;}
.benefit-info-list > li + li {margin-top:6px;}
.benefit-info-list > li .sub-text {display:inline-block; font-size:13px; color:#838383;}

.card-list-wrap {display:flex; flex-wrap:wrap; width:100%; margin:-10px;}
.card-list-cell {width:25%; padding:10px; box-sizing:border-box;}
.card-list-item {display:flex; flex-direction:column; align-items:center; padding:50px 20px 30px; border:1px solid #e8e8e8;}
.card-list-item .visual-content {display:block; width:130px; height:110px; background-repeat:no-repeat; background-position:center center; background-size:130px auto;}
.card-list-item .visual1 {background-image:url('../../images/content/member_benefit_coupon1.png');}
.card-list-item .visual2 {background-image:url('../../images/content/member_benefit_coupon2.png');}
.card-list-item .visual3 {background-image:url('../../images/content/member_benefit_coupon3.png');}
.card-list-item .visual4 {background-image:url('../../images/content/member_benefit_coupon4.png');}
.card-list-item .visual5 {background-image:url('../../images/content/member_benefit_coupon5.png');}
.card-list-item .visual6 {background-image:url('../../images/content/member_benefit_coupon6.png');}
.card-list-item .visual7 {background-image:url('../../images/content/member_benefit_coupon7.png');}
.card-list-item .visual8 {background-image:url('../../images/content/member_benefit_coupon8.png');}
.card-list-item .visual9 {background-image:url('../../images/content/member_benefit_coupon9.png');}
.card-list-item .visual10 {background-image:url('../../images/content/member_benefit_coupon10.png');}
.card-list-item .visual11 {background-image:url('../../images/content/member_benefit_coupon11.png');}
.card-list-item .visual12 {background-image:url('../../images/content/member_benefit_coupon12.png');}
.card-list-item .visual13 {background-image:url('../../images/content/member_benefit_coupon13.png');}
.card-list-item .item-subject {min-height:48px; margin-top:20px; font-size:18px; font-weight:500; color:#333; line-height:24px; text-align:center;}
.card-list-item .label-list-wrap {margin:16px 0 20px; min-height:64px;}
.card-list-item .label-list-wrap .label-list {display:flex; flex-wrap:wrap; justify-content:center; margin:-5px;}
.card-list-item .label-list-wrap .label-list li {padding:5px;}
.card-list-item .label-list-wrap .label-list .label-membership {display:inline-block; width:85px; height:25px; font-size:10px; font-weight:500; color:#cb0000; text-align:center; line-height:23px; border:1px solid #cb0000; border-radius:12px;}
.card-list-item .label-list-wrap .label-list .label-silver {color:#6d6d6d; border-color:#6d6d6d;}
.card-list-item .label-list-wrap .label-list .label-gold {color:#bd943e; border-color:#bd943e;}
.card-list-item .label-list-wrap .label-list .label-platinum {color:#4f0a7f; border-color:#4f0a7f;}
.card-list-item .btn-pop {margin-top:auto;}
.card-list-item .btn-pop a {display:block; width:140px; height:40px; font-size:16px; font-weight:500; color:#333; line-height:38px; text-align:center; border:1px solid #ddd; border-radius:5px;}

/* 팝업 */
.pop-data .pop-con .title {position:relative; padding-left:10px; font-size:16px; font-weight:500; line-height:24px; color:#222;}
.pop-data .pop-con .title:before {content:''; position:absolute; top:10px; left:0; width:3px; height:3px; border-radius:50%; background-color:#222;}
.pop-data .pop-con .title + .line-info-wrap {margin-top:22px; padding-left:10px;}
.pop-data .pop-con .btn-service {display:inline-block; position:relative; margin:5px 0 20px 0; padding:0 29px 0 14px; font-size:13px; font-weight:500; line-height:28px; color: #fff; border: 1px solid #cb0000; background-color: #cb0000; text-align:center; box-sizing:border-box; border-radius:15px;}
.pop-data .pop-con .btn-service:after {content:''; display:block; position:absolute; top:50%; right:10px; width:0; height:0; margin-top:-3px; border-top:3px solid transparent; border-right:6px solid transparent; border-left:4px solid #fff; border-bottom:3px solid transparent; vertical-align:middle;}
.line-info-wrap .line-info-subject {padding-bottom:5px; font-size:14px; font-weight:500; line-height:18px; color:#997c5e;}
.line-info-wrap .line-info-subject + .line-info-subject {margin-top:18px;}
.line-info-wrap .line-info-list .line-txt {font-size:13px; color:#999; line-height:18px;}
.line-info-wrap .line-info-list .line-txt + .line-txt {margin-top:5px;}
.line-info-wrap .line-info-list .font-color-red {color:#cc0001;}
.line-info-wrap .line-info-list .link {display:inline-block; color:#222; font-size:13px; font-weight:600; text-decoration:underline;}



/* ===========================
	04. partner
=========================== */
/* tab-con */
.partner .page-tab {margin-bottom:60px;}
.partner .tab-con {padding-bottom:40px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
.partner .tab-con dl {padding-top:40px; overflow:hidden;}
.partner .tab-con dl + dl {margin-top:40px; border-top:1px solid #eaeaea;}
.partner .tab-con dl dt {float:left; width:414px; box-sizing:border-box;}
.partner .tab-con dl dt img {width:330px;}
.partner .tab-con dl dd {float:left; width:725px;}
.partner .tab-con dl dd h4 {font-size:20px;}
.partner .tab-con dl dd h4 strong {display:block; margin-top:15px; color:#b10a11;}
.partner .tab-con dl dd ul {margin:30px 0 35px 0;}
.partner .tab-con dl dd ul li {position:relative; padding-left:13px; line-height:21px; color:#666; font-size:14px;}
.partner .tab-con dl dd ul > li:before {content:''; position:absolute; top:9px; left:1px; display:block; width:4px; height:2px; background:#666;}
.partner .card-list-info {margin:30px 0 35px 0; color:#666; font-size:14px; line-height:21px;}
.partner .part-tab .page-tab {margin-bottom:0;}
.partner .part-tab .tab-con {padding:40px 0; border-color:#fff;}
.partner .part-tab .tab-con dl dt {padding:0;}

.partner .partner-card-banner {position:relative;margin:30px 0 -40px 0;}
.partner .partner-card-banner a {position:absolute; left:89px; bottom:79px; width:282px; height:84px; border-radius:42px; font-size:0;}

/* gift-card-con */
.gift-card-con {padding:80px 0 0 0;}
.gift-card-con h3.con-title span {display:block; margin:15px 0 40px 0; line-height:21px;}
.gift-card-con .input-table {border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.gift-card-con .input-table tr th {padding:0 50px;}
.gift-card-con .input-table tr th p {position:relative; padding-bottom:37px; font-size:20px; font-weight:500;}
.gift-card-con .input-table tr th p:before {content:''; position:absolute; bottom:0; left:0; display:block; width:22px; height:1px; background:#222;}
.gift-card-con .input-table tr th strong {display:block; padding-top:40px; font-size:16px; line-height:24px; font-weight:500;}
.gift-card-con .input-table tr th strong span {color:#b10a11;}
.gift-card-con .input-table tr td {padding:0;}
.gift-card-con .input-table tr td ul {min-height:272px; padding:47px 0 30px 0; overflow:hidden; box-sizing:border-box;}
.gift-card-con .input-table tr td ul li {position:relative; float:left; width:255px; text-align:center;}
.gift-card-con .input-table tr td ul li + li {padding-left:40px;}
.gift-card-con .input-table tr td ul li + li:before {content:''; position:absolute; top:50%; left:0; display:block; width:40px; height:5px; background:url('../../images/icon/ico_arrow_01.png') 0 center no-repeat;}
.gift-card-con .input-table tr td ul li > span {display:block;}
.gift-card-con .input-table tr td ul li > span img {vertical-align:bottom;}
.gift-card-con .input-table tr td ul li p {margin:25px 0 15px 0; font-size:18px; font-weight:500;}
.gift-card-con .input-table tr td ul li strong {display:block; color:#666; font-size:14px; line-height:21px; font-weight:400;}

/* 아웃백 모바일 기프트 사용안내 */
.gift-card-con .guide-type01 {margin-top:40px;}
.gift-card-con .guide-type01 .tit {font-size:20px;}
.gift-card-con .guide-type01 .tit span {color:#b10a11;}
.gift-card-con .guide-type01 > ul > li {margin-top:5px; color:#222;}
.gift-card-con .guide-type01 > ul > li > ul {margin-top:0;}
.gift-card-con .guide-type01 > ul > li > ul > li {padding-left:13px;}
.gift-card-con .guide-type01 > ul > li > ul > li:before {content:''; position:absolute; top:9px; left:1px; display:block; width:4px; height:2px; background:#666;}

/* 아웃백 모바일 교환 구매 사이트 안내 */
.gift-card-con .bottom-banner {margin-top:40px;}

/* 아웃백 모바일 교환권 구매 사이트 안내 */
.gift-card-con .gift-card-guide {margin-top:60px;}
.gift-card-con .gift-card-guide h3.con-title {margin:0; padding-bottom:25px; font-size:24px; border-bottom:1px solid #222;}
.gift-card-con .gift-card-guide ul {padding:80px 0; overflow:hidden;}
.gift-card-con .gift-card-guide ul li {position:relative; float:left; width:50%; text-align:center;}
.gift-card-con .gift-card-guide ul li + li:before {content:''; position:absolute; top:0px; left:0px; display:block; width:1px; height:137px; background:#e3e3e3;}
.gift-card-con .gift-card-guide ul li p {color:#666; font-size:14px;}
.gift-card-con .gift-card-guide ul li p img {margin-top:-10px;}
.gift-card-con .gift-card-guide ul li p + p {margin-top:20px;}
.gift-card-con .gift-card-guide ul li p span {color:#b10a11;}

/* 아웃백 시그니처 기프트 카드 */ 
.gift-card-con .gift-card-list {padding-bottom:60px; border-bottom:1px solid #eaeaea;}
.gift-card-con .gift-card-list ul {overflow:hidden;}
.gift-card-con .gift-card-list ul li {float:left;}
.gift-card-con .gift-card-list ul li span {display:block; margin-top:23px; text-align:center;}
.gift-card-con .gift-card-list ul li + li {padding-left:78px;}

/* 이럴때 선물해보세요 */ 
.gift-card-con .tip-guide {padding:85px 0 60px 0; border-bottom:1px solid #eaeaea; text-align:center;}
.gift-card-con .tip-guide ul {margin-top:90px; overflow:hidden;}
.gift-card-con .tip-guide ul li {position:relative; float:left; width:33%;}
.gift-card-con .tip-guide ul li + li:before {content:''; position:absolute; top:20px; left:0px; display:block; width:1px; height:137px; background:#e3e3e3;}
.gift-card-con .tip-guide ul li p {margin:30px 0 18px 0; font-size:18px; font-weight:500;}
.gift-card-con .tip-guide ul li strong {color:#666; font-size:14px; line-height:18px;}

/* 구매 안내 이용 안내 */
.gift-card-con .buyers-guide {padding:60px 0 0 0; text-align:center;}
.gift-card-con .buyers-guide .guide-tab {margin-bottom:60px; text-align:center;}
.gift-card-con .buyers-guide .guide-tab li {position:relative; display:inline-block; padding:0 20px;}
.gift-card-con .buyers-guide .guide-tab li + li:before {content:''; position:absolute; top:3px; left:0px; display:block; width:1px; height:13px; background:#666;}
.gift-card-con .buyers-guide .guide-tab li a {position:relative; display:block; font-size:18px;}
.gift-card-con .buyers-guide .guide-tab li.active a:before {content:''; position:absolute; top:4px; left:0; display:block; width:16px; height:11px; background:url('../../images/icon/ico_chk02.png') 0 center no-repeat;}
.gift-card-con .buyers-guide .guide-tab li.active a {padding-left:23px; color:#b10a11; font-weight:500;}
.gift-card-con .buyers-guide .buyers-box {display:none;}
.gift-card-con .buyers-guide .buyers-box h4 {margin-bottom:25px;}
.gift-card-con .buyers-guide .buyers-box h4 ~ .txt {color:#666; font-size:18px;}
.gift-card-con .buyers-guide .buyers-box > ul.list-box {padding:80px 0 100px 0; overflow:hidden;}
.gift-card-con .buyers-guide .buyers-box > ul.list-box > li {position:relative; float:left; width:33%;}
.gift-card-con .buyers-guide .buyers-box > ul.list-box > li p {margin:30px 0 18px 0; font-size:18px; font-weight:500;}
.gift-card-con .buyers-guide .buyers-box > ul.list-box > li strong {color:#666; font-size:14px; line-height:18px;}
.gift-card-con .buyers-guide .buyers-box.on {display:block;}
.gift-card-con .buyers-guide .buyers-box.take-guide > ul.list-box > li {width:25%;}
.gift-card-con .buyers-guide .buyers-box.take-guide > ul.list-box > li p.btn-card-add {margin:20px 0 0 0;}
.gift-card-con .buyers-guide .buyers-box.take-guide > ul.list-box > li:after {content:''; position:absolute; top:32px; left:-7px; display:block; width:13px; height:23px; background:url('../../images/icon/gift_con_list_arrow.png') left top no-repeat;}
.gift-card-con .buyers-guide .buyers-box.take-guide > ul.list-box > li:first-child:after {display:none;}
.gift-card-con .buyers-guide .buyers-box:last-child > ul.list-box > li:last-child p {margin-top:21px;}

/* 아코디언 메뉴-박스형 */
.gift-card-con .accordion-list.square > li {text-align:left;}
.gift-card-con .accordion-list.square .icon .icon-i {display:block; margin-top:3px;}
.gift-card-con .accordion-list.square .coupon-name:after {display:none;}
.gift-card-con .accordion-list.square .detail-line-data {position:relative;}
.gift-card-con .accordion-list.square .fl-r-img {position:absolute; top:50%; right:0; margin-top:-32px;}

/* 상품권 안내 */
.gift-card-con .paper-gift-card {position:relative; padding-bottom:60px;}
.gift-card-con .paper-gift-card .btn {position:absolute; top:0; right:0;}
.gift-card-con .paper-gift-card .btn a {padding:0 20px; line-height:28px;}
.gift-card-con .paper-gift-card ul {overflow:hidden;}
.gift-card-con .paper-gift-card ul li {position:relative; float:left; width:370px; height:169px;}
.gift-card-con .paper-gift-card ul li + li {margin-left:35px;}

/* 대량 구매 할인 안내 */
.gift-card-con .sale-guide {padding-bottom:60px;}
.gift-card-con .sale-guide tr th:nth-child(1),
.gift-card-con .sale-guide tr td:nth-child(1) {border-right: 1px solid #dcdcdc;}

/* 제휴 브랜드 리스트 */ 
.gift-card-con .partner-brand h3.con-title span {display:inline-block; margin:0;}
.brand_logo_list {padding:30px 0; border-top:1px solid #222; overflow:hidden;}
.brand_logo_list li {float:left; width:20%; line-height:60px; text-align:center; }
.brand_logo_list li img {vertical-align:middle;}
.brand_logo_list li a {display:block;}

.gift_card_list {padding:0 0 30px 0; border-top:1px solid #222;}
.gift_card_list ul {width:1220px;margin-left:0;overflow:hidden;}
.gift_card_list ul li {float:left; width:204px; margin:60px 40px 0 0; text-align:center; box-sizing:border-box;}
.gift_card_list ul li img {width:100%;}
.gift_card_list .name {margin-top:25px; color:#666; font-size:16px;}
.gift_card_list .txt{margin-top:8px; font-size:14px; color:#999; letter-spacing:-0.5px;}

.gift_card_list.horizontal {padding:0 0 30px 0; border-top:1px solid #222;}
.gift_card_list.horizontal ul {width:1220px;margin-left:0;overflow:hidden;}
.gift_card_list.horizontal ul li {display:flex; align-items:center; width:50%; margin:40px 0 0 0; box-sizing:border-box; text-align: left;}
.gift_card_list.horizontal ul li img {width:260px}
.gift_card_list.horizontal .name {margin:0 0 0 40px; color:#666; font-size:16px;}
.gift_card_list.horizontal .store-name {display:block; margin-top:10px; color:#b00a0e;}
.gift_card_list.horizontal .txt{margin-top:8px; font-size:14px; color:#999; letter-spacing:-0.5px;}

/* 기프트카드 충전 컨텐츠 */
.charge-money {font-size:16px; line-height:21px; color:#666;}
.charge-money em {margin-left:17px; font-size:36px; font-weight:700; color:#b00a0e; vertical-align:baseline;}

.charge-select {margin-top:18px;}
.charge-select + .table-bottom-info {margin-top:15px;}

.charge-money-user-input {display:inline-block; line-height:44px; font-size:14px; }
.charge-money-user-input > span {margin-left:5px}

.charge-select .radio-type01,
.charge-select .charge-money-user-input {vertical-align:middle;}

/* 팝업 */
.pop-data .pop-con .point-info-list {padding-left:25px;}
.pop-data .pop-con .point-info-list > ol {list-style-type:decimal;}
.pop-data .pop-con .point-info-list > ol > li {margin-bottom:7px; line-height:21px;}
.pop-data .pop-con .point-info-list > ul {margin-left:-15px;}
.pop-data .pop-con .point-info-list > ul > li {position:relative; margin-top:15px; padding-left:16px;}
.pop-data .pop-con .point-info-list > ul > li:after {content:'※'; position:absolute; top:0; left:0; display:block;}
.pop-data .pop-con .point-info-list ol li ul {padding-top:0;}
.pop-data .pop-con .point-info-list ul li ul {padding-top:10px;}
.pop-data .pop-con .point-info-list ol li ul li,
.pop-data .pop-con .point-info-list ul li ul li {position:relative; margin:0; padding-left:8px; color:#666; line-height:21px;}
.pop-data .pop-con .point-info-list ol li ul li:after,
.pop-data .pop-con .point-info-list ul li ul li:after {content: ''; position:absolute; top:9px; left:0; display:block; width:4px; height:2px; background-color:#666;}
.pop-data .pop-con .point-info-list > ul > li .list-inner-cell + .list-inner-cell {margin-top:10px;}



/* ===========================
	05. event
=========================== */
.none-data {margin-top:25px; padding:120px 0; border-top:1px solid #222; border-bottom:1px solid #c8c8c8; text-align:center;}
.none-data .txt {color:#333; font-size:20px;}
.none-data .btn {margin-top:40px;}


/* ===========================
	06. store
=========================== */
#dBody.store {padding:0;}
#dBody.store .content {padding:0 !important;}

#map {position:relative; width:100%; height:789px; text-align:center;}

.map-wrap {position:relative; height:789px;}
.map-wrap .pop-data {z-index:1;}
.map-wrap .pop-data > h2 {padding-left:40px; background-color:#464646; background-image:url('../../images/icon/icon_map_title.png'); background-position:19px center; background-repeat:no-repeat;}
.map-wrap .pop-con {max-height:none; padding:30px 20px 20px 20px; overflow-y:hidden;}

/* 주소 간단한 정보 */
.address-simple-info {padding:16px 10px 31px 10px; border-top:1px solid #dcdcdc}
.address-simple-info .address {line-height:21px;}
.address-simple-info .tel {margin-top:12px; color:#666; line-height:21px;}

/* 매장 아이콘 리스트 */
.filter-icon-list {min-height:32px}
.filter-icon-list > ul {margin:-2px 0 18px -2px; overflow:hidden;}
.filter-icon-list > ul > li {float:left; margin:2px;}

/* 매장 상세정보 팝업창 */
.pop-map-detail {width:473px; z-index:10;}
.pop-map-detail .pop-con {padding-bottom:0;}
.pop-map-detail .btn-reser {position:absolute; top:20px; right:20px;}
.pop-map-detail .filter-icon-list {padding-right:160px;}
/*.pop-map-detail .view-msg {display:table; width:100%; height:70px; margin-bottom:20px; background:url('../../images/content/pop_map_detail_msg_bg.jpg') center top no-repeat;}*/
.pop-map-detail .view-msg {display:table; width:100%; height:70px; margin-bottom:20px; background:#8f7254;}
/* 20201223 수정 s */
.pop-map-detail .view-msg > p {display:table-cell; width:100%; height:100%; padding:0 15px; color:#fff; font-size:16px; line-height:24px; text-align:center; vertical-align:middle;}
/* 20201223 수정 e */
.delivery-msg {display:table; width:100%; height:70px; background:#c30606;}
.delivery-msg > p {display:table-cell; width:100%; height:100%; padding:0 15px; color:#fff; font-size:16px; line-height:24px; text-align:center; vertical-align:middle;}
.delivery-msg + div ,
.delivery-msg + p {margin-top:5px;}
.delivery-msg + .simple-row-list {margin-top:20px;}
.delivery-msg + .address-simple-info {margin-top:20px;}
.pop-map-detail table.simple-row-list > tbody > tr > th {font-size:14px;}

.pop-data.pop-map .pop-con .simple-row-list th {padding:14px 0 16px 10px; font-size:14px; text-align:left;}
.pop-data.pop-map .pop-con .simple-row-list td {padding:14px 0 16px 10px; font-size:14px; text-align:right;}

/* 매장 오시는길 정보 */
.map-contact {max-height:215px; padding:30px 10px; overflow-y:auto; box-sizing:border-box;}
.map-contact .title {font-weight:500;}
.map-contact .info {color:#997c5e; margin-top:8px; line-height:20px;}
.map-contact .txt-data {color:#666; margin-top:8px; line-height:20px;}
.map-contact .line-info-list {margin-top:25px;}

/* 매장 찾기 컨트롤러 */
.map-list-wrap {position:absolute; top:60px; left:60px; width:372px; height:60px; background-color:#fff; overflow:hidden; z-index:50; -webkit-transition: height 0.5s ease; transition: height 0.5s ease; -webkit-box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.25);}
.map-list-wrap.close {height:60px;}
.map-list-wrap.close .btn-map-list-close:after {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.map-list-wrap > h3 {padding:0 30px; color:#fff; font-size:20px; line-height:60px; background-color:#c30606;}
.map-list-wrap .btn-map-list-close {position:absolute; top:15px; right:15px; display:block; width:29px; height:29px; border:1px solid #edb5b5; z-index:2; box-sizing:border-box}
.map-list-wrap .btn-map-list-close:after {content:''; position:absolute; top:0; left:0; display:block; width:27px; height:27px; background:url('../../images/util/btn_map_list_close.png') left top no-repeat; -webkit-transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease;}
.map-list-wrap .title {font-size:14px; }
.map-list-wrap .title em {display:inline-block; padding-right:15px; margin-right:9px; font-weight:700; line-height:15px; background:url('../../images/icon/ico_area_cell_title_arrow.png') right center no-repeat;}
.map-list-wrap .area-cell {position:relative; padding:30px 20px; max-height:454px; overflow-y:auto;}
.map-list-wrap .area-cell > div {display:none;}
.map-list-wrap .area-cell .btn-prev {position:absolute; top:29px; right:15px; padding-left:16px; color:#c30606; font-size:14px; line-height:15px; background:url('../../images/util/btn_area_prev.png') left center no-repeat; z-index:10;}
.map-list-wrap .area-cell .dot-txt {margin:0 0 0 10px;}
.map-list-wrap .name-cell {padding:20px;}
.map-list-wrap .name-cell .map-result-list {margin-top:50px; display:none}
.map-list-wrap .search-name {position:relative;}
.map-list-wrap .search-name input[type=text] {width:100%; height:42px; padding:0 62px 0px 20px; font-size:14px; border-color:#787878;}
.map-list-wrap .search-name .btn-search {position:absolute; top:0; right:12px;}
.map-list-wrap .filter-cell {padding:30px 20px;max-height:454px; overflow-y:auto;}
.map-list-wrap .filter-cell .select-opt > li {width:50%;}

/* 매장 공지사항 리스트 */
.map-notice-list {position:absolute; top:60px; right:60px; z-index:0;}
.map-notice-list > ul > li {margin-top:4px; text-align:right;}
.map-notice-list > ul > li:first-child {margin-top:0;}
.map-notice-list > ul > li > p {position:relative; display:inline-block; max-width:1024px; padding:0 49px 0 20px; color:#fff; font-size:18px; line-height:49px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; border-radius:25px; background:rgba(0,0,0,0.7); box-sizing:border-box;}
.map-notice-list > ul > li > p > a {position:absolute; top:0; right:0; display:block; width:49px; height:49px; background:url('../../images/util/btn_map_notice_close.png') center center no-repeat;}

/* 사각형 박스 선택 리스트 */
.select-opt {margin-top:20px;}
.select-opt:after {content:''; display:block; clear:both;}
.select-opt > li {float:left; width:33.33%; margin:-1px 0 0 -1px; z-index:1;}
.select-opt > li > a {position:relative; display:block; font-size:14px; line-height:48px; border:1px solid #dcdcdc; text-align:center; z-index:0}
.select-opt > li.actived > a,
.select-opt > li > a:hover {color:#c30606; border-color:#c30606; z-index:10;}
.select-opt .cell {position:relative;}
.select-opt .cell input[type=checkbox] {position:absolute; top:0; left:0; width:0; height:0; opacity:0; filter:alpha(opacity=0);}
.select-opt .cell input[type=checkbox] + label {display:block; font-size:14px; line-height:48px; border:1px solid #dcdcdc; text-align:center; cursor:pointer;}
.select-opt .cell input[type=checkbox]:checked + label {color:#c30606; border-color:#c30606;}

/* 매장 검색결과 리스트 */
.map-result-list {position:relative; margin-top:15px;border-top:1px solid #222; border-bottom:1px solid #dcdcdc;}
.map-result-list > ul {max-height:380px; overflow-y:auto;}
.map-result-list > ul > li {border-top:1px solid #dcdcdc;}
.map-result-list > ul > li:first-child {border-top:none}
.map-result-list > ul > li > a {display:block; padding:30px 25px 28px 10px; background:url('../../images/util/btn_area_result_arrow.png') right 10px center no-repeat;}
.map-result-list > ul > li > a > span {display:block;}
.map-result-list .result-num {position:absolute; top:-30px; right:0; color:#666; font-size:14px; line-height:15px; font-weight:400;}
.map-result-list .result-num em {color:#c12229;}
.map-result-list .result-num a{margin-right:5px}
.map-result-list .name {color:#222; font-size:16px; font-weight:500;}
.map-result-list .address {margin-top:10px; font-size:14px; line-height:21px; word-break:keep-all;}
.map-result-list .tel {font-size:14px; line-height:21px;}
.map-result-list .none-result-data {padding:50px 0; text-align:center}

/* 매장안내 탭 메뉴 */
.map-tab {background-color:#686868;}
.map-tab > ul:after {content:''; display:block; clear:both;}
.map-tab > ul > li {position:relative; float:left; width:33.33%; z-index:1;}
.map-tab > ul > li > a {position:relative; display:block; color:#fff; font-size:16px; line-height:50px; text-align:center; -webkit-transition: color 0.5s, background-color 0.5s ease; transition: color 0.5s, background-color 0.5s ease;}
.map-tab > ul > li:after {content:''; position:absolute; top:50%; left:-1px; display:block; width:1px; height:16px; margin-top:-8px; background-color:#b4b4b4;}
.map-tab > ul > li:first-child:after {display:none;}
.map-tab > ul > li.actived {z-index:2;}
.map-tab > ul > li.actived:after {display:none;}
.map-tab > ul > li.actived > a {color:#222; font-weight:500; background-color:#fff;}
.map-tab > ul > li.actived > a:after {height:0;}



/* ===========================
	07. customer
=========================== */
.best-faq-list {padding-bottom:80px;}
.faq-search {padding:30px 0; background:#f7f7f7; text-align:center;}
.faq-list .page-tab {margin:20px 0 60px 0;}
.faq-list-none {padding:120px 0; border-top:1px solid #222; border-bottom:1px solid #dcdcdc; text-align:center;}
.faq-list-none .msg {font-size:20px; line-height:28px;}
.faq-list-none .btn-res {margin-top:30px;}

/* 로그인 전 확인 페이지 */
.login-check {overflow:hidden;}
.login-check > div {float:left; width:50%; text-align:center; box-sizing:border-box;}
.login-check > div:first-child {padding-right:10px;}
.login-check > div:last-child {padding-left:10px;}
.login-check .sign-result01 {padding:80px 80px 0 80px; min-height:440px;}
.login-check h4 {margin-bottom:35px; font-size:26px;}
.login-check  .login-box {display:block; width:auto; max-width:345px; margin:0 auto;}
.login-check  .info {margin-top:30px; color:#666; line-height:21px; border-top:1px solid #dcdcdc;}
.login-check .member-cell .info {padding-top:50px;}
.login-check .nomember-cell .info {padding-top:30px;}
.login-check .btn-data {max-width:270px; margin:0 auto;}
.login-check .btn-data > a {display:block; margin-top:15px;}
.login-check .btn-data > a:first-child {margin-top:0;}



/* ===========================
	08. member
=========================== */
.member {text-align:center;}
.member .content .date-box {width:940px; margin:0 auto; padding-top:40px;}
.member .two-btn a {width:225px; padding:0;}
.member .one-btn a {width:460px; padding:0;}
.member .pw-box {position:relative;}
.member .pw-box input {width:342px;}
.member .pw-box .int-pass {position:absolute; top:14px; margin-left:10px; padding-left:20px; line-height:16px; background:url('../../images/icon/ico_info.png') no-repeat 0 0;}
.member .agree_info {position:relative; text-align:left;}
.member .is-line {border-top:1px solid #222;}
.member .list-sort {top:-40px; bottom:auto;}
.member .list-sort > * {margin-right:0; margin-left:17px;}
.member .text-border-list th + th,
.member .text-border-list td + td {border-left:1px solid #dcdcdc;}
.member .input-table .td-box {padding:17px 0;}
.member .input-table .td-box + .td-box {margin:13px -30px; padding:30px 30px 0 30px; border-top:1px solid #dcdcdc;}
.member .in-txt {display:inline-block; margin:-5px 0;}
.member .btn-box {margin-top:40px;}
.member .btn-box .text02 {margin:10px 0 15px; color:#999;}
.member .guide-type01 {margin-top:80px;}

.agree-iframe {width:100%; height:280px; border:1px solid #dcdcdc; background:#fafafa; overflow:hidden; overflow-y:auto;}

/* 로그인 */
.login-box {display:inline-block; width:440px;}
.login-box .in-value input[type=text], 
.login-box .in-value input[type=password] {display:block; width: calc(100% - 118px);}
.login-box .in-value input[type=text]:focus,
.login-box .in-value input[type=password]:focus {border-color:#cb0000;}
.login-box .in-value input + input {margin-top:15px;}
.login-box .in-value .login-btn {float:right; width:103px; height:103px; margin:-103px 0 0 0; padding:0; line-height:103px;}
.login-box .link-btn {padding-top:15px; line-height:22px; overflow:hidden; text-align:right;}
.login-box .link-btn a + a {position:relative; margin-left:10px; padding-left:12px;}
.login-box .link-btn a + a:before {content:''; display:block; position:absolute; top:5px; left:-2px; width:1px; height:13px; background:#dcdcdc;}



/* ===========================
	09. mypage
=========================== */
/* 마이아웃백 */
.mypage .my-info {margin-bottom:68px;}
.mypage .my-info .sign-result01 {min-height:250px;}
.mypage .info-box {display:table; width:100%; min-height:250px; padding:60px 40px; border:1px solid #eaeaea; overflow:hidden; box-sizing:border-box;}
.mypage .info-box .img {float:left;}
.mypage .info-box .img .btn {margin-top:20px; text-align:center;}

/* MY 사용 현황 */
.mypage .my-info .info-box .use-state {float:right; width:688px; margin-top:-5px; padding:0;}
.mypage .use-state {padding-bottom:60px;}
.mypage .use-state .simple-row-list tr th {font-size:14px; font-weight:500; background:#fafafa; text-align:center;}
.mypage .use-state .simple-row-list tr td {font-size:14px; text-align:center;}
.mypage .use-state .simple-row-list tr td.won,
.mypage .use-state .simple-row-list tr td.visit {padding: 25px 0; font-size:14px; text-align:center;}
.mypage .use-state .simple-row-list tr td p {color:#999;}
.mypage .use-state .simple-row-list tr td.won p + p {margin-top:20px; color:#222; vertical-align:bottom;}
.mypage .use-state .simple-row-list tr td.won p + p span {display:inline-block; margin:-3px 3px 0 0; color:#b10a11; font-size:26px; font-weight:700;}
.mypage .use-state .simple-row-list tr td.visit p + p {margin-top:20px; color:#222; vertical-align:bottom;}
.mypage .use-state .simple-row-list tr td.visit p + p span {display:inline-block; margin:-3px 3px 0 0; color:#222; font-size:26px; font-weight:700;}
.mypage .use-state .simple-row-list tr th + th, 
.mypage .use-state .simple-row-list tr td + td {border-left: 1px solid #dcdcdc;}
.mypage .use-state .guide-txt {margin-top:10px; overflow:hidden;}
.mypage .use-state .guide-txt li p {color:#999; font-size:14px; line-height:21px;}
/* 20210726 추가:s */
.mypage .use-state .simple-row-list .th-white {background-color:#fff; border-right:1px solid #dcdcdc;}
/* //20210726 추가:e */

/* 포인트 사후 적립 */
.mypage .point-save .info-box .receipt-box {float:right; width:688px;}
.mypage .receipt-box tr th {text-align:left;}
.mypage .receipt-box tr td {padding:12px 30px 7px 30px;}
.mypage .receipt-box tr td .text02 {margin-top:5px; color:#999; font-size:13px;}
.mypage .receipt-box .btn {margin-top:40px; text-align:center;}

/* 최근 아웃백 이용 내역 */
.mypage .history-list {padding-bottom:60px;}
.mypage .history-list .text-border-list > tbody > tr:first-child > th,
.mypage .history-list .text-border-list > tbody > tr:first-child > td {border-top:none;}

/* 보유 쿠폰 20221205 수정 */
.mypage .list-select {margin:-30px 0 20px 0; text-align:right;}
.mypage .list-select select {min-width:164px;}
.mypage .coupon-list .img-board-list .subject {padding-top:17px;}
.mypage .coupon-list .img-board-list .txt {margin-top:19px; color:#666; font-size:16px; line-height:21px;}
.mypage .coupon-list .img-board-list .txt-label {display:inline-flex; margin:10px 0 -10px 0; padding:8px 15px 8px 15px; color:#c00000; font-size:16px; font-weight:500; border: 1px solid #c00000;}
.mypage .coupon-list .img-board-list .txt-label em {display:inline-block; margin-right:4px; font-size:16px; font-weight:500;}
.mypage .coupon-list .img-board-list .txt-label strong {display:inline-block; margin:0 4px -1px 4px; color:#090175; font-weight:600; text-decoration:underline;}
.mypage .coupon-list .img-board-list .date {margin-top:30px;}
.mypage .coupon-list .img-board-list .btn {margin-top:20px;}
.mypage .coupon-list .img-board-list .btn a {margin-left:7px;}
.mypage .coupon-list .img-board-list .btn a:first-child {margin-left:0;}
.mypage .coupon-list .img-board-list span {position:absolute; top:20px; left:20px;}
.mypage .history-board-list .guide-txt {margin-top:10px; color:#999; font-size:14px; line-height:21px;}
.mypage .my-reqiest-list .text-border-list .btn {line-height:30px;}
.mypage .my-reqiest-list .text-border-list .btn a {margin-left:5px; width:78px;}

/* 포인트 현황 */
.mypage .point-status {padding-bottom:60px;}
.mypage .all-point {height:120px; padding:30px 0; border:4px solid #e9e9e9; box-sizing:border-box;}
.mypage .all-point ul li {position:relative; float:left; width:20%; height:53px; text-align:center; box-sizing:border-box;}
.mypage .all-point ul li + li {border-left:1px solid #eaeaea;}
.mypage .all-point ul li .tit {color:#999; font-size:14px; font-weight:400;}
.mypage .all-point ul li .point {margin-top:15px;}
.mypage .all-point ul li .point em {display:inline-block; margin:0 0 4px 3px; color:#666; font-size:16px; vertical-align:bottom;}
.mypage .all-point ul li .point span {color:#666; font-family:'roboto'; font-size:26px; font-weight:700;}
.mypage .all-point ul li a {display:inline-block; width:13px; height:13px; margin-left:10px; border:1px solid #dcdcdc; background:url('../../images/icon/ico_point_arrow.png') no-repeat 0 0; overflow:hidden; -webkit-transition: background 0.3s ease-out; transition: background 0.3s ease-out;}
.mypage .all-point ul li a:hover {border-color:#cb0000; background:#cb0000 url('../../images/icon/ico_point_arrow.png') no-repeat -13px 0; -webkit-transition: background 0.5s ease-out; transition: background 0.5s ease-out;}
.mypage .all-point ul li a span {position:absolute; top:-140px; left:0; display:block; width:360px; padding:25px; color:#fff; font-size:13px; line-height:20px; background:rgba(0,0,0,0.8); visibility:hidden; opacity:0; z-index:10; text-align:left; box-sizing:border-box; transition:top 0.9s ease, opacity 0.9s ease;}
.mypage .all-point ul li a span strong {display:block; margin-bottom:12px; font-size:16px;}
.mypage .all-point ul li a span:before {content:''; position:absolute; left:0; bottom:-10px; display:block; width:100%; height:10px; background:url('../../images/icon/ico_point_txt_box_bg.png') no-repeat center 0;}
.mypage .all-point ul li:nth-child(1) a span {top:-170px; left:-16px; width:360px;}
.mypage .all-point ul li:nth-child(2) a span {top:-150px; left:4px; width:304px;}
.mypage .all-point ul li:nth-child(3) a span {top:-170px; left:-40px; width:388px;}
.mypage .all-point ul li:nth-child(4) a span {top:-150px; left:-38px; width:382px;}
.mypage .all-point ul li:nth-child(5) a span {top:-190px; left:-45px; width:420px;}
.mypage .all-point ul li:nth-child(1) a:hover span {top:-137px;}
.mypage .all-point ul li:nth-child(2) a:hover span {top:-117px;}
.mypage .all-point ul li:nth-child(3) a:hover span {top:-137px;}
.mypage .all-point ul li:nth-child(4) a:hover span {top:-117px;}
.mypage .all-point ul li:nth-child(5) a:hover span {top:-157px;}
.mypage .all-point ul li a:hover span {visibility:visible; opacity:1;}

/* 아웃백 이용 내역 */
.mypage .section-box {margin:20px 0 60px 0; padding:30px 30px; background:#f7f7f7; text-align:center; box-sizing:border-box;}
.mypage .section-box .cell {display:inline-block; width:9px; height:44px; margin:0 5px; line-height:44px;}
.mypage .section-box .label-input + .label-input label {margin:0 8px 0 12px;}
.mypage .section-box .btn {position:relative; display:inline-block; margin-left:5px;}
.mypage .my-reqiest-view .input-table .txt-box {padding:30px;}
.mypage .my-reqiest-view .input-table .td-txt {padding-right:10px; line-height:44px;}
.mypage .my-reqiest-view .input-table .td-box {padding:17px 0;}
.mypage .my-reqiest-view .input-table .td-box .no-list {padding-top:30px; text-align:center;}
.mypage .my-reqiest-view .input-table .td-box .no-list p {margin-bottom:20px; color:#666; font-size:14px;}
.mypage .my-reqiest-view .btn {margin-top:20px; text-align:right;}
.mypage .my-reqiest-view .btn a {width:120px;}

/* 회원 탈퇴 */
.mypage .leave-id h3.con-title {padding-bottom:25px; border-bottom:1px solid #222;}
.mypage .leave-id .text01 {margin:60px 0 20px 0;}
.mypage .leave-id .input-table tr th {text-align:center;}
.mypage .leave-id .input-table tr td {padding:13px 0; color:#666; text-align:center;}
.mypage .leave-id .input-table tr th + th,
.mypage .leave-id .input-table tr td + td{border-left: 1px solid #dcdcdc;}
.mypage .leave-id .guide-bottom {margin-top:40px;}
.mypage .leave-id .btn {margin-top:40px; text-align:center;}

/* MY 기프트 카드 */
.my-gift-info {position:relative; padding:60px 80px 90px 80px; border:1px solid #eaeaea;}

.card-detail {position:relative; padding-left:390px;}
.card-detail .img {position:absolute; top:0; left:0; width:350px; text-align:center;}
.card-detail .gift-none-visual-info {position:absolute; top:100%; left:0; width:100%; margin-top:20px;}
.card-detail .gift-none-visual-info .info-01 {color:#666; font-size:16px; font-weight:500;}
.card-detail .gift-none-visual-info .info-02 {margin-top:8px; color:#666; font-size:14px;}
.card-detail .gift-none-txt-info {height:222px; border-top:1px solid #222; background:#fafafa; text-align:center; box-sizing:border-box;}
.card-detail .gift-none-txt-info .info-01 {color:#222; font-size:20px; line-height:28px; font-weight:500;}
.card-detail .gift-none-txt-info .info-02 {margin-top:12px; color:#666; font-size:16px; line-height:24px;}
.card-detail .btn-card-cancel {margin-top:20px;}
.card-detail .gift-info-table {height:271px;}
.card-detail .gift-info-table table.input-table > tbody > tr > th ,
.card-detail .gift-info-table table.input-table > tbody > tr > td {height:49px; padding:0; line-height:30px}
.card-detail .gift-info-table table.input-table > tbody > tr > th {text-align:center;}
.card-detail .gift-info-table table.input-table > tbody > tr > td {padding-left:30px;}
.card-detail .gift-info-table table.input-table > tbody > tr.blance-price th ,
.card-detail .gift-info-table table.input-table > tbody > tr.blance-price td {height:69px;}
.card-detail .gift-info-table .blance-price em {font-size:36px; font-weight:700; vertical-align:baseline;}
.card-detail .gift-info-table .blance-price span {margin-left:3px; vertical-align:baseline;}
.card-detail .gift-info-table .card-info {margin-left:10px; font-size:14px;}

.card-num-info {position:absolute; bottom:100%; right:0; margin-bottom:20px; overflow:hidden;}
.card-num-info > p {float:left; margin-left:20px;}
.card-num-info .number {color:#666; font-size:16px; line-height:30px;}

.gift-add-fail {padding:60px 0; border-top:1px solid #222; background:#fafafa; text-align:center; box-sizing:border-box;}
.gift-add-fail .msg {color:#222; font-size:20px; font-weight:500;}
.gift-add-fail .info {margin-top:20px; color:#666; font-size:16px;}
.gift-add-fail .input-pw {width:402px; margin:40px auto 0 auto;}
.gift-add-fail .input-pw input {width:100%; max-width:100%;}
.gift-add-fail .btns {margin-top:40px;}

.gift-add-list {height:302px; overflow:hidden;}

.my-gift-card-list {margin-top:70px;}
.my-gift-card-list h4 {color:#222; font-size:24px; font-weight:500;}
.my-gift-card-list .section-box {margin:20px 0 40px 0; padding-left:75px; padding-right:75px; text-align:right;}

.gift-card-detail-list {margin-top:25px;}

.my-gift-info .swiper-pagination {display:none; margin-top:40px;}
.my-gift-info.single {padding-bottom:95px;}
.my-gift-info.mulity {padding-bottom:20px;}
.my-gift-info.mulity .swiper-pagination {display:block; margin-top:0; padding:50px 0 20px 0; text-align:center; }
.my-gift-info.mulity .gift-info-page {display:inline-block;}
.my-gift-info.mulity .card-detail {}
.my-gift-info.mulity .btn-control {display:block;}
.my-gift-info .swiper-container .card-detail {height:272px;}
.my-gift-info .swiper-wrapper ,
.my-gift-info .swiper-slide {height:272px !important;}
.my-gift-info .btn-control {position:absolute; top:50%; display:none; width:27px; height:49px; margin-top:-25px;}
.my-gift-info .btn-control:before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:left top; z-index:1; opacity:1; -webkit-transition:opacity 0.6s ease; transition:opacity 0.6s ease;}
.my-gift-info .btn-control:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:left top; z-index:1; opacity:0; -webkit-transition:opacity 0.6s ease; transition:opacity 0.6s ease;}
.my-gift-info .btn-control.arrow-left {left:23px;}
.my-gift-info .btn-control.arrow-left:before {background-image:url(../../images/util/btn_swiper_prev_off.png);}
.my-gift-info .btn-control.arrow-left:after {background-image:url(../../images/util/btn_swiper_prev_on.png);}
.my-gift-info .btn-control.arrow-right {right:23px;}
.my-gift-info .btn-control.arrow-right:before {background-image:url(../../images/util/btn_swiper_next_off.png);}
.my-gift-info .btn-control.arrow-right:after {background-image:url(../../images/util/btn_swiper_next_on.png);}
.my-gift-info .btn-control:hover:before {opacity:0;}
.my-gift-info .btn-control:hover:after {opacity:1;}

.pop-card-cancel {padding:0 10px 35px 10px;}
.pop-card-cancel .dot-title {margin-left:-10px;}
.pop-card-cancel .guide-cell {padding:0 !important; margin-top:40px !important;}
.pop-card-cancel .blance-price {margin-top:10px; font-size:16px; font-weight:500; line-height:24px;}

.giftcard-add-input {padding-top:20px;}
.giftcard-add-input h4 {margin:0 0 20px 0; color:#222; font-size:24px;}
.giftcard-add-input .btn-page-wrap {margin-top:45px;}

.gift-add-agree-check {margin-top:20px;}
.gift-add-agree-check ul {margin-top:11px;}
.gift-add-agree-check li {color:#999; font-size:14px; line-height:22px;}
.gift-add-agree-check li a {color:#999;}

.giftcard-add-info-visual {margin-top:80px; border:1px solid #eaeaea; background:#fafafa; text-align:center;}

/* 팝업 */
.pop-data .pop-con .tit {position:relative; margin-bottom:20px; padding-left:12px; font-size:16px; font-weight:500;}
.pop-data .pop-con .tit:after {content:''; position:absolute; top:7px; left:0; display:block; width:4px; height:4px; border-radius: 2px; background:#222;}
.pop-data .pop-con .tit span {color:#b10a11;}
.pop-data .pop-con .pw-box {position:relative; margin-top:10px;}
.pop-data .pop-con .pw-box input {width:100%;}
.pop-data .pop-con .pw-box .int-pass {position:absolute; top:14px; right:20px; margin-left:10px; padding-left:20px; line-height:16px; background:url(../../images/icon/ico_info.png) no-repeat 0 0;}
.pop-data .pop-con .guide-cell {margin-top:30px; padding-left:10px;}
.pop-data .pop-con .guide-cell h5 {margin-bottom:10px; color:#997c5e; font-size:14px; font-weight:500;}
.pop-data .pop-con .guide-cell h5 + ol{padding:0}
.pop-data .pop-con .guide-cell ul li {position:relative; padding-left:15px; color:#999; font-size:13px; line-height:21px; word-break:keep-all;}
.pop-data .pop-con .guide-cell ul li:after {content:'※'; position:absolute; top:0; left:0; display:block;}
.pop-data .pop-con .guide-cell.type02 {padding-left:0;}
.pop-data .pop-con .guide-cell.type02 ul li {position:relative; width:100%; padding-left:10px; color:#999; font-size:13px; line-height:21px; letter-spacing:-0.2px;}
.pop-data .pop-con .guide-cell.type02 ul li:after {content:'-'; position:absolute; top:0; left:0; display:block;}
.pop-data .pop-con .guide-cell ol {padding:10px 0;}
.pop-data .pop-con .guide-cell ol li {list-style-type:decimal; position:relative; margin-left:15px; color:#999; font-size:13px; line-height:21px; }
.pop-data .pop-con .guide-cell ol + a{margin-top:10px}
.pop-data .pop-con .btn-page-wrap a,
.pop-data .pop-con .btn-page-wrap button{width:142px; padding:0;}
.pop-data .pop-con .simple-row-list {text-align:center;}
.pop-data .pop-con .simple-row-list th {padding:9px 0; font-size:13px; text-align:center;}
.pop-data .pop-con .simple-row-list td {padding:9px 0; font-size:13px; text-align:center;}
.pop-data .pop-con .simple-row-list th + th,
.pop-data .pop-con .simple-row-list td + td {border-left:1px solid #dcdcdc;}
.pop-data .pop-con .simple-row-list td.won span {display:inline-block; margin:-1px 3px 0 0; color:#cc0001; font-size:18px; font-weight:700;}
.pop-data .pop-con .simple-row-list td.visit span {display:inline-block; margin:-1px 3px 0 0; color:#222; font-size:18px; font-weight:700;}
.pop-data .pop-con .card-num-input {padding:4px 0; overflow:hidden;}
.pop-data .pop-con .card-num-input input {width:82px !important; min-width:82px !important;}
.pop-data .pop-con .card-num-input a {float:right; width: calc(100% - 400px); height: 44px; overflow:hidden;}

/* 개인정보 수정 */
.address-input .btn-address {margin-left:10px; border-color:#bbb;}


/* ===========================
	10. etc
=========================== */
/* 약관동의 */
.rules-txt {padding:30px; color:#666; font-size:14px; line-height:22px;}
.rules-txt.scroll_area {overflow-y:auto !important;}
.rules-txt dl,
.rules-txt .tab-list {margin-top:50px;}
.rules-txt > p {}
.rules-txt dl:first-child {margin-top:0;}
.rules-txt dl dt {color:#222; font-size:18px; font-weight:500;}
.rules-txt dl dd {margin-top:15px; line-height:22px;}
.rules-txt dl dd p {margin-bottom:5px;}
.rules-txt dl dd ul li {position:relative; padding-left:10px; color:#666; font-size:14px; line-height:21px;}
.rules-txt dl dd ul li:after {content:'-'; position:absolute; top:0; left:0;}
.rules-txt dl dd ol li {color:#666; font-size:14px; line-height:21px;}

.rules-txt .tab-list {position:relative; padding:50px 0 40px 0; border:2px solid #eaeaea; background:#fafafa; box-sizing:border-box; overflow:hidden;}
.rules-txt .tab-list ul {float:left; position:relative; width:50%; padding-left:50px; box-sizing:border-box;}
.rules-txt .tab-list ul + ul:after {content:''; position:absolute; top:0; left:0; width:1px; height:100%; background:#eaeaea;}
.rules-txt .tab-list ul li {line-height:34px;}
.rules-txt .tab-list ul li a {color:#222; font-size:16px;}
.etc .rules-txt {margin:-10px -30px;}

.agree-content {padding:30px 0; color:#666; font-size:14px; line-height:22px; word-break:keep-all;}
.agree-content.iframe-inner {padding:30px;}
.agree-content h3 {margin-top:60px; color:#222; font-size:20px; font-weight:500;}
.agree-content h3:first-child {margin-top:0;}
.agree-content h3 + .detail-con {margin-top:20px;}
.agree-content h4 {margin-bottom:10px; color:#222; font-size:18px; font-weight:500;}
.agree-content .detail-con {margin-top:60px}
.agree-content .table-data{margin-top:15px}
.agree-content .table-data table {width:100%; table-layout:fixed;}
.agree-content .table-data table > thead > tr > th {padding:15px 10px; color:#222; font-size:14px; line-height:18px; border:1px solid #eaeaea; background:#fafafa; text-align:center;}
.agree-content .table-data table > tbody > tr > td {padding:15px 20px; color:#666; font-size:14px; line-height:22px; border:1px solid #eaeaea; word-break:keep-all; text-align:center; vertical-align:middle;}
.agree-content .table-data + * {margin-top:10px;}
.agree-content dl {margin-top:10px;}
.agree-content dl dt{margin-bottom:5px; color:#222; font-weight:500;}
.agree-content dl .line-txt-list {margin-top:0;}
.agree-content .line-txt-list {margin-top:5px;}
.agree-content .line-txt-list > li {position:relative; padding-left:8px;}
.agree-content .line-txt-list > li:after {content:''; display:block; position:absolute; top:10px; left:0; width:4px; height:2px; background-color:#666;}
.agree-content .line-txt-list > li:first-child {margin-top:0;}
.agree-content .line-txt-list + * {margin-top:5px;}
.agree-content ol {margin-top:10px;}
.agree-content ol.num {margin-top:0;}
.agree-content ol.num > li {margin-top:0;}
.agree-content ol.num > li:first-child {margin-top:0;}
.agree-content ol > li {position:relative; padding-left:15px; margin-top:15px;}
.agree-content ol > li:first-child {margin-top:0;}
.agree-content ol > li:after {position:absolute; top:0; left:0;}
.agree-content ol > li:nth-child(1):after {content:'1.';}
.agree-content ol > li:nth-child(2):after {content:'2.';}
.agree-content ol > li:nth-child(3):after {content:'3.';}
.agree-content ol > li:nth-child(4):after {content:'4.';}
.agree-content ol > li:nth-child(5):after {content:'5.';}
.agree-content ol > li:nth-child(6):after {content:'6.';}
.agree-content ol > li:nth-child(7):after {content:'7.';}
.agree-content ol > li:nth-child(8):after {content:'8.';}
.agree-content ol > li:nth-child(9):after {content:'9.';}
.agree-content ol > li:nth-child(10) {padding-left:22px;}
.agree-content ol > li:nth-child(10) ~ li {padding-left:22px;}
.agree-content ol > li:nth-child(10):after {content:'10.';}
.agree-content ol > li:nth-child(11):after {content:'11.';}
.agree-content ol > li:nth-child(12):after {content:'12.';}
.agree-content ol > li:nth-child(13):after {content:'13.';}
.agree-content ol > li:nth-child(14):after {content:'14.';}
.agree-content ol > li:nth-child(15):after {content:'15.';}
.agree-content ol > li:nth-child(16):after {content:'16.';}
.agree-content ol > li:nth-child(17):after {content:'17.';}
.agree-content ol > li:nth-child(18):after {content:'18.';}
.agree-content ol > li:nth-child(19):after {content:'19.';}
.agree-content ol > li:nth-child(20):after {content:'20.';}
 
/* 모바일 아웃백 */
.mobile-guide {padding-top:30px; text-align:center;}
.mobile-guide h3.con-title span {display:block; margin-top:15px; line-height: 21px;}
.app-download {position:relative; width:100%; height:475px; margin-top:60px; padding:100px 0 0 484px; background:url('../../images/content/app-store.png') 40px 0 no-repeat; box-sizing:border-box;}
.app-download ul {overflow:hidden;}
.app-download ul li {float:left; width:284px; padding:0 60px; box-sizing:border-box;}
.app-download ul li + li {border-left:1px solid #eaeaea;}
.app-download ul li .qr {margin-bottom:44px; text-align:center;}
.app-download ul li .btn a {display:block;}
.app-download ul li .btn span {display:block; margin-top:20px; font-size:16px; font-weight:500;}
.guide-list {margin-bottom:70px; padding-bottom:60px; border-bottom:1px solid #222;}
.guide-list ul {margin:0 auto; padding:0 150px; overflow:hidden;}
.guide-list ul li {float:left; margin:70px 30px 0 30px;}
.guide-list ul li .img {width:233px;}
.guide-list ul li .txt {width:233px; color:#646464; font-size:14px; line-height:20px;}
.guide-list ul li .txt span {display:block; margin:28px 0 5px 0; color:#222; font-size:18px; font-weight:500;}
.guide-list ul.step li .img {position:relative;}
.guide-list ul.step li .img:after {content:''; position:absolute; top:50%; left:-35px; display:block; width:14px; height:24px; margin-top:-12px; background:url('../../images/icon/ico_mobile_guide_step_arrow.png') left top no-repeat;}
.guide-list ul.step li:first-child .img:after {display:none;}
.mobile-web .tit {color:#222; font-size:16px; font-weight:500;}
.mobile-web .txt {width:620px; margin:15px auto 60px auto; color:#646464; font-size:14px; line-height:20px; text-align:left;}

/* 아웃백 카카오TALK */
.kakao-guide {padding-top:30px; text-align:center;}
.kakao-logo {padding-bottom:80px; border-bottom:1px solid #222;}
.kakao-logo h3.con-title {font-size:36px;}
.kakao-logo h3.con-title span {display:block; margin:25px 0 50px 0; color:#646464; font-size:16px; line-height:21px;}
.kakao-logo .kakao-benefit {width:480px; margin:60px auto 0 auto; color:#94785c;}
.kakao-logo .kakao-benefit p {font-size:18px; font-weight:500;}
.kakao-logo .kakao-benefit ul {margin-top:30px; padding-left:5px; text-align:left;}
.kakao-logo .kakao-benefit ul li {font-size:14px; line-height:21px;}
.kakao-guide .guide-list {padding:60px 0 0 0; border-bottom:none;}
.kakao-guide .guide-list h4 {font-size:16px;}
.kakao-guide .guide-list ul {border-bottom:1px solid #eaeaea;}
.kakao-guide .guide-list ul li {margin:40px 30px 60px 30px;}
.kakao-guide .kakao-notice {margin-top:40px; color:#999; font-size:16px; line-height:21px;}

/* 사이트맵 */
.site-map .input-table th {padding:45px 40px 0 40px; font-size:20px; background:#faf6f3; vertical-align:top;}
.site-map .input-table td {padding:25px 30px 25px 60px; font-size:16px;}
.site-map .input-table td span {display:inline-block; min-width:165px;}
.site-map .input-table td span a {color:#646464; line-height:50px;}
.site-map .input-table td span a:hover {color:#222;}
.site-map .input-table td span a.list-link:after {bottom:13px;}

/* error 404 */
.error-wrap {position:absolute; top:0; left:0; width:100%; height:100%;}
.error-wrap .btn-error-page {margin-top:40px; text-align:center;}
.error-page {max-width:1180px; margin:0 auto; padding:80px 0; border:1px solid #eaeaea; text-align:center; box-sizing:border-box;}
.error-page .msg {margin-top:34px; color:#222; font-size:22px; line-height:32px;}
.error-page .info {margin-top:17px; color:#999; font-size:14px; line-height:24px;}

/* 윤리경영 정보 리스트 */
.ethical-info {margin-top:60px; }
.ethical-info .icon {padding-top:10px;}

/* 신규 입점 제의 */
.new-store-request-info {position:relative; margin-top:60px; background-color:#f7f7f7; border:2px solid #eaeaea;}
.new-store-request-info:before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; display:block; width:1px; height:auto; margin:50px auto; background-color:#e0e0e0;}
.new-store-request-info:after {content:''; display:block; clear:both;}
.new-store-request-info > li {float:left; width:50%; padding:30px 20px 35px 20px; text-align:center; box-sizing:border-box;}
.new-store-request-info .info-icon {display:inline-block; width:90px; height:90px; background-repeat:no-repeat; background-position:center center;}
.new-store-request-info .info-title {margin-top:20px; font-size:18px; color:#222; line-height:24px; font-weight:500;}
.new-store-request-info .info-txt {font-size:14px; color:#666; line-height:21px;}
.new-store-request-info .info-title + .info-txt {margin-top:9px;}
.new-store-request-info .info-txt + .info-txt {margin-top:20px;}
.new-store-request-info .info-txt.master-email {font-weight:500; color:#666;}
.new-store-request-info .info-txt.master-email a {color:#997c5e; text-decoration:underline;}
.new-store-request-info .info-list-01 .info-icon {background-image:url(../../images/content/icon_new_store_01.png);}
.new-store-request-info .info-list-02 .info-icon {background-image:url(../../images/content/icon_new_store_02.png);}



/* ===========================
	11. recruit
=========================== */
.recruit .page-tab {margin-bottom:80px;}

/* 채용 회사소개 */
.recruit-company-title {margin-top:-6px;color:#222; font-size:38px; line-height:46px; font-weight:500; text-align:center;}
.recruit-company-title em {font-weight:500;}
.recruit-company-info {margin-top:22px;color:#666; font-size:16px; line-height:26px; text-align:center;}

.recruit-company-data {position:relative; margin-top:80px; box-sizing:border-box;}
.recruit-company-data:after {content:''; position:absolute; display:block; width:100px; height:1px; background:#222;}
.recruit-company-data .txt-01 {margin-top:49px;color:#222; font-size:26px; font-weight:500; line-height:38px;}
.recruit-company-data .txt-02 {margin-top:15px;color:#666; font-size:15px; line-height:24px;}
.recruit-company-data .visual {position:absolute;}
.recruit-company-data .visual + p {margin-top:0;}
.recruit-company-data.data-01 {min-height:464px; padding:55px 0 0 468px;}
.recruit-company-data.data-01 .visual {top:0; left:0;}
.recruit-company-data.data-02 {min-height:390px; padding:55px 650px 0 20px;}
.recruit-company-data.data-02 .visual {top:0; right:0;}
.recruit-company-data.data-01:after {top:30px; left:468px;}
.recruit-company-data.data-02:after {top:30px; left:20px;}

/* 신념과 원칙 */
.beliefs-data {margin-top:60px;}
.beliefs-data.first {margin-top:0;}
.beliefs-data h3 {margin-bottom:20px; color:#222; font-size:24px; font-weight:500;}
.beliefs-data h3 strong {color:#b10a11; font-weight:500;}
.beliefs-data table.input-table > tbody > tr > td {padding:23px 30px; font-size:15px; line-height:24px;}

.six-principle {}
.six-principle:after {content:''; display:block; clear:both;}
.six-principle > li {float:left; width:33.33%; margin:-1px 0 0 -1px; border:1px solid #eaeaea; background-repeat:no-repeat; background-position:center top; box-sizing:border-box; background-size:cover}
.six-principle > li  > div {display:table; width:100%; height:286px;}
.six-principle > li  > div > div {display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center;}
.six-principle .subject {position:relative; padding-bottom:15px; color:#222; font-size:16px; font-weight:500;}
.six-principle .subject em {color:#907354; font-weight:500;}
.six-principle .subject:after {content:''; position:absolute; bottom:0; left:50%; display:block; width:40px; height:1px; margin-left:-20px; background:#222;}
.six-principle .info {margin-top:39px; padding:0 50px; color:#666; font-size:15px; line-height:24px; word-break:keep-all;}
.six-principle .cell-01 {background-image:url('../../images/content/beliefs_visual_01.jpg');}
.six-principle .cell-03 {background-image:url('../../images/content/beliefs_visual_02.jpg');}
.six-principle .cell-05 {background-image:url('../../images/content/beliefs_visual_03.jpg');}

/* 복지제도 */
.welfare-list {margin-top:80px; border-top:1px solid #222;}
.welfare-list ul {overflow:hidden; border-top:1px solid #eaeaea;}
.welfare-list ul li {float:left; width:25%; min-height:320px; padding:60px 30px 0 30px; text-align:center; box-sizing:border-box;}
.welfare-list ul li:first-child {padding-left:20px;}
.welfare-list ul li:last-child {padding-right:20px;}
.welfare-list .name {margin-top:28px; color:#222; font-size:18px; font-weight:500;}
.welfare-list .info {margin-top:32px; color:#666; font-size:15px; line-height:24px; word-break:keep-all;}

/* 모집구분 */
.recruit .title-box {margin-top:80px; text-align:center;}
.recruit .title-box .tit {font-size:38px; font-weight:500;}
.recruit .title-box .txt {margin-top:20px; color:#666; font-size:16px; line-height:24px;}
.recruit .guide-box {margin-top:100px;}
.recruit .guide-box section {position:relative; height:470px;}
.recruit .guide-box section + section {margin-top:80px;}
.recruit .guide-box section dl {position:absolute; width:410px; box-sizing:border-box;}
.recruit .guide-box section dl dt {position:relative; font-size:32px; font-weight:700;}
.recruit .guide-box section dl dd {margin-top:20px; color:#666; font-size:15px;  line-height:24px;}
.recruit .guide-box section:nth-child(1) .img {position:absolute; top:-29px; left:0;}
.recruit .guide-box section:nth-child(1) .img-bg {position:absolute; top:300px; right:-300px;}
.recruit .guide-box section:nth-child(1) dl {top:150px; right:0; padding-left:60px;}
.recruit .guide-box section:nth-child(1) dl dt:after {content:''; display:block; position:absolute; top:17px; left:-120px; width:105px; height:1px; background:#323232;}
.recruit .guide-box section:nth-child(2) .img {position:absolute; top:0; right:-29px;}
.recruit .guide-box section:nth-child(2) .img-bg {position:absolute; top:264px; left:35px;}
.recruit .guide-box section:nth-child(2) dl {top:120px; left:0;}
.recruit .guide-box section:nth-child(2) dl dt:after {content:''; display:block; position:absolute; top:17px; right:-55px; width:105px; height:1px; background:#323232;}
.recruit .guide-box section:nth-child(3) {height:670px;}
.recruit .guide-box section:nth-child(3) .img {position:absolute; top:0; left:0;}
.recruit .guide-box section:nth-child(3) .img-bg {position:absolute; top:380px; right:-18px;}
.recruit .guide-box section:nth-child(3) dl {top:150px; right:0; width:610px; padding-left:60px;}
.recruit .guide-box section:nth-child(3) dl dt:after {content:''; display:block; position:absolute; top:17px; left:-120px; width:105px; height:1px; background:#323232;}

.recruit-division-area {padding:40px 80px 110px 80px; background:#f7f7f7;}
.recruit-division-area + .recruit-division-area {margin-top:30px; background:#fefafa;}
.recruit-division-area .title-box .tit {color:#222; letter-spacing:-0.03em;}
.recruit-division-area .title-box .txt {color:#646464; margin-top:33px; letter-spacing:-0.01em;}
.recruit-division-area .title-box .txt a {color:#92795b; font-size:16px; text-decoration-line:underline;}
.recruit-division-area .title-box a.btn-04 {margin-top:20px;}
.recruit-division-area .recruit-division {margin-top:80px; padding-top:56px; border-top: 1px solid #b7b7b7;}
.recruit-division-area .recruit-division > ul {display:flex; justify-content:space-between;}
.recruit-division-area .recruit-division > ul > li {display:flex; flex-direction:column; align-items:center;}
.recruit-division-area .recruit-division .title {color:#222; font-size:24px; font-weight:500;}
.recruit-division-area .recruit-division .txt {margin-top:37px; color:#646464; font-size:14px; line-height:25px; text-align:center; word-break:keep-all;}
.recruit-division-area .recruit-division .icon {width:110px; height:110px; margin-bottom:37px; background-repeat:no-repeat; background-position:center; background-size:110px;}
.recruit-division-area .recruit-division .recruit-division-01 {background-image:url('../../images/icon/icon_recruit_division_01.png');}
.recruit-division-area .recruit-division .recruit-division-02 {background-image:url('../../images/icon/icon_recruit_division_02.png');}
.recruit-division-area .recruit-division .recruit-division-03 {background-image:url('../../images/icon/icon_recruit_division_03.png');}
.recruit-division-area .recruit-division .recruit-division-04 {background-image:url('../../images/icon/icon_recruit_division_04.png');}
.recruit-division-area .recruit-division .recruit-division-05 {background-image:url('../../images/icon/icon_recruit_division_05.png');}
.recruit-division-area .recruit-division .recruit-division-06 {background-image:url('../../images/icon/icon_recruit_division_06.png');}

/* 채용절차 */
.recruit .career-list {margin-top:60px; padding:0 270px;}
.recruit .career-list ul {display:flex; justify-content:center; flex-wrap:wrap; margin:-26px -30px;}
.recruit .career-list ul li {position:relative; padding:26px 30px; text-align:center; box-sizing:border-box;}
.recruit .career-list ul li + li:after {content:''; display:block; position:absolute; top:90px; left:-2px; width:0; height:0; border-style:solid; border-width:12px 0 12px 11px; border-color:transparent transparent transparent #999;}
.recruit .career-list ul li:last-child:after {border-color:transparent transparent transparent #000;}
.recruit .career-list ul li div {position:relative; width:172px; height:172px;}
.recruit .career-list ul li div .list-number {position:absolute; left:50%; top:-17px; display:block; width:32px; height:32px; margin-left:-16px; color:#fff; font-size:16px; line-height:30px; font-weight:500; background-color:#8a6e51;}
.recruit .career-list ul li p {margin-top:14px; font-size:18px; font-weight:500; line-height:27px;}
.recruit .method {margin-top:85px;}
.recruit .method .text-border-list tr th,
.recruit .method .text-border-list tr td {padding:0 30px; color:#666; font-size:16px; vertical-align:middle; border-top:none; border-bottom:1px solid #dcdcdc; text-align:left;}
.recruit .method .text-border-list tr th {background:#fafafa;}
.recruit .method .text-border-list tr th[rowspan] {border-right:1px solid #dcdcdc;}
.online-send {position:relative;}
.online-send .btn-link {position:absolute; top:50%; right:-30px; margin-top:-15px;}
.career-list-wrap .btn-career-arrow {margin-top:75px; text-align:center;}
.career-list-wrap .btn-career-arrow .btn-01 {position:relative; padding:0 60px 0 40px;}
.career-list-wrap .btn-career-arrow .btn-01:after {content:''; position:absolute; top:50%; right:40px; height:14px; width:12px; margin-top:-7px; background:url('../../images/icon/icon_btn_arrow_white.png') center center no-repeat; background-size:100% auto;}

/* 진급규정 */
.recruit .stepup-system {margin-top:80px;}
.recruit .stepup-system ul {position:relative; height:230px; margin-left:-117px; overflow:hidden;}
.recruit .stepup-system ul:before {content:''; display:block; position:absolute; top:133px; left:200px; width:1000px; height:15px; background:url('../../images/content/stepup_system_bg.gif') 0 0 repeat-y;}
.recruit .stepup-system ul li {float:left; position:relative; width:201px; text-align:center;}
.recruit .stepup-system ul li:after {content:''; display:block; position:absolute; top:19px; right:0; width:1px; height:21px; background:#d5d5d5;}
.recruit .stepup-system ul li p {position:absolute; top:0; left:0; width:201px; padding-bottom:15px; border-bottom:1px solid #d5d5d5;}
.recruit .stepup-system ul li div {position:relative; top:55px; left:118px; width:172px; height:172px; padding-top:75px; border:1px solid #a7a7a7; border-radius:86px; background:#fff; box-sizing:border-box;}
.recruit .stepup-system .guide {margin-top:80px; border:1px solid #ddd; background:#fafafa;}
.recruit .stepup-system .guide p + p {border-top:1px solid #ddd;}
.recruit .stepup-system .guide p {padding:30px 40px; color:#666; font-size:16px; box-sizing:border-box;}
.recruit .stepup-system .guide p span {position:relative; display:inline-block; margin-right:12px; padding-right:14px; font-size:18px; font-weight:500;}
.recruit .stepup-system .guide p span:after {content:''; position:absolute; top:2px; right:0; display:block; width:1px; height:14px; background:#c7c7c7;}

/* 채용공지 및 입사지원 */
.recruit .list-top .list-sort .btn-04.type-02 {padding:0 20px 0 45px; background-image:url('../../images/icon/ico_download_black.png'); background-position:left 20px center;}
/* .recruit .input-table .btn-search a {display:inline-block; width:103px; height:103px; color:#fff; font-size:16px; line-height:103px; background-color:#8f8f8f; text-align: center; box-sizing:border-box;}
.recruit .input-table tr td[rowspan] {border-left:1px solid #dcdcdc;} */
.recruit .recruit-search {position:relative; margin-top:60px;}
.recruit .recruit-search .page_info {position:relative; margin-bottom:20px; color:#666; font-size:14px;}
.recruit .recruit-search .page_info span {color:#b10a11;}
.recruit .recruit-search .btn-recruit-guide {position:absolute; bottom:0; right:0;}
.recruit .list-none {padding:120px 0; border-top:1px solid #222; border-bottom:1px solid #dcdcdc; text-align:center;}
.recruit .list-none .msg {font-size:20px; line-height:28px;}
.recruit .list-none .btn-res {margin-top:30px;}
.recruit .edit-btn {display:flex; justify-content:space-between; margin:80px 0 -60px 0; padding:22px 40px; line-height:30px; border:1px solid #eaeaea;}
.recruit .edit-btn .btn-04 {margin-left:auto;}
.recruit .application-info {position:relative;}
.recruit .application-info .list-sort {top:-40px; bottom:auto;}
.recruit .application-info .td-box {padding:17px 0;}
.recruit .sign-result01 {padding:115px 40px;}
.recruit .authorize {margin-top:40px; overflow:hidden;}
.recruit .authorize > div {float:left; width:50%; margin-right:-1px; padding:60px; border:1px solid #eaeaea; text-align:center; box-sizing:border-box;}
.recruit .authorize .tit {font-size:20px; line-height:28px; font-weight:500;}
.recruit .authorize .txt {margin:20px 0 35px 0; color:#999; font-size:14px; line-height:21px;}
.recruit .authorize .btn a {width:180px;}
.recruit .btn {margin-top:20px;}
.recruit .btn a {width:120px;}

.recruit-pop-info .info-list {border:1px solid #eaeaea; border:1px solid #eaeaea; background-color:#fafafa;}
.recruit-pop-info .info-list li {display:table; width:100%; height:134px; border-top:1px solid #eaeaea;}
.recruit-pop-info .info-list li p {display:table-cell; width:100%; height:100%; padding-left:128px; color:#666; font-size:16px; line-height:22px; vertical-align:middle;}
.recruit-pop-info .info-list li:first-child {border-top:none; background:url('../../images/icon/icon_recruit_pop_01.png') left center no-repeat;}
.recruit-pop-info .info-list li:last-child {background:url('../../images/icon/icon_recruit_pop_02.png') left center no-repeat;}
.recruit-pop-info .btn-page-wrap {margin-top:20px; padding:0; border:none;}

.picture-upload {position:relative; min-height:160px; padding-left:130px;}
.picture-upload .inquire_user_picture {position:absolute; top:0; left:0;}
.picture-upload .btn-picture-delete {padding:32px 0 10px 0;}

.inquire_user_picture {width:100px; height:140px; padding:10px; border:1px solid #dcdcdc;}

.upload-file-name {margin-bottom:10px; color:#666; font-size:14px;}

.recruit .recruit-input-table > tbody > tr > td {padding:13px 22px 13px 30px;}
.recruit .recruit-input-table > tbody > tr > td:last-of-type {padding-left:0;}
.recruit .recruit-input-table > tbody > tr > td .btn-search .btn-03 {padding:0 38px;}
.recruit .recruit-input-table .cell select {min-width:214px;}
.recruit .recruit-input-table .input-table-text-cell input[type=text] {width:100%; border:1px solid #a1a1a1;}
.recruit-input-table + .recruit-input-table {margin-top:33px;}
.recruit-search .text-border-list > thead > tr > th:first-child,
.recruit-search .text-border-list > tbody > tr > td:first-child {padding-left:40px; text-align:left;}
.recruit-search .text-border-list > thead > tr > th:nth-child(2),
.recruit-search .text-border-list > tbody > tr > td:nth-child(2) {text-align:left;}
.recruit-search .text-border-list > thead > tr > th:last-child,
.recruit-search .text-border-list > tbody > tr > td:last-child {padding-left:20px;}
.recruit-search .text-border-list > tbody > tr > td {color:#646464;}
.recruit-search .text-border-list > tbody > tr > td.btn a {width:152px;}
.recruit-search .text-border-list > tbody  > tr > td.store {font-size:16px;}
.table-form-search + .table-form-search {margin-top:33px;}

.recruit .welcome-back-outbacker {position:relative; margin: -47px 0 33px 0;}
.recruit .welcome-back-outbacker a {position:absolute; left:82px; bottom:81px; width:220px; height:67px; border-radius:33px; font-size:0;}

/* ===========================
	12. main
=========================== */
#dBody.main{position:relative; z-index:5;}
.main > div {position:relative;}
.main .inner-data {z-index:5;}

/* 메인배너 */
.main-banner {position:relative; top:0; left:50%; width:1920px; height:900px; margin-top:100px; margin-left:-960px; overflow:hidden; opacity:0; z-index:1; -webkit-transition: opacity 0.9s, -webkit-transform 0.9s cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: opacity 0.9s, transform 0.9s cubic-bezier(0.860, 0.000, 0.070, 1.000);}
.main-banner.open {opacity:1;}
.main-banner .item-big {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.main-banner .item-big .btn-cell {position:absolute; top:0; left:0; width:0; height:100%; background-repeat:no-repeat; overflow:hidden; text-align:center;}
.main-banner .item-big .btn-cell img {position:absolute; top:0; left:0; width:1920px; height:900px; max-width:none;}
.main-banner .item-thumb {display:none; position:absolute; left:0; bottom:80px; width:1140px; height:180px; margin-left:370px; overflow:hidden; z-index:5;}
.main-banner .item-thumb > ul {position:relative; -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.390, 0.575, 0.565, 1.000); transition: transform 0.45s cubic-bezier(0.390, 0.575, 0.565, 1.000);}
.main-banner .item-thumb > ul:after {content:''; display:block; clear:both;}
.main-banner .item-thumb > ul > li {position:relative; float:left; width:380px; height:180px; background:#000; overflow:hidden; z-index:0;-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); -webkit-transition: -webkit-box-shadow 1s ease-out; transition: box-shadow 1s ease-out;}
.main-banner .item-thumb > ul > li > a {opacity:0.6; -webkit-transition: opacity 0.45s ease-out; transition: opacity 0.45s ease-out;}
.main-banner .item-thumb > ul > li:hover > a {opacity:1;}
.main-banner .item-thumb > ul > li.actived {z-index:5;/* -webkit-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.45); box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.45);*/}
.main-banner .item-thumb > ul > li.actived > a {opacity:1;}
.main-banner .item-thumb > ul > li.running  > p {top:0;}
.main-banner .item-thumb > ul > li.running  > p > span {width:100%;}
.main-banner .item-thumb > ul > li > p {position:absolute; top:-3px; left:0; display:block; width:100%; height:3px; background:rgba(0,0,0,0.5); -webkit-transition: top 0.45s ease-out; transition: top 0.45s ease-out;}
.main-banner .item-thumb > ul > li > p > span {content:''; position:absolute; top:0; left:0; display:block; width:0; height:3px; background:#b10a11; -webkit-transition: width linear; transition: width linear;}
.main-banner .item-page {position:absolute; bottom:95px; left:0; width:100%; height:17px; padding:15px 0; text-align:center; z-index:5;}
.main-banner .item-page .page-data {position:relative; display:inline-block; z-index:5;}
.main-banner .item-page .page-data > ul {position:relative; display:inline-block; z-index:3;}
.main-banner .item-page .page-data > ul > li {position:relative; display:inline;}
.main-banner .item-page .page-data > ul > li > a {position:relative; float:left; display:block; width:35px; height:35px; margin:0 15px; font-size:0; background:url('../../images/icon/ico_transparent.png') repeat}

.main-banner .item-page .page-data > ul > li > a:before {content:''; position:absolute; top:50%; left:50%; display:block; width:14px; height:14px; margin:-6.5px 0 0 -6.5px; border-radius:50%; background:#fff; opacity:0.4; -webkit-transition:opacity 0.45s 0.45s ease; transition: opacity 0.45s 0.45s ease;}
.main-banner .item-page .page-data > ul > li > a:after {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; border:1px solid #fff; border-radius:50%; box-sizing:border-box; -webkit-transform: scale(0); transform: scale(0); -webkit-transition:-webkit-transform 0.5s ease; transition: transform 0.5s ease;}
.main-banner .item-page .page-data > ul > li.actived > a:before {opacity:1;}
.main-banner .item-page .page-data > ul > li.actived > a:after {-webkit-transform: scale(1); transform: scale(1); -webkit-transition:-webkit-transform 0.45s 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: transform 0.45s 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);}

.main-banner .btn-control {position:absolute; top:50%; display:block; width:37px; height:75px; z-index:100;}
.main-banner .btn-control:hover:before {opacity:0;}
.main-banner .btn-control:hover:after {opacity:1;}
.main-banner .btn-control:before {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; opacity:1; transition:opacity 0.6s ease; background-repeat:no-repeat; background-position:left top;}
.main-banner .btn-control:after {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; opacity:0; transition:opacity 0.6s ease; background-repeat:no-repeat; background-position:left top;}
.main-banner .btn-prev {left:50%; margin:-38px 0 0 -750px;}
.main-banner .btn-prev:before {background-image:url('../../images/util/btn_main_visual_prev_off.png');}
.main-banner .btn-prev:after {background-image:url('../../images/util/btn_main_visual_prev_on.png');}
.main-banner .btn-next {right:50%; margin:-38px -750px 0 0;}
.main-banner .btn-next:before {background-image:url('../../images/util/btn_main_visual_next_off.png');}
.main-banner .btn-next:after {background-image:url('../../images/util/btn_main_visual_next_on.png');}




/*
.main-banner .item-page .line {position:absolute; top:0; right:0; bottom:0; left:0; width:auto; height:1px; margin:17px 30px; background:rgba(255,255,255,0.4);}
.main-banner .item-page .line > span {content:''; position:absolute; top:0; display:block; width:0; height:1px; background:#fff; -webkit-transition: width 0.45s cubic-bezier(0.390, 0.575, 0.565, 1.000); transition: width 0.45s cubic-bezier(0.390, 0.575, 0.565, 1.000);}
*/


/* 메인 CF*/
.main-cf {padding-top:140px; min-height:379px; word-break:keep-all;}
.main-cf .inner-data {padding:0 30px 0 750px; box-sizing:border-box;}
.main-cf .cf-wrap {position:absolute; top:0; left:0; width:676px;}
.main-cf .en-title {padding-top:52px; color:#222; font-size:43px; line-height:48px; letter-spacing:2.16px;}
.main-cf .ko-title {padding-top:18px; color:#222; font-size:24px; line-height:32px; font-weight:500;}
.main-cf .info {padding-top:30px; color:#666; font-size:15px; line-height:25px;}
.main-cf .obj-01 {position:absolute; top:0; left:50%; width:308px; height:295px; margin:-45px 0 0 -746px; background:url('../../images/content/main_cf_obj_01.jpg?v=20181022') left top no-repeat;display:none;}
.main-cf .obj-02 {position:absolute; top:0; right:50%; width:320px; height:381px; margin:298px -890px 0 0; background:url('../../images/content/main_cf_obj_02.jpg') left top no-repeat;}

/* 메인 중간 배너 */
.main-middle-banner {display:block; max-width:1180px; margin:140px auto 0 auto; text-align:center;}
.main-middle-banner .swiper-pagination {display:none;}
.main-middle-banner .main-middle-banner-slide {height:400px; overflow:hidden;}



/* 메인 product */
.main-product {position:relative; max-width:1600px; height:620px; margin:140px auto 0 auto; opacity:0; overflow:hidden; -webkit-transition:opacity 0.45s ease-out; transition:opacity 0.45s ease-out}
.main-product.open {opacity:1;}
.main-product .slide-data-wrap {position:relative; width:1180px; height:100%; margin:0 auto;}
.main-product .slide-data {position:relative; width:auto; height:100%; margin:0 auto;}
.main-product .slide-cell {position:absolute; top:0; width:280px; height:100%; box-sizing:border-box; overflow:hidden; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.050, 0.550, 0.950); transition: all 0.6s cubic-bezier(0.445, 0.050, 0.550, 0.950);}
.main-product .slide-ui {position:absolute; top:50%; left:50%; width:1180px; margin:-25px 0 0 -590px; z-index:5;}
.main-product .slide-ui > a {position:absolute; top:0; display:block; width:27px; height:49px; opacity:0.13; -webkit-transition:opacity 0.6s ease; transition:opacity 0.6s ease;}
.main-product .slide-ui > a:hover {opacity:1;}
.main-product .slide-ui .btn-prev {left:-49px; display:block; width:27px; height:49px; margin-top:-25px; background:url('../../images/util/btn_main_product_slide_prev.png') left top no-repeat; z-index:10;}
.main-product .slide-ui .btn-next {right:-49px; display:block; width:27px; height:49px; margin-top:-25px; background:url('../../images/util/btn_main_product_slide_next.png') left top no-repeat; z-index:10;}
.main-product .visual {position:absolute; top:50%; right:0; display:block; width:310px; height:400px; margin-top:-200px; background-repeat:no-repeat; background-position:right center; background-size:cover;}
.main-product .visual:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.3;}
.main-product .slide-data .txt-wrap {position:absolute; top:0; left:0; word-break:keep-all; z-index:5;}
.main-product .slide-data .txt-wrap > p {opacity:0; visibility:hidden; -webkit-transition:visibility 0.6s, opacity 0.6s, -webkit-transform 0.6s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition:visibility 0.6s, opacity 0.6s, transform 0.6s cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transform: translate(0px, 50px); transform: translate(0px, 50px);}
.main-product .slide-data .txt-wrap > p:nth-child(1) {-webkit-transition-delay:0.3s; transition-delay:0.3s;}
.main-product .slide-data .txt-wrap > p:nth-child(2) {-webkit-transition-delay:0.2s; transition-delay:0.2s;}
.main-product .slide-data .txt-wrap > p:nth-child(3) {-webkit-transition-delay:0.1s; transition-delay:0.1s;}
.main-product .slide-data .txt-wrap > p:nth-child(4) {-webkit-transition-delay:0s; transition-delay:0s;}
.main-product .en-name {max-width:440px; padding-top:90px; color:#222; font-family:'Akrobat' , verdana, sans-serif; font-size:80px; line-height:84px; letter-spacing:3.2px;}
.main-product .ko-name {max-width:440px; padding-top:11px; color:#222; font-size:26px; line-height:32px; font-weight:500;}
.main-product .info {max-width:280px; padding-top:29px; color:#666; font-size:15px; line-height:25px;}
.main-product .btns {display:none; margin-top:33px;}
.main-product .btns > a{display:block; width:160px; margin-top:10px;}
.main-product .btns > a:first-child {margin-top:0;}
.main-product .slide-cell.actived .visual {width:480px; height:620px; margin-top:-310px;}
.main-product .slide-cell.actived .visual:after {opacity:0;}
.main-product .slide-cell.actived .txt-wrap > p {opacity:1; visibility:visible; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
.main-product.open {-webkit-transition: opacity 0.45s cubic-bezier(0.445, 0.050, 0.550, 0.950); transition: opacity 0.45s cubic-bezier(0.445, 0.050, 0.550, 0.950);}
.main-product.open .visual {-webkit-transition:all 0.4s cubic-bezier(0.165, 0.840, 0.440, 1.000); transition:all 0.4s cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.main-product.open .visual:after {-webkit-transition:opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000); transition:opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.main-product.open .slide-cell.actived .txt-wrap > p:nth-child(1) {-webkit-transition-delay:1.3s; transition-delay:1.3s;}
.main-product.open .slide-cell.actived .txt-wrap > p:nth-child(2) {-webkit-transition-delay:1.4s; transition-delay:1.4s;}
.main-product.open .slide-cell.actived .txt-wrap > p:nth-child(3) {-webkit-transition-delay:1.5s; transition-delay:1.5s;}
.main-product.open .slide-cell.actived .txt-wrap > p:nth-child(4) {-webkit-transition-delay:1.6s; transition-delay:1.6s;}
.main-product.open .slide-cell.actived .visual {width:480px; height:620px; margin-top:-310px; -webkit-transition-duration:0.7s; transition-duration:0.7s; -webkit-transition-delay:1.2s; transition-delay:1.2s;}
.main-product.open .slide-cell.actived .visual:after {opacity:0; -webkit-transition-delay:1.3s; transition-delay:1.3s;}
.main-product.open .slide-cell.actived,
.main-product.open .slide-cell.not {-webkit-transition-delay:0.6s; transition-delay:0.6s;}
.main-product.open .slide-cell.not .visual {-webkit-transition-duration:0.7s; transition-duration:0.7s;}

/* 메인 benefit */
.main-benefit {padding-top:245px; text-align:center;}
.main-benefit .inner-data {min-height:520px; padding:90px 15px; background:url('../../images/content/main_benefit_visual.jpg') center top no-repeat; background-size:cover; box-sizing:border-box;}
.main-benefit h3 {color:#fff; font-size:54px; letter-spacing:2.16px;}
.main-benefit ul {margin-top:68px; padding:0 45px; overflow:hidden;}
.main-benefit ul > li {float:left; width:33.33%;}
.main-benefit ul > li > a {display:inline-block;}
.main-benefit ul > li > a > span {display:block;}
.main-benefit .info {margin-top:10px; color:#fff; font-size:16px; line-height:24px; opacity:0.7;}
.main-benefit .icon-name {margin-top:35px; color:#fff; font-size:28px;}
.main-benefit .icon-info {margin-top:14px; color:#fff; font-size:14px; line-height:22px; opacity:0.7;}
.main-benefit .obj-01 {position:absolute; top:0; left:50%; width:375px; height:442px; margin:-50px 0 0 -443px; background:url('../../images/content/main_benefit_obj_01.jpg') left top no-repeat;}

/* 메인 reward */
.main-reward {padding-top:73px;}
.main-reward .inner-data {padding-left:350px;}
.main-reward .reward-title {position:absolute; top:35px; left:0; width:280px; height:260px;}
.main-reward .reward-title .txt-data {position:absolute; top:0; left:0; padding:0 30px 30px 0;; background:#fff; z-index:10;}
.main-reward .reward-title .line span {position:absolute; display:block; background-color:#222; z-index:1; -webkit-transition: width 0.6s, height 0.6s cubic-bezier(0.250, 0.250, 0.750, 0.750); transition: width 0.6s, height 0.6s cubic-bezier(0.250, 0.250, 0.750, 0.750);}
.main-reward .reward-title .line span:nth-child(1) {top:0; left:0; width:100%; height:5px;}
.main-reward .reward-title .line span:nth-child(2) {top:0; right:0; width:5px; height:100%;}
.main-reward .reward-title .line span:nth-child(3) {right:0; bottom:0; width:100%; height:5px;}
.main-reward .reward-title .line span:nth-child(4) {left:0; bottom:0; width:5px; height:100%;}
/*
.main-reward .reward-title .line span:nth-child(1) {top:0; left:0; width:0; height:5px;}
.main-reward .reward-title .line span:nth-child(2) {top:0; right:0; width:5px; height:0}
.main-reward .reward-title .line span:nth-child(3) {right:0; bottom:0; width:0; height:5px;}
.main-reward .reward-title .line span:nth-child(4) {left:0; bottom:0; width:5px; height:0;}
.main-reward .reward-title.open .line span:nth-child(1) {top:0; left:0; width:100%; height:5px; -webkit-transition-delay :0.6s; transition-delay:0.6s}
.main-reward .reward-title.open .line span:nth-child(2) {top:0; right:0; width:5px; height:100%; -webkit-transition-delay :1.2s; transition-delay:1.2s}
.main-reward .reward-title.open .line span:nth-child(3) {right:0; bottom:0; width:100%; height:5px; -webkit-transition-delay :1.8s; transition-delay:1.8s}
.main-reward .reward-title.open .line span:nth-child(4) {left:0; bottom:0; width:5px; height:100%; -webkit-transition-delay :2.4s; transition-delay:2.4s}
*/
.main-reward .reward-title h3 {margin-top:-15px; color:#222; font-size:32px; line-height:52px; letter-spacing:1.92px;}
.main-reward .reward-title h3 em {display:block; font-size:52px; letter-spacing:3.12px;}
.main-reward .reward-title .info {margin-top:20px; color:#666; font-size:16px; line-height:24px;}
.main-reward .reward-title .btn-more {margin-top:25px;}
.main-reward .reward-title .btn-more a {display:block; width:100px; height:32px; color:#fff; font-size:13px; line-height:32px; background:#222; text-align:center;}
.main-reward ol:after {content:''; display:block; clear:both;}
.main-reward ol li {float:left; width:33.33%; margin-top:35px;}
.main-reward ol li em {font-size:16px; color:#96603d; opacity:0.4;}
.main-reward .reward-name {margin-top:10px; color:#222; font-size:18px; font-weight:500;}
.main-reward .reward-info {height:63px; margin-top:10px; color:#666; font-size:14px; line-height:21px; overflow:hidden;}
.main-reward .obj-01 {position:absolute; top:0; right:50%; display:none; width:248px; height:275px; margin:256px -925px 0 0; background:url('../../images/content/main_reward_obj_01.jpg') left top no-repeat;}

/* 메인 event */
.main-event {display:none; padding-top:90px; text-align:center;}
.main-event .main-event-slide {height:200px;}

/* mylist */
.video-board-list {margin-top:25px; border-top:2px solid #222; border-bottom:1px solid #c8c8c8;}
.video-board-list > li {position:relative; min-height:200px; padding:40px 20px 40px 430px; border-top:1px solid #eaeaea;}
.content .video-board-list .thumb {position:absolute; top:40px; left:20px; width:370px; height:208px; overflow:hidden;}
.video-board-list .thumb > span {position:absolute; top:0; left:0; width:100%; height:100%; display:block; background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; background-color:rgba(0, 0, 0, 0.1);}
.video-board-list .thumb:hover .thumb-img {-webkit-transform: scale(1.1); transform: scale(1.1);}
.video-board-list .thumb .thumb-play {position:relative; top:50%; left:50%; width:60px; height: 60px; background-color:#fff; border-radius:50%; margin-top:-30px; margin-left:-30px;}
.video-board-list .thumb .thumb-play:after {content:''; position:absolute; top:23px; left:25px; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 13px;border-color: transparent transparent transparent #b10a12;}
.video-board-list .subject {display: -webkit-box; max-height:50px; padding-top:18px; margin-bottom:18px; color:#222; font-size:20px; line-height:24px; overflow:hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.video-board-list .video-info {margin-left:-10px; margin-bottom:30px; color:#999; font-size:16px;}
.video-board-list .video-info > p {display:inline-block; position:relative; padding:0 10px; line-height:24px;}
.video-board-list .video-info > p:nth-of-type(2) {width:70%;}
.video-board-list .video-info > p:nth-of-type(2):after {display:none;}
.video-board-list .video-info > p:after {content:''; position:absolute; top:7px; right:-2px; width:1px; height:12px; background-color:#999;}
.video-board-list .video-info > p:last-child:after {display:none;}
.video-board-list .video-info .watch-date span.watch-none {color:#b81a20}
.video-board-list > li .btn-cancel-payment.saw {display:none;}
.video-board-list .paging {margin-top:15px;}

/* ===========================
	13. academy
=========================== */
/* 아카데미 메인 */
.academy .video-recommend-content {position:relative; top:60px; min-height:810px;}
.academy .video-recommend-list {position:relative; height:360px; margin-top:60px;}
.academy .video-content .video-recommend-list:first-of-type {margin-top:-10px;}
.academy .video-recommend-list > div {position:absolute; display:inline-block; width:640px; height:360px;}
.academy .video-recommend-list .video-link {z-index:1;}
.video-recommend-list .thumb {position:absolute; width:640px; height:360px; overflow:hidden;}
.video-recommend-list .thumb:hover .thumb-img {-webkit-transform:scale(1.1); transform:scale(1.1);}
.video-recommend-list .thumb > span {position:absolute; top:0; left:0; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; background-color:rgba(0, 0, 0, 0.1); -webkit-transition:-webkit-transform 0.5s ease; transition:transform 0.5s ease;}
.video-recommend-list .thumb .thumb-play {position:relative; top:50%; left:50%; width:60px; height: 60px; margin-top:-30px; margin-left:-30px; border-radius:50%; background-color:#fff;}
.video-recommend-list .thumb .thumb-play:after {position:absolute; top:23px; left:25px; width:0; height:0; border-style:solid; border-width: 7px 0 7px 13px; border-color:transparent transparent transparent #b10a12; content:'';}
.academy .video-recommend-list .video-title {position:absolute; top:90px; right:-468px; display:-webkit-box; width:430px; color:#222; font-size:22px; font-weight:500; line-height:30px; text-overflow:ellipsis; overflow:hidden;  -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.video-recommend-list .subject {top:30px; right:0; border:1px solid #eee; background-color:#fafafa; z-index:0;}
.video-recommend-list .subject > div{padding:145px 74px 0 140px;}
.video-recommend-list .video-info {margin-top:21px; color:#999; font-size:16px;}
.video-recommend-list .subject > div > p {display:-webkit-box; width:430px; color:#222; font-size:22px; font-weight:500; line-height:30px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.video-recommend-list .video-category-name {line-height:26px;}
.video-info-detail {line-height:22px;}
.video-info-detail > div {display:inline-block;}
.video-info-detail .registration-date {position:relative; left:-10px; display:inline-block; padding:0 10px; color:#999; line-height:22px;}
.video-info-detail .registration-date:after {content:''; position:absolute; top:6px; right:-2px; width:1px; height:12px; background-color:#999;}
.video-content .video-info > p:last-child:after {display:none;}
.video-recommend-list .video-info .video-price {color:#666; font-family:'Roboto'; font-weight:500; line-height:23px;}
.video-recommend-list:nth-of-type(even) .video-title {left:-500px;}
.video-recommend-list:nth-of-type(even) .subject > div {padding-left:40px;}
.academy .video-recommend-list:nth-of-type(even) {margin-top:60px;}
.academy .video-recommend-list:nth-of-type(even) .video-link {right:0;}
.academy .video-recommend-list:nth-of-type(even) .subject {left:0;}
.academy > .video-content + .video-content {margin-top:120px;}
.video-pop-content .video-content-list.video-board-list {border:none;}

/* video-content layout 공통사항 */
.video-content-list.video-board-list {margin-top:0; padding:0 7px; padding-bottom:10px; font-size:0px; border-top:none; border-bottom: 1px solid #c8c8c8;}
.video-content-list.video-board-list > li {display:inline-block; padding:0; border-top:none;}
.video-content-list.video-board-list .subject {display:-webkit-box; padding-top:20px; margin-bottom:15px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.video-board-list .thumb .thumb-play {position:absolute;}
.video-content-list > li {width:370px; margin:50px 27px 0px 0px; box-sizing:border-box;}
.video-content-list > li:nth-of-type(3n){margin-right:0;}
.video-content-list .thumb {position:relative; top:0; left:0; width:370px; height:208px; overflow:hidden;}
.video-content-list .video-info {margin-left:0;}
.academy .video-board-list .video-info {margin-bottom:0; color:#999;}
.academy .video-board-list .video-category-name {line-height:26px;}
.academy .video-board-list .video-price {color:#666; font-family:'Roboto'; font-weight:500; line-height:23px;}

/* 영상 리스트 */
.academy-list .academy-video-list .video-board-list {padding-bottom:50px;}
.academy-list .video-content + .video-content {margin-top:100px;} /* 20230720 추가 */
.academy .list-top {margin-bottom:0; padding-bottom:21px; border-bottom:2px solid #222;}
.academy .list-top .academy-category-menu {height:30px;}
.academy .academy-video-list .list-top:after {content:none;}
/* academy-category-menu01 */
.academy-category-menu .academy-category-menu01 {background-color:#fff;}
.academy-category-menu .academy-category-menu01:after {content:''; display:block; clear:both;}
.academy-category-menu .academy-category-menu01 > li {position:absolute; top:0; width:390px; margin:-1px 0 0 0; z-index:1; box-sizing:border-box; -webkit-box-shadow:0px 0px 0px rgba(0, 0, 0, 0); box-shadow:0px 0px 0px rgba(0, 0, 0, 0); -webkit-transition:all 0.45s ease; transition:all 0.45s ease;}
.academy-category-menu .academy-category-menu01 > li > a {position:relative; display:inline-block; height:54px; padding-right:50px; color:#222; font-size:30px; font-weight:500; box-sizing:border-box; -webkit-transition:color 0.45s ease; transition:color 0.45s ease; overflow:hidden;}
.academy-category-menu .academy-category-menu01 > li > a:after {content:''; position:absolute; top:0px; right:2px; width:30px; height:30px; background:url('../../images/util/btn_academy_location_arrow.png') left top no-repeat; -webkit-transition:opacity 0.45s, -webkit-transform 0.45s ease; transition:opacity 0.45s, transform 0.45s ease;}
.academy-category-menu > ul > li:hover > a,
.academy-category-menu .academy-category-menu01 > li.open > a{color:#222;}
.academy-category-menu .academy-category-menu01 > li:hover > a:after,
.academy-category-menu .academy-category-menu01 > li.open > a:after{opacity:1;}
.academy-category-menu .academy-category-menu01 > li.open > a:after{-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.academy-category-menu .academy-category-menu01 > li.open {border-color:#222; z-index:2;}
.academy-category-menu .nav-list {display:none; padding:30px 0px 30px 20px; border:1px solid #222; border-top:none; background:#fff; -webkit-box-shadow:0px 0px 6px rgba(0, 0, 0, 0.24); box-shadow:0px 0px 6px rgba(0, 0, 0, 0.24);}
.academy-category-menu .nav-list > li {margin-top:26px; line-height:1;}
.academy-category-menu .nav-list > li:first-child {margin-top:0;}
.academy-category-menu .nav-list > li > a {display:block; font-size:16px; color:#999;}
.academy-category-menu .nav-list > li > a:hover,
.academy-category-menu .nav-list > li.actived > a{color:#222; text-decoration:underline;}
.academy .academy-category-menu > ul {display:inline-block;}
.academy .academy-category-menu .academy-category-menu02 {position:absolute; top:10px; right:0;}
.academy .academy-category-menu .academy-category-menu02 > li {position:relative; display:inline-block;}
.academy .academy-category-menu .academy-category-menu02 > li:after {content:''; position:absolute; right:0; top:0; width:1px; height:16px; background-color:#dcdcdc;}
.academy .academy-category-menu .academy-category-menu02 > li:last-child:after {display:none;}
.academy .academy-category-menu .academy-category-menu02 > li.actived a {color:#b81a20; font-weight:500;}
.academy .academy-category-menu .academy-category-menu02 > li > a {margin:8px 21px 0 21px; color:#222; font-size:16px;}
.academy-video-list .list-top > select {position:relative; min-width:240px; padding:0; font-size:28px; border:none;}
.academy-video-list .video-board-list {border-bottom: 1px solid #c8c8c8;}
/* 영상 리스트 없을시 */
.academy-video-list .video-content-none {padding:190px 0; border-bottom:1px solid #c8c8c8; text-align:center;}
.academy-video-list .video-content-none > p {color:#333; font-size:20px; line-height:32px;}

/* 영상 상세 페이지 */
.academy .academy-list-view .list-top:after {display:none;}
.academy-list-view .academy-list-view-video {position:relative; width:100%;}
.academy-list-view .academy-list-view-video .av-con {position:relative; padding-top:56.25%;}
.academy-list-view .academy-list-view-video iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.academy-list-view .view-content-info {padding-bottom:28px; border-bottom:2px solid #222;}
.academy-list-view .view-content-info h3 {display:-webkit-box; margin-top:24px; color:#222; font-size:24px; line-height:32px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.academy-list-view .video-info {margin-top:23px; font-size:16px;}
.academy-list-view .video-info-detail:after {content:''; display:block; clear:both;}
.academy-list-view .video-info-detail .registration-date {float:left;}
.academy-list-view .video-info-detail:first-of-type .registration-date:after {display:none;}
.academy-list-view .view-content-info .video-price {color:#666; font-family:'Roboto'; font-weight:500; line-height:23px; float:right;}
.academy-list-view .view-content .view-con {padding:60px 20px; color:#646464; font-size:16px; font-weight:400; line-height:26px;} 
.academy-list-view .video-content:nth-child(2) .list-top {padding-bottom:25px; border-bottom:2px solid #222;}
.academy > .academy-list-view .video-content:nth-child(2) {margin-top:58px;}
.video-connect-content .video-content-list.video-board-list {border:none;}
.academy-list-view .academy-list-view-video .av-con > img {position:absolute; top:0; left:0; width:100%; height:100%;}
.academy-list-view .view-content .video-info .btn-page-wrap {margin-top:14px;}

/* 아카데미 팝업 */
.academy.pop-data .pop-warning {padding-top:12px;}
.academy .pop-warning > div {position:relative; display:table-cell; vertical-align:middle;}
.academy .pop-con .icon-point {position:absolute; top:0; left:40px; width:50px; height: 50px; color:#b4b4b4; font-family:'Roboto'; font-weight:700; font-size:34px; line-height:45px; border-color:#b4b4b4;}
.academy .pop-con .pop-warning div > p {padding-left:100px; color:#222; font-size:16px; font-weight:500; line-height:24px; text-align:left;}
.academy .pop-con p > span {color:#b81a20;}
.academy .pop-warning {display:table; min-height:50px;}
.video-info .video-price > span {color:#666; font-family:'Noto Sans'; font-size:14px; font-weight:400;}
.video-info .video-price > span + span {margin-left:5px;}
.video-info .video-price > span > em {position:relative; padding-left:4px; font-size:16px; font-family:'Roboto';}
.video-info .video-price > span > em + em {margin-left:10px;}
.video-info .video-price .free-cost{font-size:16px; font-family:'Noto Sans';}

/* 팝업창 */
.current-step-list {position:relative; display:table; width:100%; height:40px; margin-bottom:26px; border:1px solid #dedede; background-color:#fff; table-layout:fixed; box-sizing:border-box;}
.current-step-list > li {position:relative; display:table-cell; color:#999; font-size:13px; text-align:center; vertical-align:middle;}
.current-step-list > li.actived {color:#fff; background-color:#cb0000;}
.current-step-list > li.actived:before {right:auto; left:0px;border-color:transparent transparent transparent #fff !important;}
.current-step-list > li.actived:after {content:''; position:absolute; top:0; right:-15px; width: 0; height:0; border-style:solid; border-width:19px 0 19px 15px; border-color:transparent transparent transparent #cb0000;}
.current-step-list > li:before {content:''; position:absolute; top:0; right:-16px; width: 0; height:0; border-style:solid; border-width:19px 0 19px 15px; border-color:transparent transparent transparent #dedede;}
.current-step-list > li:after {content:''; position:absolute; top:0; right:-15px; width: 0; height:0; border-style:solid; border-width:19px 0 19px 15px; border-color:transparent transparent transparent #fff;}
.current-step-list > li:first-child:before,
.current-step-list > li:last-child:before,
.current-step-list > li:last-child:after {display:none !important;}
.current-step-list > li:first-child ~ li {padding-left:14px;}
.current-step-list > li:first-child ~ li:before {content:''; position:absolute; top:0; right:-16px; width: 0; height:0; border-style:solid; border-width:19px 0 19px 15px; border-color:transparent transparent transparent #dedede;}


/* choose-period */
.choose-period .radio-info-box {position:relative; padding:8px 0 16px 48px; color:#999; font-size:13px; line-height:20px;}
.choose-period .radio-info-box:after {content:'※'; position:absolute; top:8px; left:34px;}
.choose-period .pop-radio-wrap > ul > li:last-child > .radio-info-box {padding-bottom:0;}

/* choose-payment */
.pop-pay-area .dot-title {margin-bottom:14px;}
.choose-payment .pop-radio-wrap {padding:18px 0 0 10px; background-color:#fafafa; box-sizing:border-box;}
.choose-payment .pay-radio-box {border:1px solid #c7b19b;}
.choose-payment .pop-radio-wrap .pop-info-message {display:block; padding-bottom:16px; color:#997c5e;}
.choose-payment .pop-radio-wrap > ul > li {margin-bottom:20px;}
.choose-payment .agree-purchase-cell {padding:16px 0 30px;}
.choose-payment .price-total-cell {position:relative; width:100%; height:62px; border-top:1px solid #dcdcdc;}
.choose-payment .price-total-cell div {position:absolute; display:inline-block; line-height:63px;}
.choose-payment .price-total-cell div:first-child {left:10px; text-align:left;}
.choose-payment .price-total-cell .video-price-total {right:10px; color:#666; font-size:13px; text-align:right;}
.choose-payment .price-total-cell .video-price-total em {padding-left:8px; font-size:24px; font-weight:500; line-height:58px;}
.pop-pay-area + .btn-page-wrap {margin:0;}

/* choose-payment - 개별 결제 */
.choose-payment .tab-list-wrap {position:relative; display:table; width:100%; border:1px solid #dedede; border-bottom:none; table-layout:fixed; z-index:1; box-sizing:border-box;}
.choose-payment .tab-list-wrap > li {display:table-cell; width:50%; height:36px; background-color:#fff; line-height:0; text-align:center; box-sizing:content-box; vertical-align:top; cursor:pointer;}
.choose-payment .tab-list-wrap > li a{display:block; height:36px; line-height:36px;}
.choose-payment .tab-list-wrap > li.active a{color:#fff; background-color:#94785c; border:1px solid #94785c;}
.pop-data .choose-payment .tab-contents {box-sizing:border-box;}

/* tab02 */
.choose-payment .point-payment {width:100%;}
.choose-payment .point-payment > li {margin-bottom:22px;}
.choose-payment .point-payment .point-payment-info {position:relative; display:inline-block; width:96px; padding-left:12px; color:#646464; text-align:left; line-height:20px;}
.choose-payment .point-payment .point-payment-info:before {content:''; position:absolute; top:10px; left:4px; display:block; width:2px; height:2px; border-radius:1px; background-color:#646464;}
.choose-payment .point-payment .point-payment-info:after {content:':'; position:absolute; top:0; right:0; display:block; color:#646464; font-size:10px;}
.choose-payment .point-payment .point-payment-info + span {display:inline-block; width:50%; padding-left:30px; color:#666; font-size:14px; line-height:18px;}
.choose-payment .point-payment  del {font-size:12px;}
.choose-payment .point-payment em {padding:0 2px 0 4px; font-size:16px; font-weight:500; line-height:16px;}
.choose-payment .point-payment input {max-width:170px; margin-top:-10px; padding-left:16px; box-sizing:border-box;}
.choose-payment .point-payment input::placeholder {color:#999; font-size:14px;}

.member-check {position:relative;}
.member-check .info-check-title {margin-bottom:30px; color:#646464; font-size:18px; font-weight:500;}
.member-check .info-check-list + .info-check-list {margin-top:25px;}
.member-check .check-list {margin-bottom:8px; color:#000; font-size:16px; font-weight:500; letter-spacing:-0.5px;}
.member-check .check-list span {color:#cc0001;}
.member-check .help-text {position:relative; padding-left:16px; color:#999; font-size:13px; line-height:21px; word-break:keep-all;}
.member-check .help-text:after {content:'※'; position:absolute; top:0; left:0; display:block;}

/* 쿠킹클래스 */
.cooking-class {margin-top:80px;}
.cooking-class .con-title {margin:80px 0 40px 0;}
.cooking-class .con-title strong {float:right; margin-top:10px; color:#cb0000; font-size:16px;}
.cooking-class .info {text-align:center;}
.cooking-class .info .tit {margin-top:72px; line-height:46px; font-size:36px; font-weight:600; letter-spacing: -0.08rem;}
.cooking-class .info .txt {margin-top:30px; line-height:34px; color:#333; font-size:24px; letter-spacing: -0.08rem;}
.cooking-class .loveback {position:relative; margin-top:80px; padding:70px 0 60px 0; border-top: 1px solid #dedede;}
.cooking-class .loveback h3 {color:#222; font-size:32px; font-weight:700; line-height:42px;}
.cooking-class .loveback .txt {margin:110px 0 0 50%; padding-left:36px; width:50%; line-height:28px; color:#222; font-size:18px; text-align:left; letter-spacing: -0.08rem;}
.cooking-class .loveback:after {content:''; position:absolute; top:205px; left:154px; width:432px; height:400px; background-image:url('../../images/academy/cooking_class_loveback.png'); background-position:0 0; background-repeat:no-repeat; background-size:100%;}
.cooking-class .class-type {position:relative; padding:40px; border:1px solid #dedede; border-radius:30px;}
.cooking-class .class-type + .class-type {margin-top:40px;}
.cooking-class .class-type.active {border-color:#cb0000;}
.cooking-class .class-type h4 {margin:0 0 38px 0; font-size:24px; font-weight:500;}
.cooking-class .class-type h4.icon {position:relative; padding-right: 60px;}
.cooking-class .class-type h4.icon:after {content:''; position:absolute; right:0; top:-10px; width:51px; height:48px; background-image:url('../../images/academy/cooking_class_loveback_icon.png'); background-position:0 0; background-repeat:no-repeat; background-size:51px 48px;}
.cooking-class .class-type .btn-apply {position:absolute; top:26px; right:40px; height:44px; padding:0 20px 0 50px; line-height:42px; font-size:16px; color:#222; border:1px solid #999; border-radius:8px;}
.cooking-class .class-type .btn-apply:before {content:''; position:absolute; left:23px; top:50%; width:20px; height:20px; margin-top:-10px; background-image:url('../../images/icon/ico_apply.png'); background-position:0 0; background-repeat:no-repeat; background-size:20px;}
.cooking-class .class-type table.input-table > tbody > tr > th {text-align:center;}
.cooking-class .agree-info {display:none; position:relative;}
.cooking-class .agree-info h5 {font-size:18px; font-weight:500;}
.cooking-class .agree-info .list-sort {bottom:auto; top:0;}
.cooking-class .agree-terms-area {position:relative;}
.cooking-class .agree-terms-area .text {position:absolute; left:0; bottom:0; line-height:22px;}
.cooking-class .btn-box .btn-01 {border-radius:28px;}
.cooking-class .class-type.end .btn-apply {display:none;}
.cooking-class .class-type.end .info-banner-group .banner-area {position:relative;}
.cooking-class .class-type.end .info-banner-group .banner-area:before {content:''; position:absolute;top:0;left:0;display:block; width:100%; height:100%; border-radius:0; background:url('../../images/academy/cooking_class_end.png') center center no-repeat; z-index:5;}
.cooking-class .class-type.end .info-banner-group .banner-area:after {content:''; position:absolute;top:0;left:0;display:block; width:100%; height:100%; border-radius:20px; background:rgba(0,0,0,0.7); z-index:2;}
.cooking-class .info-txt-list {margin-top:20px; padding:16px 20px; background-color:#fbfbfb; border:1px solid #dcdcdc;}
.cooking-class .info-txt-list li {position:relative; padding-left:9px; margin-top:5px; color:#666; line-height:20px;}
.cooking-class .info-txt-list li:first-child {margin-top:0;}
.cooking-class .info-txt-list li:after {content:''; position:absolute; top:9px; left:0; display:block; width:4px; height:2px; background-color:#666;}
.cooking-class .info-txt-list li.fc01:after {background-color:#b10a11 !important}
.cooking-class .info-textarea textarea {margin-top:20px; height:160px;}

.no-class {padding:220px 0; font-size:24px; text-align:center;}
.cooking-class .info-list {display:flex; flex-wrap:wrap; align-content:center; justify-content:center; width:610px; margin:80px auto 0 auto;}
.cooking-class .info-list li {display:flex; align-items:center; justify-content:center; width:180px; height:180px; margin:10px 9px; color:#333; font-size:18px; line-height:30px; font-weight:500; border:2px solid #cb0000; background-color:#fff; border-radius:90px;}
.cooking-class .info-list .red-bg {color:#fff; background-color:#cb0000;}
.info-banner-group {display:flex;}
.info-banner-group .input-table {width:620px;}
.info-banner-group .input-table td {letter-spacing:-0.03rem;}
.info-banner-group .banner-area {margin-right:20px;}
.cooking-class .guide-bottom-01 {position:relative; margin-top:60px; padding-left:120px;}
.cooking-class .guide-bottom-01 .tit {position:absolute; top:0; left:0; color:#222; font-size:20px; font-weight:600;}
.cooking-class .guide-bottom-01 ul li { color:#646464; font-size:14px; line-height:26px; letter-spacing:-0.01rem;}
.cooking-chef-wrap {position:relative; top:0; left:50%; width:1920px; margin:80px 0 -200px -960px; background-color:#f6f6f6;}
.cooking-chef-wrap .cooking-chef-area {position:relative; width:1180px; padding:80px 0 200px 0; margin:0 auto;}
.cooking-chef-area .chef-tit {padding-bottom:60px; border-bottom: 2px solid #222; text-align:center;}
.cooking-chef-area .chef-tit h3 {font-size:32px; font-weight:700;}
.cooking-chef-area .chef-tit span {display:block; margin-top:12px; font-size:18px; font-weight:500; line-height:26px; letter-spacing:-0.01rem;}
.cooking-chef-list {display:flex; flex-wrap:wrap;}
.cooking-chef-list .list-cell {display:flex; width:50%; padding:40px 0; border-bottom: 1px solid #dedede;}
.cooking-chef-list .list-cell .info {padding:38px 0 0 40px; color:#333; letter-spacing:-0.05rem;}
.cooking-chef-list .list-cell .info .name {font-size:20px; font-weight:600;}
.cooking-chef-list .list-cell .info .career {margin-top:20px; line-height:26px; font-size:18px; font-weight:500;}
.cooking-chef-list .list-cell .info ul {margin-top:15px;}
.cooking-chef-list .list-cell .info ul li {position:relative; padding-left:12px; font-size:14px; line-height:22px;}
.cooking-chef-list .list-cell .info ul li:after {content:''; position:absolute; left:0; top:10px; width:4px; height:4px; background-color:#333;}
.cooking-chef-wrap .btn {margin-top:80px; text-align:center;}
.cooking-chef-wrap .btn .btn-01 {width:327px; border-radius:28px;}

/* 커르르 패밀리 */
.kerrr-family {position:relative; margin-top:55px; padding-bottom:160px; text-align:center;}
.kerrr-family:after {content:''; position:absolute; top:1134px; left:0; right:0; bottom:0; background-color:#f4f4f4; z-index:1;}
.kerrr-family .kerrr-family-area {position:relative; z-index:2;}
.kerrr-family .kerrr-Goods .tit-area {margin-top:80px;}
.kerrr-family .kerrr-Goods .tit-area .tit {font-size:36px; color: #222; font-weight:700; line-height: 43px;}
.kerrr-family .kerrr-Goods .tit-area .tit span {display:block; color: #d79445; font-size:24px;}
.kerrr-family .kerrr-Goods .tit-area .txt {line-height: 30px; margin-top: 20px;font-size:24px; color:#333;letter-spacing: -0.1rem;}
.kerrr-family .kerrr-Goods .Goods-section {padding-top:70px;}
.kerrr-family .kerrr-Goods .Goods-section h4 {margin-bottom:40px; font-size:32px; color: #222; font-weight:700;}
.kerrr-family .kerrr-Goods .Goods-section ul li {display:flex; justify-content: space-between; align-items: center; height:82px; width:840px; margin:20px auto 0 auto; padding: 0 33px 0 30px; background-color:#fff; border-radius:15px; box-sizing: border-box;}
.kerrr-family .kerrr-Goods .Goods-section ul li .info {text-align: left;}
.kerrr-family .kerrr-Goods .Goods-section ul li .info .file-size {margin-bottom:8px; font-size:16px; color: #222; font-weight:500;}
.kerrr-family .kerrr-Goods .Goods-section ul li .info .file-name {font-size:16px; color:#a5a5a5; font-weight:300;}
.kerrr-family .kerrr-Goods .Goods-section ul li .info .file-name span {color:#6993ff;}
.kerrr-family .kerrr-Goods .Goods-section ul li .btn-file-download {position: relative; height:48px; padding:0 20px 0 50px; line-height:46px; font-size: 16px; color: #222; border: 1px solid #999; border-radius: 24px; }
.kerrr-family .kerrr-Goods .Goods-section ul li .btn-file-download:before {content: '';position: absolute;left: 23px;top: 50%;width: 20px;height: 20px;margin-top: -10px;background-image: url(../../images/icon/ico_download_black2.png);background-position: 0 0;background-repeat: no-repeat;background-size: 20px;}