@charset "utf-8";

/*강릉 css*/
.imgBox{display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative;}
.imgBox img{object-fit: fill; width:100%;}

.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt40{margin-top:40px;}
.n_conBox{padding: 0 15px;}
.gangneung *{word-break: break-word;}
.gangneung img{vertical-align:top;}

.gangneung .top-menu{display: flex; height:44px; position: relative; transition: position .3s;}
.gangneung .top-menu.fixed{position:fixed; top:0; right:0; left:0; z-index:999;}
.gangneung .top-menu li{background-color:#9c9084; line-height:44px; position:relative; text-align:center; width:50%;}
.gangneung .top-menu li::after{content:''; display: inline-block; position:absolute; top:15px; right:0; background-color:rgba(255,255,255,.2); height:14px; width:1px;}
.gangneung .top-menu a{display:block; color:#e3dbcf; height:44px; text-transform: uppercase;}
.gangneung .top-menu a:hover{color:#fff;}

.Tit.mTit, .Tit.mTit img{height:13px;}
.intro .Tit.mTit, .intro .Tit.mTit img{height:39px;}

.columnList{display: flex; flex-direction: column;}
.columnList li{margin-top:25px;}
.columnList li h5{margin: 15px 0 12px; font-size:15px; text-align:left; color:#2d2926;}
.columnList li p{font-size: 14px; text-align:left;}

.infoList.line{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 25px 0; padding: 25px 0;}
.infoList.line .infoTxt{font-size: 14px; margin-top: 15px;}

.infoList dl{margin-top:25px;}
.infoList dl dt{font-size: 14px;}
.infoList dl dt img{height: 10px;}
.infoList dl dd{color:#666; font-size: 14px; margin-top:15px;}

h3.Tit{color:#2d2926; font-size:16px; }
.infoTxt p{color:#666666; font-size:14px; }
.infoTxt .pointColor{color:#222; font-size: 14px;}

.guideTxt{color:#999; font-size:14px; margin-top:20px; padding-left: 15px; position: relative; text-align:left;}
.guideTxt::before{content:'※'; color: #999; font-size: 11px; display: inline-block; position: absolute; left: 0; top: 0;}

.aTit{
	background: #f5f3f1;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 15px;
	position: relative;
}
.aTit a.tit{
	color: #2d2926;
	display: flex;
	flex-direction: row;
	align-items: center;
	line-height: 50px;
}
.aTit a.tit:after{
	content: '';
	display: block;
	position: absolute;
	right: 15px;
	top: 50%;
	width: 17px;
	height: 9px;
	margin-top: -4px;
	background: url(../../images/common/teaser/btn_toggle.png) no-repeat 0 0;
	background-size: 17px 9px;
}
.aTit strong{font-size: 16px; font-weight:normal;}
.open .aTit a.tit:after{transform: rotate(-180deg);}

.aCon{display: none;}
.open .aCon{display: block;}
.aCon h4{color:#2d2926; font-size:16px;}
.aCon p{color:#666; font-size:14px;}

.con1InfoBox{padding: 25px 15px 30px;}

.con1InfoBox h4{margin:20px 0 15px;}
.hotelInfo+.resiInfo{margin-top:25px;}
.hotelInfo p span, .resiInfo p span{color:#2d2926;}

.contents2, .contents3, .contents4{margin-top: -1px;}
.locationAdress{margin-top:20px;}
.locationAdress strong{color:#2d2926; display:block; font-size:14px; font-weight:normal;margin:18px 0 5px;}
.locationAdress strong:first-child{margin-top:0;}
.locationAdress p{color:#666; font-size:14px;}

.locationTxt h4{color:#2d2926; font-size:16px;}
.locationTxt h5{color:#2d2926; font-size: 14px; margin: 20px 0 15px;}
.locationTxt dl{margin-bottom: 20px;}
.locationTxt dl:last-child{margin-bottom: 0;}
.locationTxt dl dt, .locationTxt dl dd{font-size: 14px;}
.locationTxt dl dt{color: #2d2926;}
.locationTxt{border-top: 1px solid #ccc; margin-top:25px;}

.contents3 .aCon .columnList li:first-child{margin-top:0;}

.btnArea{margin-top:20px; text-align: center;}
.btnTypeG{background-color:#83786f; color:#fff; height:48px;line-height:48px; min-width:140px; display:inline-block; padding:0 15px; font-size:14px; vertical-align:middle;}

.panorama{padding: 40px 15px 0px; margin-bottom:30px;}
.panorama p{border-bottom:1px solid #cccccc; margin-top:20px; padding-bottom: 30px; text-align:center;}

.packageBox{padding: 0 15px 50px;}
.packageBox .rowList{display: flex; flex-direction: row; align-items: center; align-items: flex-start;}
.packageBox .columnList .rowList .imgBox{margin-right: 10px; min-height: 67px; max-height: 68px; width: 90px;}
.PackageTxt{width:calc(100% - 100px); width: -webkit-calc(100% - 100px);}
.PackageTxt p:first-child{color:#2d2926; font-size: 14px;}
.PackageTxt p:last-child{color:#666; font-size: 14px;margin-top: 10px;}
.packageBox .columnList li h5{margin-top: 0;}

.benefitsBox{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 25px 0; padding: 25px 0;}
.benefitsBox .rowList{align-items: flex-start;}
.benefitsBox .rowList li{margin-right: 10px; width: calc(100% / 3);}
.benefitsBox .rowList li:last-child{margin-right: 0;}
.benefitsBox .rowList li p{color: #666; font-size: 11px;margin-top: 10px; text-align: center;}

.packagePrice{padding-bottom: 25px;}
.packagePrice > p{margin-top: 15px; font-size: 14px;}

.packagePriceTable{width: 100%; border-top: 1px solid #666; border-bottom: 1px solid #666; border-spacing: 0; margin: 25px 0 0;}
.packagePriceTable td{color: #333; font-size: 14px; border-right: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; padding: 15px 10px; text-align: center;}
.packagePriceTable td:last-child{border-right: 0;}
.packagePriceTable tr:first-child td{background-color: #cfc7c0; color:#343434; font-size: 16px; font-weight: bold;}
.packagePriceTable tr:nth-child(2) td{background-color: #eae6df; font-size: 14px;}
.packagePriceTable tr:last-child td{border-bottom: 0; padding: 20px 10px 17px;}
.packagePriceTable td img{height: 18px; vertical-align: top;}

.packageBox .columnList li h5 img{height:16px;}

.content4Btn, .content5Btn{display: flex; align-items: center; justify-content: center; margin-bottom: 20px;}
.content4Btn a, .content5Btn a{background-color:#66594c; color:#fff; font-weight: bold; min-width: 140px; height:48px;padding: 0 10px; text-align: center;}
.content5Btn{margin-top:30px; margin-bottom:0;}
.content5Btn a{background-color:#9d846e;}

.priceBox h3{margin-top:30px;}
.priceBox table{border-collapse: collapse; border-top:1px solid #c1bbb7; border-bottom:1px solid #c1bbb7; table-layout: fixed; text-align:center; width:100%; margin-top:15px;}
.priceBox table th,
.priceBox table td{border-right: 1px solid #e9e4dd; border-bottom: 1px solid #e9e4dd; padding: 15px 3px;}
.priceBox table th:last-child,
.priceBox table td:last-child{border-right: 0;}
.priceBox table tr:last-child td{border-bottom: 0;}
.priceBox table tr:nth-child(1) th,
.priceBox table tr:nth-child(2) td{background-color:#f5f3f1;}
.priceBox table tr:nth-child(2) td{color:#87715a;}
.priceBox table tr:nth-child(1) th,
.priceBox table tr td:first-child{color:#2d2926;}
.priceBox table tr td{color:#666666;}
.priceBox .dotList{display: flex; align-items: flex-start; justify-content: center; margin-top: 15px; margin-bottom: 25px; flex-direction: column;}

.infoUseBox{padding-top:30px;}
.infoUseBox .Tit{font-size: 14px;}
.infoUseBox h3{text-align:center;}
.infoUseBox h3 img{height:38px;}
.infoUseBox p{color:#666; font-size:14px; margin: 20px 0 30px; text-align:center;}
.infoUseBox .dotList{display: flex; align-items: center; justify-content: center; margin-top: 15px; margin-bottom: 25px;}
.priceBox .dotList li,
.infoUseBox .dotList li{color:#666; font-size: 14px;padding-left: 7px; margin-bottom: 5px; position: relative;}
.priceBox .dotList li::before,
.infoUseBox .dotList li::before{
	content: '';
	display: inline-block;
	position: absolute;
	top: 12px;
	left: 0;
	background-color: #666;
	height: 2px;
	width: 2px;
}
.infoUseBox .dotList:last-child, .infoUseBox .dotList li:last-child {margin-bottom: 0;}
.infoUseBox .dotList.imgList li:first-child img{height: 9px;}
.infoUseBox .dotList.imgList li:last-child img{height: 10px; margin-top: -2px; vertical-align: middle;}

.foot{background-color: #2d2926;}
.foot .footLink1{height: 45px; background-color: #83786f;}
.foot .footLink1 div{width: 33.33%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #766c64;}
.foot .footLink1 div:last-child{border-right: none;}
.foot .footLink1 div a{display: block; width: 100%; height: 45px; text-indent: -9999px; filter: alpha(opacity=40);}
.foot .footLink1 .theShillaLink a{background: url(../../images/ko/common/main/the_shilla.png) no-repeat center; background-size: 106.5px 45px;}
.foot .footLink1 .shillaMonoLink a{background: url(../../images/ko/common/main/shilla_mono.png) no-repeat center; background-size: 106.5px 45px;}
.foot .footLink1 .shillaStayLink a{background: url(../../images/ko/common/main/shilla_stay.png) no-repeat center; background-size: 106.5px 45px;}


.footLangBox{display: flex; align-items: center; justify-content: center; padding: 25px 0 30px;}
.footLangBox a{height: 11px; padding: 0 15px; position: relative;}
.footLangBox a+a::before{content:''; display: inline-block; position: absolute; top:2px; left:0; width:1px; height:9px; background-color:rgba(255,255,255,.15)}
.footLangBox a img{height:100%; vertical-align: top;}

.wrap .wraper .foot .copyright{border-top: 1px solid rgba(236,236,236,.05); padding: 10px 0 15px; text-align: center;}
.wrap .wraper .foot .copyright p{color:#9b856d; font-size: 9px; }

.resvBtnWrap{margin-top:30px; text-align:center;}
.resvBtn{background-color:#6c5c4f; color:#fff; display: inline-block; font-size:15px; line-height:48px; height:48px; width:140px;}

.wrap .gangneung .legalNotice{background:#2d2926 !important; border-top:1px solid rgba(236,236,236,.05); line-height: 1; padding: 8px 0 10px !important; text-align: center !important;}
.wrap .gangneung .legalNotice a{color:#9b856d !important; font-size:10px !important;}
.wrap .wraper .gangneung .foot .legalNotice a:after{content:none;}

/*다국어*/
.gangneungLang .columnList li h5{line-height:16px;}
.gangneungLang .columnList li h5 img{height:16px;}