@charset "utf-8";

/*
	Theme Name: SM Entertainment
	Description: SM Entertainment official website theme for Wordpress. © SM Entertainment. All rights reserved.
	Author: Fivement
	Author URI: https://fivement.com
	Version: 1.0.0
	Text Domain: sm-entertainment
*/

@font-face {
	font-family: 'SMTOWN';
	font-style: normal;
	font-weight: 400;
	src: url('https://www.smentertainment.com/wp-content/themes/sm-entertainment/fonts/smtown-regular.woff') format('woff');
  }
  
  @font-face {
  font-family: 'SMTOWN';
  font-style: normal;
  font-weight: 500;
  src: url('https://www.smentertainment.com/wp-content/themes/sm-entertainment/fonts/smtown-medium.woff') format('woff');
  }
  
  @font-face {
	font-family: 'SMTOWN';
	font-style: normal;
	font-weight: 700;
	src: url('https://www.smentertainment.com/wp-content/themes/sm-entertainment/fonts/smtown-bold.woff') format('woff');
  }
  
  @font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 400;
	src: url('https://www.smentertainment.com/wp-content/themes/sm-entertainment/fonts/pretendard-regular.woff') format('woff');
  }
  
  @font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 500;
  src: url('https://www.smentertainment.com/wp-content/themes/sm-entertainment/fonts/pretendard-semibold.woff') format('woff');
  }
  
  @font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 700;
	src: url('https://www.smentertainment.com/wp-content/themes/sm-entertainment/fonts/pretendard-bold.woff') format('woff');
  }

  :root {
	--sm-black: #000;
	--sm-pink: #FFE1E9;
	--sm-dark-pink: #FFB7CA;
	--sm-blue: #223055;
	--sm-dark-gray: #899094;
	--sm-gray: #B0B7C0;
	--sm-light-gray: #f2f2f2;
	--sm-white: #fff;
  
	--sm-black-line: 1px solid var(--sm-black);
	--sm-black-bold-line: 3px solid var(--sm-black);
  
	--sm-padding-l: 60px;
	--sm-padding-m: 30px;
	--sm-padding-s: 24px;
  
	--ease-out: cubic-bezier(0.25, 1, 0.5, 1);
  }

body {
	margin: 0;
	padding: 0;
	width:100%;
	font-family: 'SMTOWN', 'Pretendard', sans-serif;
	font-size:15px;
	font-weight:400;
	line-height:1.428;
	border: none;
	}

table, div, img, fieldset, form{margin:0; padding:0; border:0;border-spacing: 0;}
input{vertical-align:middle;margin:0; }
a{text-decoration: none; color:inherit;}
p, ol, ul, li, dl, dt, dd {	list-style: none; margin:0; padding:0; }

table {width:100%; border-top: 3px solid var(--sm-black);}

table, tr, th, td {
	border-collapse: collapse;
	text-align: center;
}


table th, table td,dt,dd{
    font-size: 0.9em;
    font-weight: 400;
    padding: calc(var(--sm-padding-s) * 0.8) 0;
}

thead th, dt{
	border-bottom: 1px solid var(--sm-black);
	background: rgba(133,146,154,0.15);
}

tfoot th, tfoot td{
	border-top:1px solid var(--sm-black);
	border-bottom: 1px solid var(--sm-black);
	background:#FFe1e9;

	font-weight:700;

}

tbody th, tbody td{border-bottom: 1px solid var(--sm-black);}

.n_right{border-right:none;}

caption{visibility:hidden; margin:0; padding:0; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}
.hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip-path: polygon(0 0, 0 0, 0 0);
  }

 .clear:after{
	 content:'';
	 display:block;
	 clear:both;
 }



/* dt,dd,th,td{
	padding:25px 0;
} */

/* dt,th{
	font-size:0.875rem;
}

dd{
	font-size:1rem;
} */




