@charset "utf-8";
/*-------------------------------------------------
2020. 12. 
 -------------------------------------------------*/
 
/* title style */
[class*="depth1-title"] {
	position: relative;
	margin-bottom: 1.8rem;
	padding-top: 1.5rem;
	color: #333;
	letter-spacing: -0.1rem;
	line-height: 1.4;
	font-size: 2.4rem;
	font-family: NotoM;
	}
[class*="depth1-title"]::before,
[class*="depth1-title"]::after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 4rem;
	height: .5rem;
	background-color: #FFB70F;
	content: '';
	}
[class*="depth1-title"]::after {
	width: 2rem;
	background-color: #FC6719;
	}
.depth1-title02 {
	margin-top: 6rem;
	}
[class*="depth2-title"]{
	position: relative;
	margin: 2.2rem 0 1.8rem;
	padding-top: 1rem;
	color: #222;
	letter-spacing: -0.1rem;
	line-height: 1.4;
	font-size: 2.2rem;
	font-family: NotoM;
	}
[class*="depth2-title"]::before {
	position:absolute;
	top:0;
	width: 20px;
	height: 5px;
	background-color: #FFB70F;
	content:"";
	}
.depth2-title02 {
	margin-top: 3rem;
	}
[class*="depth3-title"] {
	position: relative;
	margin-bottom: 1.2rem;
	letter-spacing: -0.1rem;
	line-height: 1.4;
	color: #333;
	font-size: 2rem;
	font-family: NotoM;
	}
.depth3-title02 {
	margin-top: 2.8rem;
	}
.sub-title{ font-size: 1.8rem;}

.imgarea {margin-top: 1.5rem; text-align: center;}

[class*="img-box"] {
	margin:1rem 0;
	padding: 3rem;
	border: 1px solid #ddd;
	text-align: center;
	overflow: hidden;
	}
/* 블릿  style */
[class^="lstyle-"] {
	position: relative;
	overflow: hidden;
	}
[class^="lstyle-"] > li,
p[class^="lstyle-"]{
	position: relative;
    margin-top: .8rem;
	padding-left: 1.3rem;
    line-height: 1.5;
	overflow: hidden;
	}
[class^="lstyle-"] li:before,
p[class^="lstyle-"]::before {
	display: block;
	position: absolute;
	top: 1rem;
	left: 0;
	content: '';
	}
[class^="lstyle-"] > li:first-child {
	margin-top: 0;
	}
[class^="lstyle-"] ul {
	margin: 0.8rem 0;
	color: #555;
	}
[class^="lstyle-"] .tel {
	margin-right: 1.2rem;
    color: #888;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
	}	 
[class^="lstyle-"] .tel i {
	margin-right: 0.5rem;
	}	
[class^="lstyle-"] .tel i:nth-child(2) {
    margin-left: 2rem;
	}	
.lstyle-normal > li {
	padding-left: 0;
	}	
p.lstyle-dot,
p.lstyle-line {
	position: relative;
	padding-left: 1rem;
	margin-bottom: 1rem;
	}	
	
[class*="lstyle-dot"] > li:before,
p[class*="lstyle-dot"]::before {
	width: 0.5rem;
	height: 0.5rem;
	background-color:#C7C7C7;
	border-radius: 100%;
	}
[class*="lstyle-square"] > li:before,
p[class*="lstyle-square"]::before {
	width: 0.4rem;
	height: 0.4rem;
	background-color:#333333;
	}

/* 강조형 목록 start */	
.lstyle-dot02 > li {
	font-family: "NotoM";
	font-size: 1.7rem;
	}
.lstyle-dot02 ul {
	margin-top: 0.5rem;
	font-family: "NotoL";
	}
/* 강조형 목록 end */	
.lstyle-dot03 > li,
.lstyle-dot03 {
	font-size: 1.6rem;
}
.lstyle-dot03 > li:before,
.lstyle-dot03::before {
	top:1.2rem;
	width: 0.2rem;
	height: 0.2rem;
	background-color:#282728;
	border-radius: 100%;
	}
/* 당구장 */	
.lstyle-reference > li:before{
	content: "※";
	top:0;
	}
/* 번호 , 알파벳 목록 */	
.lstyle-number > li {
	margin-left: 1.8rem;
	padding-left: 0;
	list-style: decimal;
	overflow: visible;
	}
.lstyle-number.round > li,
.lstyle-alphabet > li {
	position: relative;
	margin-left: 0;
	padding-left: 2.2rem;
	list-style: none;
	counter-increment: number;
	}
.lstyle-alphabet > li {
	counter-increment: alpha;
	}
.lstyle-number.round > li::before,
.lstyle-alphabet > li::before {
    display: block;
    position: absolute;
    top: 0.4rem;
    left: 0;
    width: 1.6rem;
    height: 1.6rem;
    line-height: 1.2;
    border: 1px solid #626262;
    border-radius: 100%;
    text-align: center;
    font-size: 1.2rem;
    content: counter(number, decimal);
    overflow: hidden;
	}	
