.block-size-chart .list-chart a{
	font-size: 18px;
    line-height: 22px;
    color: #000;
}
.block-size-chart .list-chart a{
	color: #000;
	text-decoration: none;
    cursor: pointer;
}
.block-size-chart .lists-chart{
	display: inline-block;
    margin: 0 auto;
    padding: 0;
    text-align: center;
	list-style: none none;
}
.wrap-chart-menu{
	text-align: center;
	margin-top: 58px;
}
.block-sc-detail {
	color: #000;
	max-width: 714px;
    margin: 0 auto;
    padding-top: 92px;
   	padding-bottom: 30px;
}

.info-row .tt-m{
	font-size: 16px;
    line-height: 23px;
}
.info-row .tt-s{
	font-size: 15px;
    line-height: 20px;
    margin-top: 5px;
}
.info-row .tt-gray{
	font-size: 12px;
    line-height: 20px;
    color: #A5A5A5;
    margin-top: 3px;
}
.block-sc-detail  .circle-style{
	text-align: center;
    font-size: 15px;
    width: 36px;
    line-height: 34px;
    border: 1px solid #000000;
    border-radius: 50%;
    height: 36px;
    margin-top: 4px;
}
.info-row{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
   	margin-bottom: 35px;
}
.info-row:last-child{
	margin-bottom: 0;
}
.chart-guide-menu{
	margin-top: 55px;
	margin-bottom: 25px;
}
.chart-guide-menu .box-l{
	float: left;
	font-size: 15px;
	line-height: 26px;
}
.chart-guide-menu .box-r{
	float: right;
	display: inline-flex;
    font-size: 12px;
    line-height: 14px;
    border-radius: 13px;
    background-color: #EEEEEE;
    -moz-box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.16);
   -webkit-box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.16);
    box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.16);
}
.chart-guide-menu .guide-type{
	padding: 6px 13px;
	cursor: pointer;
    text-align: center;
    min-width: 70px;
}
.chart-guide-menu .guide-type.active{
	border-radius: 13px;
    background-color: #0272BC;
    color: #fff;
}
.size-chart-note{
	max-width: 500px;
    margin: 30px auto 0;
    text-align: center;
    font-size: 15px;
    line-height: 24px;
}
.lists-chart .list-chart.active a{
	color: #0272BC;
}
.sty-table-guide{
	border: 1px solid #EEEEEE;
	text-align: center;
}
.sty-table-guide:last-child{
	margin-bottom: 0px;
}
.sty-table-guide thead{
	background-color: #0272BC;
    color: #fff;
}
.sty-table-guide .col-th{
	border: 1px solid #3891CB;
	text-align: center;
	vertical-align: middle;
}
.sty-table-guide.sty-col-2 .col-th {
	width: 50%;
}
.sty-table-guide.sty-col-3 .col-th {
	width: 33.33%;
}
.sty-table-guide.sty-col-4 .col-th {
	width: 25%;
}
.sty-table-guide.sty-col-5 .col-th {
	width: 20%;
}
.sty-table-guide.sty-col-6 .col-th {
	width: 16.66%;
}
.sty-table-guide.sty-col-7 .col-th {
	width: 14.28%;
}
.sty-table-guide.sty-col-8 .col-th {
	width: 12.5%;
}

.sty-table-guide .th-t1{
	font-size: 13px;
	line-height: 16px;
	padding: 12px 10px;
}	
.sty-table-guide .col-tr:nth-child(2n+2){
	background-color: #FBFBFB;
}
.sty-table-guide .th-t2{
	font-size: 11px;
    line-height: 13px;
}
.sty-table-guide .th-span1{
	font-size: 16px;
	line-height: 19px;
}
.sty-table-guide .th-span2{
	font-size: 13px;
	line-height: 16px;
	margin-top: 2px;
}
.sty-table-guide .col-tr td{
	font-size: 14px;
	line-height: 17px;
	padding: 12px 5px;
}
.type-cm .show-inch{
	display: none;
}
.type-inch .show-cm{
	display: none;
}
.size-chart-title{
	padding-top: 35px;
	padding-bottom: 42px;
}