.up{color:#C63636;}
.down{color:#3257B7;}
.same{color:var(--sm-black);}

/* Arrow */
.up.arrow-big:before{
	content: "";
    display: inline-block;
    margin-right: 10px;
    border-top: 0px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 16px solid #C63636;
    border-left: 10px solid transparent;
}

.up.arrow-medium:before{
	content: "";
    display: inline-block;
    margin-right: 10px;
    border-top: 0px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 14px solid #C63636;
    border-left: 8px solid transparent;
}

.up.arrow-small:before{
	content: "";
    display: inline-block;
    margin-right: 3px;
    border-top: 0px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 9px solid #C63636;
    border-left: 5px solid transparent;
}

.down.arrow-big:before{
	content: "";
    display: inline-block;
    margin-right: 10px;
    border-top: 16px solid #3257B7;
    border-right: 10px solid transparent;
	border-bottom: 0px solid transparent;
    border-left: 10px solid transparent;
}

.down.arrow-medium:before{
	content: "";
    display: inline-block;
    margin-right: 10px;
    border-top: 14px solid #3257B7;
    border-right: 8px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 8px solid transparent
}

.down.arrow-small:before{
	content: "";
    display: inline-block;
    margin-right: 3px;
    border-top: 9px solid #3257B7;
    border-right: 5px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 5px solid transparent
}

/*--- Top_current ---*/
.top_date{
	font-size:0.8em;
	line-height:19.6px;
	letter-spacing: -0.41px;
	text-align:right;
	margin-bottom:14px;
	color:var(--sm-dark-gray);
}

.cur_quote {display:flex; justify-content:space-between; margin-bottom:40px;}

.cur_quote dt, .cur_quote dd { width:100%;}


#stock {
width:48%; 
display:grid;
grid-template-columns:60% 40%;
grid-template-rows:repeat(2,1fr);
border-top: 3px solid var(--sm-black);
border-bottom: 1px solid var(--sm-black);
}

#stock .close {
	color: var(--sm-black);
	grid-row:1/3;
	font-weight: 700;
    font-size: 40px;
    line-height: 56px;
    letter-spacing: -0.41px;
}

#stock .flex-container:first-of-type{
	grid-column:2/3;
	grid-row:1/2;
	display:flex;
}

#stock .flex-container:first-of-type dt,
#stock .flex-container:first-of-type dd{
	padding:25px 0 0;
}

#stock .flex-container dt{
	border-bottom:none;
	background-color:#FFF;
}



#stock .flex-container:nth-of-type(2){
	grid-column:2/3;
	grid-row:2/3;
	display:flex;
}

#stock .flex-container:nth-of-type(2) dt,
#stock .flex-container:nth-of-type(2) dd{
	padding:0 0 25px;
	white-space: nowrap;
}

#stock dt,#stock dd{
	display:flex;
	justify-content: center;
	align-items: center;
}

#close_title { visibility:hidden; margin:0; padding:0; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}

#updown_title, #percent_title{line-height:22.4px; letter-spacing: -0.41px;}
#updown, #percent{}
#percent_title, #percent {}

#ohlv { width: 48%; text-align: center;
	display:grid;
	grid-template-rows: repeat(2,1fr);
	grid-template-columns: repeat(4,1fr);
	grid-auto-flow:column;
	border-top: 3px solid var(--sm-black);
	border-bottom: 1px solid var(--sm-black);
} 

#ohlv dt {
	border-bottom: 1px solid var(--sm-black);
	background-color: rgba(133,146,154,0.15);
}


/*Chart*/

#chart_area{margin-bottom:40px; }
#big_chart {text-align:right; margin-bottom:20px;}
#ind{ width:80px; margin-top:70px; margin-left:2%;}
#ind li{padding:3px 0 3px 0;}

/*quote*/
.ca_ho{
display:flex;
justify-content:space-between;
gap:20px;
}

#hoga_tb {width:48%;}
#hoga_tb tbody tr:not(:last-of-type) th,#hoga_tb tbody tr:not(:last-of-type) td{
	border-bottom:1px solid var(--sm-black);
}
#hoga_tb tbody th{
	font-weight:400;
}


#cap_ind-container{width:48%;border-bottom: 1px solid var(--sm-black);}
#capital_tb { margin-bottom: 116px;}
#capital_tb th {text-align:left; padding-left:10px;background:rgba(133,146,154,0.15); white-space: nowrap;}
#capital_tb td {text-align:right; padding-right:10px;}
#index_tb{
	display:flex;
	text-align: center;
	border-top:3px solid var(--sm-black);
}
#index_tb dl{
	width:33.3%;
}
#index_tb dt{
	display:flex;
	justify-content: center;
	align-items: center;
	border-bottom:1px solid var(--sm-black);
	word-break: break-all;
	height: 19px;
}

