/* CSS for PC @date     2018 @author   sarahchan */
/* ------------------------------------------

------------------------------------------ */
.sp { display: none !important; }

#keyVisual { width: 100%; background: url(../images/topbg.jpg) no-repeat center center; background-size: cover; height: 560px; margin-bottom: 0; }

#keyVisual h1 { text-indent: 0px; position: absolute; top: 38px; right: calc(50% - 242px); }

#keyVisual img.toplogo { position: absolute; top: 10px; left: 20px; }

#widewrapper { width: 100%; line-height: 150%; position: relative; }

#widewrapper a:hover { opacity: 0.8; }

#topNav { background: url(../images/lightpink.jpg) bottom repeat-x #fff; width: 100%; z-index: 999; }

#topNav ul { width: 1224px; display: flex; margin: 0 auto; padding: 27px 0 0; justify-content: space-between; align-items: baseline; }

#topNav ul li { padding-bottom: 50px; }

#topNav ul li a { display: block; }
#topNav ul li a .on{display: none;}
#topNav ul li a .off{display: block;}
#topNav ul li a:hover .on{display: block !important;}
#topNav ul li a:hover .off{display: none !important;}

#contentsArea { background: #fff1ef; padding-bottom: 30px; position: relative; }

#contents.column1 { width: 100%; padding: 0; background: none; }

.w1024 { width: 1024px; margin: 0 auto; }

#part1 { background: url(../images/map.jpg) no-repeat top right; padding: 28px 0 20px; }

#part1 > p { font-size: 14px; width: 535px; padding-top: 5px; }

#part1 > p span { display: block; background: #fff; padding: 15px 20px; font-size: 12px; margin-top: 10px; }

#part1 .subttl { background: url(../images/pink.jpg); position: relative; text-align: center; padding: 10px 0; margin: 70px 0 50px; }

#part1 .subttl:before { content: ""; display: block; position: absolute; left: 20px; bottom: 8px; background: url(../images/ttldeco.png) no-repeat; width: 180px; height: 92px; }

#part1 .subttl.deco2:before { content: ""; display: block; position: absolute; left: 20px; bottom: 8px; background: url(../images/ttldeco02.png) no-repeat; width: 180px; height: 92px; }

#part1 .daeguspot { display: flex; justify-content: space-between; }

#part1 .daeguspot li { width: 304px; }

#part1 .daeguspot li p { padding-top: 5px; font-size: 13px; }

#part1 .daeguspot li p span { color: #d23367; font-weight: bold; font-size: 22px; display: block; }

#part1 a.mytripbnr { display: block; text-align: center; padding: 40px 0; }

@media screen and (min-width: 721px) and (max-width: 1516px) { h2.lightpink img.pl1 { left: 0 !important; top: -10px; position: absolute; }
  h2.lightpink img.pl2 { left: calc(50% - 500px); top: 20px; position: absolute; }
  h2.lightpink img.pr1 { right: 0 !important; top: 50px; position: absolute; }
  h2.lightpink img.pr2 { right: calc(50% - 500px); top: -20px; position: absolute; } }

h2.lightpink { background: url(../images/lightpink02.jpg); text-align: center; padding: 20px 0; position: relative; margin-top: 40px; }

#part3.lightpink,#part4.lightpink,#part5.lightpink{padding: 0;height: 180px;}
h2.lightpink img.pl1 { left: calc(50% - 700px); top: -10px; position: absolute; }

h2.lightpink img.pl2 { left: calc(50% - 500px); top: 20px; position: absolute; }

h2.lightpink img.pr1 { right: calc(50% - 750px); top: 50px; position: absolute; }

h2.lightpink img.pr2 { right: calc(50% - 500px); top: -20px; position: absolute; }

ul.ins { display: flex; justify-content: space-between; flex-wrap: wrap; }

ul.ins li { width: 49%; padding: 20px 0; }

