@charset "utf-8";


/* 와이드 레이아웃  */
.wideContent #container {max-width:100%;}
.wideContent #lnb {max-width:1240px; margin-left: auto; margin-right: auto;}
.wideContent #location {max-width:1240px;margin: 0 auto 30px;}
.wideContent .satisfaction {max-width:1240px; margin:50px auto 0 ;}
@media(max-width:1299px){
    .wideContent #contentswrap {width:auto; margin:0 -30px;}
    .wideContent #lnb,
    .wideContent #location,
    .wideContent .satisfaction,
    .wideContent .charge {width: calc(100% - 60px);}
}

@media(max-width:767px){
    .wideContent #contentswrap {margin:0 -20px;}
    .wideContent #lnb,
    .wideContent #location,
    .wideContent .satisfaction {width: calc(100% - 40px);}
}


/* 검색 박스 */
.tourSearch {padding:30px;margin:0 0 60px; border-radius: 5px;background:#f1f7fb;}
.tourSearch .group {}
.tourSearch .group .leftcon {float:left;line-height:38px;font-size: 15px;}
.tourSearch .group .leftcon strong {display:inline-block; font-weight:bold; color:#006fce; }
.tourSearch .group .rightcon {float:right;}
.tourSearch .group .rightcon select {height:38px;line-height:36px;padding:0 5px;border:1px solid #ddd;border-radius:3px;background: #fff;font-size:15px;}
.tourSearch .group .rightcon input {width:220px;height:38px; line-height:36px; padding:0 10px; border:1px solid #ddd;border-radius:3px;  font-size:15px;}
.tourSearch .group .rightcon .btnbox {display:inline-block;vertical-align:top;}
.tourSearch .group .rightcon button {display:inline-block; min-width:80px;height:38px;line-height:36px;padding:0 10px;border:1px solid #ddd;border-radius:3px;text-align: left; font-size:15px;}
.tourSearch .group .rightcon button:after {display:block; clear:both; visibility:hidden; content:'';}
.tourSearch .group .rightcon button span {display:inline-block; height:100%; float:right; vertical-align:middle; }
.tourSearch .group .rightcon button.searchbtn {border:1px solid #00368c; background:#00368c; color:#fff; }
.tourSearch .group .rightcon button.searchbtn span {width:14px;  background:url(/images/tour/prog/search.png)no-repeat center; }
.tourSearch .group .rightcon button.resetbtn {border:1px solid #00368c; background:#fff; color:#132438;}
.tourSearch .group .rightcon button.resetbtn span {width:12px; background:url(/images/tour/prog/reset.png)no-repeat center; }
@media(max-width:1023px){
    .tourSearch .group .leftcon {float:none;}
    .tourSearch .group .rightcon {float:none; }
}

@media(max-width:680px){
    .tourSearch .group .rightcon {margin:0 -2.5px;}
    .tourSearch .group .rightcon select {float:left; width:calc(50% - 5px); margin:0 2.5px 5px;  }
    .tourSearch .group .rightcon input {float:left; width:calc(100% - 5px); margin:0 2.5px 5px;  }
    .tourSearch .group .rightcon .btnbox {width:100%;margin: 10px 0 0;text-align:center;}
}

@media(max-width:500px){
    .tourSearch .group .rightcon select {width:calc(100% - 5px);}
}


/* 맛집, 숙박 리스트 */
.tourlist {margin:0 -20px ;}
.tourlist .colbox {float:left;position:relative; width:calc(33.33% - 40px);margin:0 20px 30px;border:1px solid #ddd;border-radius: 0 0 50px 0;}
.tourlist .colbox .thumb {height:210px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.tourlist .colbox .info {position:relative;height: 285px;padding: 30px 30px 0;}
.tourlist.type2 .colbox .info,
.tourlist.type3 .colbox .info {height:230px;}
.tourlist .colbox .info strong {display:block;line-height: 1.2;padding-right: 124px;margin: 0 0 20px;font-size:22px;font-weight:bold;color:#000000;}
.tourlist.type3 .colbox .info strong {padding:0;}
.tourlist.type3 .colbox a {display:block; width:100%; }
.tourlist .colbox .boxbtn {display: inline-block;position:absolute;right: 30px;top: 28px;height:36px;line-height:34px;padding: 0 30px 0 10px;border-radius: 3px;border:1px solid #00368c;color: #000;}
.tourlist .colbox .boxbtn:after {display:block;position:absolute;right: 14px;top: 13px;content:'';width:5px;height:5px;border:solid #000;border-width:2px 2px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.tourlist .colbox .cate {position:absolute; right:10px; top:10px; height:35px; line-height:35px; padding:0 10px; border-radius:5px; color:#fff; font-size:15px; }
.tourlist .colbox .cate1 {background:#0a84e3; }
.tourlist .colbox .cate2 {background:#0465a0; }
.tourlist .colbox .cate3 {background:#00446d; }
.tourlist .colbox .cate4 {background:#00368c; }
.tourlist .colbox .cate5 {background:#496a88; }
.tourlist .colbox .cate6 {background:#009ea8; }
.tourlist .colbox .cate7 {background:#00646a; }
.tourlist .colbox .cate8 {background:#008f65; }
.tourlist .colbox .cate9 {background:#00bf87; }
.tourlist .colbox .cate10 {background:#00368c; }
.tourlist .colbox .cate11 {background:#00646a; }
.tourlist .colbox .cate12 {background:#496a88; }
.tourlist .colbox .cate13 {background:#0465a0; }

@media(max-width:1279px){
    .tourlist .colbox {width:calc(50% - 40px);}
}

@media(max-width:840px){
    .tourlist .colbox {float:none;width:calc(100% - 40px);}
    .tourlist .colbox .info {height:auto;padding:30px 20px;}
    .tourlist.type2 .colbox .info {height:auto;}
}

@media(max-width:450px){
    .tourlist .colbox .info strong {padding:0;}
    .tourlist .colbox .boxbtn  {position:relative;right:auto;top:auto;margin: 10px 0 0;}
}

/* 아이콘 리스트 */
ul.icolist {}
ul.icolist li {position:relative;min-height: 24px;margin: 0 0 5px;padding-left:100px;font-size:15px;color:#6e7179;text-align: left;}
ul.icolist li .ico {display:block;position:absolute;left:0;top:0;width: 90px;font-size:15px;font-weight: bold;color:#000000;}
ul.icolist li .ico:before {display:inline-block;content:'';width:21px;height:21px;margin: 0 5px 0 0;border-radius:50%;background:#01559e url(/images/tour/prog/ico_ir.png)no-repeat;vertical-align:middle;}
ul.icolist li .ico1:before {background-position: 0 0;}
ul.icolist li .ico2:before {background-position: 0 -21px;}
ul.icolist li .ico3:before {background-position: 0 -42px;}
ul.icolist li .ico4:before {background-position: 0 -63px;}
ul.icolist li .ico5:before {background-position: 0 -84px;}
ul.icolist li .ico6:before {background-position: 0 -105px;}
ul.icolist li .ico7:before {background-position: -21px 0;}
ul.icolist li .ico8:before {background-position: -21px -21px;}
ul.icolist li .ico:after {display:block;position:absolute;content:'';right:0;top: 6px;width:1px;height:10px;background:#ddd;}

@media(max-width:400px){
    ul.icolist li {padding:0;}
    ul.icolist li .ico {position:static;width: 100%;margin: 0 0 5px;}
    ul.icolist li .ico:after {display:none;}
}

/* 페이징  */
.paginate .number a { background:none; text-align:center; }  
.paginate .number em {background: #3f74c4;text-align:center;}
.paginate .dir {} 


/* 맞춤관광 */
.customTour {position:relative;}
.customTour:before {display:block;position:absolute;left:0;bottom:0;content:'';width:100%;height: 700px;background:url(/images/tour/prog/bg.png)no-repeat center top / cover;}
.customTour .title {margin:60px 0; text-align:center;}
.customTour .title > span {display:block;}
.customTour .title > span em {display:inline-block;position: relative;margin: 0 25px;font-size:22px;font-family:'score';color:#000000;}
.customTour .title > span em:not(:last-child):before {display:block;position:absolute;right: -26px;top: 10px;content:'';width:1px;height:10px;background:#b8b8b8;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.customTour .title strong {display: inline-block;position: relative;margin:15px 0 30px;}
.customTour .title strong:before {display:block;position:absolute;right: -125px;top: -65px;content:'';width:134px;height:128px;background:url(/images/tour/prog/tit_obj.png)no-repeat;}
.customTour .title p {}
.customTour .title p span {display:block;font-size: 16px;color: #555555;}
.customTour .customSearch {position:relative; }
.customTour .customSearch ul {text-align:center;}
.customTour .customSearch ul li {display:inline-block;position: relative;width:370px;text-align:center;vertical-align: top;}
.customTour .customSearch ul li:not(:last-child):before {display:block;/* opacity: 0; */position:absolute;content:'';right:0;bottom: 41px;width:1px;height:80px;background:#0055b0;}
.customTour .customSearch ul li > span {display:block;line-height:1;margin: 0 0 30px;font-size: 14px;font-family: 'score';color: #000000;}
.customTour .customSearch ul li > span em {display:block;line-height:1;margin: 10px 0 0;font-size: 33px;font-family:'score';font-weight:bold;color: #000000;}
.customTour .customSearch ul li img {}
.customTour .customSearch ul li strong {display:block;margin: 75px 0 20px;font-size:26px;font-family:'score';color:#fff;}
.customTour .customSearch ul li strong span {font-weight:100; }
.customTour .customSearch ul li .checkbox {/* max-width: 220px; */margin:0 auto;}
.customTour .customSearch ul li .checkbox > div {float:left;position:relative;width:50%;margin: 0 0 5px;}
.customTour .customSearch ul li.n3 .checkbox {max-width: 100%;}
.customTour .customSearch ul li.n3 .checkbox > div {width:33.33%;}
.customTour .customSearch ul li .checkbox > div label {display: block;/* min-width: 80px; */font-size: 16px;color:#fff;text-align: left;}
.customTour .customSearch ul li .checkbox > div label input {position:absolute; opacity:0; z-index:-1;}
.customTour .customSearch ul li .checkbox > div label span {display:inline-block;width:29px;height: 39px;margin: 0 5px 0 0;background: url(/images/tour/prog/cheack.png)no-repeat -29px 0;vertical-align: bottom;}
.customTour .customSearch ul li .checkbox > div label input:checked + span {background-position:0 0;}
.customTour .customSearch p.tip {position:absolute;left:0;top: 355px;width:100%;color:#ffb132;font-size:16px;font-weight:bold;text-align:center;}
.customTour .customSearch .searchBox {max-width:610px; margin:60px auto 0; }
.customTour .customSearch .searchBox .inner {overflow:hidden; position:relative; border-radius:10px; background: #fff;}
.customTour .customSearch .searchBox .inner strong {float:left;position: relative;width:115px;height:60px;line-height:60px;font-size:20px;font-weight:bold;font-family:'score';color:#00368c;text-align:center;}
.customTour .customSearch .searchBox .inner strong:before {display:block; position:absolute; right:0; top:21px; content:''; width:1px; height:18px; background:#d3d3d3; }
.customTour .customSearch .searchBox .inner input[type="text"]{float:left;width:calc(100% - 115px);height: 60px;line-height: 60px;padding: 0 70px 0 25px;border: none;font-size: 15px;color: #555555;}
.customTour .customSearch .searchBox .inner input[type="submit"]{position:absolute;right:0;top:0;width: 60px;height:60px;border: none;background: url(/images/tour/prog/search2.png)no-repeat center;font-size: 0;}
.customTour .customSearch .searchBox .btnbox {margin:20px 0 80px;text-align:center; }
.customTour .customSearch .searchBox .btnbox button {display:inline-block;width:205px;height:57px;line-height:57px;margin: 0 3px;border-radius: 8px;background:#00368c;color:#fff;font-family:'score';font-size: 18px;}

@media(max-width:1279px){
    .customTour .customSearch ul li {display:block; float:left; width:33.33%;}
    .customTour .customSearch ul li.n3 .checkbox > div {width:50%;}
}

@media(max-width:1023px){
    .customTour .customSearch ul {margin:50px 0 0}
    .customTour .customSearch ul li.n3 .checkbox {/* max-width:220px; */}
    .customTour .customSearch ul li.n3 .checkbox > div {width:50%;}
    .customTour .customSearch ul li img {width:200px;}
}

@media(max-width:767px){
    .customTour:before {top: 400px;bottom: auto;}
    .customTour:after {display:block;position:absolute;z-index:-1;left:0;top:600px;bottom:0;content:'';width:100%;height:auto;background:#006fce;}
    .customTour .title > span em {font-size:20px;}
    .customTour .title > span em:not(:last-child):before {top: 8px;}
    .customTour .title p span {display: inline;font-size:15px;}
    .customTour .title strong:before {top: -41px;right: -104px;width: 100px;height: 83px;background-size:100% auto;}
    .customTour .title strong img{height:35px;}
    .customTour .customSearch ul li {float:none;width:100%;margin: 0 0 80px;}
    .customTour .customSearch ul li:not(:last-child):before {display:none;}
    .customTour .customSearch ul li .checkbox,
    .customTour .customSearch ul li.n3 .checkbox {max-width:100%;padding: 0;}
    .customTour .customSearch ul li .checkbox > div {margin:0 8px;}
    .customTour .customSearch ul li .checkbox > div,
    .customTour .customSearch ul li.n3 .checkbox > div {display:inline-block; float:none; width:auto;}
    .customTour .customSearch ul li .checkbox > div label {min-width:auto;}
    .customTour .customSearch ul li strong {margin: 20px 0 0;font-size: 22px;}
    .customTour .customSearch ul li > span {margin:0 0 10px;font-size: 16px;color: #fff;}
    .customTour .customSearch ul li > span em {display:inline-block;margin:0 0 0 5px;font-size: 20px;color: #fff;}
    .customTour .customSearch ul li.n1 > span,
    .customTour .customSearch ul li.n1 > span em {color:#000;}
    .customTour .customSearch ul li img {width:170px;}
    .customTour .customSearch p.tip {top:0}

}

@media(max-width:580px){
    .customTour .customSearch .searchBox .inner strong {display:none;}
    .customTour .customSearch .searchBox .inner input[type="text"] {width:100%;}
    
    .customTour .customSearch .searchBox .btnbox {margin: 10px -5px 50px;}
    .customTour .customSearch .searchBox .btnbox:after {display:block; clear:both; visibility:hidden; content:'';}
    .customTour .customSearch .searchBox .btnbox button {float:left;width:calc(50% - 10px);margin: 0 5px 5px;}
}


@media(max-width:400px){
    .customTour .title strong:before {display:none;}
    .customTour .customSearch .searchBox .btnbox button {float:none;width:calc(100% - 10px); height:50px; line-height:50px; font-size:16px;}
}



/* 추천여행지 */
.listTour {padding: 110px 0 0;}
.listTour .tit {font-size: 18px;text-align:center;color:#666; }
.listTour .tit strong {display:block;margin: 10px 0 0;}
.listTour .tit2 {text-align:center; }
.listTour .tit2 strong {display:block;margin:0 0 10px;line-height: 1.2;font-family:'score';font-size:37px;font-weight:normal;color:#333333;}
.listTour .tit2 strong em {display:inline-block; position:relative; font-weight:bold; color:#0098f0; }
.listTour .tit2 strong em:before {display:block;position:absolute;top: -10px;left:50%;content:'';width:5px;height:5px;border-radius:50%;margin-left:-2.5px;background:#0098f0;}
.listTour .tit2 strong span {display:inline-block; position:relative; margin-left:5px;font-weight:bold;}
.listTour .tit2 > div {font-size:20px; color:#222222; }
.listTour .tit2 > div span {display:inline-block;min-width:120px;height:55px;line-height:55px;margin: 5px;padding:0 20px;border-radius:10px;border:1px solid #ddd;text-align:center;color:#006fce;font-size:22px;}
.listTour .listbox {margin:60px -37px 0; }
.listTour .listbox .colbox {float:left; width:calc(33.33% - 74px); margin:0 37px 74px; }
.listTour .listbox .colbox a {display:block;overflow: hidden;position:relative;border-radius: 0 0 50px 0;box-shadow:8px 8px 25px rgba(0,58,107,.1);}
.listTour .listbox .colbox .thumb {height:235px; background-size:cover; background-position:center; }
.listTour .listbox .colbox .info {height: 245px;padding:30px 25px;}
.listTour .listbox .colbox .info strong {display:block;overflow:hidden;font-size: 18px;font-weight: bold;color: #222222;text-overflow: ellipsis;white-space: nowrap;}
.listTour .listbox .colbox .info p {display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; height:48px; margin: 10px 0 25px;text-overflow: ellipsis;white-space: normal;font-size: 15px;color: #666666;}
.listTour .listbox.type2 .colbox .info p {-webkit-line-clamp: 4;height: 96px;}
.listTour .listbox .colbox .info .tag {overflow:hidden; margin:0 0 20px;text-overflow: ellipsis;white-space: nowrap;}
.listTour .listbox .colbox .info .tag button {display:inline-block;height:24px;line-height:24px;margin: 0 5px 0 0;padding: 0 8px;border-radius:50px;background:#edf2f7;font-size: 15px;color: #666666;}
.listTour .listbox .colbox .info .box {}
.listTour .listbox .colbox .info .box > div {display:inline-block;margin: 0 25px 0 0;color:#666666;font-size: 15px;}
.listTour .listbox .colbox .info .view span {display:inline-block; width:20px; height:18px; margin:0 5px 0 0; background:url(/images/tour/prog/view.png)no-repeat; vertical-align:middle;}
.listTour .listbox .colbox .info .map span {display:inline-block; width:20px; height:18px; margin:0 5px 0 0; background:url(/images/tour/prog/map.png)no-repeat; vertical-align:middle;}


@media(max-width:1390px){
    .listTour .listbox {margin:60px -15px 0; }
    .listTour .listbox .colbox {width:calc(33.33% - 30px); margin:0 15px 30px; }
}

@media(max-width:1199px){
    .listTour .listbox .colbox {width:calc(50% - 30px); }
}

@media(max-width:1023px){
    .listTour {padding:80px 0 0;}
}
@media(max-width:767px){
    .listTour .listbox .colbox {width:calc(100% - 30px); }
    .listTour .tit strong img {height:35px;}

    .listTour .tit2 > div span {min-width:auto;height:35px;line-height: 36px;/* padding:0; *//* border:none; *//* border-bottom:1px solid #ddd; *//* border-radius:0; */}
}






/* 텍스트 */
.text-center {text-align:center;}
.prog_tit {display:block; margin:0 0 10px; font-size:28px; font-weight:bold; font-family: 'score'; color:#223b62; }


/* 버튼 */
.prog_btn {margin:30px 0; text-align:center; }
a.btntype,
button.btntype {display:inline-block; position:relative; height:50px; line-height:46px; margin:2px;padding:0 50px 0 20px; border-radius:5px; border:2px solid #016fce; background:#016fce; color:#fff; font-size:15px; text-align:left; transition:all 0.3s; -webkit-transition:all 0.3s;}
a.btntype.btnsm,
button.btntype.btnsm {height:35px;line-height: 31px;}
a.btntype.btnsm:after,
button.btntype.btnsm:after {top: 10px;}
a.btntype.noico,
button.btntype.noico {padding:0 20px;}
a.btntype.noico:after,
button.btntype.noico:after {display:none;}

a.btntype:hover,
button.btntype:hover,
a.btntype:focus,
button.btntype:focus {background:#fff; color:#222222; }
a.btntype:after,
button.btntype:after {display:block;position:absolute;right: 15px;top: 18px;content:'';width:8px;height:8px;border:solid #fff;border-width:2px 2px 0 0;transform:rotate(45deg);}
a.btntype:hover:after, 
button.btntype:hover:after,
a.btntype:focus:after, 
button.btntype:focus:after {border-color:#777777;}

.zipbtn button {margin:0;}

a.btntype1,
button.btntype1 {border-color:#aec8dd; background:#fff; color:#222222; }
a.btntype1:after,
button.btntype1:after {border-color:#777;}
a.btntype1:hover,
button.btntype1:hover,
a.btntype1:focus,
button.btntype1:focus {border-color:#016fce;}

/* input select */
input.boxinput,
select.boxinput {height:35px;line-height:35px;margin:3px 0;border:1px solid #ddd;background:#fff;}
input.boxinput.half,
select.boxinput.half {width:50%;}
input.boxinput.max,
select.boxinput.max {width:100%;}
@media(max-width:580px){
    input.boxinput.half,
    select.boxinput.half {width:100%;}
}


/* 관광지상세보기 */
.slick-slider,
.slick-slider .slick-list,
.slick-slider .slick-list .slick-track,
.slick-slider .slick-list .slick-track .slick-slide,
.slick-slider .slick-list .slick-track .slick-slide > div {height:100%; vertical-align:top;}

.wideContent.tourViewWarp .satisfaction,
.wideContent .satisfaction {max-width: 1240px;margin: 0 auto;}
.wideContent.tourViewWarp .charge,
.wideContent .charge {max-width: 1240px;margin: 50px auto 0;}

.tourView {}
.tourView .cont {padding: 85px 0;}
.tourView .cont .tit {margin:0 0 25px; font-size:28px; font-weight:bold; font-family:'score'; color:#fff; }
.tourView .cont1 {padding:20px 0 85px}
.tourView .cont1 .box1 {float:left; width:50%; padding-right:50px; }
.tourView .cont1 .box1 .thumb {overflow:hidden; height:372px; border-radius:80px 0 0 0; background-repeat:no-repeat; background-size:cover; background-position:center; }
.tourView .cont1 .box1 .thumblist {margin:10px 0 0; padding:25px 35px 15px; background:#eef5fb; }
.tourView.type2 .cont1 .box1 .thumblist {background:#eff8f6;}
.tourView.type2 .cont1 .box1 .thumblist ul.icolist li .ico:before {background-color:#007654;}
.tourView.type3 .cont1 .box1 .thumblist {background:#eef9fa;}
.tourView.type3 .cont1 .box1 .thumblist ul.icolist li .ico:before {background-color:#098495;}
.tourView .cont1 .box2 {float:left; width:50%; }
.tourView .cont1 .box2 .tag {margin:20px 0 0;}
.tourView .cont1 .box2 .tag span {display:inline-block;height:28px;line-height: 28px;margin: 0 5px 5px 0;padding:0 10px;border-radius: 30px;border:1px solid #2f68c2;font-size:15px;color:#2f68c2;}
.tourView.type2 .cont1 .box2 .tag span { border:1px solid #00a877;color:#00a877;}
.tourView.type3 .cont1 .box2 .tag span { border:1px solid #098495;color:#098495;}
.tourView .cont1 .box2 strong {display:block;line-height: 1.2;margin: 0 0 30px;font-size:38px;font-weight:bold;font-family: 'score';letter-spacing: -0.02em;color:#1d212c;}
.tourView .cont1 .box2 strong span {display: inline-block;width:55px;height:55px;line-height:55px;margin: 0 10px 0 0;border-radius:50%;background:#01559e;color:#fff;font-size: 15px;font-weight: normal;font-family: "ngn","Nanum Gothic","shm","돋움",dotum,"Lucida Grande",sans-serif;text-align: center;vertical-align: middle;}
.tourView .cont1 .box2 p {color:#666666;font-size: 16px;}
.tourView .cont1 .box2 .tiptxt {position:relative;margin: 30px 0 0;padding: 20px 0 0 23px;background: url(/images/tour/prog/dotted2.png)repeat-x left top;font-size: 16px;color:#666666;}
.tourView .cont1 .box2 .tiptxt:before {position:absolute;left:0;top:23px;content:'!';width:15px;height:15px;line-height:15px;border-radius:50%;background:#1f252e;text-align:center;color:#fff;font-size: 10px;}
.tourView .cont1 .box2 ul.btnlist {margin:35px -8px 0; }
.tourView .cont1 .box2 ul.btnlist li {float:left;width:calc(20% - 16px);margin: 0 8px 16px;}
.tourView .cont1 .box2 ul.btnlist li .inner {display:block;position:relative;width:100%;height:110px;padding: 21px 0 0;border:1px solid #bed2ec;border-radius:10px;text-align:center;font-size:15px;color:#555555;}
.tourView.type2 .cont1 .box2 ul.btnlist li .inner {border:1px solid #b2ded1;}
.tourView.type3 .cont1 .box2 ul.btnlist li .inner {border:1px solid #c1e0e9}
.tourView .cont1 .box2 ul.btnlist li div.inner, 
.tourView.type2 .cont1 .box2 ul.btnlist li div.inner,
.tourView.type3 .cont1 .box2 ul.btnlist li div.inner{border:1px solid #ddd;color: #ddd;}
.tourView .cont1 .box2 ul.btnlist li div.inner:before,
.tourView .cont1 .box2 ul.btnlist li div.inner:after {display:block; position:absolute; content:''; width:1px; height:33px; background:#ddd; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.tourView .cont1 .box2 ul.btnlist li div.inner:before {right: 14px;top: -2px;}
.tourView .cont1 .box2 ul.btnlist li div.inner:after {left: 14px;bottom: -3px;}
.tourView .cont1 .box2 ul.btnlist li .ico {display:block; width:35px; height:35px; margin:0 auto 10px; background:url(/images/tour/prog/ico_ir2.png)no-repeat; }
.tourView .cont1 .box2 ul.btnlist li .ico2 {background-position:-35px 0 ;}
.tourView .cont1 .box2 ul.btnlist li .ico3 {background-position:-70px 0 ;}
.tourView .cont1 .box2 ul.btnlist li .ico4 {background-position:-105px 0 ;}
.tourView .cont1 .box2 ul.btnlist li .ico5 {background-position:-140px 0 ;}
.tourView.type2 .cont1 .box2 ul.btnlist li .ico1 {background-position:0 -70px ;}
.tourView.type2 .cont1 .box2 ul.btnlist li .ico2 {background-position:-35px -70px ;}
.tourView.type2 .cont1 .box2 ul.btnlist li .ico3 {background-position:-70px -70px ;}
.tourView.type2 .cont1 .box2 ul.btnlist li .ico4 {background-position:-105px -70px ;}
.tourView.type2 .cont1 .box2 ul.btnlist li .ico5 {background-position:-140px -70px ;}
.tourView.type3 .cont1 .box2 ul.btnlist li .ico1 {background-position:0 -105px ;}
.tourView.type3 .cont1 .box2 ul.btnlist li .ico2 {background-position:-35px -105px ;}
.tourView.type3 .cont1 .box2 ul.btnlist li .ico3 {background-position:-70px -105px ;}
.tourView.type3 .cont1 .box2 ul.btnlist li .ico4 {background-position:-105px -105px ;}
.tourView.type3 .cont1 .box2 ul.btnlist li .ico5 {background-position:-140px -105px ;}
.tourView .cont1 .box2 ul.btnlist li div.inner .ico1 {background-position:0 -35px ;}
.tourView .cont1 .box2 ul.btnlist li div.inner .ico2 {background-position:-35px -35px ;}
.tourView .cont1 .box2 ul.btnlist li div.inner .ico3 {background-position:-70px -35px ;}
.tourView .cont1 .box2 ul.btnlist li div.inner .ico4 {background-position:-105px -35px ;}
.tourView .cont1 .box2 ul.btnlist li div.inner .ico5 {background-position:-140px -35px ;}
.tourView .cont2 {position:relative;}
.tourView .cont2:before {display:block;position:absolute;left: 0;top: 0;content:'';width:100%;height:650px;background:url(/images/tour/prog/bg2.jpg)no-repeat center / cover;}
.tourView.type2 .cont2:before {background-image:url(/images/tour/prog/bg5.jpg);}
.tourView.type3 .cont2:before {background-image:url(/images/tour/prog/bg7.jpg);}
.tourView .cont2 .thumb-photo {height:560px;}
.tourView .cont2 .thumb-photo .slick-autoplay-toggle-button {display:none;}
.tourView .cont2 .thumb-photo .inner {float:left;position: relative;width:calc(100% - 240px);height:100%;}
.tourView .cont2 .thumb-photo .inner .slider-for {}
.tourView .cont2 .thumb-photo .inner .slider-for .imgbox {height: 560px;border: none;background-position: center;background-size: cover;background-repeat: no-repeat;font-size:0;vertical-align:top;}
.tourView .cont2 .thumb-photo .inner .control {position:absolute; left:0; bottom:0;}
.tourView .cont2 .thumb-photo .inner .control .box {display:inline-block;}
.tourView .cont2 .thumb-photo .inner .control .box button {display:inline-block;overflow: hidden;position:relative;width:50px;height:50px;background: rgba(0,0,0,.5);vertical-align:middle;font-size:0;}
.tourView .cont2 .thumb-photo .inner .control .box button:before,
.tourView .cont2 .thumb-photo .inner .control .box button:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.tourView .cont2 .thumb-photo .inner .control .box button.slick-prev:before,
.tourView .cont2 .thumb-photo .inner .control .box button.slick-next:before{width:12px;height:12px;border-width:2px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.tourView .cont2 .thumb-photo .inner .control .box button.slick-prev:before{right: -5px;border-width: 0 0 2px 2px;}
.tourView .cont2 .thumb-photo .inner .control .box button.slick-next:before{left: -5px;border-width: 2px 2px 0 0;}
.tourView .cont2 .thumb-photo .inner .control .box button[data-control="stop"]:before{width: 2px;height:20px ;box-shadow: -4px 0 #fff, 4px 0 #fff;}
.tourView .cont2 .thumb-photo .inner .control .box button[data-control="play"]:before{right: -5px;width: 0;height: 0;border-width: 9px 0 9px 12px;border-style: solid;border-color: transparent transparent transparent #fff;}
.tourView .cont2 .thumb-photo .inner .control .paging {display:inline-block; height:50px; padding:0 20px; background: rgba(0,0,0,.5);}
.tourView .cont2 .thumb-photo .inner .control .paging span {line-height:50px;margin:0 3px;color:#fff;font-size: 18px; font-weight:bold; }
.tourView .cont2 .thumb-photo .slider-nav {float:right;width:220px;height: 100%;margin: -10px 0;}
.tourView .cont2 .thumb-photo .slider-nav .slick-slide {height: 125px;margin: 10px 0;}
.tourView .cont2 .thumb-photo .slider-nav .slick-slide.slick-active.slick-current .imgbox {border:3px solid #fff; box-shadow:0 0 10px rgba(0,0,0,.3);}
.tourView .cont2 .thumb-photo .slider-nav .imgbox {height: 100%;border: none;background-position: center;background-size: cover;background-repeat: no-repeat;font-size:0;vertical-align:top;}
.tourView .cont2 .con {margin:65px 0 0;font-size: 16px;color: #666666;}

.tourView .cont3 {position:relative; background:#edf6ff;}
.tourView .cont3:before {display:block;position:absolute;left:0;bottom:0;content:'';width:100%;height:737px;background: #edf6ff url(/images/tour/prog/bg3.jpg)no-repeat center bottom / cover;}
.tourView.type2 .cont3:before {height: 480px;background: #edf6ff url(/images/tour/prog/bg6.jpg)no-repeat center bottom / cover;}
.tourView.type3 .cont3:before {height:631px;  background:#edf6ff url(/images/tour/prog/bg8.jpg)no-repeat center top / cover;}
.tourView .cont3 .tit {color:#223b62;}
.tourView .cont3 .btnbox {margin:50px 0 0; text-align:center;}
.tourView .cont3 .btnbox a {display:inline-block; width:150px; height:50px; line-height:50px; border-radius:5px; background:#016fce; text-align:center; color:#fff; }
.tourView #tab_wrap {}
.tourView #tab_wrap .menu_wrap {}
.tourView #tab_wrap .menu_wrap li {float:left; width:25%; }
.tourView #tab_wrap .menu_wrap li a {display:block; position:relative; height:55px; line-height:55px; border-radius:20px 20px 0 0; background:#223b62; font-size:18px; font-weight:bold; font-family:'score'; color:#ffffff; text-align:center; }
.tourView #tab_wrap .menu_wrap li a.ov {background:#fff; color:#223b62; }
.tourView #tab_wrap .menu_wrap li:not(:last-child) a:before {display:block;position:absolute;right: 0;bottom:0;content:'';width:1px;height:40px;background:#fff;}
.tourView #tab_wrap .con_wrap {overflow:hidden; padding:40px; border-radius:0 0 20px 20px; background:#fff; }
.tourView #tab_wrap .con_wrap .con {}
.tourView #tab_wrap .con_wrap .con .mapbox {width:100%;height:480px;background: #eee;}
.tourView #tab_wrap .con_wrap .con .mapinfo {margin:48px 0 0; }
.tourView #tab_wrap .con_wrap .con .mapinfo .title {float:left;width:calc(100% - 385px);min-height: 51px;padding: 3px 20px 0 55px;background: url(/images/tour/prog/map2.png)no-repeat left top;}
.tourView #tab_wrap .con_wrap .con .mapinfo .title strong {display:block; font-size:18px; font-weight:bold; font-family:'score'; color:#223b62; }
.tourView #tab_wrap .con_wrap .con .mapinfo .title p {font-size:15px; color:#666666; }
.tourView #tab_wrap .con_wrap .con .mapinfo .search {float:right; width:385px; }
.tourView #tab_wrap .con_wrap .con .mapinfo .search form {position:relative;}
.tourView #tab_wrap .con_wrap .con .mapinfo .search input {width:100%; height:60px; line-height:60px;  padding:0 45px 0 25px; border:3px solid #223b62; border-radius:10px; font-size:15px; color:#000; }
.tourView #tab_wrap .con_wrap .con .mapinfo .search input::placeholder {color:#aaaaaa; }
.tourView #tab_wrap .con_wrap .con .mapinfo .search button {position:absolute; right:20px; top:19px;width:22px; height:22px; background:url(/images/tour/prog/search3.png)no-repeat center; font-size:0; }
.tourView #tab_wrap .con_wrap .con .group.type2 {height:500px;margin: 0 0 40px;}
.tourView #tab_wrap .con_wrap .con .paginate {margin:0; }
.tourView #tab_wrap .con_wrap .con .mapbox2 {float:right;width:50%;height:100%;background: #eee;}
.tourView #tab_wrap .con_wrap .con .mapinfo2 {float:left;width:50%;height:100%;padding-right: 20px;}
.tourView #tab_wrap .con_wrap .con .mapinfo2 ul {overflow-y:auto;height:100%;padding-right: 20px;}
.tourView #tab_wrap .con_wrap .con .mapinfo2 ul li {padding:15px 0;background: url(/images/tour/prog/dotted2.png)repeat-x left bottom;}
.tourView #tab_wrap .con_wrap .con .mapinfo2 ul li .infobx {position:relative;padding: 4px 115px 0 50px;}
.tourView #tab_wrap .con_wrap .con .mapinfo2 ul li .infobx span {position:absolute;left:0;top:0;width: 37px;height: 51px;padding: 9px 0 0;background: url(/images/tour/prog/map2.png)no-repeat;text-align: center;font-size: 14px;font-family: 'score';font-weight: bold;color: #099789;}
.tourView #tab_wrap .con_wrap .con .mapinfo2 ul li .infobx strong {display:block;overflow: hidden;font-size:18px;font-weight:bold;font-family:'score';color:#2f68c2;/* text-overflow: ellipsis; *//* white-space: nowrap; */}
.tourView #tab_wrap .con_wrap .con .mapinfo2 ul li .infobx p {overflow: hidden;font-size:15px;color:#666666;/* text-overflow: ellipsis; *//* white-space: nowrap; */}
.tourView #tab_wrap .con_wrap .con .mapinfo2 ul li .infobx a {display:block;position:absolute;right:0;top: 11px;width: 107px;height: 36px;line-height: 36px;padding: 0 15px;border-radius: 5px;border: 1px solid #042557;color: #132438;font-size: 15px;}
.tourView #tab_wrap .con_wrap .con .mapinfo2 ul li .infobx a:before {display:block;position:absolute;right: 15px;top: 12px;content:'';width:7px;height:7px;border:solid #042557;border-width:2px 2px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);}


@media(max-width:1023px){
    .tourView .cont {padding:70px 0 ;}
    .tourView .cont1 {padding:20px 0 70px;}
    .tourView .cont1 .box1 {float:none; width:100%; padding:0;}
    .tourView .cont1 .box1 .thumblist {padding:20px 20px 15px;}
    .tourView .cont1 .box2 {float:none; width:100%; margin:20px 0 0;}
    
    .tourView .cont2:before {height:520px;}
    .tourView .cont2 .thumb-photo .slider-nav {display:none;}
    .tourView .cont2 .thumb-photo .inner {float:none; width:100%; }
    .tourView .cont2 .thumb-photo,
    .tourView .cont2 .thumb-photo .inner .slider-for .imgbox {height: 480px;}
    .tourView .cont2 .con {margin:40px 0 0;}
    .tourView #tab_wrap .con_wrap .con .mapbox {height:350px;}
    .tourView #tab_wrap .con_wrap .con .mapinfo {margin:35px 0 0;}
    .tourView #tab_wrap .con_wrap .con .mapinfo .title {float:none; width:100%;} 
    .tourView #tab_wrap .con_wrap .con .mapinfo .search {float:none; width:100%; margin:20px 0 0;}
    .tourView #tab_wrap .con_wrap .con .group.type2 {height:auto;} 
    .tourView #tab_wrap .con_wrap .con .mapinfo2 {float:none;width:100%;height: 260px;margin: 0 0 30px;padding: 0;}
    .tourView #tab_wrap .con_wrap .con .mapbox2 {float:none; width:100%; height:300px;}
}

@media(max-width:767px){
    .tourView .cont {padding:50px 0 ;}
    .tourView .cont1 {padding:10px 0 50px;}
    .tourView .cont1 .box2 strong {font-size:30px;}
    .tourView .cont1 .box2 strong span {width:auto; height:45px; line-height:45px; padding:0 10px; border-radius:10px; }

    .tourView .cont2:before {height:420px;}
    .tourView .cont2 .thumb-photo,
    .tourView .cont2 .thumb-photo .inner .slider-for .imgbox {height: 400px;}
}

@media(max-width:580px){
    .tourView .cont1 .box1 .thumb {height:300px;border-radius: 0;}
    .tourView .cont1 .box2 ul.btnlist li {width:calc(33.33% - 16px); }
    
    .tourView #tab_wrap .menu_wrap li a {font-size:16px;} 
    .tourView #tab_wrap .con_wrap {padding:25px 20px}
    .tourView #tab_wrap .con_wrap .con .mapinfo .title {padding-left: 40px;background-size: 27px auto;}
    .tourView #tab_wrap .con_wrap .con .mapinfo2 {margin:0 0 20px;}
    .tourView #tab_wrap .con_wrap .con .mapinfo2 ul li .infobx {padding: 4px 0 0 40px;}
    .tourView #tab_wrap .con_wrap .con .mapinfo2 ul li .infobx a {position:relative;right: auto;top: auto;margin: 5px 0 0;}
    .tourView #tab_wrap .con_wrap .con .mapinfo2 ul li .infobx span {top: 2px;width: 30px;height: 30px;line-height: 31px;padding: 0;border-radius: 50%;background: #099789;font-size: 15px;color: #fff;}
}

@media(max-width:450px){
    .tourView #tab_wrap .menu_wrap {overflow:hidden;border-radius:20px 20px 0 0;}
    .tourView #tab_wrap .menu_wrap li {width:50%;}
    .tourView #tab_wrap .menu_wrap li a {border-radius: 0;}
    .tourView #tab_wrap .menu_wrap li:not(:last-child) a:before {display:none;}
    

}


/* 문화재 관리 상세페이지 */
.culturalView {}
.culturalView .viewTopBox {position:relative;margin:0 0 75px; padding:8px;border-radius: 0 0 80px 0;background:#eee;}
.culturalView .viewTopBox:before {display:block; position:absolute; left:0; top:0; content:''; width:100%; height:60px; background:#0a84e2; background:linear-gradient(to right, #019c70, #0a84e2);}
.culturalView .viewTopBox .inner {position:relative;z-index:1;padding:50px;border-radius: 0 0 75px 0;background:#fff;}
.culturalView .viewTopBox .inner .thumb {float:left; width:45% }
.culturalView .viewTopBox .inner .thumb .imgSlide {width:100%;}
.culturalView .viewTopBox .inner .thumb .imgSlide .imgbox {width:100%;height:305px;background-size:cover;background-position:center;font-size: 0;vertical-align: top;}
.culturalView .viewTopBox .inner .thumb .imgSlide .slick-arrow {display:inline-block;overflow: hidden;position:absolute;z-index:10; top:50%; width:45px;height:45px; margin-top:-22.5px; border-radius:50%; background: rgba(0,0,0,.5);vertical-align:middle;font-size:0;}
.culturalView .viewTopBox .inner .thumb .imgSlide .slick-arrow:before,
.culturalView .viewTopBox .inner .thumb .imgSlide .slick-arrow:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.culturalView .viewTopBox .inner .thumb .imgSlide .slick-arrow.slick-prev {left:20px;}
.culturalView .viewTopBox .inner .thumb .imgSlide .slick-arrow.slick-next {right:20px; }
.culturalView .viewTopBox .inner .thumb .imgSlide .slick-arrow.slick-prev:before,
.culturalView .viewTopBox .inner .thumb .imgSlide .slick-arrow.slick-next:before{width:12px;height:12px;border-width:2px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.culturalView .viewTopBox .inner .thumb .imgSlide .slick-arrow.slick-prev:before{right: -5px;border-width: 0 0 2px 2px;}
.culturalView .viewTopBox .inner .thumb .imgSlide .slick-arrow.slick-next:before{left: -5px;border-width: 2px 2px 0 0;}


.culturalView .viewTopBox .inner .info {float:right;width:55%;padding-left: 60px;}
.culturalView .viewTopBox .inner .info .cate {display: inline-block;height:35px;line-height:35px;margin:20px 0 0; padding: 0 18px;border-radius: 30px;color:#fff;font-size: 16px;}
.culturalView .viewTopBox .inner .info .cate1 {background:#0a84e3; }
.culturalView .viewTopBox .inner .info .cate2 {background:#0465a0; }
.culturalView .viewTopBox .inner .info .cate3 {background:#00446d; }
.culturalView .viewTopBox .inner .info .cate4 {background:#00368c; }
.culturalView .viewTopBox .inner .info .cate5 {background:#496a88; }
.culturalView .viewTopBox .inner .info .cate6 {background:#009ea8; }
.culturalView .viewTopBox .inner .info .cate7 {background:#00646a; }
.culturalView .viewTopBox .inner .info .cate8 {background:#008f65; }
.culturalView .viewTopBox .inner .info .cate9 {background:#00bf87; }

.culturalView .viewTopBox .inner .info strong {display:block;padding: 10px 0 0;font-size:38px;font-weight:bold;font-family:'score';color:#222222;}
.culturalView .viewTopBox .inner .info .ulbox {margin:20px 0 0;padding:20px 0 0;background: url(/images/tour/prog/dotted.png)repeat-x left top;}
.culturalView .viewTopBox .inner .info .ulbox ul.icolist li {margin:10px 0}
.culturalView .tit {margin:0 0 25px; font-size:30px; font-weight:bold; font-family:'score'; color:#33526f; }
.culturalView .conWrap {margin:75px 0;}
.culturalView .conWrap .con {font-size:16px;color:#555555;}
.culturalView .mapbox {position:relative; padding:75px 0; background:#eff5fb; }
.culturalView .mapbox:before {display:block;position:absolute;left:0;bottom:0;content:'';width:100%;height: 272px;background: url(/images/tour/prog/bg4.jpg)no-repeat center top / cover;}
.culturalView .mapbox .map {width:100%;height: 400px;border:10px solid #fff;}
.culturalView .mapbox .btnbox {margin:50px 0 0; text-align:center;}
.culturalView .mapbox .btnbox a {display:inline-block; width:150px; height:50px; line-height:50px; border-radius:5px; background:#016fce; text-align:center; color:#fff; }


@media(max-width:1023px){
    .culturalView .viewTopBox .inner .thumb {float:none; width:100%;}
    .culturalView .viewTopBox .inner .info {float:none;width:100%;padding: 0;}
}

@media(max-width:767px){
    .culturalView .viewTopBox {padding:5px; margin:0 0 50px;}
    .culturalView .viewTopBox .inner {padding:30px}
    .culturalView .viewTopBox .inner .info .cate {font-size:14px;}
    .culturalView .viewTopBox .inner .info strong {font-size:30px;}
    .culturalView .viewTopBox .inner .info .ulbox {margin:10px 0 0;padding:10px 0 0;}
    .culturalView .conWrap {margin:50px 0;}
    .culturalView .mapbox{padding:50px 0;}
    .culturalView .mapbox .map {height:300px;}
}

@media(max-width:580px){
    .culturalView .viewTopBox .inner {padding:15px}
    .culturalView .viewTopBox .inner .thumb .imgSlide .imgbox {height:220px;}
}


/* 본인인증  */
.adult {margin:0 -15px;}
.adult:after {display:block; clear:both; visibility:hidden; content:'';}
.adult .adultwrap {float:left;width:calc(50% - 30px);margin:0 15px 30px;padding: 0;border:1px solid #ddd;text-align:center;}
.adult .adultwrap h5:before{display:none;}
@media(max-width:1279px){
    .adult .adultwrap {float:none;width:calc(100% - 30px);padding: 0;}
}
.basic_box{position:relative;margin-bottom:20px;background:#f1f3f5;overflow:hidden}
.basic_box:before{content:"";position:absolute;top:0;left:0;width:100%;height:30px;background:#467ed4}
.basic_box:after{content:"";position:absolute;top:0;left:0;width:180px;height:30px;background:#1fbcbe}
.basic_box .inner{position:relative;z-index:1;margin:3px;padding:10px 30px 10px 0;background-color:#fff;border-bottom:1px solid #c2cbe5}
.basic_box .descpt{padding:20px;border:1px solid #c7ced2}
.basic_box .inner.ico{min-height:85px;padding:23px 20px 23px 180px}
.basic_box .inner.ico1{background:#fff url(/images/common/ico_box.gif) no-repeat 35px 50%}
.basic_box .inner .darblue{color:#325088}
.basic_box h4,.basic_box strong{display:block;margin-bottom:5px;font-size:1.42em;line-height:1.3;color:#2A60D3;font-weight:normal;}
.basic_box .basic_list.mb_0{margin-bottom:0}
.basic_box .basic_list li{margin-bottom:0}
.basic_box .basic_list li strong{display:inline-block;margin-bottom:0;font-size:1em}
.basic_box .downfile_lst{margin-top:10px}
.basic_box .downfile_lst li{display:block;margin-left:-10px}
.basic_box .downfile_lst li a{margin:0 10px}
.box_type1{padding:20px 15px 10px;border:1px solid #c7ced2}
.box_type2{padding:0 5px 10px;border:1px solid #c7ced2}
.box_type1.mb_0{margin-bottom:0}
.scroll{overflow-x:hidden;overflow-y:scroll}


/* bbs22 게시판 */

.photogallery_list.bbst22List { margin: 0 -20px; border:none; }
.photogallery_list.bbst22List li {float:left;position:relative;width:calc(33.33% - 40px);height: auto;margin:0 20px 30px;border:1px solid #ddd;border-radius: 0 0 50px 0;}
.photogallery_list.bbst22List li .sum_photo {width:100%; height:100%;}
.photogallery_list.bbst22List li .sum_photo a {display:block; width:100%; }
.photogallery_list.bbst22List li .sum_photo .thumb {height:210px; background-size:cover; background-position:center; }
.photogallery_list.bbst22List li .sum_photo .subject {display:block;overflow: hidden;line-height: 1.2;width: 100%;padding: 30px 20px 0;margin: 0 0 5px;font-size:22px;font-weight:bold;color:#000000;text-overflow: ellipsis;white-space: nowrap;}
.photogallery_list.bbst22List li .sum_photo p {overflow: hidden;margin:0;padding: 0 20px 30px;font-size:15px;text-overflow: ellipsis;white-space: nowrap;}

@media(max-width:1279px){
    .photogallery_list.bbst22List li {width:calc(50% - 40px);}
}

@media(max-width:767px){
    #contents .photogallery_list.bbst22List li {width:calc(100% - 40px);}
}



.scrollBox {margin: 30px 0 0;padding: 35px 30px;border: 1px solid #ddd;}
.scrollBox .inner {overflow-y: auto; height: 200px; font-size:15px;}


.adult .adultwrap button{
    padding: 18px;
    background: linear-gradient(to right, #019c70, #0a84e2);
    color: #fff;
    border-radius: 10px;
}

.bbst22Photo .photo-box .ui-thumb__photo.aside__photo, 
.bbst22Photo .photo-box .ui-thumb__photo.aside__photo .slider-for .slick-list .slick-track .slick-slide .images_fade span {display:block; width:100%; height:100%; font-size:0; background-size:cover; background-position:center;}