#index_tb dd{
	height: 130px;
	display:flex; 
	flex-direction: column;
	gap:20px;
	justify-content: center;
	align-items: center;
}

#index_tb dd div:first-child{
	margin-bottom:20px;
	font-size: 22px;
    font-weight: 700;
    line-height: 30.8px;
    letter-spacing: -0.41px;
}



/*--- daily ---*/
#day_chart1{}
#day_chart1 img{margin-top:10px;}
#day_chart2{width:45%; float:right; padding-right:2%; margin-top:30px;}

#data_tb{clear:both;}

.btn01{
	padding: 6px 16px;
    border-radius: 17px;
    text-align: center;
    background-color: #FFB7CA;
}

.period_select{
	display:flex;
	justify-content: flex-end;
	align-items: center;
	margin-right: 50px;
}

.period_select input{
	width: 20px;
    height: 20px;
    margin-right: 10px;
    outline: 1px solid #85929a;
    border-radius: 50%;
    appearance: none;
}

.period_select input:checked {
    appearance: none;
    border-radius: 50%;
    outline: 1px solid #85929A;
    border: 4px solid #FFF;
    background-color: #ffb7ca;
}


.period_select label{
	margin-right:16px;
}

/*----- 공시 -----*/
.notice_tb thead th{font-weight:700;}

.notice_tb tbody td {text-align:center;}
.notice_tb tbody td.no {width:11%;}
.notice_tb tbody td.title {width:76%; text-align:left;}
.notice_tb tbody td.data_date {width:13%;}

.nt_info {text-align: right; font-size: 0.8em; color: var(--sm-dark-gray); padding-right: var(--sm-padding-s); background-color: #fff;}

/*-- paging --*/
.paging {text-align:center; margin-top:30px;}
.paging li{display: inline-block; width:36px; height:36px; color: var(--sm-dark-gray);}
.paging .first{margin-right: 16px; position:relative;}
.paging .prev{margin-right: 16px; position:relative;}
.paging .last{margin-left:16px;position:relative;}
.paging .next{margin-left:16px;position:relative;}

.paging a {
	display:block;
	width:36px; 
	height:36px;
	overflow:hidden;
	font-size:0.9em;
	line-height:36px;
}


.paging li.on:not(:nth-child(7)), .paging li.off:not(:nth-child(7)) {
		margin: 0 22px 0 0;
	}


.paging li.on { background-color: #ffe1e9; border-radius: 32px; font-weight:700; color: var(--sm-black);}

.paging .arrow-left::before{
	content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    border: solid var(--sm-gray);
    border-width: 0 2px 2px 0;
    display: block;
    padding: 2px;
    transform: translate(-50%,-50%) rotate(135deg);
    -webkit-transform: translate(-50%,-50%) rotate(135deg);
	left: 50%;
    top: 50%;
}

.paging .arrow-left-double::after{
    content: '';
    width: 7px;
    height: 7px;
    border: solid var(--sm-gray);
    border-width: 0 2px 2px 0;
    display: block;
    padding: 2px;
	transform: translate(-50%,-50%) rotate(135deg);
    -webkit-transform: translate(-50%,-50%) rotate(135deg);
    position: absolute;
	left: 90%;
    top: 50%;
}

.paging .arrow-right::before{
	content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    border: solid var(--sm-gray);
    border-width: 0 2px 2px 0;
    display: block;
    padding: 2px;
    transform: translate(-50%,-50%) rotate(-45deg);
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
	left: 50%;
    top: 50%;
}

.paging .arrow-right-double::after{
    content: '';
    width: 7px;
    height: 7px;
    border: solid var(--sm-gray);
    border-width: 0 2px 2px 0;
    display: block;
    padding: 2px;
	transform: translate(-50%,-50%) rotate(-45deg);
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    position: absolute;
	left: 10%;
    top: 50%;
}



/*--- 미니공시 ---*/
#notice_mini{
	font-size:1.25rem;
}

#notice_mini .title a{
	font-size:15px;
	line-height: 28px;
	letter-spacing: -0.41px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
 }
#notice_mini .title{
	display:flex;
	justify-content: space-between;
	font-weight:700;
	gap: 20px;
}

#notice_mini .title:first-of-type{
	margin-bottom:24px;
}

#notice_mini .data_date{
	font-size:14px;
	line-height:28px;
	letter-spacing: -0.41px;
	text-align: right;
	font-weight:500;
}

