@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
/* SIR 지운아빠 */

/* 초기화 */
html {height: 100%;}
body {height: 100%; margin:0;padding:0;font-size:18px;font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;font-weight: normal;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button {cursor:pointer}

textarea, select {}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:none}

/* 팝업레이어 */
#hd_pop,
#hd_wrapper,
#tnb .inner,

#gnb .gnb_wrap,
#container_wr,
#ft_wr {width:1200px}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

/* 상단 레이아웃 */
#hd {z-index:4;position:relative;min-width:970px;background:#fff}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto;padding:26px 0;width:970px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left;padding:5px 0 0}

/* 전체 검색 */
#hd_sch {float:left;margin:0 0 0 20px;padding:0;border:1px solid #c3c6ca}
#hd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#hd_sch #sch_stx {padding-left:5px;width:110px;height:24px;border:0;background:#fff;line-height:1.9em !important;line-height:1.6em}
#hd_sch #sch_submit {padding:0 5px;height:26px;border:0;background:#e2e6eb;color:#333;cursor:pointer}

.con{max-width:1200px;margin: 0 auto;width:90%}
.w-100{width:100%;display: block}
.dv_2{overflow: hidden;}
.dv_2 .box{float: left;width:49%;}
.dv_2 .box:last-child{float: right}
.txt{word-break: keep-all}

