@charset "utf-8";

/********************************************************
	layout
********************************************************/
.subVisual:before {background:url(../img/common/img_sub_visual04.png) no-repeat 100% 0 #000;}
#body #left h2 {position:relative; display:flex; width:100%; height:9em; align-items:center; justify-content:center; padding:1em; background:url(../img/common/snb_bg04.png) no-repeat;}


/* 대관안내 - 대관허가조건 */
.rental-wrap {padding:3em 4em; background:#F8F9FD;}
.rental-wrap > p {text-align:center; font-size:1.333333em; font-weight:800; }
.rental-wrap .inner {margin-top:1.77777em; padding:1.94444em; background:#fff;}
.rental-wrap .inner .list-ol li + li {margin-top:.83335em;}

.rule-box {height:33em;padding: 1em;overflow-y:auto;}
.rule-box .rule-list {display:flex; width:100%; padding:1em 1.5em; margin-top:.5em; flex-direction:row; align-content:space-between; flex-wrap: wrap; background:#F9F9F9;}
.rule-box .rule-list li {width:calc(50% - .5em); display:block; position:relative; margin:.25em; padding-left:.667em;}
.rule-box .rule-list li:before {content:''; position: absolute; display:block; top:.65em; left:0; width:.278em; height:.278em; border-radius:.278em; left:0; background:url(../img/icon/cmm/ico_list_ul_depth2.svg) no-repeat 50% 50%; background-size:contain;}

@media all and (max-width:1024px) {
	.rental-wrap {padding:1.5em 2em;}
	.rental-wrap .inner {margin-top:.8em;}
}

@media all and (max-width:960px) {
	.rental-wrap {padding:1em;}
	.rule-box .rule-list li {width:100%;}
}