.lstyle-number.round > li.point01::before {
	border-color: #f9415e;
	}
.lstyle-alphabet > li::before {
    width: 2rem;
    height: auto;
    border-radius: 0;
    text-align: left;
    font-size: inherit;
    content: counter(alpha, upper-alpha) ".";
    border: none;
    }
.lstyle-check {
	}	
.lstyle-check > li {
	padding-left: 2.5rem;
	}	
.lstyle-check > li::before {
	top: 0;
	color: #32a66c;
	font-family: xeicon;
	content: "\e929";
	}
.lstyle-line > li::before,
p.lstyle-line::before {
	display: inline-block;
	width: 5px;
	height: 1px;
	background-color: #555;
	}
.txt_add{font-size: 1.4rem; color: #006da5;}

/*가짜 테이블*/
.fake-table {
	border-top: 1px solid #D8DCE4;
	overflow: hidden;
	}
.fake-table > li {
	padding: .7rem 1rem;
	border-bottom: 1px solid #D8DCE4;
	overflow: hidden;
	}

/* 회색 박스 */
.graybox {
	padding: 2.5rem 3.5rem;
	background-color: #F4F5F6;
	overflow: hidden;
	}
[class*="depth1-title"] + .graybox {
	margin-top: 2.5rem;
	}
.line-box{
	margin:0 0 3.5rem 0;
	padding: 3rem 3.5rem 3rem 3.5rem;
	background-color: #fff;
	border: 5px solid #ececec;
	overflow: hidden;
	}
.line-box02{
	margin:1rem 0;
	padding: 3rem 3.5rem 3rem;
	background-color: #fff;
	border: 1px solid #ddd;
	overflow: hidden;
	}
.line-box02 ul li{
	margin:1rem 0;
	}
.line-box02 ul li:last-child{
	margin-bottom: 0;
	}

[class*="img-box"] {
	margin:1rem 0;
	padding: 3rem;
	border: 1px solid #ddd;
	text-align: center;
	overflow: hidden;
	}
.img-box02 {
	text-align: center;
	}
/* 상단 박스 */
[class*="-wording"] {
	position:relative;
	margin-bottom: 50px; 
	padding-left: 180px;
	padding-right: 100px;
	letter-spacing: -0.5px;
	color: #444444;
	font-family: 'NotoL';
	font-size: 1.7rem;
	}
[class*="-wording"] > .title{
	display:block;
	margin-bottom: 1rem;
	color:#000;
	font-size:2rem;
	font-family: 'NotoM';
	}
[class*="-wording"]::after {
	display: block; 
	position: absolute; 
	top:40px; 
	left:64px; 
	width: 49px; 
	height: 60px; 
	background: url(/resources/images/mdi/content/equip_info.png) no-repeat right 0;
	content: '';
	}
.stats-value {float: right; margin-top: 1rem;}	

/* 센터장 인사말 */	
.greeting {
	position: relative;
	}
.greeting .pic {
	display: block;
	position: absolute;
	top: 0;
	right: 3rem;
    width: 40rem;
    overflow: hidden;
	}
.greeting .pic img {
	max-width: 100%;
	}
.greeting .first-txt {
    display: inline-block;
    position: relative;
    margin-left: 5rem;
	padding: 3.5rem 48rem 3.5rem 0;
	letter-spacing: -0.05rem;
	font: normal 3rem NotoB;
	}
.greeting .first-txt::before,
.greeting .first-txt::after {
	display: block;
	height: 3rem;
	background: url(../../images/mdi/content/greeting_arow.png) no-repeat 0 0 / contain;
	content: '';
	}
.greeting .first-txt::after {
	background: url(../../images/mdi/content/greeting_arow02.png) no-repeat right 0 / contain;
	}	
	
.greeting .txt-area {
	padding: 5rem;
	background-color: #F4F5F6;
	}
.greeting .txt-area p {
	margin-top: 3rem;
	}
.greeting .txt-area p:first-child {
	margin-top: 0;
	}
.greeting .txt-area p:nth-child(-n+2) {
	padding-right: 48rem;
	}
/* 찾아오시는 길  */
.map-img{border:1px #ddd solid; text-align: center; overflow: hidden;}
.map-info{ position:relative; padding: 3rem; background-color: #F4F5F6; overflow: hidden;}
.map-info .map-logo {float: right; display: block; width: 25rem;}
.map-info .map-list{float: left; overflow: hidden;}
.map-info .map-list li {margin-bottom: 1rem;}
.map-info .map-list li strong {display: block; float: left; margin-right: 1.5rem; color: #000; font-family: NotoM; }
.map-info .map-list li strong i {color: #D9D9D9; vertical-align: middle; font-size: 2.2rem;}	

/* video */
.video-list {
	margin: 0 -1.5rem;
    padding: 1rem 0;
	}
.video-list > li {
	position: relative;
	width: calc(50% - 3rem);
	margin: 2rem 1.5rem;
	padding-top: 28%;
	}
.video-list > li iframe {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}