.chart-title .txt-blue{
	color: #0272BC;
}
.wrap-table-guide  .list-table{
	scrollbar-color: #ccc transparent;
	scrollbar-width: thin;
	-ms-overflow-style: none;
}
.wrap-table-guide  .list-table::-webkit-scrollbar{
	width: 6px !important;
	height: 6px !important;
	background: #F5F5F5;
    border-radius: 6px;
}
.wrap-table-guide  .list-table::-webkit-scrollbar-thumb{
	background: #ccc;
	border-radius: 6px;
}
.wrap-table-guide  .list-table::-webkit-scrollbar-track{
	background: 0 0;
	border-radius: 6px;
}
.block-size-chart .select-styled{
    text-align: center;
    font-size: 18px;
    border-top: 1px solid #EEEEEE;
    text-transform: unset;
}
.block-size-chart .select-styled.active{
	border-bottom-color: transparent;
}
.block-size-chart .select-styled:after{
	right: auto;
    margin-left: 20px;
}
.block-size-chart .select{
	width: 100vw;
    margin-left: -20px;
}
.block-size-chart .select-styled .text-val{
	margin-left: -10px;
}
.block-size-chart .select-options{
	border-top: none;
	text-align: center;
	font-size: 14px;
	padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -12px;
}
.txt-left{
	text-align: left;
}
.desc-guide .desc-tt-a{
	padding-bottom: 50px;
}
.desc-guide .info-row .info-col:first-child{
    width: 53px;
}
.desc-guide .info-row .info-col:last-child{
    width: calc(100% - 53px);
}

.popup-guide .chart-guide-menu .box-l,.popup-guide .chart-guide-menu .box-r,.popup-guide .sty-table-guide,.popup-guide .sty-table-guide .col-tr td,.desc-guide{
	font-size: 12px;
}
.popup-guide .sty-table-guide .col-th{
	font-weight: normal;
}
.popup-chart-guide{
	padding-top: 20px;
    padding-bottom: 50px;
}

@media(min-width: 768px){
	li.list-chart{
		float: left;
	    padding-left: 35px;
	    padding-right: 35px;
	}
	.block-size-chart .block-tt .text-tt{
		font-size: 36px;
	    line-height: 43px;	
	    text-align: center;
	}
	.chart-title{
		font-size: 27px;
	    line-height: 32px;
	    text-align: center;
	}
	.block-sc-detail .sec-first{
		display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    width: 100%;
	    max-width: 650px;
	    margin: 0 auto;
	    align-items: center;
	}
	.block-sc-detail .sec-first .list-sec:first-child{
		width: 37%;
	}
	.block-sc-detail .sec-first .list-sec:last-child{
		width: 63%;
	}
	.info-row .info-col:first-child{
		width: 55px;
	}
	.info-row .info-col:last-child{
		width: calc(100% - 55px);
	}
	.wrap-table-guide .list-table{
		margin-bottom: 40px;
	}
	.show-xs-guide{
		display: none !important;
	}
	.desc-guide .sec-first{
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    width: 100%;
	    max-width: 650px;
	    margin: 0 auto;
	    align-items: center;
	}
	.popup-guide .wrap-table-guide .list-table{
	    margin-bottom: 20px;
	    overflow-x: auto;
	    padding-bottom: 20px;
	}

}
@media(max-width: 767px){
	.hidden-xs-guide{
		display: none !important;
	}
	.block-size-chart .block-tt .text-tt{
		font-size: 27px;
	    line-height: 33px;	
	    text-align: center;
	}
	.chart-title{
		font-size: 22px;
	    line-height: 26px;
	    text-align: center;
	}
	.block-sc-detail .sec-first .list-img{
		text-align: center;
		margin-bottom: 40px;
	}
	.block-sc-detail.women .sec-first .list-img img{
		max-height: 371px;
    	width: auto;
	}
	.block-sc-detail{
		padding-top: 65px;
	}
	.size-chart-title{
		padding-bottom: 45px;
		padding-top: 27px;
	}
	.info-row .tt-s{
		margin-top: 3px;
	}
	.info-row .tt-gray{
		margin-top: 0px;
	}
	#maincontent{
		padding-left: 20px;
    	padding-right: 20px;
	}
	.info-row .info-col:first-child{
		width: 46px;
	}
	.info-row .info-col:last-child{
		width: calc(100% - 46px);
	}
	.info-row{
		margin-bottom: 30px;
	}
	.chart-guide-menu{
		margin-top: 65px;
	}
	.sty-table-guide{
		width: 100%;
	}
	.wrap-table-guide  .list-table{
		overflow-x: auto;
		padding-bottom: 20px;
	}
	.wrap-table-guide{
		width: 100vw;
    	margin-left: -20px;
	}
	.wrap-table-guide .list-table{
		margin-bottom: 38px;
	}
	.wrap-chart-menu{
		margin-top: 35px;
	}
	.popup-size-guide .chart-guide-menu,.popup-size-guide .desc-guide {
		padding-left: 20px;
		padding-right: 20px;
	}

}