.scroll{position: absolute;bottom:30px;left: 50%;margin-left: -150px;z-index: 9;}
.scroll span{width:1px;height: 30px;background: #777;;top:-10px;margin: 0 auto;display: block;position: relative}
.scroll p{width:300px;text-align: center;color: #777;font-size: 14px;font-weight: 400}

.main01 .scroll span{background: white;}
.main01 .scroll p{color: white}

#menu{display: none;}
.head{background: rgba(255,255,255,0.8);z-index: 99;position: fixed;top:0;height: 80px;width:100%}
.head.on{background: white;}
.head1{height: 80px;text-align: center;}
.head1 .m_open{display: none;}
.head1 .logo{left: 3%;top:12px;position: absolute;}
.head1 .res{position: absolute;right:0;top:0;background: #a68164;width:180px;text-align: center;z-index: 99}
.head1 .res>span{color: white;line-height: 80px;}
.head1 .res img{padding-right: 10px;}
.head1 .res ul{position: absolute;top:80px;background: #333;width:100%;height: 0;overflow: hidden;transition-delay: .3s}
.head1 .res li{line-height: 60px;text-align: center;color: white;border-bottom: 1px solid #777;font-size: 16px}
.head1 .res li a{color: #eee;;}
.head1 .res li span{height: 60px;line-height: 60px;padding-right: 5px;vertical-align: top}
.head1 .res:hover ul{height: auto}
.head1 .menu{display: inline-block;}
.head1 .menu li{float: left;width:12rem;line-height: 80px;font-size:20px;}
.head1 .menu li.on{width:13rem;transition-duration: .2s;}
.head1 .menu li a{color: #111;position: relative;width:100%;height: 100%;display: block;}
.head1 .menu li:hover a{color: #a68164}
.head1 .menu li.over a::after{width:70%;height: 2px;bottom:0;background: #a68164;position: absolute;left: 15%;content: '';}
.head1 .menu li.over a{color: #a68164}

.head2{position: absolute;background: rgba(255,255,255,0.8);text-align: center;top:80px;left: 0;width:100%;padding: 30px 0;display: none;}
.head2 .m_show{display: none;}
.head2 .sub_menu{display: inline-block;}
.head2 .sub_menu ul{float: left;width:13rem}
.head2 .sub_menu li{font-size: 18px;line-height: 40px;margin-bottom: 10px}
.head2 .sub_menu li small{display: block;line-height: 1.3em;}
.head2 .sub_menu li a{color: #555;}
.head2 .sub_menu li a:hover{color: #000;}
.head2 .menu_img{position: absolute;right: 1.5%;top:50%;margin-top: -100px;}
.head2 .menu_img img{display: none;width:250px}
.head2 .menu_img img:first-child{display: block;}
.head2 .sub_menu li.m_show{display: none}

.main01 .swiper-container{height: 100%}
.main01 .txt{position: absolute;padding:0 3%;box-sizing: border-box;bottom:15%;color: white;font-weight: 700;z-index: 99;width:100%;text-align: left}
.main01 .txt p{width:100%;font-size: 45px}
.main01 .txt p.kr{font-size:28px;font-weight: normal;margin-top: 10px}
.main01 .swiper-slide{background-repeat: no-repeat;background-size:cover;background-position: center}
.main01 .slide01{background-image: url("../img/main01_img01.png");}
.main01 .slide02{background-image: url("../img/main01_img02.png")}
.main01 .swiper-button-prev{background-image: url('../img/main01_l.png');left: 3%;width:26px;height: 66px;margin-top: -33px}
.main01 .swiper-button-next{background-image: url('../img/main01_r.png');right: 3%;width:26px;height: 66px;margin-top: -33px}

.main02{background-image: url('../img/main02_img.png');background-size: cover;background-position: center;background-repeat: no-repeat;}
.main02 .txt{text-align: right;}
.main02 .txt p{font-size: 30px;color: #111;line-height: 1.7em;margin-top: 50px;margin-bottom: 30px;position: relative;}
.main02 .txt a{display: inline-block;width:150px;line-height: 43px;background: #111;color: white;text-align: center;border-radius: 3px}
.main02 img{position: relative;}
.main02 p::after{width:120px;height: 1px;position: absolute;right: 0;top:-25px;content: '';background: #111;}
.main02 .txt a:hover{background: #a68164;;color: white;transition-duration: .3s;}

.main_tit{font-size: 50px;color: #111;margin-bottom: 30px;text-align: left;font-weight: 700;letter-spacing: 10px}
.main_tit span{font-size: 30px;color: #777;padding-left: 20px;font-weight: 400;letter-spacing: 6px}
#fullpage .main03{width:90%;margin: 0 auto;padding-top: 100px;box-sizing: border-box;;position: relative}
.main03 .fp-tableCell{height: 100% !important}
.main03 .main_tit{position: absolute;left: 0;top:100px}
.main03 .inner{overflow: hidden;padding-top: 60px;height: calc(100% - 60px);box-sizing: border-box}
.main03 .box{float: left;width:49%;position: relative;height: 100%;background-image: url('../img/main03_img01.png');background-size: cover}
.main03 .right{float: right;background-image: url('../img/main03_img02.png')}
.main03 .over{width:100%;height: 100%;position: absolute;left: 0;top:0;background: rgba(0,0,0,0.8);color: white;text-align: center;padding-top: 18%;box-sizing: border-box;opacity: 0;overflow: hidden}
.main03 .over span{display: block;font-size: 30px;font-weight: 700;line-height: 50px;margin-bottom: 50px;}
.main03 .over p{line-height: 45px;font-size: 18px;margin-bottom: 30px;word-break: keep-all}
.main03 .over a{display: block;width:150px;line-height: 43px;border: 1px solid white;color: white;margin: 0 auto;border-radius: 3px}
.main03 .over a:hover{background:white;color: #333;transition-duration: .3s;}
.main03 .box:hover .over{opacity: 1;transition-duration: .3s;}

.main04{background: #d8d8d8;position: relative;}
.main04 .swiper-container{height: 100%;}
.main04 .con{height: 100%;}
.main04 .w-100{width:100%;position: absolute;left: 0;top:28%;}
.main04 .main_tit{}
.main04 .txt{text-align: left;padding-top:30%;}
.main04 .txt span{display: block;font-size: 20px;font-weight: 700;color: #111;margin-bottom:20px; }
.main04 .txt p{font-size: 16px;color: #333;line-height: 1.7em}
.main04 .txt a{display: block;width:150px;border: 1px solid #111;color: #111;text-align: center;line-height: 43px;border-radius: 3px;margin-top: 30px;}
.main04 .txt a:hover{background: #111;color: white;}
.main04 .img{position: absolute;left: 50%;top:0;width:50%;height: 100%;background-image: url("../img/main04_img01.png");background-position: center;background-repeat: no-repeat;background-size: cover}
.main04 .slide02 .img{background-image: url('../img/main04_img02.png')}
.main04 .slide03 .img{background-image: url('../img/main04_img03.png')}
.main04 .w-100.btn{top:80%;}
.main04 .btn .con{overflow: hidden}
.main04 .swiper-button-prev{width:50px;height: 50px;background-image: url('../img/main04_l.png');background-size: 100%;top:0;margin-top: 0;left: 0;position: relative;float: left}
.main04 .swiper-button-next{width:50px;height: 50px;background-image: url('../img/main04_r.png');background-size: 100%;top:0;margin-top: 0;right: auto;position: relative;float: left;margin-left: 10px}

.main05 .tit{position: relative;overflow: hidden}
.main05 .main_tit{float: left}
.main05 .tit .add{float: right;font-size: 20px;color: #111;line-height: 30px;padding-top: 30px;font-weight: 400}
.main05 .map_box{;overflow: hidden}
.main05 .sns{margin-top: 20px;overflow: hidden}
.main05 .sns ul{float: right}
.main05 .sns li{float: left;margin-left: 10px}
.main05 .sns img{width:50px;}

.tail{background: rgb(40, 39, 38);}
.tail01{border-bottom: 1px solid #666;padding: 10px 0}
.tail01 ul{overflow: hidden}
.tail01 li{float: left;font-size: 16px;margin-right: 30px;line-height: 40px}
.tail01 li a{color: white;}

.tail02{padding: 50px 0;}
.tail02 .con{overflow: hidden}
.tail02 .left{float: left;text-align: left}
.tail02 .left img{margin-bottom: 30px;}
.tail02 .left ul{overflow: hidden}
.tail02 .left li{float: left;color: #a0a0a0;font-size: 14px;margin-right: 19px;line-height: 26px;position: relative}
.tail02 .left li::after{width:1px;height: 10px;top:8px;right: -9px;position: absolute;content: '';background: #a0a0a0}
.tail02 .left li:last-child::after{display: none;}
.tail02 .left p{font-size: 14px;color: #a0a0a0;line-height: 1.7em}
.tail02 .right{float: right;}
.tail02 .site{float: left;margin-left: 20px;position: relative;font-size: 16px;text-align: left;cursor: pointer}
.tail02 .site .btn{width:230px;height: 40px;background: #333;color: white;;box-sizing: border-box;text-align: left}
.tail02 .site .btn div{width:190px;float: left;line-height: 40px;height: 40px;padding-left: 15px;box-sizing: border-box;}
.tail02 .site .btn .arrow{width:40px;height: 40px;background-color: black;background-image: url('../img/f_down.png');background-position: center;background-repeat: no-repeat;float: left}
.tail02 .site .list{width:100%;position: absolute;top:40px;max-height: 100px;overflow-y: scroll;border: 1px solid #555;box-sizing: border-box;display: none;}
.tail02 .site .list li{font-size: 14px;line-height: 35px;padding: 0 10px;border-bottom: 1px solid #999}
.tail02 .site .list li a{color: #ddd;}
.tail02 .site .list li:last-child{border-bottom: none;}
.tail02 .site .list li:hover{background: #777;}
.tail02 .site .list li:hover a{color: white;}
.tail02 .site.on .btn .arrow{background-image: url('../img/f_up.png')}

.sub_con{padding: 100px 0;}
.sub_top{width:100%;height: 600px;background-size: cover;background-position: center;background-repeat: no-repeat}
.sub_top.sub01{background-image: url('../img/sub01_top.png')}
.sub_top.sub03_01{background-image: url('../img/sub03_01_top.png')}
.sub_top.sub03_02{background-image: url('../img/sub03_02_top.png')}
.sub_top.sub04_01{background-image: url('../img/sub04_01_top.png')}
.sub_top.sub04_02{background-image: url('../img/sub04_02_top.png')}
.sub_top.sub04_03{background-image: url('../img/sub04_03_top.png')}


.gnb_tit{;text-align: center;border-bottom: 1px solid #eee;line-height: 50px}
.gnb_tit p{color: #a68164;font-size: 18px}
.gnb_tit p span{color: #999;padding-left: 15px}
.sub_gnb{border-bottom: 1px solid #eee;padding: 10px 0;}
.sub_gnb ul{overflow: hidden;text-align: center}
.sub_gnb li{display: inline-block;;line-height: 50px;font-size: 18px;margin: 0 20px}
.sub_gnb li a{color: #999}
.sub_gnb li a.on{color: #a68164}

.sub01 .txt{font-size: 22px;color: #333;line-height: 2em;text-align: center}
.sub01 .txt01{;margin-bottom: 50px}
.sub01 .txt02{margin-bottom: 50px}
.sub01 .txt03{text-align: center;margin:80px 0;}
.sub01 .dv_2{width:80%;margin: 0 auto;margin-bottom: 50px}

.room_top{width:100%;height: 100%;background-size: auto 100%;background-position: right;background-repeat: no-repeat;position: relative;border-bottom: 1px solid #eee}
.room_top.std{background-image: url('../img/std_top.png')}
.room_top.dt{background-image: url('../img/dt_top.png')}
.room_top.dd{background-image: url('../img/dd_top.png')}
.room_top.ondol{background-image: url('../img/ondol_top.png')}
.room_top.suite{background-image: url('../img/suite_top.png')}
.room_top.sub03_01{background-image: url('../img/sub03_01_top_re.png')}
.room_top.sub03_02{background-image: url('../img/sub03_02_top_re.png')}
.room_top.sub04_01{background-image: url('../img/sub04_01_top_re.png')}
.room_top.sub04_02{background-image: url('../img/sub04_02_top_re.png')}
.room_top.sub04_03{background-image: url('../img/sub04_03_top_re.png')}
.room_top.sub05_02{background-image: url('../img/sub05_02_top_re.png')}
.room_top.event01{background-image: url('../img/event01_top.png')}
.room_top.event02{background-image: url('../img/event02_top.png')}


.room_top .txt{padding: 0 5%;position: absolute;top:50%;transform: translateY(-50%)}
.room_top .txt span{display: block;font-weight: 900;color: #000;font-size: 50px;margin-bottom: 40px}
.room_top .txt span small{font-size: .6em;font-weight: 400}
.room_top .txt p{font-size: 20px;line-height: 1.8em;margin-bottom:20px}
.room_top .txt p.tel{margin-bottom: 40px;color: #333;}
.room_top .txt a{display: block;width:150px;border: 1px solid #111;color: #111;text-align: center;line-height: 43px;border-radius: 3px;}
.room_top .txt a:hover{background: #111;color: white;}

.room_infor{overflow: hidden;padding-bottom: 50px;border-bottom: 1px solid #ccc}
.room_infor .tit{font-size:25px;font-weight: 700;float: left;width:20%;color: #111}
.room_infor .right{float: right;width:80%;}
.room_infor ul{overflow: hidden;width:100%}
.room_infor li{float: left;font-size: 16px;text-align: center;width:20%;}

.room_infor li img{display: block;margin: 0 auto;width:50px;}
.room_infor li span{display: block;color: #333;margin-top:10px;line-height: 20px}
.room_infor li p{font-size: 16px;}
.room_infor li:last-child p{padding-top: 20px}
.room_infor .noti{font-size: 16px;margin-top:30px;color:#555;text-align: center;}
.room_infor .noti span{vertical-align: middle;padding-right: 5px}

.ondol .room_infor li{width:18.5%;}
.ondol .room_infor li.bed{width:26%}
.ondol .room_infor li.bed p{text-align: left}

.room_amenity{padding: 50px 0;}
.room_amenity li{float: left;width:20%;overflow: hidden;margin-bottom: 20px}
.room_amenity .ico{width:50px;height: 50px;margin: 0 auto}
.room_amenity .ico img{width:100%}
.room_amenity li span{display: block;font-size: 16px;color: #777;margin-top: 10px;}

.room_service{padding: 50px 0;}
.room_service .right div{overflow: hidden;border-top: 1px solid #ddd;margin-top: 20px;padding-top: 20px}
.room_service .right .noti{text-align: left;margin-top: 0;margin-bottom: 20px}
.room_service .right dl{width:25%;float: left;}
.room_service .right dt{color: #a68164;font-size: 16px;margin-bottom: 10px}
.room_service .right dd{padding-left:10px;font-size: 15px;line-height: 29px;position: relative}
.room_service .right dd::before{width:3px;height: 3px;background: #999;position: absolute;top:13px;left: 0;content: '';border-radius: 50%}

.price{padding: 50px 0;border-bottom: none;}
.price .right .noti{text-align: left;margin-top: 0; margin-bottom: 20px}
.price .right .date{font-size: 16px;padding-left: 30px;line-height:1.8em}
.price .right .noti:nth-child(2){margin-bottom: 10px}

.sub02 .img{margin-bottom: 50px}
.sub_con .img .swiper-slide img{width:100%}
.sub02 .img .swiper-button-prev{background-image: url('../img/main01_l.png');background-size: 100% 100%;}
.sub02 .img .swiper-button-next{background-image: url('../img/main01_r.png');background-size: 100% 100%;}
.sub02 .img .swiper-pagination{color: white;}

.sub02 .res{width:200px;height: 50px;font-size: 20px;text-align: center;display: block;margin: 0 auto;line-height: 48px;border: 1px solid #a68164;color: #a68164;border-radius: 3px;margin-top: 50px}
.sub02 .res:hover{background: #a68164;color: white;transition-duration: .3s;}

.sub03 .top{position: relative;padding-bottom: 50px;border-bottom: 1px solid #ccc}
.sub03 .top .tit{display: block;font-size: 40px;font-weight: 700;color: #111;margin-bottom: 50px}
.sub03 .top .txt01{font-size: 24px;line-height: 1.7em;color: #333;}
.sub03 .top .txt02{font-size: 20px;color: #555;;margin-top: 50px;line-height: 1.7em;}

.sub03 .top01{overflow: hidden}
.sub03 .top01 .tit{float: left}
.sub03 .top01 .menu{float: right}
.sub03 .top01 a{display: block;width:180px;line-height:50px;border: 1px solid #a68164;text-align: center;color: #a68164;font-size: 18px;border-radius: 3px;float: left;margin-left: 10px}
.sub03 .top01 a span{vertical-align: middle;padding-right: 5px}
.sub03 .top01 a:hover{background: #a68164;color: white;transition-duration: .3s}



.sub03 .infor{overflow: hidden;position: relative}
.sub03 .infor dl{width:33.333%;float: left;box-sizing: border-box;padding: 10px 20px;overflow: hidden;position: relative;padding-left:100px}
.sub03 .infor::before{width:1px;height: 100%;background: #eee;content: '';position: absolute;right: 33.333%;top: 0;}
.sub03 .infor::after{width:1px;height: 100%;background: #eee;content: '';position: absolute;left: 33.333%;top: 0;}
.sub03 .infor dt{color: #a68164;font-size: 18px;margin-bottom: 10px;text-align: center;position: absolute;left: 0;top:10px;left: 20px;}
.sub03 .infor dl div{width:100%}
.sub03 .infor dd{;font-size: 16px;line-height: 1.6em;margin-bottom: 10px;position: relative;color: #333;padding-left: 10px}
.sub03 .infor dd::before{width:3px;height: 3px;background: #555;position: absolute;left: 0;content: '';border-radius: 50%;top:11px}
.sub03 .infor dd span{display: block}
.sub03 .infor dl:nth-child(3){border-right: none;}

.sub03 .img{margin-bottom: 50px;margin-top: 50px;}
.sub03 .img .swiper-button-prev{background-image: url('../img/main01_l.png');background-size: 100% 100%;}
.sub03 .img .swiper-button-next{background-image: url('../img/main01_r.png');background-size: 100% 100%;}
.sub03 .img .swiper-pagination{color: white;}

.sub03 .notice{width:100%;border: 1px solid #a68164;margin-top: 50px; }
.sub03 .notice p{background: #a68164;font-size: 18px;line-height: 50px;padding: 0 20px;color: white;}
.sub03 .notice p span{vertical-align: middle;padding-right: 5px}
.sub03 .notice div{padding: 20px 20px;}
.sub03 .notice li{position: relative;line-height: 1.6em;margin:10px 0;font-size: 16px;padding-left: 10px;color: #555;}
.sub03 .notice li::before{width:3px;height: 3px;top:50%;margin-top: -1px;background: #555;content: '';position: absolute;left: 0;}

.sub04 .infor .ico img{width:80px}



.sub05_02 .map_box{padding: 50px 0;}
.sub05_02 .infor{margin-top: 30px}
.sub05_02 .root{padding: 50px 0;border-top: 1px solid #ccc;overflow: hidden;margin-top: 50px;}
.sub05_02 .root .tit{font-size:25px;font-weight: 700;float: left;width:20%;color: #111}
.sub05_02 .root .right{float: right;width:80%;}
.sub05_02 .root .right div{margin-bottom:20px}
.sub05_02 .root li{float: left;line-height: 40px;border: 1px solid #ddd;border-radius: 3px;padding: 0 20px;margin-right: 10px;}
.sub05_02 .root li:hover{background: #333;border-color: #333;}
.sub05_02 .root li:hover a{color: white;}
.sub05_02 .root .tt{font-size: 18px;color: #a68164;}
.sub05_02 .root .tt span{vertical-align: middle}
.sub05_02 .root .txt{font-size: 16px;color: #555;line-height: 30px;padding-left: 10px;position: relative;word-break: keep-all}
.sub05_02 .root .txt::before{width:3px;height: 3px;position: absolute;left: 0;top:13px;background: #555;content: '';position: absolute;}

.pop_bg{position: fixed;width:100%;height: 100%;z-index: 998;background: rgba(0,0,0,0.7);display: none;}
.pop_in{max-width: 1000px;width:90%;left: 50%;top:50%;position: fixed;transform: translate(-50%,-50%);z-index: 999;display: none;}
.pop_in .close{position: absolute;width:60px;height: 60px;background:#a68164;;right: -60px;text-align: center;line-height: 60px;cursor: pointer}
.pop_in .close span{display: block;height: 60px;line-height: 60px;color: white;font-size: 35px}
.pop_pdf{max-height: 650px;height: 60rem;border: 5px solid #ddd;overflow: hidden;overflow-y: auto;box-sizing: border-box}
.pop_in embed{width:100%;height: 100%;overflow: auto}
.pop_in .pop_pdf{display: none}
.pop_in .pop_pdf img{width:100%}

.promotion{background: #efefef;padding: 50px 0;margin-top: 50px}
.promotion .tit{font-size: 24px;font-weight: bold;color: #111;margin-bottom: 30px}
.promotion ul{overflow: hidden}
.promotion li{float: left;width:30%;margin-right: 5%}
.promotion li:nth-child(3n){margin-right: 0;}
.promotion li .img{margin-top: 0;margin-bottom: 20px;}
.promotion li .img img{width:100%;}
.promotion li p{font-size: 18px;color: #333;font-weight: bold}
.promotion li span{display: block;color: #a68164;font-size: 14px;margin: 10px 0;}
.promotion li p:last-child{font-size: 16px;color: #555;font-weight: 400;word-break: keep-all}