ul.ins li h3 { color: #d23367; font-size: 24px; }

ul.ins li p { font-size: 14px; padding: 5px 0; }

ul.ins li p span { display: block; padding: 10px; border-bottom: 1px solid #ccc; }

ul.ins li p span:last-child { border-bottom: none; }

.column1 .hotels { display: flex; justify-content: space-around; width: 1024px; flex-wrap: wrap; padding: 30px 0; }

.column1 .hotels .htlBox3 { width: 32%; }

.column1 .hotels .htlBox3 .rank { border: none; }

.column1 .hotels .htlBox3 .roomtype { display: flex; justify-content: space-around; margin: 0 20px; }

.column1 .hotels .htlBox3 .roomtype li { width: 23%; }

.column1 .hotels .htlBox3 .roomtype li img { width: 100%; }

.column1 .hotels .htlBox3 .plan li a { border: none; }

.column1 .hotels .htlBox3 .plan li a .price { text-align: center; }

.column1 .hotels .htlBox3 .plan li a .price small { text-align: center; }

.column1 .hotels .htlBox3 .btn li a { background: #e37a7c; font-weight: bold; padding: 12px; font-size: 18px; }

.column1 .hotels.hotelwrap .htlBox { border: 1px solid #e37a7c; }

.column1 .hotels.hotelwrap .htlBox .area { background: #e37a7c; }

.column1 .hotels.tourwrap .htlBox { border: 1px solid #16ae97; }

.column1 .hotels.tourwrap .htlBox .area { background: #16ae97; }

.column1 .hotels.tourwrap .htlBox .btn li a { background: #16ae97; }

.column1 #search-box { width: 100%; border: none; margin: 40px 0 20px; }

.column1 p.attention { font-size: 11px; color: #333333; }

/* cp_right */
.pagetop { display: none; position: fixed; right: 10px; bottom: 10px; z-index: 99999; }

.pagetop a { display: block; }

.pagetop a:hover { -webkit-animation: navTrans 0.15s ease; animation: navTrans 0.15s ease; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.switch { display: none; }






/* 201911 */
#part2.lightpink{margin-top: 80px;}
#part6.lightpink{padding: 0px;}
#cpn-time{margin: 20px auto 0; width: 700px; text-align: center; list-style: 150%; font-size: 18px;}
#cpn-time span{display: block; font-size: 12px;}
#bnr700{display: block; margin: 40px auto 0;}
#bnr700:hover{opacity: 0.8;}
#cpn-time a{color: #bc0000 !important;}

#point-box{width: 960px; margin: 40px auto 0; overflow: hidden;}
#point-box li{width: 30%; margin: 0 1.6%; float: left;}
#point-box li img{display: block; width: 100%;}
.red-box{display: block; background: url(../images/red-bg.jpg) center no-repeat; background-size: cover; font-size: 18px; color: #fff; text-align: center; padding: 10px 0;}
.red-btn{display: block; margin-top: 20px;}
.red-btn img{display: block; width: 100%;}
.red-btn:hover{opacity: 0.8;}

#cpn-twitter{width: 960px; box-sizing: border-box; margin: 40px auto 0; background-color: #29a2f0; padding: 10px 0 10px 40px; font-size: 20px; color: #fff; position: relative;}
#cpn-twitter::after{display: block; content: "+"; font-size: 20px; line-height: 100%; text-align: center; width: 20px; height: 20px; border: 1px solid #fff; position: absolute; z-index: 9; top: 10px; left: 10px;}
#cpn-twitter.active-submenu::after{content: "-"; font-size: 22px !important;}
#step-box{width: 960px; box-sizing: border-box; background-color: #fff; border: 1px solid #29a2f0; padding: 30px 0; margin: 0 auto 40px; text-align: center;}
#step-box .sp{display: none;}

#info-box{width: 1024px; margin: 60px auto 0; background-color: #fff; padding: 20px; box-sizing: border-box;}
.info-ttl{display: block; padding-bottom: 20px; margin-bottom: 20px; color: #d23367; font-size: 22px; font-weight: bold; text-align: center; border-bottom: 3px solid #d23367;}
.info-txt{display: block; font-size: 14px; line-height: 180%;}