@charset "utf-8";

/* Desktop Layout Style */

/* 본문영역 layout  */
.sectionBody {width:100%; display:block; position:relative; box-sizing: border-box}
.sectionBody .subVisual {display:block; position:relative; box-sizing:border-box; padding-top:140px; height:325px; background-color:#fff; background-position:50% 50%; background-repeat:repeat-x;}
/*.sectionBody .subVisual .innerZone {display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; color:#0d0d0d;}*/
.sectionBody .subVisual .innerZone .svT {display:inline-block; position:relative; margin:0; padding:0; font-size:1.125em;}
.sectionBody .subVisual.category {background:url('../imgs/sub/subVisual01.jpg') no-repeat center !important}/* 샘플 */

.sectionBody .pageNav {display:block; position:relative; z-index:90; margin:0; padding:0; border-bottom:solid #e6e6e6 1px; font-size:1em;box-sizing:border-box;}
.sectionBody .pageNav .innerZone {border-left:solid #e6e6e6 1px; border-right:solid #e6e6e6 1px;}
.sectionBody .pageNav .innerZone:after {content:''; display:block; clear:both;}
.sectionBody .pageNav button[type="button"] {float:left; display:block; position:relative; width:60px; height:50px; margin:0; padding:0; text-indent:-9999px; font-size:0; border:none; background-color:#FFF;}
.sectionBody .pageNav button[type="button"]:hover {background-color:#e4f3fa;}
.sectionBody .pageNav button[type="button"] var {display:block; position:absolute; width:100%; height:100%; left:0; top:0; background:url("../imgs/sub/ico_home.png") no-repeat}
.sectionBody .pageNav button[type="button"].home var {background-position:50% -8px;}
.sectionBody .pageNav button[type="button"].share {left:-1px; border-right:1px solid #e6e6e6;}
.sectionBody .pageNav button[type="button"].share var {background-position:50% -208px;}
.sectionBody .pageNav button[type="button"].print var {background-position:50% -108px;}

.sectionBody .pageNav button[type="button"].sns01 {width:60px;background:url("/stay/common/imgs/imgs/cont/btn_sns06.png") 0 0 no-repeat}
.sectionBody .pageNav button[type="button"].sns02 {width:60px;background:url("/stay/common/imgs/imgs/cont/btn_sns02.png") 0 0 no-repeat}
.sectionBody .pageNav button[type="button"].sns03 {width:60px;background:url("/stay/common/imgs/imgs/cont/btn_sns03.png") 0 0 no-repeat}
.sectionBody .pageNav button[type="button"].sns04 {width:60px;background:url("/stay/common/imgs/imgs/cont/btn_sns07.png") 0 0 no-repeat}

.sectionBody .pageNav .share_list {display:none; position:absolute; width:60px; padding:50px 0 0 0; border:solid #e6e6e6 1px; background:#FFF; right:60px; top:0; z-index:5;}
.sectionBody .pageNav .share_list ul {display:block; position:relative; margin:0; padding:5px 8px;}
.sectionBody .pageNav .share_list li {display:block; position:relative; margin:0; padding:7px 0; text-align:center;}
.sectionBody .pageNav .share_list button {float:inherit; width:40px; height:40px; margin:0 auto;}
.sectionBody .pageNav .share_list button.pUrl {background:url("../imgs/sub/mUrl.png") no-repeat left top; background-size:cover}

.sectionBody .pageNav .share_list button.pc_naver {background:url("/stay/common/imgs/sub/url_naver.png") no-repeat left top; background-size:cover}
.sectionBody .pageNav .share_list button.pc_facebook {background:url("/stay/common/imgs/sub/url_facebook.png") no-repeat left top; background-size:cover}
.sectionBody .pageNav .share_list button.pc_twitter {background:url("/stay/common/imgs/sub/url_twitter.png") no-repeat left top; background-size:cover}
.sectionBody .pageNav .share_list button.pc_kakaostroy {background:url("/stay/common/imgs/sub/url_kakaostroy.png") no-repeat left top; background-size:cover}
.sectionBody .pageNav .share_list button.pc_band {background:url("/stay/common/imgs/sub/url_band.png") no-repeat left top; background-size:cover}

.sectionBody .pageNav .share_list button.close_share {position:absolute; width:60px; height:50px; background:url("../imgs/sub/pClose.png") no-repeat 0px -4px; background-size:cover; left:0; top:0}

.sectionBody .pageNav .lnb {float:left; display:block; position:relative; width:838px; margin:0; padding:0; box-sizing:border-box; border-left:solid #e6e6e6 1px; z-index:1;}
.sectionBody .pageNav .lnb .item {float:left; display:table; position:relative; margin:0; padding:0; border-right:solid #e6e6e6 1px; background:url("../imgs/sub/lnbArrow_befor.png") no-repeat right 50%; box-sizing:border-box;}
.sectionBody .pageNav .lnb .item a span{font-weight:400; font-size:18px;}
.sectionBody .pageNav .lnb .item.on {background-image:url("../imgs/sub/lnbArrow_open.png")}
.sectionBody .pageNav .lnb .item.nochild {background:url(../imgs/sub/lnbArrow_befor.png) no-repeat right 50%;}
.sectionBody .pageNav .lnb .item a {display:table-cell; position:relative; height:50px; min-width:228px; margin:0; padding:0 30px 0 20px; vertical-align:middle;}
.sectionBody .pageNav .lnb .item ul {display:none; position:absolute; width:100%; padding:17px 0; left:-1px; top:50px; z-index:10; background-color:#FFF; border:solid #e6e6e6 1px;}
.sectionBody .pageNav .lnb .item ul li {display:table; position:relative; width:100%; margin:0; padding:0;}
.sectionBody .pageNav .lnb .item ul li a {display:table-cell; position:relative; width:inherit; height:20px; margin:0; padding:10px 20px; background:none; font-size:1rem; line-height:1.15em;}
.sectionBody .pageNav .lnb .item ul li a:hover, .sectionBody .pageNav .lnb .item ul li a:focus {background-color:#e4f3fa; color:#0d0d0d;}

/* 본문영역 layout Tablet  */
@media all and (min-width:768px) and (max-width:1150px) {
	.sectionWrap {padding:80px 0 0 0;}
	.innerZone {width:100%;}
    .sectionBody .pageNav .share_list {display:none; position:absolute; width:60px; padding:50px 0 0 0; border:solid #e6e6e6 1px; background:#FFF; right:3px; top:0; z-index:5;}
	.sectionBody .innerZone {padding:0 20px;}
	.sectionBody .pageNav .innerZone {padding:0 248px 0 69px;}
	.sectionBody .pageNav .innerZone:after {content:''; display:block; clear:both;}
	.sectionBody .pageNav button[type="button"] {}
	.sectionBody .pageNav button[type="button"].home {position:absolute; left:0; top:0;}
	.sectionBody .pageNav button[type="button"].share {position:absolute; left:inherit; right:0px; top:0;}
	.sectionBody .pageNav button[type="button"].print {position:absolute; right:0; top:0; display:none;}

	.sectionBody .pageNav button[type="button"].sns01 {position:absolute;top:0;right:60px}
	.sectionBody .pageNav button[type="button"].sns02 {position:absolute;top:0;right:180px}
	.sectionBody .pageNav button[type="button"].sns03 {position:absolute;top:0;right:120px}
	.sectionBody .pageNav button[type="button"].sns04 {position:absolute;top:0;right:0px}

	.sectionBody .pageNav .lnb {width:100%;}
	.sectionBody .pageNav .lnb .item {width:33.33%;}
	.sectionBody .pageNav .lnb .item a {font-size:14px;min-width:inherit; width:100%;}
}

/* 본문영역 layout Mobile */
@media all and (max-width:767px) {
	.sectionWrap {padding:55px 0 0 0;}
	.innerZone {width:100%;}

	.sectionBody .innerZone {padding:0 15px;}
    .sectionBody .subVisual {height:140px; background-size:cover; padding-top:10px !important;}
    .sectionBody .subVisual .innerZone .svH {font-size:1.5em;margin:10px 0 20px 0}
    .sectionBody .subVisual .innerZone .svT {display:none;}

	.sectionBody .pageNav {font-size:0.857em;display:none}
	.sectionBody .pageNav .innerZone {border:none;/* padding:0 39px 0 39px; */}
	.sectionBody .pageNav .innerZone:after {content:''; display:block; clear:both;}
	.sectionBody .pageNav button[type="button"] {display:none;width:39px; height:39px;}
	/* .sectionBody .pageNav button[type="button"].home {display:none;position:absolute; left:0; top:0;} */
	.sectionBody .pageNav button[type="button"].home var {background-position:50% -16px; background-size:70px;}
	.sectionBody .pageNav button[type="button"].share,
	.sectionBody .pageNav button[type="button"].print {display:none;}

	.sectionBody .pageNav button[type="button"].sns01 {display:none}
	.sectionBody .pageNav button[type="button"].sns02 {display:none}
	.sectionBody .pageNav button[type="button"].sns03 {display:none}

	.sectionBody .pageNav .lnb {width:100%;border-left:0}
	.sectionBody .pageNav .lnb .item {display:none;position:initial;border-right:0}
	.sectionBody .pageNav .lnb .item.on {}
	.sectionBody .pageNav .lnb .item.depth_one:last-child{display:block;box-sizing:border-box;/*padding-left:25px;*/width:100%;background:none;}
	.sectionBody .pageNav .lnb .item a {height:39px; min-width:30px; padding:0 20px 0 10px;}
	.sectionBody .pageNav .lnb .item ul {position:absolute; width:auto; padding:0; top:39px; right:-15px; left:-15px; z-index:10;}
	.sectionBody .pageNav .lnb .item ul li {margin:0; padding:0 15px; box-sizing: border-box}
	.sectionBody .pageNav .lnb .item ul li a { height:inherit; width:inherit; padding:10px 0;}
	.sectionBody .pageNav .lnb .item ul li+li a {border-top: 1px solid #e6e6e6;}
	.sectionBody .pageNav .lnb .item .holder {display:block;padding-right:18px;background:url('../imgs/sub/ico_lnbarr01.png') no-repeat right 50%;background-size:9px 9px;line-height:37px;text-align:center;/*border-left:1px solid #e6e6e6*/}
	.sectionBody .pageNav .lnb .item a > span {font-size:1.272em; color:#0d0d0d;}
	.sectionBody .pageNav .lnb .item.on .holder {background:url('../imgs/sub/ico_lnbarr03.png') no-repeat right 50%;background-size:9px 9px}
	.sectionBody .pageNav .lnb .item.on.nochild .holder{background:url('../imgs/sub/ico_lnbarr01.png') no-repeat right 50%;background-size:9px 9px;}
}