@charset "utf-8";










/* dFoot */
#dFoot {position:relative; padding:160px 0 80px; background-color:#232323; z-index:5;}
#dFoot .btn-top {position:absolute; top:0; left:50%; display:block; width:80px; height:80px; margin:-40px 0 0 620px; z-index:10;}

.footer-wrap {position:relative; width:1180px; padding-left:170px; margin:0 auto; color:#fff; font-size:13px; box-sizing: border-box}
.footer-wrap h2 {position:absolute; top:0; left:0;}
.footer-wrap address {opacity:0.7;}
.footer-wrap address > span {opacity:0.7;}
.footer-wrap .copy {margin-top:8px; opacity:0.7;}
.footer-wrap .btns {margin-top:20px; overflow:hidden;}
.footer-wrap .btns > a {display:block; float:left; width:88px; height:28px; margin-left:10px; border:1px solid #4f4f4f; text-align:center;}
.footer-wrap .btns > a:first-child {margin-left:0;}
.footer-wrap .btns > a > span {color:#fff; font-size:12px; line-height:28px; opacity:0.5;}
.footer-wrap .tel-request {margin-top:15px; font-size:13px; line-height:23px; overflow:hidden;}
.footer-wrap .tel-request em {margin-left:8px; font-size:18px; font-weight:500; vertical-align:middle;}
.footer-wrap .tel-request > p {opacity:0.7;}
.footer-wrap .tel-request > p.site-number {opacity:0.5}
.footer-wrap a.btn-awward {position:absolute; top:42px; right:175px; display:block; width:60px; height:80px; font-size:0;  z-index:3;}

.speed-big-menu {position:absolute; top:-80px; left:50%; width:1180px;margin-left:-590px; overflow:hidden;}
.speed-big-menu > li {float:left; width:33.33%;}
.speed-big-menu > li > a {position:relative; display:block; height:160px; padding:30px; margin-left:1px; background-repeat:no-repeat; background-position:center center; background-size:cover; box-sizing: border-box;}
.speed-big-menu > li:first-child > a {margin-left:0;}
.speed-big-menu > li > a > span {display:block;}
.speed-big-menu > li > a:hover .icon {top:40px;}
.speed-big-menu > li > a:hover .arrow {width:60px;}
.speed-big-menu .txt {position:absolute; top:52px; left:30px; color:#fff; font-size:14px; line-height:32px;}
.speed-big-menu .icon {position:absolute; top:50px; -webkit-transition: top 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: top 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275);}
.speed-big-menu .arrow {position:absolute; bottom:37px; left:30px; width:40px; height:4px;  border-bottom:1px solid #fff; -webkit-transition: width 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: width 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000);}
/*
.speed-big-menu .menu-01 {background-color:#907354;}
.speed-big-menu .menu-02 {background-color:#434343;}
.speed-big-menu .menu-03 {background-color:#c30606;}
*/
.speed-big-menu .menu-02 {background-color:#907354;}
.speed-big-menu .menu-03 {background-color:#434343;}
.speed-big-menu .menu-04 {background-color:#c30606;}

.speed-big-menu .menu-01 .icon {top:53px;right:86px;}
.speed-big-menu .menu-02 .icon {right:90px;}
.speed-big-menu .menu-03 .icon {right:90px;}
.speed-big-menu .menu-04 .icon {top:57px; right:75px;}

.footer-menu {position:absolute; top:0; right:0; overflow:hidden; z-index:3;}
.footer-menu > li {position:relative; float:left; padding-left:10px; margin-left:10px;}
.footer-menu > li:after {content:''; position:absolute; top:50%; left:0; display:block; width:1px; height:12px; margin-top:-6px; background-color:#fff; opacity:0.2;}
.footer-menu > li:first-child {padding-left:0; margin-left:0;}
.footer-menu > li:first-child:after {display:none;}
.footer-menu > li > a {color:#fff; font-size:13px; opacity:0.7;}

.sns-menu {position:absolute; top:52px; right:0; overflow:hidden;}
.sns-menu > li {position:relative; float:left; margin-left:10px;}
.sns-menu > li:first-child {padding-left:0; margin-left:0;}



/* ===========================
	02. table
=========================== */
/* text-border-list */
table.text-border-list {width:100%; border-top:1px solid #222; border-bottom:1px solid #c8c8c8; background:#fff;  table-layout:fixed;}
table.text-border-list > thead > tr > th {padding:26px 10px; color:#333; font-size:16px; line-height:18px; border-bottom:1px solid #dcdcdc; background-color:#f9f9f9; text-align:center; vertical-align:middle;}
table.text-border-list > tbody > tr > td {height:70px; padding:0 10px; color:#999; font-size:14px; line-height:16px; border-top:1px solid #dcdcdc; text-align:center; vertical-align:middle;}
table.text-border-list td.none-data {padding:100px 10px;}


.table-agree {padding:17px 0;}
.table-agree .info-title {color:#666; font-size:16px;}
.table-agree .info-txt {margin-top:10px;}
.table-agree .info-txt > li{color:#999; font-size:14px; line-height:21px;}
.table-agree table {margin-top:20px;}

.table-bottom-info {margin-top:10px; color:#999; font-size:14px; line-height:21px;}
.table-bottom-info:first-child {margin-top:0;}

/* simple-row-list */
table.simple-row-list {width:100%; border-top:1px solid #222; background:#fff;  table-layout:fixed;}
table.simple-row-list > tbody > tr > th {padding:14px 0 16px 10px; color:#222; font-size:16px; line-height:20px; font-weight:500; border-bottom:1px solid #dcdcdc; background-color:#fff; text-align:left; vertical-align:top;}
table.simple-row-list > tbody > tr > th > p {position:relative;}
table.simple-row-list > tbody > tr > th > p:after {content:''; position:absolute; top:50%; right:0; width:1px; height:16px; margin-top:-6px; background-color:#dcdcdc;}
table.simple-row-list > tbody > tr > td {padding:14px 10px 16px 10px; color:#666; font-size:14px; line-height:20px; border-bottom:1px solid #dcdcdc; background-color:#fff; text-align:right; vertical-align:top;}

/* input table */
table.input-table {width:100%; border-top:0px solid #c8c8c8; border-bottom:0px solid #c8c8c8; background:#fff; table-layout:fixed;}
table.input-table > tbody > tr > th {height:70px; padding:0 30px; color:#222; font-size:16px; line-height:20px; vertical-align:middle; border-top:1px solid #dcdcdc; background-color:#f9f9f9; text-align:left;}
table.input-table > tbody > tr > td {height:44px; padding:13px 30px; color:#666; font-size:16px; line-height:20px; border-top:1px solid #dcdcdc; background-color:#fff; text-align:left; vertical-align:middle;}
table.input-table > tbody > tr:first-child > th,
table.input-table > tbody > tr:first-child > td {border-top:none;}
table.input-table .d-txt {line-height:30px;}
table.input-table .input-info {margin-left:20px; color:#999; font-size:14px; line-height:44px; cursor:inherit;}

/* ===========================
	03. button
=========================== */
.btn-page-wrap {margin-top:60px; text-align:center;}
.btn-page-wrap > a:first-child {margin-left:0;}
.btn-page-wrap > a:last-child {margin-right:0;}

.btn-full-wrap {display:table; width:100%; table-layout:fixed; box-sizing:border-box;}
.btn-full-wrap > li {display:table-cell; vertical-align:top;}
.btn-full-wrap > li > a {position:relative; display:block; height:100%;  margin:0 2px; text-align:center; box-sizing:border-box;}
.btn-full-wrap > li:first-child > a {margin-left:0;}
.btn-full-wrap > li:last-child > a {margin-right:0;}

.btn-content-wrap {}
.btn-content-wrap > ul {margin:-2.5px;}
.btn-content-wrap > ul:after {content:''; display:block; clear:both;}
.btn-content-wrap > ul > li {float:left; width:50%; box-sizing:border-box; padding:2.5px;}
.btn-content-wrap > ul > li > a,
.btn-content-wrap > ul > li > button {display:block; width:auto;}
.btn-content-wrap > ul > li:only-child {width:100%;}

.simple-row-list + .btn-content-wrap {margin-top:30px;}

/* big button (height 56px) */
.btn-01 {display:inline-block; padding:0 54px; margin:0 4px; font-size:20px; line-height:54px; text-align:center;  box-sizing:border-box;}
.btn-01.type-01 {color:#fff; border:1px solid #cb0000; background-color:#cb0000;}
.btn-01.type-02 {color:#222; border:1px solid #999; background-color:#fff;}
.btn-01.type-03 {color:#fff; border:1px solid #8f8f8f; background-color:#8f8f8f;}
.btn-01.type-04 {color:#fff; border:1px solid #282828; background-color:#282828;}
.btn-01.type-05 {color:#fff; border:1px solid #af9375; background-color:#af9375;}

/* middle button (height 40px) */
.btn-02 {display:inline-block; padding:0 31px; margin:0 1px; font-size:14px; line-height:38px; text-align:center;  box-sizing:border-box;}
.btn-02.type-01 {color:#fff; border:1px solid #cb0000; background-color:#cb0000;}
.btn-02.type-02 {color:#222; border:1px solid #999; background-color:#fff;}
.btn-02.type-03 {color:#fff; border:1px solid #8f8f8f; background-color:#8f8f8f;}
.btn-02.type-04 {color:#fff; border:1px solid #282828; background-color:#282828;}
.btn-02.type-05 {color:#fff; border:1px solid #af9375; background-color:#af9375;}

/* small button (height 44px) */
.btn-03 {display:inline-block; padding:0 19px; margin:0 1px; font-size:16px; line-height:42px; text-align:center;  box-sizing:border-box;}
.btn-03.type-01 {color:#fff; border:1px solid #cb0000; background-color:#cb0000;}
.btn-03.type-02 {color:#222; border:1px solid #999; background-color:#fff;}
.btn-03.type-03 {color:#fff; border:1px solid #8f8f8f; background-color:#8f8f8f;}
.btn-03.type-04 {color:#fff; border:1px solid #282828; background-color:#282828;}
.btn-03.type-05 {color:#fff; border:1px solid #af9375; background-color:#af9375;}

/* arrow icon button (height 30px) */
.btn-04 {display:inline-block; padding:0 29px 0 14px; margin:0 1px; font-size:13px; line-height:28px; text-align:center;  box-sizing:border-box;}
.btn-04.type-01 {color:#fff; border:1px solid #cb0000; background-color:#cb0000; background-repeat:no-repeat; background-position:right 14px center; }
.btn-04.type-02 {color:#222; border:1px solid #bbb; background-color:#fff; background-repeat:no-repeat; background-position:right 14px center; }
.btn-04.type-03 {color:#fff; border:1px solid #8f8f8f; background-color:#8f8f8f; background-repeat:no-repeat; background-position:right 14px center; }
.btn-04.type-04 {color:#fff; border:1px solid #282828; background-color:#282828; background-repeat:no-repeat; background-position:right 14px center; }
.btn-04.type-05 {color:#fff; border:1px solid #af9375; background-color:#af9375; background-repeat:no-repeat; background-position:right 14px center; }

/* ssmall button (height 30px) */
.btn-05 {display:inline-block; padding:0 14px; margin:0 1px; font-size:13px; line-height:28px; text-align:center;  box-sizing:border-box;}
.btn-05.type-01 {color:#fff; border:1px solid #cb0000; background-color:#cb0000;}
.btn-05.type-02 {color:#222; border:1px solid #bbb; background-color:#fff;}
.btn-05.type-03 {color:#fff; border:1px solid #8f8f8f; background-color:#8f8f8f;}
.btn-05.type-04 {color:#fff; border:1px solid #282828; background-color:#282828;}
.btn-05.type-05 {color:#fff; border:1px solid #af9375; background-color:#af9375;}

/* paging */
.paging {position:relative; height:40px; margin-top:40px; font-size:0; text-align:center; vertical-align:top;}
.paging > a {display:inline-block; width:40px; height:38px; margin:0 0 0 -1px; font-size:0; border:1px solid #ccc; background-position:center center; background-repeat:no-repeat; overflow:hidden; text-indent:-9999px; vertical-align:top;}
.paging > a.btn-first {}
.paging > a.btn-prev {}
.paging > a.btn-next {}
.paging > a.btn-last {}
.paging > p {display:inline-block; padding:0 20px; overflow:hidden; vertical-align:top;}
.paging > p a,
.paging > p strong {float:left;display:block; width:40px; height:38px; margin-left:-1px; font-size:14px; line-height:38px; border:1px solid #dedede; text-align:center; vertical-align:top;}
.paging > p strong {margin-left:-1px; color:#fff; border:1px solid #222; background:#222;}
.paging > p a:hover {background-color:#ebebeb;}


/* tab */
.page-tab {position:relative; display:table; width:100%; padding-left:1px; margin-bottom:40px; table-layout:fixed; z-index:1; box-sizing:border-box;}
.page-tab > li {display:table-cell; vertical-align:top;}
.page-tab > li > a {position:relative; display:block; height:62px;  margin:0 0 0 -1px; color:#222; font-size:18px; font-weight:400; line-height:62px; letter-spacing:-0.9px; border:1px solid #dedede; background:#fff; text-align:center; box-sizing:border-box;}
.page-tab > li.active a {color:#fff; border-color:#cc0001; background-color:#cc0001; z-index:1}

.page-tab02 {position:relative; display:table; width:100%; padding-left:1px; margin-bottom:0; table-layout:fixed; box-sizing:border-box;}
.page-tab02 > li {display:table-cell; vertical-align:top;}
.page-tab02 > li > a {position:relative; display:block; height:62px; margin:0 0 0 -1px; color:#222; font-size:16px; font-weight:400; line-height:62px; letter-spacing:-0.9px; border-bottom:1px solid #000; text-align:center; box-sizing:border-box;}
.page-tab02 > li + li > a:before {content:''; display:block; position:absolute; top:20px; left:0; width:1px; height:22px; background:#cbcbcb;}
.page-tab02 > li.active a {border:1px solid #000; border-bottom-color: #fff;  z-index:1}
.page-tab02 > li.active a:before {background:none;}


/* ===========================
	04. pop
=========================== */
.layer-pop-wrap {position:fixed; top:0; left:0; display:none; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:100000; overflow-y:auto;}
.layer-pop-parent {display:table; width:100%; height:100%; table-layout:fixed;}
.layer-pop-children {display:table-cell; width:100%; height:100%; padding:30px 10px; text-align:center; vertical-align:middle;}

.pop-data {position:relative; width:380px; margin:0 auto; border:1px solid #333; background:#fff; text-align:left; box-sizing:border-box; -webkit-box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.25);}
.pop-data > h2 {padding:0 59px 0 20px;color:#fff; font-size:18px; line-height:50px; background-color:#464646;}
.pop-data .pop-con {position:relative; padding:30px 20px; border-top:1px solid #333; overflow-y:auto;}
.pop-data .btn-page-wrap {padding-top:20px; margin:30px 0 0 0; border-top:1px solid #dcdcdc;}
.pop-data .btn-pop-close {position:absolute; top:10px; right:10px; display:block; width:27px; height:27px; border:1px solid #909090; }
.pop-data .line-default-txt {line-height:28px;}

.today-close {position:relative; width:100%; height:46px; padding:12px 20px; background:#222; box-sizing:border-box;}
.today-close .chk-type01 input[type=checkbox] + label {color:#fff;}
.today-close .radio-type01 input[type=radio] + label {color:#fff;}

.common-pop {position:absolute; top:0; left:0; width:400px; height:400px; border:1px solid #333; background:#fff; z-index:999;}
.common-pop .pop-con {position:relative; width:100%; height:100%; overflow:hidden;}
.common-pop .today-close {position:absolute; top:100%; left:-1px; width:100%; height:22px; padding:12px 0; border:1px solid #222; box-sizing:content-box;}
.common-pop .today-close > p {display:block; padding:0 20px;}
.common-pop .btn-close {position:absolute; top:50%; right:0; display:block; width:66px; height:26px; margin-top:-13px; color:#fff; font-size:14px; line-height:26px; background-color:#444; text-align:center;}



/* ===========================
	05. font 
=========================== */
.fc01 {color:#b10a11 !important;}
.fc02 {color:#94785c !important;}
.fc03 {color:#222 !important;}
.fc04 {color:#666 !important;}
.fc05 {color:#999 !important;}
.fc06 {color:#cb0000 !important;}
.fc07 {color:#be161e !important;}

.f-100 {font-weight:100}/* Thin */
.f-300 {font-weight:300}/* light */
.f-400 {font-weight:400}/* Reguler */
.f-500 {font-weight:500}/* Medium */
.f-700 {font-weight:700}/* Bold */

.Noto Sans {font-family:'Noto Sans' , verdana, sans-serif;}
.roboto {font-family:'Noto Sans' , verdana, sans-serif;}



/* ===========================
	06. icon
=========================== */
.icon-winner {display:inline-block; width:108px; height:35px; color:#fff; font-size:14px; line-height:35px; background-color:#907354; text-align:center;}
.icon-progress {display:inline-block; width:78px; height:35px; color:#fff; font-size:14px; line-height:35px; background-color:#cb0000; text-align:center;}
.icon-notice {display:inline-block; width:53px; height:28px; color:#b10a11; font-size:13px; line-height:28px; border:1px solid #cb0000; text-align:center;}
.icon-map {display:inline-block; height:26px; padding:0 10px; color:#222; font-size:14px; line-height:24px; border:1px solid #848484; border-radius:2px; background-color:#f4f4f4;}
.icon-new {display:inline-block; width:54px; height:24px; color:#fff; font-size:12px; line-height:24px; font-weight:500; border:1px solid #3f8c0f; border-radius:2px; background-color:#54aa20; text-align:center;}
.icon-all {display:inline-block; width:54px; height:24px; color:#fff; font-size:12px; line-height:24px; font-weight:500; border:1px solid #785c41; border-radius:2px; background-color:#94785c; text-align:center;}
.icon-red {display:inline-block; width:54px; height:24px; color:#fff; font-size:12px; line-height:24px; font-weight:500; border:1px solid #a30001; border-radius:2px; background-color:#cb0000; text-align:center;}
.icon-black {display:inline-block; width:54px; height:24px; color:#fff; font-size:12px; line-height:24px; font-weight:500; border:1px solid #222; border-radius:2px; background-color:#000; text-align:center;}

.p-icon {position:absolute; top:20px; right:20px;}

.icon-point {display:inline-block; width:35px; height:35px; color:#b10a11; font-family:'Noto Sans' , verdana, sans-serif; font-size:22px; line-height:30px; font-weight:700; border:3px solid #b10a11; border-radius:50%; text-align:center; box-sizing:border-box;}

.icon-coupon-type01 {display:inline-block; width:85px; height:38px; line-height:33px; color:#cb0000; font-size:14px; font-weight:500; text-align:center; border:3px solid #cb0000; background:#fff; box-sizing:border-box;}
.icon-coupon-type02 {display:inline-block; width:85px; height:38px; line-height:33px; color:#94785c; font-size:14px; font-weight:500; text-align:center; border:3px solid #94785c; background:#fff; box-sizing:border-box;}
.icon-coupon-type03 {display:inline-block; width:85px; height:38px; line-height:33px; color:#222; font-size:14px; font-weight:500; text-align:center; border:3px solid #222; background:#fff; box-sizing:border-box;}
.icon-coupon-type04 {display:inline-block; width:85px; height:38px; line-height:33px; color:#666; font-size:14px; font-weight:500; text-align:center; border:3px solid #999999; background:#fff; box-sizing:border-box;}