/*--- 미니주가 ---*/
#mini_stock{
	position:relative;
}

#mini_stock .stock-container{
	/* display:flex;
	justify-content: space-between; */
}

#mini_stock .close{
	width:100%;
	font-size:50px;
	font-weight:700;
	line-height:78.4px;
	letter-spacing: -0.41px;
	margin-right: 10px;
}
#mini_stock .close_tt{visibility:hidden; margin:0; padding:0; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}
#mini_stock dd{display:inline;padding:0;}
#mini_stock dd.updown{font-size:20px; font-weight:700;line-height: 28px;letter-spacing: -0.41px;white-space:nowrap;}


#mini_stock .date{
	text-align:right;
	letter-spacing:-0.41px;
	font-size:14px;
	font-weight:500;
	line-height:19.6px;
}

/*-- chart_accessibility --*/
.chart_accessibility {visibility:hidden; margin:0; padding:0; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}



@media all and (max-width:768px) {
	.cur_quote { flex-direction: column;margin-bottom:30px;}
	#stock{border-bottom:none;}
	#stock .close{font-size:30px;}
	#stock .flex-container{justify-content:flex-start; gap:10px;}
	#stock .flex-container dt{font-size:0.875rem;}
	#stock .flex-container dt,#stock .flex-conainer dd{width:50%;}
	#stock, #ohlv { width:100%; }
	
	.down.arrow-big:before{margin-right:5px;}

	.ca_ho{
		flex-direction: column;
		gap:30px;
	}
	
	#cap_ind-container{
		width:100%;
	}

	#capital_tb td{
		padding-right:0;
		text-align: center;
	}
	#capital_tb th{
		padding-left: 0;
		text-align: center;
		white-space: nowrap;
	}

	#index_tb dl dd div:last-of-type{
		white-space: nowrap;
	}


	.cur_quote dt, .cur_quote dd { width:auto; }
	#capital_tb, #hoga_tb { width:100%; float:none; }
	#capital_tb { margin-bottom:30px; }

	#day_chart2 { display:none; }
	#day_chart1 { width:100%; padding-left:0;}
	#data_tb tr>th:nth-child(4), #data_tb tr>th:nth-child(5), #data_tb tr>th:nth-child(6), #data_tb tr>th:nth-child(7), #data_tb tr>td:nth-child(4), #data_tb tr>td:nth-child(5), #data_tb tr>td:nth-child(6), #data_tb tr>td:nth-child(7)
	{
		display:none;
	}

	.period_select{margin-right:0px; white-space: nowrap;}
	.period_select input{margin-right:4px;width: 15px; height: 15px;}
	.period_select input:checked{border: 3px solid #FFF;}
	.period_select label {margin-right: 6px;}
	.btn01 {
		padding: 3px 9px;
		border-radius: 13px;
	}

	.notice_tb tbody td.title a{
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		padding-right:10px;
		width: 100%;
		white-space: normal;
		overflow: hidden;
	}



	.paging { width:100%; overflow-x:scroll; overflow-y:hidden; }
	.paging .first{margin-right:5px;}
	.paging .prev{margin-right:5px;}
	.paging .last{margin-left:5px;}
	.paging .next{margin-left:5px;}
	.paging li.on:not(:nth-child(7)), .paging li.off:not(:nth-child(7)) {
		margin: 0 5px 0 0;
	}
	.paging li,.paging a{width:24px; height:24px;line-height:24px;}

	#ind { width:100%; margin:0; }
	#big_chart { width:100%; margin:0; margin-bottom:30px; display:none;}

	.p_gap{min-width:450px;}
	.table-swipe-wrap{overflow:auto;}
	.table-swipe-wrap::-webkit-scrollbar{display:none;}
	


	/* 메인 미니 주가 */
	#mini_stock .close{
		font-size:40px;
	}
	
	/* 메인 미니주가 */
	
	/* #mini_stock .close{
		font-size:40px;
		line-height:56px;
		margin-right:16px;
	}

	#mini_stock dd.updown {
		font-size: 16px;
	}

	#mini_stock .date{
		position:static;
		padding-right: 12px;
	} */


	/* 메인 미니공시 */
	
	/* #notice_mini .title a{
		font-size:15px;
		line-height:21px;
		font-weight:600px;	
	}

	#notice_mini .title a{
		font-size:15px;
		line-height:21px;
		font-weight:500px;
	} */
}