@charset "utf-8";
@media (max-width: 1400px) {
	.statsBox .statsBody ul li .s3{font-size: 0.55rem;}
}

@media (max-width:1272px){
	.with-line{ width: 100%; text-align: center; padding-left: 0; display: flex; padding-right: 0.85rem; margin-left: 54px; padding-right: 63px;}
	.with-line span{font-size:0.75rem;position: relative;display: table-cell;padding-right: 0rem;padding-left: 0.49rem;flex: 1;}
	.with-line span:before{content:"";background-color: #22272a;display: block;width: 37%;height: 2px;position: absolute;top: 10px;/* left: 15px; */}
	.with-line span:after{content:"";background-color: #22272a;display: block;width: 35%;height: 2px;position: absolute;top: 10px;right: 2px;}
	.with-line span:last-child{/* margin-right:0; *//* padding-right:0; */}
	.with-line span:last-child:after{content:"";background-color: #22272a;display: block;width: 37%;height: 2px;position: absolute;top: 10px;right: 0;}
	.with-line span div{ margin: 0 auto; border-right: #333 2px solid; margin-right: 0; border-left: #333 2px solid; text-align: center;}
	
	.statsBox .statsBody ul li .s3{font-size: 0.55rem;}
	
	
}

@media (max-width:1279px){
	.svg-boxs .stext{
	    top: 50%;
	}
	.card-left, .card-right{ max-width: 48%; }
}

@media (min-width: 992px) and (max-width:1200px){
	.section-2{
    background-size: 100% 102%;
	}	

}

/* Large devices (desktops, 992px and up) */
@media (max-width: 1025px) {
	
	.card-left, .card-right{ max-width: 100%; width: 100%; float: none; }
	
	.mobile-dn1025{display:none;}
	
	.auto-h280{max-height:280px}
	
	.section-2{}
	.sut-box h2{padding: 0 0.8333rem;}
	.sut-box .sut-nav{padding: 0 0.8333rem;}
	
	.media-mg-t{margin-top: 3.333rem;}
	
	
	#ranking-box{display:none; position: absolute;top: 90px;left: 50%;width: 280px;margin-left: -140px;}
	#ranking-box .ranking{background: none; border-bottom: #ffffff 2px solid; color: #fff;}
	#ranking-box .ranking-list{width:280px;}
	
	.home-main{padding-top: 9.583rem;padding-left: 0.8333rem;padding-right: 0.8333rem;}
	
	.navbar-fixed-top{background-color:#22272a !important;}
	.navbar-fixed-top .media-nav{display:none !important;}
	.navbar-fixed-top .navbar-header{float:none;}
	.navbar-fixed-top .navbar-brand{float: none;text-align: center;padding: 1rem  0;min-height: 3.333rem;height: 100%;line-height: 0.8333rem;font-size: 0.75rem;}
	.navbar-fixed-top .navbar-brand a{
    position: absolute;
    left: 50%;
    margin-left: -4.667rem;
}
	.navbar-fixed-top .navbar-brand a img{
    width: 9.708rem;
}
	.navbar-fixed-top .custom-search{position: absolute;right: 0.75rem;top: 0.1667rem;}
	
	#ham-off{position: absolute;left: 0.8333rem;top: 0.9167rem;color: #fff;width: 1.583rem;height: 1.417rem;}
	#ham-on{position: absolute;left: 0.8333rem;top: 0.9167rem;color: #fff;display:none;width: 1.583rem;height: 1.417rem;}
	
	
	#mySidenav{
		display:none;
	    position: absolute;
	    left: 0;
	    background-color: #0f1315;
	    width: 100%;
	}
	#mySidenav .col-md-12{padding:0;}
	#mySidenav ul{
	    width: 100%;
	    padding: 0.4167rem 0;
	    margin-bottom: 160px;
	}
	#mySidenav ul li{
	    display: block;
	}
	#mySidenav ul li a{
	    width: 100%;
	    text-align: left;
	    padding: 0.625rem 0 0.625rem 2.5rem;
	    border-bottom: 0;
	    font-weight: 400;
	    color: #e8e8e8;
	    position: relative;
	}
	#mySidenav ul li a:after{content:'';background-image:url('../images/media/media-arr.png');position: absolute;width: 0.75rem;height: 1.333rem;right: 1.5rem;background-repeat: no-repeat;top: 1.042rem;background-size: contain;}
	.media-dp{ display:block;}
	.nav-bt{
    position: fixed;
    width: 16.67rem;
    bottom: 0;
}
	.nav-bt .nbt-1{text-align: center;color: #fff;font-weight: 600;background-color: #161b1d;padding: 1.125rem 0.08333rem;vertical-align: middle;border-bottom: #1e2426 2px solid;height: 3.333rem;line-height: 0.8333rem;text-align: center;font-size: 1rem;}
	.nav-bt .nbt-1 a{color:#fff;}
	.nav-bt .nbt-2{width: 100%;text-align: center;padding: 0.5rem 0;background-color: #161b1d;height: 3.333rem;}
	.nav-bt .nbt-2 a{}
	
	.series-play .splay-left .user-list{margin-left: 0.625rem;min-height: 8.25rem;}

	.series-play .splay-left .user-name{ text-align: right;}
	.series-play .splay-left .user-name h3{ float: left;}
	.series-play .splay-left .user-name img{padding-top: 0.25rem;padding-left: 0.4583rem;}
	
	
	
	.section-style1{}
	.section-style2{}
	.section-style3{
    padding-bottom: 2.167rem;
}
	.section-style4{
    background-size: cover;
}
	.section-style5{}
	
	.section-history-1{}
	.section-history-2{}
	
	.section-history-3{
    background-size: 100% 17%;
}
	.section-history-4{}
	.section-history-5{}
	
	.section-win-1{}
	
	.series-list-box{}
	
	.custom-search {}
	#express-form-typeahead {
    background-size: 1.417rem;
}
	#express-form-typeahead:focus {}
	.search-btn {}
	input[type="search"] {}
	
	.skillbar-box{
    margin-bottom: 1.667rem;
    margin-right: 0;
}
	.skillbar {}
	.skillbar:last-child{}
	
	.skillbar-title {}
	
	.skillbar-title span {
    text-align: left;
    width: 5.833rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
	
	.skillbar-bar {}
	.skill-bar-percent {}
	.skill-title{
    text-align: left;
}
	.skill-p{
    text-align: left;
}
	
	.skillbar:hover{}
	.skillbar:hover .skillbar-bar{}
	.skillbar:hover .skill-bar-percent{}
	

#topKwd::-webkit-input-placeholder {
  /* color: transparent;
  text-indent: -9999px; */
   background-image: url("../images/sna-2.png");
  background-position: 0 50%;
  background-repeat: no-repeat; 
}
#topKwd::-moz-placeholder {
  /* Firefox 19+ */
  /* color: transparent;
  text-indent: -9999px; */
   background-image: url("../images/sna-2.png");
  background-position: 0 50%;
  background-repeat: no-repeat; 
}
#topKwd:-moz-placeholder {
  /* Firefox 18- */
  /* color: transparent;
  text-indent: -9999px; */
   background-image: url("../images/sna-2.png");
  background-position: 0 50%;
  background-repeat: no-repeat; 
}
#topKwd:-ms-input-placeholder {
  /* IE 10- */
  /* color: transparent;
  text-indent: -9999px; */
   background-image: url("../images/sna-2.png");
  background-position: 0 50%;
  background-repeat: no-repeat; 
}

input::placeholder {
	color: #afafaf !important;
	font-size: 14px !important;
}
#sb{
	cursor:pointer;
	-webkit-appearance:none
}







	.img-ms{}
	.img-ms img{}
	.ms-title{}
	.ms-point{}
	
	.rs-container *{ }
	.rs-container{}
	.rs-container .rs-bg,.rs-container .rs-selected{}
	.rs-container .rs-selected{}
	.rs-container.disabled .rs-selected{}
	.rs-container .rs-pointer{}
	.rs-container.disabled .rs-pointer{}
	.rs-container .rs-pointer::after,.rs-container .rs-pointer::before{}
	.rs-container .rs-pointer::after{}
	.rs-container.sliding .rs-pointer,.rs-container.sliding .rs-selected{}
	.rs-container .rs-scale{}
	.rs-container .rs-scale span{}
	.rs-container .rs-scale span::before{}
	.rs-container.rs-noscale span::before{}
	.rs-container.rs-noscale span:first-child::before,.rs-container.rs-noscale span:last-child::before{}
	.rs-container .rs-scale span:last-child{}
	.rs-container .rs-scale span ins{}
	.rs-container.disabled .rs-scale span ins{}
	.rs-tooltip{}
	.rs-container.disabled .rs-tooltip{}
	.rs-scale{}
	.rs-tooltip{}
	
	.rs-container .rs-bg, .rs-container .rs-selected{}
	
	.skillbar-box .skillbar.on .skillbar-bar{ }
	.skillbar-box .skillbar.on .skill-bar-percent{}
	.skillbar-box .skillbar.on .skill-bar-percent2{}
	.skillbar-box .skillbar:hover .skill-bar-percent2{}
	
	
	.table-box{
    overflow-x: scroll;
}
	table.tstyle1 {
    /* width: 800px; */
    /* overflow-x: auto; */
}
	.tstyle1 tr{}
	.tstyle1 th { }
	.tstyle1 th { }
	.tstyle1 th.desc { }
	.tstyle1 th.desc .bspan{}
	.tstyle1 th.asc {}
	.tstyle1 th.asc .bspan{}
	.tstyle1 td { }
	.tstyle1 td img{
    width: 2rem !important;
    height: 2.667rem;
}
	.tstyle1 td:first-child, .tstyle1 th:first-child { }
	.tstyle1 td:last-child, .tstyle1 th:last-child { }
	
	
	
	.tstyle1 th:after, .tstyle1 th:before { }
	.tstyle1 th .bspan{}
	.tstyle1 th.on{}
	
	.tstyle1 th.ba-none:after, .tstyle1 th.ba-none:before{}
	
	.tstyle1 th:after {}
	
	.tstyle1 th:before {}
	
	table.tstyle2 {}
	.tstyle2 tr{}
	.tstyle2 th {}
	.tstyle2 td {}
	
	table.tstyle3 {}
	.tstyle3 tr{}
	.tstyle3 th {}
	.tstyle3 td {}
	.tstyle3 td.td_left{}
	
	.github {}
	
	
	
	.statsBox{}
	.statsBox .statsTitle{
    padding-top: 20px;
}
	.statsBox .statsBody{}
	.statsBox .statsBody img{}
	.statsBox .statsBody ul{}
	.statsBox .statsBody ul li{
    text-align: left;
}
	.statsBox .statsBody ul li:last-child{}
	.statsBox .statsBody ul li:last-child .s1{}
	.statsBox .statsBody ul li .s1{}
	.statsBox .statsBody ul li .s2{}
	.statsBox .statsBody ul li .s3{}
	
	.statsBox .statsBody ul li.on{}
	.statsBox .statsBody ul li.on .s1{}
	.statsBox .statsBody ul li.on .s2{ }
	.statsBox .statsBody ul li.on .s3{ }
	
	.statsBox .statsBody ul li:hover{}
	.statsBox .statsBody ul li:hover .s1{ }
	.statsBox .statsBody ul li:hover .s2{ }
	.statsBox .statsBody ul li:hover .s3{ }
	
	
	.nav-justified{}
	.nav-justified .nav-tabs{}
	.nav-justified .nav-tabs .nav-item{
    margin-right: 5%;
    
}
	.nav-justified .nav-tabs .active{}
	.nav-justified .nav-tabs .nav-item:hover{}
	
	
	
	.range {}
	.range-title{}
	.range input {
    width: 80%;
    margin-left: -40%;
    left: 50%;
}
	.range input::-webkit-slider-thumb {}
	.range input::-moz-range-thumb {}
	.range input::-ms-thumb {}
	.range input::-webkit-slider-runnable-track {}
	.range input::-moz-range-track {}
	.range input::-ms-track {}
	.range input:focus {}
	.range input::-ms-track {}
	
	.range-labels {
    /* padding: 0 20px; */
    margin: 2.333rem 0 0 0.375rem;
}
	.range-labels li {max-width: 16%;
    margin: 0 2%;}
	.range-labels li::before {
    top: -18px;
}
	.range-labels .active {
    max-width: 16%;
    margin: 0 2%;
}
	.range-labels .selected::before {}
	.range-labels .selected::after{}
	.range-labels li.selected:last-child::after{}
	.range-labels .active.selected::before {}
	
	
	.list-img{}
	.list-img li{}
	.list-img .li-1{}
	.list-img .li-2{}
	.list-img .li-3{}
	.list-img .li-4{}
	.list-img .li-5{}
	.list-img .li-6{}
	.list-img .li-7{}
	.list-img .li-8{}
	.list-img .li-1:hover{}
	.list-img .li-2:hover{}
	.list-img .li-3:hover{}
	.list-img .li-4:hover{}
	.list-img .li-5:hover{}
	.list-img .li-6:hover{}
	.list-img .li-7:hover{}
	.list-img .li-8:hover{}
	.list-img li:hover span{}
	.list-img li span{}
	
	
	.chart-box{
		max-width: none;
		width: 100%;
		padding-right: 0.4167rem;
		padding-left: 0.4167rem;
		margin: 0 auto;
		position: relative;
	}
	.chart-box .box1{}
	
	.chart-box .box2{}
	.chart-box .box2:after{}
	.chart-box2{}
	
	.vz-background{}
	.vz-radial_progress-back-circle{}
	
	
	.chart01 {}
	.chart02 {}
	.caption {}
	
	.chart02 .circle01 {}
	.chart02 .circle02 {}
	.chart02 .circle03 {}
	
	
	.chart03 {}
	
	.chart03 .circle01,	.chart03 .circle02,	.chart03 .circle03,	.chart03 .frame {}
	
	.chart03 .caption {}
	
	.circle-chart__circle {}
	
	.on-box{}
	.on-box > svg{width: 100% !important;height: 16.96rem !important;}
	.on-text{}
	.on-text h2{}
	.on-text .ot-ul{}
	.on-text .ot-ul li{}
	.on-text .ot-ul li .ot-line{}
	.on-text .ot-ul li .ot-line2{}
	.on-text .ot-ul li .ot-percent{}
	.on-text .ot-ul li .ot-text{}
	
	.with-line{
    display: block;
    text-align: left;
}
	.with-line span{
		text-align: center;
	    position: relative;
	    width: 23%;
	    display: inline-block;
	    /* margin-right: 3px; */
	    margin-right: 17px;
	    border-left: #333 2px solid;
	    border-right: #333 2px solid;
	}
	.with-line span:before{
    left: 0;
}
	.with-line span:after{
    right: 0;
}
	.with-line span:last-child{}
	
	
	.animated-header #mySidenav{display:none;overflow-y: auto;}
	.topNav{
    overflow-y: auto;
    height: 100vh;
}
	.topNav .tn-ul{}
	.topNav .tn-ul li{}
	.topNav .tn-ul li.on{}
	.topNav .tn-ul li a{}
	.topNav .tn-ul li a:hover{}
	
	.sut-box{}
	.sut-box h2{}
	.sut-nav{
	    top: 3.333rem;
	    padding: 0 0.8333rem;
	}
	.sut-nav ul.sut-ul{}
	.sut-nav ul.sut-ul li{}
	.sut-nav ul.sut-ul li a{}
	.sut-nav ul.sut-ul li.active a{}
	.sut-nav ul.sut-ul li.on a{}
	.sut-nav ul.sut-ul li a:hover{}
	.sut-nav ul.sut-ul li:last-child a{}
	.sut-dropdwn{}
	
	.sut-nav2{}
	.sut-nav2 ul.sut-ul{
	    padding: 0 0.8333rem;
	}
	.sut-nav2 ul.sut-ul li{ }
	.sut-nav2 ul.sut-ul li a{ }
	.sut-nav2 ul.sut-ul li.active a{}
	.sut-nav2 ul.sut-ul li > a:hover{}
	.sut-nav2 ul.sut-ul li:last-child a{}
	
	.sut-nav2{ }
	.sut-nav2 ul.sut-ul2{padding: 0 20px;}
	.sut-nav2 ul.sut-ul2 > li{ }
	.sut-nav2 ul.sut-ul2 > li a{ }
	.sut-nav2 ul.sut-ul2 > li.active a{}
	.sut-nav2 ul.sut-ul2 > li a:hover{}
	.sut-nav2 ul.sut-ul2 > li:last-child a{}
	
	
	.table-label{}
	.table-label .tl-div{
    margin-bottom: 0.8333rem;
    margin-top: 0.8333rem;
    float: left;
    width: 100%;
}
	.table-label .tl-div .tl-text1{
    float: left;
    margin-top: 0;
    padding-left: 0.8333rem;
}
	.table-label .tl-div .tl-text2{
    float: right;
    margin-top: 0;
    margin-right: 0.8333rem;
}
	
	.comp-ban{}
	.comp-ban h3{}
	.comp-ban .ban-img1{}
	
	.section-title{
    padding-left: 0.8333rem;
    padding-top: 2.083rem;
    margin-bottom: 0.8333rem;
    padding-right: 0.8333rem;
}
	.section-title2{
    padding: 0 0.8333rem;
}
	
	.section-title .st-right{
    margin-bottom: 0.9583rem;
    display: block;
    text-align: left;
    /* 잠시위치수정 */
    /* float: left; */
    margin-right: 10px;
}
	
	.card-list-top{}
	.card-list-top div{}
	.card-list{}
	.card-list .card-ul{
	    padding: 0 0.8333rem;
	}
	.card-list .card-ul > li{padding: 0.8333rem 0.8333rem;}
	.card-list .card-ul li:nth-child(2n){}
	.card-list .card-ul2{
	    padding: 0 20px;
	}
	.card-list .card-ul2 > li{}
	.card-list .nth-bg-2 li:nth-child(2n){}
	.card-list-bg .card-ul > li{}
	.card-list-bg .card-ul > li:nth-child(2n){}
	
	.card-list2{}
	.card-list2 .card-ul{
    padding: 0 0.8333rem;
}
	.card-list2 .card-ul li{}
	.card-list2 .card-ul li > div{padding: 1.25rem;}
	.card-list2 .card-ul li > div > div{}
	.card-list2 .card-ul li .cl-p{
    padding: 0.4167rem 0;
    font-size: 0.9167rem;
    letter-spacing: -0.5px;
}
	.card-list2 .card-ul li .card-list div:first-child p{
    padding-left: 0;
    font-size: 1.167rem;
    font-weight: 700;
}
	.card-list2 .card-list-top div:first-child{}
	.card-list2 .card-ul li .cl-img:first-child{}
	
	.card-list2 .card-ul li .cl-arr{
    font-size: 0.75rem;
}
	.card-list2 .card-ul li .cl-arr span{}
	.card-list2 .card-ul li .cl-arr img{
    padding-left: 6px;
    vertical-align: initial;
}
	.card-list2 .card-ul li .cl-img{}
	.card-list2 .card-ul li .cl-img img{}
	.card-list2 .card-ul li .cl-span{}
	.card-list2 .card-ul li:nth-child(2n){}
	
	
	.box-1{
    display: block;
    padding-left: 0;
    margin-top: 0;
}
	.box-1 span{
    display: block;
    width: 100%;
}
	.box-2{
    
}
	.box-2 span.span1{width: 100%;display: block;}
	.box-2 span.span2{}
	
	.year-list{
    padding: 1% 7%;
    width: 86%;
}
	.year-list .year-ul{
    margin: -0.2917rem auto 0 auto;
}
	.year-b-left { left: 1rem; }
	.year-b-right { right: 1rem; }
	.year-list .year-ul .year-icon { margin-bottom: 0; }
	
	.panel-c-klpga{}
	.panel-c-klpga .panel-heading{}
	.panel-c-klpga .panel-heading .ph-right{}
	.panel-c-klpga .panel-body{}
	.panel-c-klpga .panel-body .panel-row{}
	.panel-c-klpga .panel-body .panel-row .pan-div{}
	.panel-c-klpga .panel-body ul.player-user-list{}
	.panel-c-klpga .panel-body ul.player-user-list li{
    width: 33%;
    font-size: 0.8333rem;
}
	.section-location .panel-c-klpga .panel-body ul.player-user-list li{ width: 50%; font-size: 0.8333rem; 	}
	.section-location .panel-c-klpga .panel-body ul.player-user-list li a{ width: 100%; }
	
	.panel-c-klpga .panel-body ul.player-user-list2 li{
	    /* width: 25%; */
	    font-size: 0.8333rem;
	}
	
	.panel-c-klpga .panel-body ul.player-user-list li a{
    width: 82px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
}
	.panel-c-klpga .panel-body ul.player-user-list2 li a{
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 37%;
    min-width: 49px;
}
	
	
	.swiper-players-mobile{ padding: 0 25px;}
	.swiper-player{}
	.swiper-player img { max-width: 148px !important; }
	.swiper-player span{ max-width: 148px }
	
	.consonants-box{}
	.consonants-box .cons-ul{}
	.consonants-box .cons-ul li{}
	.consonants-box .cons-ul li a{}
	.consonants-box .cons-ul li a span{}
	.consonants-box .cons-ul li.on a{}
	.consonants-box .cons-ul li.on a span{}
	.consonants-box .cons-ul li a:after{}
	.consonants-box .cons-ul li:last-child a:after{ }
	.consonants-box .cons-ul li .cons-span{}
	
	.uh-box{padding: 0.5rem;max-width: 1407px;}
	.uh-box img{}
	.uh-box h4{
    margin: 0.8333rem 0 0.2083rem;
}
	.uh-box span{
    
padding: 0.2083rem 0 0 0;
    
letter-spacing: -0.5px;
}
	.uh-box span.uhspan{
    padding-top: 0.5rem;
    color: #d63b47;
    cursor: pointer;
    padding-bottom: 2px;
}
	
	.record-chart{ }
	.record-range{
    margin-top: 140px;
    margin-bottom: 2.083rem;
}
	
	.record-box-1{}
	.record-box-2{}
	
	.record-title{}
	.record-title2{}
	.md-select {
    position: relative;
}
	.md-select *, .md-select :after, .md-select :before {}
	.md-select [type=button] {}
	.md-select [type=button]:focus, .md-select [type=button]:hover {}
	.md-select [type=button]:after {
    position: absolute;
    right: 0;
}
	.md-select ul {}
	.md-select ul li {
    height: auto;
}
	.md-select ul li:focus, .md-select ul li:hover, .md-select ul li.active {}
	.md-select.active ul {
    /* top: 2.083rem; */
    max-height: 120px;
}
	.col-select{border-bottom: #d8d8d8 1px solid;}
	.col-select label{}
	.row .col-select:last-child{
    border-bottom: 0;
}
	.row .col-select#sel5 {border-bottom: #d8d8d8 1px solid;}
	
	.kg-select2 > .md-select {}
	.kg-select2 > .md-select *, .md-select :after, .md-select :before {}
	.kg-select2 > .md-select [type=button] {}
	.kg-select2 > .md-select [type=button]:focus, .md-select [type=button]:hover {}
	.kg-select2 > .md-select [type=button]:after {}
	.kg-select2 > .md-select ul {}
	.kg-select2 > .md-select ul li {}
	.kg-select2 > .md-select ul li:focus, .md-select ul li:hover, .md-select ul li.active {}
	.kg-select2 > .md-select.active ul {}
	
	.swiper-container {}
	.swiper-slide-duplicate{}
	.swiper-slide {}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: -16px !important;width: 1.125rem;height: 1.833rem;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: -16px !important;width: 1.125rem;height: 1.833rem;}
	
	.his-box{}
	.his-box .hisb-1{}
	.his-box .hisb-2{
}

	.his-box .hisb-2 span{
    
}
	
	.list-ues{}
	.lu-box{
    max-width: 6.667rem;
    margin: 0  2%;
}
	.lu-box h5{ }
	.lu-box h5.text-center{}
	.list-ues .lu-box .ues-div{}
	.list-ues .lu-box:last-child{
    margin-right: 6%;
}
	.list-ues .lu-box .ues-div .thumb,
	.list-ues .lu-box .ues-description { margin: 0px; box-shadow: 0 5px 8px #797979; }
	.ues-description.mheight { min-height: 100px; }
	
	
	.la-popup{
    width: 95%;
}
	.la-popup .lp-title{
    margin-bottom: 0.8333rem;
}
	.la-popup .lp-title span{
    padding-left: 0;
}
	.la-popup .lp-title a{}
	.la-popup .lp-title img{
    width: 18px;
}
	.la-popup .lp-body{}
	
	.la-popup2{
    right: 2.5rem;
    width: 14.5rem;
    max-height: 15.83rem;
    overflow: hidden;
    /* overflow-y: scroll; */
    top: 7rem;
}
	.la-popup2 .lp-title{
    text-align: left;
    margin-bottom: 0.8333rem;
}
	.la-popup2 .lp-title span{
    float: none;
    text-align: left;
    display: inline-block;
}
	.la-popup2 .lp-title a{
    float: right;
}
	.la-popup2 .lp-title img{
    width: 1.167rem;
}
	.la-popup2 .lp-body{
    width: 12.21rem;
    height: 200px;
    overflow-x: scroll;
    -webkit-transform:translateZ(0);
}
	
	.la-popup3{
    width: 16.67rem;
    margin-left: -12.96rem;
}
	.la-popup3 .lp-title{}
	.la-popup3 .lp-title span{}
	.la-popup3 .lp-title a{}
	.la-popup3 .lp-title img{}
	.la-popup3 .lp-body{}
	
	.la-popup3 .lp-body .ues-div{}
	
	.la-popup3 .lp-body .ues-div img{}
	.la-popup3 .lp-body .ues-div .span3{
    max-width: 6.667rem;
    display: block;
    width: 100%;
}
	.la-popup3 .lp-body .ues-div .span4{}
	.la-popup3 .lp-body .ues-label-bg{}
	
	
	.lp-table{}
	.lp-table tr{}
	.lp-table tbody tr:nth-child(2n){}
	.lp-table tr th{}
	.lp-table tr td{}
	.kg-select{
	    right: 0.8333rem;
	}
	.kg-select button{
    white-space: nowrap;
}
	.kg-select .md-select ul{}
	
	.timeline-boxt{
    padding: 0px 1rem;
    /* height: 4.583rem; */
}
	.timeline-boxt .timeline-logo{
    padding-right: 1rem;
    display: none;
}
	.timeline-boxt .timeline-logo a{}
	.timeline-boxt .timeline-logo a img{
    width: 100%;
}
	.timeline-boxt .timeline-logo:after{}
	.timeline-boxt .timeline-year{}
	.timeline-boxt .timeline-year .year-dwo{}
	.timeline-boxt .timeline-year .year-dwo .year-list{}
	.timeline-boxt .timeline-year .year-dwo .year-list:after{
    top: 0.5rem;
}
	.timeline-boxt .timeline-year .year-dwo .year-list-box{
    width: 5rem;
    height: 8.333rem;
    bottom: 3.292rem;
    margin-left: -44px;
}
	.timeline-boxt .timeline-year .year-dwo .year-list-box:after{}
	.timeline-boxt .timeline-year .year-dwo .year-list-box div{}
	.timeline-boxt .timeline-year .year-dwo .year-list-box div span{}
	.timeline-boxt .timeline-year .year-dwo .year-list-box span:hover{ }
	.timeline-boxt .timeline-bar{}
	.timeline-boxt .timeline-bar .tb-back{}
	
	
	
	.slider.slider-horizontal{}
	.slider.slider-horizontal .slider-track{}
	.tooltip-inner{
    
color: #fff;
    
background: #d63b47;
}
	.tooltip.top .tooltip-arrow{}
	.slider-handle{
    height: 1.542rem !important;
}
	.slider-handle.round{}
	.slider-selection{}
	.tb-text{
    bottom: 0;
}
	.tb-text span{
    color: #000000;
    
}
	.tb-text span:nth-child(1){}
	.tb-text span:nth-child(2){}
	.tb-text span:nth-child(3){}
	.tb-text span:nth-child(4){}
	.tb-text span:nth-child(5){}
	
	
	.dropdown-style1{}
	
	.search-title{
    padding: 0 0.8333rem;
}
	.search-title h2{
    padding: 0;
    height: 3.333rem;
    margin-top: 0.8333rem;
    margin-bottom: 0.4167rem;
}
	.search-title h3{
    font-size: 1rem;
}
	.search-title h2 span{}
	.search-title p{
}
	.search-title p span{}
	.search-title .search-move{}
	
	.search-title2{}
	.search-title2 h2{
    padding: 1.25rem 0.8333rem 0.625rem 0.8333rem;
}
	
	.ul-video{
    padding: 0 20px;
}
	.ul-video li{
    width: 48%;
    margin-right: 4%;
    /* height: 309px; */
}
	.ul-video li:nth-child(2n){margin-right:0;}
	.ul-video li:nth-child(4n){}
	.ul-video2{
    margin: 0 0.8333rem;
}
	.ul-video2 li{}
	.ul-video2 li:nth-child(2n){}
	
	.ul-video2 li .video-box{}
	.video-box{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
	.video-box .video-start{}
	.video-box .video-start:after{}
	.video-box .video-start img{}
	
	.video-box .video-img{/* display: block; *//* min-height: 6.5rem; *//* max-height: 6.5rem; */overflow: hidden;border-radius: 10px 10px 0 0;/* min-height: 5rem; */max-height: 13.5rem;}
	.video-box .video-img img{
    min-height: 7.25rem;
    border-radius: 0;
}
	
	
	.video-box .video-text{}
	.video-box .video-text p{}
	.video-box .video-text span{
    line-height: 1.5;
}
	
	.top-com{
    position: absolute;
    top: 0;
}
	.top-com .com-checkbox{}
	.top-com .com-checkbox label{
    display: none;
}
	
	.input-sum{
    width: calc(100% - 5.6rem);
    margin: 0.2917rem auto;
}
	.input-sum input{
	    padding: 2px 0 5px 16px;
	    font-size: 1.2rem;
	    height: 2.708rem;
	}
	.input-sum input::-webkit-input-placeholder { /* 크롬 4–56 */
	    color: #747c81;
	    background-image:url("../images/sna-2.png");
	    background-size:19px;
	    background-color:rgba(255, 255, 255, 0);
	    background-repeat:no-repeat;
	    padding-left:30px;
	    font-size:1rem;
	}
	.input-sum input:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */
	   color:  #747c81;
		background-image:url("../images/sna-2.png");
		background-size:19px;
		background-color:rgba(255, 255, 255, 0);
		background-repeat:no-repeat;
	}

	
	.input-sum button{
    left: 10px;
    width: 30px;
    height: 30px;
    background-image: url("../images/sna-2.png");
    background-color: rgba(255, 255, 255, 0);
    background-size: 19px;
}
	.sut-dropdwn{
}
	.dropdown-style1{
    width: 100%;
}
	.dropdown-style1 > button{
    background: #fff;
    border-bottom: #d8d8d8 1px solid;
    text-align: left;
    font-size: 1rem;
    padding-left: 0.8333rem;
}
	.dropdown-style1 > button .caret{display:none;}
	.dropdown-style1 .dropdown-menu{
    width: 100%;
    display: block;
    top: 58px;
    border: none;
    border-radius: 0;
    padding: 0.75rem 0.8333rem;
}
	.dropdown-style1 .dropdown-menu li{}
	.dropdown-style1 .dropdown-menu li{}
	
	.check-wrap{}
	.check-wrap .cw-title{}
	.check-wrap .row > div > label{}
	.input-text-1{}
	
	.ses-box{ }
	.ses-box > button{}
	.ses-box > button:last-child{}
	.ses-btn1{}
	.ses-btn1:after{}
	.ses-btn1.active{}
	.ses-btn1:after{}
	.ses-btn1.active:after{}
	
	
	
	.qmenu-search{
   /*  display: none; */
}
	.qmenu-search .qs-list-box{}
	.qmenu-search .qs-list-box .qs-title{}
	
	.qslb-ul-1{}
	.qslb-ul-1 li{
	 font-size: 0.875rem;
	 padding: 10px 10px 10px 0;
	}
	.qslb-ul-1 li span{
    color: #3a3a3a;
    font-weight: 500;
}
	.qslb-ul-1 li:nth-child(1) > span{}
	.qslb-ul-1 li:nth-child(2) > span{}
	.qslb-ul-1 li:nth-child(3) > span{}
	.qslb-ul-1 li.qs-up{
    background-position: right 12px center;
}
	.qslb-ul-1 li.qs-down{
    background-position: right 12px center;
}
	.qslb-ul-1 li.qs-mi{
    background-position: right 12px center;
}
	
	.qslb-ul-2{
    padding: 0.875rem 0.875rem 0.875rem 0;
}
	.qslb-ul-2 li{
    font-size: 0.875rem;
    padding: 10px 10px 10px 54px;
    background-image: url(../images/sna-2.png);
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: 16px center;
    position:relative;
}
	.qslb-ul-2 li span{}
	.qslb-ul-2 li .del{}
	.qs-title{display:none;}
	
	.m-qs-list-box{
    position: fixed;
    top: 3.333rem;
    width: 100%;
    background: #fff;
    display:none;
}
	.m-qs-list-box.active{display:block;}
	.m-qs-list-box .m-qs-nav{}
	.m-qs-list-box .m-qs-nav .m-qs-tabs{
    display: flex;
}
	.m-qs-list-box .m-qs-nav .m-qs-tabs a{
    font-size: 1rem;
    color: #3a3a3a;
    text-align: center;
    display: block;
    flex: 1;
    height: 50px;
    line-height: 48px;
    background: #fff;
}

	.m-qs-list-box .m-qs-nav .m-qs-tabs a.active{ border-bottom: #e92441 5px solid;}
	.m-qs-list-box .m-qs-content{
    background: #fff;
}
	.m-qs-list-box .m-qs-content .tab-pane{display:none;background-color: #fff;}
	.m-qs-list-box .m-qs-content .tab-pane.active{display:block;}
	
	.player-box{ margin: 0 0.8333rem;}
	.player-box > div{}
	.player-box > div:nth-child(2n){}
	.player-box > div:nth-child(2){ }
	.player-box > div:nth-child(3){ }
	.player-box > div:nth-child(6){ }
	.player-box > div:nth-child(7){ }
	.player-box > div:nth-child(10){ }
	
	
	
	
	.player-card{
    padding: 0.8333rem;
    min-height: 49px;
    display: flex;
    vertical-align: middle;
    }
	.player-card .pc-left{width: 100%;height: 100%;vertical-align: middle;flex: 1;}
	.player-card .pc-left img{
    width: 5rem;
    vertical-align: middle;
    height: 6.8rem;
    }
	.player-card .pc-right{
    padding-left: 0.8333rem;
    flex: 4;
    vertical-align: middle;
    margin-left: 0;
    }
	.player-card .pc-right h3{
    height: auto;
    font-size: 1.167rem;
    margin-bottom: 0.4167rem;
    }
	.player-card .pc-right h3 .mark{/* background-color: rgba(255, 255, 255, 0); *//* vertical-align: middle; */padding: 0;}
	.player-card .pc-right h3 > span{
    height: auto;
    font-size: 0.8333rem;
    vertical-align: middle;
    margin-left: 0.7917rem;
    }
	
	
	.player-card .pc-right .player-dl{}
	.player-card .pc-right .player-dl dt{
    width: 19%;
    margin-bottom: 0.2917rem;
    letter-spacing: -0.5px;
}
	.player-card .pc-right .player-dl dd{
    width: 28%;
    letter-spacing: -0.5px;
}
	
	.player-box2{
    padding: 0 0.8333rem;
}
	.player-card2{
    /* margin: 0 0.8333rem; */
    padding: 0 0.8333rem;
    min-height: 49px;
    display: flex;
    vertical-align: middle;
}
	.player-card2 .pc-left{/* display:none; */height: 100%;vertical-align: middle;/* flex: 1; */}
	.player-card2 .pc-left img{
    /* height: 120px; */
    width: 3.75rem;
    vertical-align: middle;
    height: 5rem;
}
	.player-card2 .pc-right{
    padding-left: 0.8333rem;
    flex: 4;
    vertical-align: middle;
}
	.player-card2 .pc-right h3{
    height: auto;
    font-size: 1.167rem;
}
	.player-card2 .pc-right h3 .mark{/* background-color: #fff; *//* vertical-align: middle; */padding: 0;}
	.player-card2 .pc-right h3 > span{
    height: auto;
    font-size: 0.8333rem;
    vertical-align: middle;
}
	
	.player-card2 .pc-right h3 div{}
	.player-card2 .pc-right h3 div span{}
	
	.player-card2 .pc-right .player-dl{}
	.player-card2 .pc-right .player-dl dt{}
	.player-card2 .pc-right .player-dl dd{}
	
	.pc-btn-list{
    display: none;
}
	.pc-btn-list button{}
	.pc-btn-list .pc-btn{}
	.pc-btn-list .pc-btn.active{}
	.player-table{}
	.player-table tr{}
	.player-table tr th{}
	.player-table tr td{}
	
	.player-table-2{
    width: 100%;
}
	.player-table-2 tr{}
	.player-table-2 tr th{}
	.player-table-2 tr td{
    font-size: 0.8333rem;
    position: relative;
    padding: 0 0 0 0.83333rem;
}
	.player-table-2 tr td:first-child{padding-left:0;}
	.player-table-2 tr td:after{content:"";height: 23px;background-color: #e8e8e8;width: 1px;position: absolute;top: 0;right: 0;display: block;}
	.player-table-2 tr td:last-child:after{display:none;}
	
	.pagination-nav{}
	.pagination-nav ul{
    width: 100%;
    text-align: center;
    display: block;
}
	.pagination-nav li{
    /* display: inline-block; */
    /* float: left; */
}
	.pagination-nav li a{
    padding: 6px 3.3%;
    float: none;
    letter-spacing: -0.5px;
}
	.pagination-nav li a:hover{}
	.pagination-nav li a.active{}
	.pagination-nav li a span{padding: 20px 5px;}
	.pagination-nav li a img{}
	.pagination-nav li:last-child a span{}
	
	
	.pcb-btn{
    margin-left: 0;
    margin-top: 10px;
    font-size: 0.62083rem;
}
	
	.totom{
    display: none;
}
	.totom span{}
	
	.player-section{}
	.result-section{}
	.search-section{}
	
	
	.img-bg-1{ }
	.img-bg-2{}
	
	.st-btn-1{}
		
	.series-top{}
	.series-top .sert-dr{
    max-width: 15rem;
}
	.series-top .sert-dr .md-select{}
	.series-top .sert-dr .md-select button{}
	.series-top .sert-text{}
	
	.sert-sl{
    padding-top: 60px;
}
	
	.sert-text img{
    display: block;
    text-align: center;
    margin: 0 auto 0.8333rem auto;
}
	.sert-text h2{ display:block; margin-bottom:10px;
    
}
	.sert-sl button:last-child{margin-right:0;}
	.sert-text button{
    min-width: 2.5rem;
    padding: 1px 7px 1px 7px;
    margin-right: 7px;
}
	
	.series-list{}
	.series-list ul{}
	.series-list ul li{
    padding: 1.042rem 0;
}
	.series-list ul li:last-child{}
	.series-list ul li .serl-title{
    
padding-bottom: 0.4167rem;
}
	.series-list ul li p{
    
}
	.series-list ul li p span{
    display: block;
}
	
	.series-list2{
	    margin-top: 40px;
	}
	.series-list2 ul{
	    padding-top: 0.8333rem;
	}
	.series-list2 ul li{
	    margin-right: 0;
	    display: block;
	    margin-top: 0;
	    padding-left: 1.25rem;
	    padding-right: 1.25rem;
	    padding-bottom: 0.6667rem;
	}
	.series-list2 ul li > img{
	    display: none;
	}
	.series-list2 ul li:last-child{}
	.series-list2 ul li .serl-title{}
	.series-list2 ul li p.ser-p-1{
	    width: 100%;
	    text-align: right;
	    margin-left: 0;
	    
	}
	.series-list2 ul li p.ser-p-1 span{
	    float: left;
	    max-width: 200px;
	    padding-right: 1.667rem;
	}
	
	.table>thead>tr>th{ }
	.table>tbody>tr>td{}
	.table>tbody>tr:nth-child(2n) td{}
	
	.last-lasy{}
	.list-mg{
    padding-top: 2.083rem;
}
	.list-mg .lu-box h5{
    margin-bottom: 0.8333rem;
	font-size: 0.8333rem;
}
	.list-mg .lu-box .ues-label-bg{
    left: -0.8333rem;
    top: 2.208rem;
}
	.list-mg .lu-box .ues-label-bg p{
    width: 2.425rem;
    padding: 0.125rem 0.4167rem 0 0.4167rem;
}
	.list-mg .lu-box .ues-label-bg p span{
    
}
	.list-mg .lu-box .ues-label-bg::after{
    width: 2.425rem;
}
	
	
	
	.menu-new{
    margin-top: -13px;
}
	.menu-new .mn-box{}
	.menu-new .mn-box .mn-div{}
	.menu-new .mn-box .mn-div:last-child{}
	.menu-new .mn-box .mn-div.active{}
	.menu-new img{
    width: 1.083rem;
}
	
	.sub-nav-div{}
	.sub-nav-ul{
    padding: 0 0.8333rem;
    display: flex;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
}
	.sub-nav-ul > li{}
	.sub-nav-ul > li a{}
	.sub-nav-ul > li.active>a{}
	.sub-nav-ul > li:active>a:hover{}
	.sub-nav-ul > li:active>a:focus{}
	.mine-sub-nav{}
	.mine-sub-nav li{}
	.mine-sub-nav li a{} 
	
	.sub-nav-content{}
	.sub-nav-content .tab-content{}
	.sub-nav-content .tab-pane{}
	.sub-nav-content .tab-pane ul{}
	.sub-nav-content .tab-pane ul li{}
	.sub-nav-content .tab-pane ul li a{}
	.sub-nav-content .tab-pane ul li.active a{}
	.sub-nav-content .tab-pane ul li.active a:hover{}
	.sub-nav-content .tab-pane ul li.active a:focus{}
	.sub-nav-content2{}
	.sub-nav-content2 .tab-content{}
	.sub-nav-content3{}
	.snc-p1{
    
    padding: 1% 5%;
}
	.snc-p1 span{
    display: inline-block;
    padding-left: 10px;
}
	.snc-p2{
    
padding: 15% 5%;
    
width: auto;
    
letter-spacing: -1.3px;
    
font-size: 0.9rem;
}
	.snc-span{
    
display: inline-block;
    
font-size: 0.9rem;
    
letter-spacing: -1.3px;
}
	.snc-p3{
    
    padding: 15% 5%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
	
	.n2-row{}
	.n2-row > row{}
	.n2-col2{}
	.n2-col10{
    padding-left: 15px;
}
	.ban-row{
    margin: 0;
}
	.ban-row .ban-row-div{}
	.ban-row .ban-row-div:last-child{
}
	.ban-row-div > div > div{padding-right:0;}
	.ban-row-div > div > div:last-child{padding-right:15px;}
	
	.row-border-list{}
	
	.row-border-list:last-child{}
	.row-border-list:nth-child(2n){}
	
	.row-border-list:nth-child(2n) .snc-p1{}
	.row-border-list:nth-child(2n) .ban-row .ban-row-div{
}
	
	.sae-text{}
	
	.row-table-top{}
	.row-table-top .rtp-text{ }
	.row-table-top .rtp-text2{ }
	.row-table-top .rtp-p{ }
	.row-table-top > div{}
	.row-table-body{}
	.row-table-body .rtb-list{ }
	.row-table-body .rtb-list:nth-child(2n){}
	.row-table-body .rtb-list:nth-child(2n) .rtb-text{}
	.row-table-body .rtb-list:nth-child(2n) .rtb-text2{}
	.row-table-body .rtb-list .rtb-text{  }
	.row-table-body .rtb-list .rtb-text2{}
	.row-table-body .rtb-list:last-child{}
	
	.row-table-top2{ }
	.row-table-top2 .rtp-text{}
	.row-table-top2 .rtp-p{ }
	.row-table-top2 > div{}
	.row-table-body2{ }
	.row-table-body2 > div{  }
	.row-table-body2 .rtb-list{ }
	.row-table-body2 > div:nth-child(2n){}
	.row-table-body2 > div:nth-child(2n) .rtb-div-wwx{}
	.row-table-body2 > div:nth-child(2n) .rat-left{}
	.row-table-body2 > div:nth-child(2n) .rtb-list .rtb-text{}
	.row-table-body2 .rtb-list .rtb-text{}
	
	.row-table-last{}
	.row-table-last .rtl-list{}
	.row-table-last .rtl-list .rtl-text{}
	.row-table-last .rtl-list .rtl-text.red{}
	.bor-r{}
	.pd-r0{}
	
	.rat-right{}
	.rat-left{}
	
	.row-table-footer{}
	.row-table-footer .rtf-list{}
	.row-table-footer .rtf-list .rtf-text{}
	.row-table-footer .rtf-list:last-child{}
	
	.course-box{}
	.course-box .course-div{
    display: block;
    width: 100%;
}
	.course-box .course-div h3{}
	.course-box .course-div p{}
	.course-box .course-div:last-child{}
	
	.course-box .course-div:nth-child(2n):after{
    display: none;
}
	.course-box .course-div:nth-child(3){
    border-bottom: #d8d8d8 1px solid;
}
	.course-box .course-div:nth-child(4){}
	
	.co-pd2{}
	
	.co-pd3{}
	
	.rsp-ww{}
	
	.rtb-div-wwx{}
	.rtb-div-wwx > div:nth-child(2n) > div{}
	.rtb-div-wwx:nth-child(2n) .rtb-text{}
	
	.target{}
	 
	.dis-table{}
	.dis-cell{}
	 
	.course-ch-ul{
    margin-left: 105px;
    display: flex;
}
	.course-ch-ul li{
    padding-right: 87px;
    flex: 1;
}
	.course-ch-ul li:first-child{}
	.course-ch-ul li:last-child{}
	
	.series-play{}
	.series-play .splay-left{
    margin-top: 4.167rem;
}
	.series-play .splay-left .user-img{}
	.series-play .splay-left .user-img img{}
	.series-play .splay-left .user-list{}
	.series-play .splay-left .user-name{}
	.series-play .splay-left .user-name h3{
    
}
	.series-play .splay-left .user-name img{
    width: 1.167rem;
}
	.user-n-ul{}
	.user-n-ul li{
	    text-align: right;
	    padding-bottom: 0rem;
	}
	.user-n-ul li p.unu-p-1{
	    float: left;
	    text-align: left;
	    
	}
	.user-n-ul li p.unu-p-2{
	
	}
	
	
	.splay-right{
	    margin-top: 0;
	}
	.sr-img-list{
	    max-width: 100%;
	}
	.sr-img-list img{
	width: 2.5rem;
	}
	.sr-img-list img:nth-child(4){}
	.sr-img-list img:nth-child(5){}
	.sr-img-list img:nth-child(6){}
	.sr-img-list img.active{}
	.sr-img-list img:hover{}
	.sr-img-list .pos-r{
	    margin-right: 0.6667rem;
	}
	
	.back-none{}
	.back-none figcaption{}
	
	.back-none span{}
	.imghver-after{}
	
	.imghvr-flip-vert figcaption{}
	
	figure{}
	
	
	.player-si{
    padding-bottom: 1rem;
}
	.player-si h3{
    padding: 1.25rem 0.8333rem 0 0.8333rem;
    margin-top: 0;
}
	.player-si h3 .pla-right{}
	.player-si h3.cos{
    padding: 1.25rem 0.8333rem;
}
	.player-si h3 .pla-right2{}
	.player-si h3 .pla-right2 img{}
	.player-si h3.cos2{ text-align:left;}
	.player-si h3.cos3{}
	.player-si h3.cos3 span{}
	.player-si h3.cos4{}
	.player-si h3.cos4 .kg-select{}
	
	span.display .imghver-after{}
	.imghver-after:after{}
	.imghver-after p{}
	
	.sec-si{}
	.sec-si p{max-width: 32%;}
	.sec-si p:last-child{}
	.sec-si p span{
    
}
	.sec-si p:after{}
	.sec-si p:last-child:after{}
	
	.sec-si-2{}
	.sec-si-2 p{
    max-width: 32%;
    margin: 0.5rem 0 0.8333rem 0;
}
	.sec-si-2 p:last-child{}
	.sec-si-2 p .span-1{
    
font-size: 0.8333rem;
    
letter-spacing: -0.7px;
}
	.sec-si-2 p .span-2{}
	.sec-si-2 p:after{}
	.sec-si-2 p:last-child:after{}
	
	.lae-wrap{}
	.lae-wrap .lae-dee{}
	.lae-wrap .lae-dee img{}
	.lae-wrap .lae-title{}
	.lae-wrap .lae-body{}
	
	.omp-p{}
	.btn-box{}
	.btn-red{}
	
	.ssrch-img{
    margin-right: 0.8333rem;
    margin-top: 2.25rem;
}
	
	.kg-select-box{}
	.kg-select-box span{
    display: block;
}
	
	.check-lbox{
    padding: 0.4167rem;
}
	
	.omp-img1{}
	.omp-img1 img{}
	.omp-img2{}
	.omp-img2 img{}
	.omp-img3{
    left: 0;
}
	.omp-img3 img{
    width: 200px;
}
	
	.auto-table{
	/* width: 900px; */
	/* overflow: scroll; */
	/* display: block; */
	}
	.auto-table .auto-title{
    /* display: table; */
    /* width: 100%; */
}
	.auto-table .auto-title > div{
	/* display: table-cell; */
	/* padding: 0 20px; */
	/* min-width: 120px; */
	}
	.auto-table .auto-title > div span{}
	.auto-table .auto-body{
    /* overflow-x: scroll; */
}
	.auto-table .auto-body .ab-list{
    /* display: table; */
    /* width: 100%; */
}
	.auto-table .auto-body .ab-list:nth-child(2n){}
	.auto-table .auto-body .ab-list > div{
	    /* width: 120px; */
	    /* text-overflow: ellipsis; */
	    /* overflow: hidden; */
	    /* display: table-cell; */
	    /* min-width: 100px; */
	}
	.auto-table .auto-body .ab-list > div span{}
	.auto-table .auto-body .ab-list > div .ab-row{}
	.auto-table .auto-body .ab-list > div .ab-row:last-child{}
	.auto-table .auto-body .ab-list > div .ab-row > div{
    /* min-width: 100px; */
    /* text-overflow: ellipsis; */
    /* overflow: hidden; */
    /* text-align: center; */
    /* padding: 0 10px; */
}
	.auto-table .auto-body .ab-list2{
    /* width: 900px; */
    /* overflow-x: auto; */
}
	.auto-table .auto-body .ab-list2:nth-child(2n){}
	.auto-table .auto-body .ab-list2 > div{/* display: table-cell; */}
	.auto-table .auto-body .ab-list2 > div span.abspan1{
    padding-left: 15px;
}
	.auto-table .auto-body .ab-list2 > div span.abspan2{}
	.auto-table .auto-body .ab-list2 > span.abl-arr{top:9px; }
	.auto-table .auto-body .ab-list2 > div .ab-row{}
	.auto-table .auto-body .ab-list2 > div .ab-row:last-child{}
	.auto-table .auto-body .ab-list2 > div .ab-row > div{}
	
	.auto-table .auto-body .ab-list-last{}
	.auto-table .auto-body .ab-list-last > div{
    /* min-width: 120px; */
    /* text-overflow: ellipsis; */
    /* overflow: hidden; */
    /* display: table-cell; */
}
	.auto-table .auto-body .ab-list-last > div span{}
	.auto-table .auto-body .ab-list-last > div .ab-row{}
	.auto-table .auto-body .ab-list-last > div .ab-row:last-child{}
	.auto-table .auto-body .ab-list-last > div .ab-row > div{}
	
	.auto-table .auto-body .ab-list-img{}
	.auto-table .auto-body .ab-list-img:nth-child(2n){}
	.auto-table .auto-body .ab-list-img:first-child{}
	.auto-table .auto-body .ab-list-img .lib-ranking{
    padding-left: 0;
}
	.auto-table .auto-body .ab-list-img > div{}
	.auto-table .auto-body .ab-list-img > div span{}
	.auto-table .auto-body .ab-list-img > div .ab-row{}
	.auto-table .auto-body .ab-list-img > div .ab-row:last-child{}
	.auto-table .auto-body .ab-list-img > div.list-img-box{}
	.auto-table .auto-body .ab-list-img > div.list-img-box .lib-img{}
	.auto-table .auto-body .ab-list-img > div.list-img-box .lib-img img{
    margin-left: 0;
}
	.auto-table .auto-body .ab-list-img > div.list-img-box .list-img-user{}
	.auto-table .auto-body .ab-list-img > div.list-img-box .list-img-user .liu-span1{}
	.auto-table .auto-body .ab-list-img > div.list-img-box .list-img-user .liu-span2{}
	.auto-table .auto-body .ab-list-img > div.list-img-box .list-img-user h3{}
	.auto-table .auto-body .ab-list-img > div.list-img-box .list-img-user dl{
    display: table;
}
	.auto-table .auto-body .ab-list-img > div.list-img-box .list-img-user dl dt{
    max-width: 5.417rem;
    display: table-cell;
    width: auto;
    width: 5.417rem;
}
	.auto-table .auto-body .ab-list-img > div.list-img-box .list-img-user dl dd{
    display: table-cell;
    word-break: break-word;
}
	
	.auto-table .auto-body .ab-list-box{}
	.auto-table .auto-body .ab-list-box:first-child{}
	.auto-table .auto-body .ab-list-box:nth-child(2n){}
	.auto-table .auto-body .ab-list-box > div{}
	.auto-table .auto-body .ab-list-box > div h3{}
	.auto-table .auto-body .ab-list-box > div .alb-img{}
	.auto-table .auto-body .ab-list-box > div .alb-span1{}
	.auto-table .auto-body .ab-list-box > div .alb-span2{}
	.auto-table .auto-body .ab-list-box > div .alb-span3{}
	.auto-table .auto-body .ab-list-box > div .alb-span4{}
	.auto-table .auto-body .ab-list-box > div .alb-span5{}
	.auto-table .auto-body .ab-list-box > div .alb-span6{}
	
	.auto-table .ranking-color .ab-list-img:nth-child(1){}
	.auto-table .ranking-color .ab-list-img:nth-child(2){}
	.auto-table .ranking-color .ab-list-img:nth-child(3){}
	.auto-table .ranking-color .ab-list-img:first-child{}
	.auto-table .ranking-color .ab-list-img:nth-child(1) .lib-ranking{
    padding-left: 0;
}
	
	.auto-title .bspan{
    margin-top: -11px;
}
	.auto-title .desc {}
	.auto-title .desc .bspan{}
	.auto-title .asc {}
	.auto-title .asc .bspan{}
	
	.cha-name-1{}
	.cha-name-2{}
	.cha-name-3{}


	.underline:after{}
	
	.toChart{}
	.toChart-list{ }
	.toc-l-1{}
	.toc-l-2{}
	.toc-l-3{}
	.toc-l-4{}
	.toc-l-5{}
	
	.toChart-da{}
	.toChart-da p{}
	.toChart-da p:after{}
	
	
	.history-hf-1{
    /* padding: 0 20px; */
}
	.hhf-left{
    max-width: 100%;
    width: 100%;
}
	.hhf-left img{
    width: 100%;
}
	.hhf-left .hf-p{
    
font-size: 1.417rem;
    
letter-spacing: -1px;
}
	.hhf-left .hf-span{
    
}
	.hhf-left .hf-div{
    
padding-left: 2.125rem;
    
letter-spacing: -1px;
}
	.hhf-left .hf-div:after{bottom: 3.917rem;right: 0.9167rem;width: 1.375rem;height: 1.167rem;background-size: contain;}
	.hhf-left .hf-div:before{
    top: -1rem;
    width: 1.375rem;
    height: 1.167rem;
    background-size: contain;
}
	
	.hhf-right{
    /* float: left; */
    max-width: 100%;
}
	.hhf-right > img{
    max-width: 100%;
    width: 100%;
}
	
	.hf-title{
    padding-top: 2.083rem;
}
	.hf-list{
    padding-bottom: 30px;
}
	.hf-list > div{
    
font-size: 0.6667rem;
    
letter-spacing: -0.5px;
}
	.hf-list > div span{
    min-width: 2.5rem;
}
	.hf-list2{
    padding-bottom: 30px;
}
	.hf-list2 p{}
	
	
	.hhf-pd{
    padding-left: 1.667rem;
    padding-right: 1.667rem;
}
	.his-top{
    margin-bottom: 0;
    padding-top: 1.667rem;
}
	.hff-logo{
    width: 10.333rem !important;
    padding-top: 2.5rem;
}
	.ban-bg-1{}
	
	
	.his-dia{
    max-width: 15.83rem;
    right: -2.375rem;
}
	.his-dia .his-haeder{}
	.his-dia .his-body{}
	.his-dia .his-body .dia-title{}
	.his-dia .his-body p{}
	.his-dia .his-body .dia-title:after{
    top: 0.3333rem;
}
	.img-auto{}
	.img-auto img{}
	.img-auto2{}
	.img-auto2 img{
    max-height: 100%;
}
	.pd_lr_0{}


	.his-name{
    min-height: 15.21rem;
    padding-bottom: 1rem;
}
	.his-name .his-img{
    width: 9.667rem;
    right: 55%;
}
	
	.his-table-box{
    padding-top: 0;
    margin-left: 50%;
    margin-bottom: 0.8333rem;
    left: 0;
    position: relative;
}
	.his-h2{
    font-size: 1.5rem;
    margin-top: 0.8333rem;
    margin-bottom: 0.4167rem;
}
	.his-table{}
	.his-table tr{}
	.his-table tr td{
    padding-bottom: 0;
    vertical-align: top;
}
	
	.year-list-box{
    width: 100%;
}
	.year-title{}
	.year-title img{}
	.year-title h3{
    
}
	.year-title h3 span{
    
}
	
	.year-list-line{ }
	.year-list-line:after{}
	.year-list-line:before{}
	.year-list-line .year-left{}
	.year-list-line .year-left > div{
    margin-right: 0;
    /* width: 10.333rem; */
    /* right: -1rem; */
    /* left: 0; */
    padding-left:220px;
}
	.year-list-line .year-left h4{
    
padding-right: 1.3rem;
}
	.year-list-line .year-left h4:before{
    right: -0.5rem;
    top: 0.4167rem;
}
	.year-list-line .year-left h4:after{
    right: -0.25rem;
    top: 0.6667rem;
}
	.year-list-line .year-left p{
    
padding-right: 1.3rem;
}
	.year-list-line .year-left p.b{}
	
	.year-list-line .year-right{}
	.year-list-line .year-right > div{
    margin-left: 0;
    width: 10.333rem;
}
	.year-list-line .year-right h4{
    
padding-left: 1.3rem;
}
	.year-list-line .year-right h4:before{
    left: -0.5rem;
    top: 0.4167rem;
}
	.year-list-line .year-right h4:after{
    left: -0.25rem;
    top: 0.6667rem;
}
	.year-list-line .year-right p{
    
padding-left: 1.3rem;
}
	.year-list-line .year-right p.b{}
	
	.year-list-line > div:first-child:before{}
	.year-list-line > div:last-child:after{}

	.year-bgimg-1{
    top: 10%;
}
	.year-bgimg-1 img{
    width: 200px;
}
	.year-bgimg-2{top: 25%;}
	.year-bgimg-2 img{
    width: 200px;
}
	.year-bgimg-3{top: 44%;}
	.year-bgimg-3 img{
    width: 200px;
}
	.year-bgimg-4{top: 66%;}
	.year-bgimg-4 img{
    width: 200px;
}
	.year-bgimg-5{
    top: 88%;
}
	.year-bgimg-5 img{
    width: 200px;
}
	
	.year-bgimg-klpga{}
	.year-bgimg-klpga img{
    width: 100%;
}
	
	.cardHis-title{}	
	.cardHis-title img{
    width: 10rem;
}
	.cardHis-title h2{
    max-width: 18.5rem;
    margin: 0.75rem auto 0.4167rem auto;
}

	.cardHis-title span{}
	
	.pla1 span{}
	.pla1 .swiper-win{}
	.pla5 span{}
	.pla5 .swiper-win{}
	
	.pla-next{
    right: 10px !important;
}
	.pla-prev{
    left: 10px !important;
}
	
	.bar-css{}
	.bar-css-title{}
	.bar-css-bg{}
	
	.bar-css-bg.bsb-10{}
	.bar-css-bg.bsb-20{}
	.bar-css-bg.bsb-30{}
	.bar-css-bg .bcb-bar{}
	.bar-css-bg .bcb-bar:hover{}
	.bar-css-text{}
	.ex-02 {}
	 
	.ex-02:hover {}
	
	.box-to{}
	.bgbb-none{}
	
	.tp-name{}
	
	.box-abg{}
	
	
	.login-dialog{}
	.login-dialog .modal-content{}
	.login-dialog .modal-content .modal-header{}
	.login-dialog .modal-content .modal-header h4{}
	.login-dialog .modal-content .modal-body{}
	.login-dialog .modal-content .modal-body .login-form form input:last-child{}
	.login-dialog .modal-content .modal-footer{}
	.login-dialog .modal-content .modal-footer .btn-default{}
	.ip-login-text{}


	.input-1{}
	
	.press-title{}
	.press-title2{}
	.press-title2 h2{}
	.press-title2 h2 span{}
	.press-table{}
	.press-table tr{}
	.press-table tr td{}
	.press-table tr:first-child td{}
	.press-table tr:first-child td:nth-child(2){}
	.press-table tr:first-child td:first-child{}
	.press-table tr:first-child td:last-child{}
	
	.press-table tr:nth-child(2n) td:nth-child(2){}
	.press-table tr td:nth-child(2){}


	.media-title{}
	.media-view-box{}
	.media-view-box .media-view{
    float: inherit;
}
	.media-view-box .media-view .view{
    width: 100%;
}
	.media-view-box .media-view h3{
    padding: 0 20px;
}
	.media-view-box .media-view p{
    padding: 0 20px;
}
	.media-view-box .media-view span{
    padding: 0 20px;
}
	
	.midia-list{
    margin: 0 auto;
    max-width: 76%;
    float: inherit;
}
	.midia-list ul{}
	.midia-list ul li{}
	.midia-list ul li:last-child{}
	.midia-list ul li .view{}
	.midia-list ul li h3{}
	.midia-list ul li span{}
	
	.mss-1{}
	.mss-2{
    max-width: 100%;
}


	.container-chart{}
	.container-chart .cheart-text{}
	.container-chart .cheart-text span.ch-name1{}
	.container-chart .cheart-text span.ch-name2{}
	.container-chart .cheart-text span.ch-name3{}
	.container-chart .cheart-text span.ch-name4{}
	.container-chart .cheart-text span.ch-name5{}
	.container-chart .cheart-text .chart-center{}
	.container-chart .cheart-text .chart-center .cc-span1{}
	.container-chart .cheart-text .chart-center .cc-span2{}
	.container-chart .cheart-text .chart-center .cc-span3{}


	.swiper-wow{}
	
	.swiper-re{}
	.swiper-io{}
	.swiper-io h3{}
	.swiper-io span{}
	.swiper-pic{}
	.swiper-pic span{
    width: 150px;
}
	.swiper-pic span:last-child{}
	
	.swiper-pic2{}
	.swiper-pic2 span{
    width: 150px;
}
	.swiper-pic2 span:last-child{}
	.swiper-pic2 span img{}
	
	.button-next{}
	.button-prev{}
	
	
	.svg-class{
    width: 100% !important;
}
	.svg-class > svg > g > text{}
	.svg-class > svg > g > text > tspan{}
	.svg-class > svg > g > text:after{}
	.svg-class > svg > g > text:before{}
	
	
	.svg-boxs{}
	.svg-boxs .stext{
    display: none;
}
	
	.swiper-box{}
	.reocde-div > div:nth-child(5){}
	
	.pic-box{ height: 80px; }
	
	.chart-pd{
    padding: 1.25rem 0.8333rem;
}
	.chart-pd2{
    padding: 30px 20px;
}
	
	.max-h400-ov{}
	.text-ep-1{
    width: 9.167rem;
    vertical-align: middle;
}
	.text-ep-1-120{}
		
	.con-title{padding-left: 0.8333rem;}
	.auto-table .auto-body .ab-list > div span{margin-right:0;}
	.span-aa{display:inline-block;}
	.auto-sel-1{position: relative;padding-left: 0.8333rem;}
	.auto-sel-1:after{content:'시즌';position: absolute;top: -1.25rem;left: 1.25rem;color: #22272a;font-size: 0.5417rem;}
	.auto-sel-2{position: relative;padding-left: 0.8333rem;}
	.auto-sel-2:after{content:'투어';position: absolute;top: -1.25rem;left: 1.25rem;color: #22272a;font-size: 0.5417rem;}
	
	
	h3.con{}
	
	
	
	
	 .section-title2{padding: 0 0.8333rem;}
	
	.riw-red{
    right: 0.8333rem;
}
	
	
	.cls-1{
    width: 100%;
}
	.cls-2{
    text-align: left;
}
	.cls-3{
    display: block;
    text-align: left;
}
	.cls-4{
    padding-left: 0 !important;
    text-align: left;
    display: inline-block;
    
}
	.cls-5{
    text-align: right;
    /* padding-left: 5%; */
    position: absolute;
    right: 0.5833rem;
    bottom: 0;
}
	
	
	
	
	.auto-table .auto-body .ab-list-img > div.list-img-box{display: block;}
	.auto-table .auto-body .ab-list-img > div.list-img-box .lib-img{padding-bottom: 0.8333rem;}
	.auto-table .auto-body .ab-list-img > div.list-img-box .list-img-user{
	    padding-left: 0.8333rem;
	    width: auto;
	}
	
	
	h3.con1{padding-left: 20px;padding-right: 20px;letter-spacing: -0.5px;}
	.auto_mgt60{margin-top:20px;}
	.auto-table .auto-body .ab-list-last{/* display: table; *//* padding: 11px 0 12px 0; */}
	.auto-table .auto-body .ab-list-last .flex-2{/* min-width:240px; */}
	
	
	
	.auto-flex{}
	.auto-flex div{}
	
	.auto_pd20{padding: 0 0.8333rem;}
	.auto_pd20_30{padding: 1.25rem 0.8333rem 0.8333rem 0.8333rem;}
	.fs_28{}
	
	
	.auto-350-y{overflow-y: auto;max-height: 300px;}
	.auto-350-y .auto-body{/* overflow-x:auto; */}
	.auto-350-y .auto-body .ab-list2{width:14.58rem;}
	.auto-350-y .auto-body .ab-list{width:14.58rem;}
	.auto-350-y .auto-body .ab-list-last{width:14.58rem;}
	.auto-350-y .auto-title{width:14.58rem;}
	.auto-350-y .auto-footers{width:14.58rem;}
	.auto-350-y .auto-footers-last{width:14.58rem;}
	.auto-350-y .auto-footers .ab-list{width:14.58rem;}
	.auto-350-y .auto-footers-last .ab-list{width:14.58rem;}
	
	.auto-550{overflow-x: auto;}
	.auto-550 .auto-body{}
	.auto-550 .auto-body .ab-list2{width: 37.5rem;}
	.auto-550 .auto-body .ab-list{width: 50.5rem;}
	.auto-550 .auto-body .ab-list-last{width:50.5rem;}
	.auto-550 .auto-title{width: 50.5rem;}
	
	.auto-900{overflow-x: auto;}
	.auto-900 .auto-body{}
	.auto-900 .auto-body .ab-list2{width: 37.5rem;}
	.auto-900 .auto-body .ab-list{width: 50.5rem;}
	.auto-900 .auto-body .ab-list-last{width:50.5rem;}
	.auto-900 .auto-title{width: 50.5rem;}
	
	.auto-1000{overflow-x: auto;}
	.auto-1000 .auto-body{/* overflow-x:auto; */}
	.auto-1000 .auto-body .ab-list2{width:41.67rem;}
	.auto-1000 .auto-body .ab-list{width:41.67rem;}
	.auto-1000 .auto-body .ab-list-last{width:41.67rem;}
	.auto-1000 .auto-title{width:41.67rem;}
	.auto-1000 .auto-footers{width:41.67rem;}
	.auto-1000 .auto-footers-last{width:41.67rem;}
	.auto-1000 .auto-footers .ab-list{width:41.67rem;}
	.auto-1000 .auto-footers-last .ab-list{width:41.67rem;}
	
	.auto-1150{overflow-x: auto;}
	.auto-1150 .auto-body{}
	.auto-1150 .auto-body .ab-list2{width:47.92rem;}
	.auto-1150 .auto-body .ab-list{width:47.92rem;}
	.auto-1150 .auto-body .ab-list-last{width:47.92rem;}
	.auto-1150 .auto-title{width:47.92rem;}
	
	.auto-550-2{overflow-x: auto;margin-left: 140px;}
	.auto-550-2 .auto-body{/* overflow-x:auto; */}
	.auto-550-2 .auto-body .ab-list2{width:41.67rem;}
	.auto-550-2 .auto-body .ab-list{width: 29.17rem;}
	.auto-550-2 .auto-body .ab-list-last{width:41.67rem;}
	.auto-550-2 .auto-title{width: 29.17rem;display: table;/* padding-left: 140px; *//* position: relative; */}
	.auto-550-2 .auto-footers{width:41.67rem;}
	.auto-550-2 .auto-footers-last{width:41.67rem;}
	.auto-550-2 .auto-footers .ab-list{width:41.67rem;}
	.auto-550-2 .auto-footers-last .ab-list{width:41.67rem;}
	.auto-550-2 .auto-title > div{display: table-cell;min-width: 100px;z-index: 1;padding-bottom: 0.4583rem;vertical-align: middle;height: 40px;padding-top: 0;line-height: 30px;}
	.auto-550-2 .auto-title > div:nth-child(1){position: absolute;left: 22px;min-width: auto;padding-bottom: 0;}
	.auto-550-2 .auto-title > div:nth-child(2){position: absolute;left: 94px;min-width: auto;padding-bottom: 0;}
	.auto-550-2 .auto-title:after{content:'';width: 155px;height: 41px;position: absolute;left: 0;background: none; z-index: 0;/* top: 0; */margin-top: 0;border-bottom: #22272a 1px solid;z-index: 0;}
	
	.auto-550-2 .auto-body .ab-list > div{display: table-cell;min-width: 86px;z-index: 1;PADDING: 0;height: 34px;padding-top: 8px;max-width: 100px;}
	.auto-550-2 .auto-body .ab-list{display: table;PADDING: 0;/* position: relative; *//* padding-left: 140px; */height: 42px;}
	.auto-550-2 .auto-body .ab-list > div:nth-child(1){position: absolute;left: 22px;/* top: 0; */min-width: auto;}
	.auto-550-2 .auto-body .ab-list > div:nth-child(2){position: absolute;left: 94px;/* top: 0; */min-width: auto;}
	.auto-550-2 .auto-body .ab-list:nth-child(1n):after{content:'';width: 155px;height: 43PX;position: absolute;left: 0;background: #fff;z-index: 0;/* top: 0; */margin-top: 0;border-bottom: #d8d8d8 1px solid;}
	.auto-550-2 .auto-body .ab-list:nth-child(2n):after{content:'';width: 155px;height: 43PX;position: absolute;left: 0;background: #fafafa;z-index: 0;/* top: 0; */margin-top: 0;}
	
	
	
	
	
	.auto-700-2{overflow-x: auto;margin-left: 140px;}
	.auto-700-2 .auto-body{/* overflow-x:auto; */}
	.auto-700-2 .auto-body .ab-list2{width:41.67rem;}
	.auto-700-2 .auto-body .ab-list{width: 29.17rem;}
	.auto-700-2 .auto-body .ab-list-last{width:41.67rem;}
	.auto-700-2 .auto-title{width: 29.17rem;display: table;/* padding-left: 140px; *//* position: relative; */}
	.auto-700-2 .auto-footers{width:41.67rem;}
	.auto-700-2 .auto-footers-last{width:41.67rem;}
	.auto-700-2 .auto-footers .ab-list{width:41.67rem;}
	.auto-700-2 .auto-footers-last .ab-list{width:41.67rem;}
	.auto-700-2 .auto-title > div{display: table-cell;min-width: 100px;z-index: 1;padding-bottom: 0.4583rem;vertical-align: middle;height: 40px;padding-top: 0;line-height: 30px;}
	.auto-700-2 .auto-title > div:nth-child(1){position: absolute;left: 22px;min-width: auto;padding-bottom: 0;}
	.auto-700-2 .auto-title > div:nth-child(2){position: absolute;left: 94px;min-width: auto;padding-bottom: 0;}
	.auto-700-2 .auto-title:after{content:'';width: 155px;height: 41px;position: absolute;left: 0;background: none; z-index: 0;/* top: 0; */margin-top: 0;border-bottom: #22272a 1px solid;z-index: 0;}
	
	.auto-700-2 .auto-body .ab-list > div{display: table-cell;min-width: 86px;z-index: 1;PADDING: 0;height: 42px;padding-top: 8px;}
	.auto-700-2 .auto-body .ab-list{display: table;PADDING: 0;/* position: relative; *//* padding-left: 140px; */height: 42px;}
	.auto-700-2 .auto-body .ab-list > div:nth-child(1){position: absolute;left: 22px;/* top: 0; */min-width: auto;}
	.auto-700-2 .auto-body .ab-list > div:nth-child(2){position: absolute;left: 53px;/* top: 0; */min-width: auto;}
	.auto-700-2 .auto-body .ab-list:nth-child(1n):after{content:'';width: 155px;height: 43PX;position: absolute;left: 0;background: #fff;z-index: 0;/* top: 0; */margin-top: 0;border-bottom: #d8d8d8 1px solid;}
	.auto-700-2 .auto-body .ab-list:nth-child(2n):after{content:'';width: 155px;height: 43PX;position: absolute;left: 0;background: #fafafa;z-index: 0;/* top: 0; */margin-top: 0;}
	
	.auto-700-2s{overflow-x: auto;margin-left: 140px;}
	.auto-700-2s .auto-body{/* overflow-x:auto; */}
	.auto-700-2s .auto-body .ab-list2{width:41.67rem;}
	.auto-700-2s .auto-body .ab-list{width: 29.17rem;}
	.auto-700-2s .auto-body .ab-list-last{width:41.67rem;}
	.auto-700-2s .auto-title{width: 29.17rem;display: table;/* padding-left: 140px; *//* position: relative; */}
	.auto-700-2s .auto-footers{width:41.67rem;}
	.auto-700-2s .auto-footers-last{width:41.67rem;}
	.auto-700-2s .auto-footers .ab-list{width:41.67rem;}
	.auto-700-2s .auto-footers-last .ab-list{width:41.67rem;}
	.auto-700-2s .auto-title > div{display: table-cell;min-width: 100px;z-index: 1;padding-bottom: 0.4583rem;vertical-align: middle;height: 40px;padding-top: 0;line-height: 30px;}
	.auto-700-2s .auto-title > div:nth-child(1){position: absolute;left: 22px;min-width: auto;padding-bottom: 0;}
	.auto-700-2s .auto-title > div:nth-child(2){position: absolute;left: 94px;min-width: auto;padding-bottom: 0;}
	.auto-700-2s .auto-title:after{content:'';width: 155px;height: 41px;position: absolute;left: 0;background: none; z-index: 0;/* top: 0; */margin-top: 0;border-bottom: #22272a 1px solid;z-index: 0;}
	
	.auto-700-2s .auto-body .ab-list > div{display: table-cell;min-width: 86px;z-index: 1;PADDING: 0;height: 42px;padding-top: 8px;}
	.auto-700-2s .auto-body .ab-list{display: table;PADDING: 0;/* position: relative; *//* padding-left: 140px; */height: 42px;}
	.auto-700-2s .auto-body .ab-list > div:nth-child(1){position: absolute;left: 22px;/* top: 0; */min-width: auto;}
	.auto-700-2s .auto-body .ab-list > div:nth-child(2){position: absolute;left: 53px;/* top: 0; */min-width: auto;}
	.auto-700-2s .auto-body .ab-list:nth-child(1n):after{content:'';width: 155px;height: 43PX;position: absolute;left: 0;background: #fff;z-index: 0;/* top: 0; */margin-top: 0;border-bottom: #d8d8d8 1px solid;}
	.auto-700-2s .auto-body .ab-list:nth-child(2n):after{content:'';width: 155px;height: 43PX;position: absolute;left: 0;background: #fafafa;z-index: 0;/* top: 0; */margin-top: 0;}
	
	
	.auto-700-1s{overflow-x: auto;margin-left: 100px;}
	.auto-700-1s .auto-body{/* overflow-x:auto; */}
	.auto-700-1s .auto-body .ab-list2{width:41.67rem;}
	.auto-700-1s .auto-body .ab-list{width: 29.17rem;}
	.auto-700-1s .auto-body .ab-list-last{width:41.67rem;}
	.auto-700-1s .auto-title{width: 29.17rem;display: table;/* padding-left: 140px; *//* position: relative; */}
	.auto-700-1s .auto-footers{width:41.67rem;}
	.auto-700-1s .auto-footers-last{width:41.67rem;}
	.auto-700-1s .auto-footers .ab-list{width:41.67rem;}
	.auto-700-1s .auto-footers-last .ab-list{width:41.67rem;}
	.auto-700-1s .auto-title > div{display: table-cell;min-width: 100px;z-index: 1;padding-bottom: 0.4583rem;vertical-align: middle;height: 40px;padding-top: 0;line-height: 30px;}
	.auto-700-1s .auto-title > div:nth-child(1){position: absolute;left: 22px;min-width: auto;padding-bottom: 0;}
	.auto-700-1s .auto-title:after{content:'';width: 155px;height: 41px;position: absolute;left: 0;background: none; z-index: 0;/* top: 0; */margin-top: 0;border-bottom: #22272a 1px solid;z-index: 0;}
	
	.auto-700-1s .auto-body .ab-list > div{display: table-cell;min-width: 86px;z-index: 1;PADDING: 0;height: 42px;padding-top: 8px;}
	.auto-700-1s .auto-body .ab-list{display: table;PADDING: 0;/* position: relative; *//* padding-left: 140px; */height: 42px;}
	.auto-700-1s .auto-body .ab-list > div:nth-child(1){position: absolute;left: 22px;/* top: 0; */min-width: auto;}
	.auto-700-1s .auto-body .ab-list:nth-child(1n):after{content:'';width: 155px;height: 43PX;position: absolute;left: 0;background: #fff;z-index: 0;/* top: 0; */margin-top: 0;border-bottom: #d8d8d8 1px solid;}
	.auto-700-1s .auto-body .ab-list:nth-child(2n):after{content:'';width: 155px;height: 43PX;position: absolute;left: 0;background: #fafafa;z-index: 0;/* top: 0; */margin-top: 0;}
	
	
	.auto-1000-4{overflow-x: auto;margin-left: 140px;}
	.auto-1000-4 .auto-body{/* overflow-x:auto; */}
	.auto-1000-4 .auto-body .ab-list2{width:41.67rem;}
	.auto-1000-4 .auto-body .ab-list{width:41.67rem;}
	.auto-1000-4 .auto-body .ab-list-last{width:41.67rem;}
	.auto-1000-4 .auto-title{width:41.67rem;display: table;/* padding-left: 140px; *//* position: relative; */}
	.auto-1000-4 .auto-footers{width:41.67rem;}
	.auto-1000-4 .auto-footers-last{width:41.67rem;}
	.auto-1000-4 .auto-footers .ab-list{width:41.67rem;}
	.auto-1000-4 .auto-footers-last .ab-list{width:41.67rem;}
	.auto-1000-4 .auto-title > div{display: table-cell;min-width: 100px;z-index: 1;padding-bottom: 0.4583rem;vertical-align: middle;height: 40px;padding-top: 0;line-height: 30px;}
	.auto-1000-4 .auto-title > div:nth-child(1){position: absolute;left: 22px;min-width: auto;padding-bottom: 0;}
	.auto-1000-4 .auto-title > div:nth-child(2){position: absolute;left: 60px;min-width: auto;padding-bottom: 0;}
	.auto-1000-4 .auto-title > div:nth-child(3){position: absolute;left: 90px;min-width: auto;padding-bottom: 0;}
	.auto-1000-4 .auto-title > div:nth-child(4){position: absolute;left: 140px;min-width: auto;padding-bottom: 0;}
	.auto-1000-4 .auto-title:after{content:'';width: 155px;height: 41px;position: absolute;left: 0;background: #fafafa;z-index: 0;/* top: 0; */margin-top: 0;border-bottom: #22272a 1px solid;z-index: 0;}
	.auto-1000-4 .auto-body .ab-list > div{display: table-cell;min-width: 100px;z-index: 1;PADDING: 0;height: 42px;/* line-height: 3; */vertical-align: middle;}
	.auto-1000-4 .auto-body .ab-list{display: table;PADDING: 0;/* position: relative; *//* padding-left: 140px; */height: 42px;}
	.auto-1000-4 .auto-body .ab-list > div:nth-child(1){position: absolute;left: 22px;/* top: 0; */min-width: auto;padding-top: 8px;}
	.auto-1000-4 .auto-body .ab-list > div:nth-child(2){position: absolute;left: 60px;/* top: 0; */min-width: auto;padding-top: 8px;}
	.auto-1000-4 .auto-body .ab-list > div:nth-child(3){position: absolute;left: 90px;/* top: 0; */min-width: auto;padding-top: 8px;}
	.auto-1000-4 .auto-body .ab-list > div:nth-child(4){position: absolute;left: 140px;min-width: auto;padding-top: 8px;}
	.auto-1000-4 .auto-body .ab-list:nth-child(1n):after{content:'';width: 155px;height: 43PX;position: absolute;left: 0;background: #fff;z-index: 0;/* top: 0; */margin-top: 0;border-bottom: #d8d8d8 1px solid;}
	.auto-1000-4 .auto-body .ab-list:nth-child(2n):after{content:'';width: 155px;height: 43PX;position: absolute;left: 0;background: #fafafa;z-index: 0;/* top: 0; */margin-top: 0;}
	
	.auto-1000-4 .auto-footers .ab-list > div{display: table-cell;min-width: 100px;z-index: 1;PADDING: 0;height: 42px;padding-top: 8px;/* border-bottom: 0; */}
	.auto-1000-4 .auto-footers .ab-list{display: table;PADDING: 0;/* position: relative; *//* padding-left: 140px; */height: 42px;}
	.auto-1000-4 .auto-footers .ab-list > div:nth-child(1){position: absolute;left: 22px;/* top: 0; */min-width: auto;background: none;border-bottom: 0;}
	.auto-1000-4 .auto-footers .ab-list > div:nth-child(2){position: absolute;left: 60px;/* top: 0; */min-width: auto;background: none;border-bottom: 0;}
	.auto-1000-4 .auto-footers .ab-list > div:nth-child(3){position: absolute;left: 90px;/* top: 0; */min-width: auto;background: none;border-bottom: 0;}
	.auto-1000-4 .auto-footers .ab-list > div:nth-child(4){position: absolute;left: 140px;min-width: auto;background: none;border-bottom: 0;}
	.auto-1000-4 .auto-footers .ab-list:nth-child(1n):after{content:'';width: 155px;height: 42PX;position: absolute;left: 0;background: #fff8f9;z-index: 0;/* top: 0; */margin-top: 0;border-bottom: #e5e2e3 1px solid;}
	.auto-1000-4 .auto-footers .ab-list:nth-child(2n):after{content:'';width: 155px;height: 43PX;position: absolute;left: 0;background: #fafafa;z-index: 0;/* top: 0; */margin-top: 0;}

	.auto-1000-4 .auto-footers-last .ab-list > div{display: table-cell;min-width: 100px;z-index: 1;PADDING: 0;height: 42px;padding-top: 8px;/* border-bottom: 0; */}
	.auto-1000-4 .auto-footers-last .ab-list{display: table;PADDING: 0;/* position: relative; *//* padding-left: 140px; */height: 42px;}
	.auto-1000-4 .auto-footers-last .ab-list > div:nth-child(1){position: absolute;left: 22px;/* top: 0; */min-width: auto;background: none;/* border-bottom: #334a78 1px solid; */}
	.auto-1000-4 .auto-footers-last .ab-list > div:nth-child(2){position: absolute;left: 90px;/* top: 0; */min-width: auto;background: none;border-bottom: 0;}
	.auto-1000-4 .auto-footers-last .ab-list > div:nth-child(3){position: absolute;left: 90px;/* top: 0; */min-width: auto;background: none;border-bottom: 0;}
	.auto-1000-4 .auto-footers-last .ab-list > div:nth-child(4){position: absolute;left: 140px;/* top: 0; */min-width: auto;background: none;border-bottom: 0;}
	.auto-1000-4 .auto-footers-last .ab-list:nth-child(1n):after{content:'';width: 155px;height: 43PX;position: absolute;left: 0;background: #334a78;z-index: 0;/* top: 0; */margin-top: 0;border-bottom: #e5e2e3 1px solid;}
	.auto-1000-4 .auto-footers-last .ab-list:nth-child(2n):after{content:'';width: 155px;height: 43PX;position: absolute;left: 0;background: #fafafa;z-index: 0;/* top: 0; */margin-top: 0;}


	.auto-1000-1s{overflow-x: auto;margin-left: 100px;}
	.auto-1000-1s .auto-body{/* overflow-x:auto; */}
	.auto-1000-1s .auto-body .ab-list2{width:41.67rem;}
	.auto-1000-1s .auto-body .ab-list{width:41.67rem;}
	.auto-1000-1s .auto-body .ab-list-last{width:41.67rem;}
	.auto-1000-1s .auto-title{width:41.67rem;display: flex;/* padding-left: 140px; *//* position: relative; */}
	.auto-1000-1s .auto-footers{width:41.67rem;}
	.auto-1000-1s .auto-footers-last{width:41.67rem;}
	.auto-1000-1s .auto-footers .ab-list{width:41.67rem;}
	.auto-1000-1s .auto-footers-last .ab-list{width:41.67rem;}
	.auto-1000-1s .auto-title > div{/* display: flex; */min-width: 100px;z-index: 1;/* padding-bottom: 0.4583rem; */vertical-align: middle;height: 42px;padding-top: 0;line-height: 30px;}
	.auto-1000-1s .auto-title > div:nth-child(1){position: absolute;left: 0;/* min-width: auto; *//* padding-bottom: 0; *//* bottom: 0; */}
	.auto-1000-1s .auto-title:after{content:'';width: 100px;height: 44px;position: absolute;left: 0;/* background: #fafafa; */z-index: 0;/* top: 0; */margin-top: 0px;border-bottom: #22272a 1px solid;z-index: 2;}
	.auto-1000-1s .auto-body .ab-list > div{display: table-cell;min-width: 100px;z-index: 1;PADDING: 0;/* height: 42px; *//* line-height: 3; */vertical-align: middle;}
	.auto-1000-1s .auto-body .ab-list{display: flex;PADDING: 0;/* position: relative; *//* padding-left: 140px; */height: 42px;}
	.auto-1000-1s .auto-body .ab-list > div:nth-child(1){position: absolute;left: 0;/* top: 0; *//* min-width: auto; *//* padding-top: 8px; */}
	.auto-1000-1s .auto-body .ab-list:nth-child(1n):after{content:'';width: 100px;height: 43PX;position: absolute;left: 0;/* background: #fff; */z-index: 2;/* top: 0; */margin-top: 0;border-bottom: #d8d8d8 1px solid;}
	.auto-1000-1s .auto-body .ab-list:nth-child(2n):after{content:'';width: 100px;height: 43PX;position: absolute;left: 0;background: #fafafa;z-index: 0;/* top: 0; */margin-top: 0;}

	.auto-1000-2s{overflow-x: auto;margin-left: 200px;}
	.auto-1000-2s .auto-body{/* overflow-x:auto; */}
	.auto-1000-2s .auto-body .ab-list2{width:41.67rem;}
	.auto-1000-2s .auto-body .ab-list{width:41.67rem;}
	.auto-1000-2s .auto-body .ab-list-last{width:41.67rem;}
	.auto-1000-2s .auto-title{width:41.67rem;display: flex;/* padding-left: 140px; *//* position: relative; */}
	.auto-1000-2s .auto-footers{width:41.67rem;}
	.auto-1000-2s .auto-footers-last{width:41.67rem;}
	.auto-1000-2s .auto-footers .ab-list{width:41.67rem;}
	.auto-1000-2s .auto-footers-last .ab-list{width:41.67rem;}
	.auto-1000-2s .auto-title > div{/* display: flex; */min-width: 100px;z-index: 1;/* padding-bottom: 0.4583rem; */vertical-align: middle;height: 42px;padding-top: 0;line-height: 30px;}
	.auto-1000-2s .auto-title > div:nth-child(1){position: absolute;left: 0;/* min-width: auto; *//* padding-bottom: 0; *//* bottom: 0; */}
	.auto-1000-2s .auto-title > div:nth-child(2){position: absolute;left: 100px;/* min-width: auto; */padding-bottom: 0;}
	.auto-1000-2s .auto-title:after{content:'';width: 200px;height: 44px;position: absolute;left: 0;/* background: #fafafa; */z-index: 0;/* top: 0; */margin-top: 0px;border-bottom: #22272a 1px solid;z-index: 2;}
	.auto-1000-2s .auto-body .ab-list > div{display: table-cell;min-width: 100px;z-index: 1;PADDING: 0;/* height: 42px; *//* line-height: 3; */vertical-align: middle;}
	.auto-1000-2s .auto-body .ab-list{display: flex;PADDING: 0;/* position: relative; *//* padding-left: 140px; */height: 42px;}
	.auto-1000-2s .auto-body .ab-list > div:nth-child(1){position: absolute;left: 15px;/* top: 0; *//* min-width: auto; *//* padding-top: 8px; */}
	.auto-1000-2s .auto-body .ab-list > div:nth-child(2){position: absolute;left: 100px;/* top: 0; *//* min-width: auto; *//* padding-top: 8px; */}
	.auto-1000-2s .auto-body .ab-list:nth-child(1n):after{content:'';width: 200px;height: 43PX;position: absolute;left: 0;/* background: #fff; */z-index: 2;/* top: 0; */margin-top: 0;border-bottom: #d8d8d8 1px solid;}
	.auto-1000-2s .auto-body .ab-list:nth-child(2n):after{content:'';width: 200px;height: 43PX;position: absolute;left: 0;background: #fafafa;z-index: 0;/* top: 0; */margin-top: 0;}


	.auto-1000-3s{overflow-x: auto;margin-left: 220px;}
	.auto-1000-3s .auto-body{/* overflow-x:auto; */}
	.auto-1000-3s .auto-body > .ab-list2{width:41.67rem;}
	.auto-1000-3s .auto-body > .ab-list{width:41.67rem;}
	.auto-1000-3s .auto-body > .ab-list-last{width:41.67rem;}
	.auto-1000-3s .auto-title{width:41.67rem;display: table;/* padding-left: 140px; *//* position: relative; */}
	.auto-1000-3s .auto-footers{width:41.67rem;}
	.auto-1000-3s .auto-footers-last{width:41.67rem;}
	.auto-1000-3s .auto-footers .ab-list{width:41.67rem;}
	.auto-1000-3s .auto-footers-last .ab-list{width:41.67rem;}
	.auto-1000-3s .auto-title > div{display: table-cell;min-width: 100px;z-index: 1;padding-bottom: 0.4583rem;vertical-align: middle;height: 40px;padding-top: 0;line-height: 30px;}
	.auto-1000-3s .auto-title > div:nth-child(1){position: absolute;left: 22px;min-width: auto;padding-bottom: 0;}
	.auto-1000-3s .auto-title > div:nth-child(2){position: absolute;left: 100px;min-width: auto;padding-bottom: 0;}
	.auto-1000-3s .auto-title > div:nth-child(3){position: absolute;left: 170px;min-width: auto;padding-bottom: 0;}
	/* .auto-1000-3s .auto-title > div:nth-child(4){position: absolute;left: 140px;min-width: auto;padding-bottom: 0;} */
	.auto-1000-3s .auto-title:after{content:'';width: 225px;height: 41px;position: absolute;left: 0;background: #fafafa;z-index: 0;/* top: 0; */margin-top: 0;border-bottom: #22272a 1px solid;z-index: 0;}
	.auto-1000-3s .auto-body > .ab-list > div{display: table-cell;min-width: 100px;z-index: 1;PADDING: 0;height: 42px;/* line-height: 3; */vertical-align: middle;}
	.auto-1000-3s .auto-body > .ab-list{display: table;PADDING: 0;/* position: relative; *//* padding-left: 140px; */height: 42px;}
	.auto-1000-3s .auto-body > .ab-list > div:nth-child(1){position: absolute;left: 22px;/* top: 0; */min-width: auto;padding-top: 8px;}
	.auto-1000-3s .auto-body > .ab-list > div:nth-child(2){position: absolute;left: 100px;/* top: 0; */min-width: auto;padding-top: 8px;}
	.auto-1000-3s .auto-body > .ab-list > div:nth-child(3){position: absolute;left: 170px;/* top: 0; */min-width: auto;padding-top: 8px;}
	/* .auto-1000-3s .auto-body .ab-list > div:nth-child(4){position: absolute;left: 140px;min-width: auto;padding-top: 8px;} */
	.auto-1000-3s .auto-body > .ab-list:nth-child(1n):after{content:'';width: 227px;height: 43PX;position: absolute;left: 0;background: #fff;z-index: 0;/* top: 0; */margin-top: 0;border-bottom: #d8d8d8 1px solid;}
	.auto-1000-3s .auto-body > .ab-list:nth-child(2n):after{content:'';width: 225px;height: 43PX;position: absolute;left: 0;background: #fafafa;z-index: 0;/* top: 0; */margin-top: 0;}
	
















	.he-350{height:320px;}
	
	.dn-992{display:none !Important;}
	.db-992{display: block !Important;}
	
	.auto-row0{margin:0;}
	.br-d8{border-right:none;}
	
	.player-select{
	    width: 5.417rem;
	    margin: 0.9583rem auto;
	    border-left: none;
	}
		.player-select .md-select [type=button]{
	    background: none;
	    border: none;
	}
	
		.sec-si-auto{}
		.sec-si-auto p{
	    margin: 1rem 0;
	}
		.sec-si-auto p:nth-child(1){
	    max-width: 20%;
	}
		.sec-si-auto p:nth-child(2){
	    max-width: 58%;
	}
		.sec-si-auto p:nth-child(3){
	    max-width: 20%;
	}
	
	 .secs-1{ display: block; width: 40px;}
	 .secs-2 .course-ch-ul li { padding: 0 46.5px; max-width: none; }
	 .secs-2 .course-ch-ul li:first-child { padding-left: 0; }
	
	.row-auto-1000{
	    width: 100%;
	    overflow: hidden;
	    overflow-x: auto;
	    white-space: nowrap;
	    max-width: 1800px;
	}
	
	
	.home-main .datos{
	    padding-top: 50px; text-align: center;
	}
	.home-main .datos .da-title{
	    margin: 0;
	    /* text-align: center; */
	    width: auto;
	    margin: 0 auto;
	    background-size: 1.167rem;
	    /* padding-left: 0; */
	    background-position: -0.04167rem 0.1667rem;
	    padding-bottom: 1.25rem;
	    /* text-align: center; */
	    width: 10.42rem;
	    padding-left: 1.875rem;
	}
	.home-main .datos .data1{
	    text-align: -webkit-center;
	}
	.home-main .datos .data2{}
	.home-main .datos .data3{}
	
	
	.home-main .data-ul{
	    margin-bottom: 50px;
	}
	.home-main .data-ul li{}
	
	#home-slider{
	    background-size: cover;
	}
	
	.home-main .data-ul li .du1{padding:0;}
	.home-main .data-ul li .du2{padding:0;}
	.home-main .data-ul li .du3{padding:0;}
	.home-main .data-ul li .du4{padding:0;}
	.home-main .data-ul li .du5{padding:0;}
	
	
	
	.se-box .se-h2{
	    
	}
	.se-box2 .se-h2{
	    
	margin-bottom: 1.25rem;
	}

	
	
	
	
	
	
	.swiper-container2{
	    padding-bottom: 1.333rem;
	}
	
	.swiper-container2 .swiper-pagination-bullet-active{ background:#2c4a7c;}
	
	.swiper-container2 .swiper-pagination-bullet{width: 0.625rem;height: 0.625rem;}
	.dis-block{display:block;}
	
	.slider-wd{max-width:100%; width:100%; margin-bottom:20px;}
	
	.filter-wjs{
	    position: absolute;
	    right: 1.667rem;
	    top: 1.167rem;
	    cursor: pointer;
	    /* width: 100px; */
	    padding-right: 1.167rem;
	}
	.filter-wjs:after{
	    content:'';
	    background-image:url(../images/fil-off.png);
	    background-repeat: no-repeat;
	    background-position: left 0.25rem;
	    width: 0.8333rem;
	    height: 0.8333rem;
	    position: absolute;
	    right: 0;
	    background-size: contain;
	    top: 0.2083rem;
	    }
	.filter-wjs.active:after{
	    content:'';
	    background-image:url(../images/fil-on.png);
	    background-repeat: no-repeat;
	    background-position: left 0.25rem;
	    width: 0.8333rem;
	    height: 0.8333rem;
	    position: absolute;
	    right: 0;
	    }
	.reset{
	    background: none;
	    border: none;
	    
	    padding-left: 24px;
	    margin-right: 18px;
	    margin-top: 4px;
	    background-image:url(../images/reset-icon.png);
	    background-repeat: no-repeat;
	    background-position: left 3px;
	}
	.reset-btn{
	    border-radius: 6px;
	    background: none;
	    border: none;
	    
	    width: 60px;
	    height: 36px;
	    background-color: #d63b47;
	    color: #fff;
	}
	.card-filter{margin: 1.25rem auto 0 auto;}
	
	
	.dp-n-922{display:none;}
	
	
	.a-pd20{padding: 0 0.8333rem;}
	
	
	
	
	.card .card-body .card-title{text-align:left;}
	
	.max-w400{max-width:400px; margin:0 auto;}
	
	
	
	.auto-b40{
	    margin-bottom: 10px;
	    margin-top: 20px;
	    padding: 0 20px;
		
	}
	
	
	.chart-1800{
	    /* width: 1800px; */
	    overflow: hidden;
	    overflow-x: auto;
	    white-space: nowrap;
	    display: block;
	}
	.chart-1800 .with-line{
	    width: 1465px;
	    padding-left: 0px;
		margin-right: 11.5px;
	    /* overflow: hidden; */
	    /* overflow-x: auto; */
	    /* padding-left: 54px; */
	}
	.chart-1800 .with-line span{
	    width: 338px;
	    margin-right: 13px;
	}
	.chart-1800 .chart-box2{
	    width: 1465px;
	    height: 400px;
	    overflow: hidden;
	    max-width: none;
	}
	
	
	
	
	
	
	.nav-bt .nbt-2{}
	.nav-bt .nbt-2 img{
	    width: 5.542rem;
	}
	
	
	.sr-img-list .pos-r:last-child{margin-right:0;}
	
	
	.se-ul{width: 320px;display: table;margin-left: auto;margin-right: auto;}
	.se-ul li p{}
	.se-ul li{
	    width: 33%;
	    /* margin-right: 0rem; */
	    display: table-cell;
	    padding: 0 0.2083rem;
	}
	
	
	
	.section-2{background-image: url("../images/sn-bg.png");background-repeat: no-repeat;background-color: #fff;background-size: 100% 54%;margin-bottom: 2.917rem;background-position: right top 10px;}
	.section-2 .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{bottom:0;}
	
	
	
	.fixed-table{border-collapse: separate;  border-spacing: 0;}
	.fixed-table tr{
	}
	.fixed-table tr td{
	  height: 3.542rem;
	  margin: 0;
	  border-bottom: 1px solid grey;
	  white-space: nowrap;
	  border-top-width: 0px;
	  padding: 0.4167rem 0.08333rem 0.4167rem 1.25rem;
	  }
	.fixed-table tr td:nth-child(1){
	    /* vertical-align: text-bottom; */
	    padding-top: 0.8333rem;
	}
	.fixed-table tr td:nth-child(2){
	    left: 1.25rem !important;
	    width: 5rem !IMPORTANT;
	    width: 6.667rem !important;
	}
	
	.fixed-table tr td.headcol {
	  position: absolute;
	  width: 1.667rem;
	  left: 0;
	  top: auto;
	  /* border-top-width: 1px; */
	  /*only relevant for first row*/
	  
	  /*compensate for top border*/
	}
	
	
	.fixed-table tr th{
	  margin: 0;
	  border-bottom: #22272a 2px solid;
	  white-space: nowrap;
	  border-top-width: 0px;
	  height: 55px;
	  }
	.fixed-table tr th:nth-child(1){
	    vertical-align: middle;
	}
	.fixed-table tr th:nth-child(2){
	    left: 1.25rem !important;
	    width: 6.667rem !IMPORTANT;
	}
	
	.fixed-table tr th.headcol {
	  position: absolute;
	  width: 40px;
	  left: 0;
	  top: auto;
	  border-top-width: 1px;
	  /*only relevant for first row*/
	  
	  /*compensate for top border*/
	  height: 55px;
	  /* max-height: 55px; */
	}
	
	.hed-span{
	    /* padding-top: 0; */
	    display: block;
	    /* vertical-align: top; */
	}
	.fftdiv{
		overflow: hidden;
		overflow-x: auto;
		margin-left: 7.917rem;
		overflow-y: visible;
		padding: 0;
		}
	
	.auto-tl-div{}
	/* .auto-tl-div > div{
	    margin-top: 0 !important;
	    margin-bottom: 0 !important;
	} */
	
	
	.col-pd-st{text-align:left; padding-left:44px;}
	
	/* #topChart{height:383px !important;} */
	
	.auto-w1000{width: 1000px;}
	.auto-w2000{width: 2000px;}
	/* .db-992-mg{margin-bottom:30px;} */
	
	
	
	
	.wd-s2{width: 19rem !important;margin-left:-10.42rem !important;}
	.wd-s3{width: 19rem !important;margin-left:-15.25rem !important;}
	
	.left-mm{
	    left: 0;
	    margin-left: -1.417rem !important;
	}
	.right-mm{
	    left: 0;
	    margin-left: -11.837rem !important;
	}
	
	
	
	
	
	.auto-pdr-0{ padding-right:0;}
	.auto-span-1b { font-size: 1.083rem !important; font-weight: bold !important;}
	.auto-float-left{ float:left !important;}
	.auto-w100{width:100%;}
	.auto-mg-0{margin:0;}
	.auto-ex{width: 100px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.auto-bg-left{ width: 27px; height: 166px; position: absolute; left: 0; top: 0; z-index: 9; }
	.auto-bg-right{ width: 27px; height: 166px; position: absolute; right: 0; top: 0; z-index: 9;	}
	.auto-center{text-align:center;}
	.auto-sec-si-2 p:nth-child(2):after{display:none;}
	.auto-pd-65{padding: 0 1.667rem !important;}
	#area3{
	    font-size: 1rem;
	}
	
	.lae-wrap .lae-body{overflow:hidden; overflow-x:auto;}
	.auto-of-x{width:1200px; overflow-x:auto;}
	
	
	
	/* .row{margin-left:0; margin-right:0;} */
	
	
	.chart-table{border-radius: 10px !important;margin-left: -2.4167rem;margin-top: 0.5833rem;margin-right: -0.4167rem;margin-bottom: -0.4167rem;box-shadow: crimson;}
	.chart-table .chart-title{border-radius: 10px 10px 0 0;padding: 0.4167rem 20px 0.4167rem 20px;color: #fff;background: #ff0036;font-size:0.8333rem;}
	.chart-table .chart-title2{ border-radius: 10px 10px 0 0; padding: 0px 20px 0px 20px; color: #9ba6ac; background: #ffffff; font-size:0.8333rem;}
	.chart-table td.chart-td{padding:1px 20px 0 15px; background:#fff; font-size:0.8333rem;}
	.chart-table td.chart-td .span-t{padding:0px 20px 0px 5px; display:inline-block; }
	.chart-table td.chart-td .span-b{font-weight:bold; display:inline-block;}
	.chart-table tr:first-child td{padding-top: 0;}
	.chart-table tr:last-child td{padding-bottom:0; border-radius: 0 0 10px 10px;}
	
	.dp-992{display:block;}
	
	.ul-sel-1{position: fixed !important;top: 30% !important;z-index: 99999 !important;padding: 0;width: 100%;max-width: 300px;left: 50%;margin-left: -150px !important;margin-top: -100px !important;overflow: hidden !important;max-height: 100% !important;border: none;display:none;max-height: 300px !important;min-height: 100px;overflow-y: scroll !important;}
	.ul-sel-1 li { height: 50px !important;  line-height: 50px !important;  padding: 0 30px !important;    }
	.ul-sel-1 li:focus, .ul-sel-1 > li:hover, .ul-sel-1 > li.active {background-color: #fef8f8 !important;color: #3a3a3a !important;background-image: url('../images/check-onon.png') !important;background-repeat: no-repeat !important;background-position: 9px center !important;background-size: 12px !important;}
	.ul-sel-1 img { position: absolute; top: 11px; right: 15px; width: 24px; cursor: pointer;}
	
	.ul-sel-2{position: fixed !important;top: 30% !important;z-index: 99999 !important;padding: 0;width: 100%;max-width: 300px;left: 50%;margin-left: -150px !important;margin-top: -100px !important;overflow: hidden !important;max-height: 100% !important;border: none;display:none;max-height: 300px !important;min-height: 300px;overflow-y: scroll !important;}
	.ul-sel-2 li { height: 50px !important;  line-height: 50px !important;  padding: 0 30px !important;    }
	.ul-sel-2 li:focus, .ul-sel-2 > li:hover, .ul-sel-2 > li.active {background-color: #fef8f8 !important;color: #3a3a3a !important;background-image: url('../images/check-onon.png') !important;background-repeat: no-repeat !important;background-position: 9px center !important;background-size: 12px !important;}
	.ul-sel-2 img { position: absolute; top: 11px; right: 15px; width: 24px; cursor: pointer;}
	
	.ul-sel-3{position: fixed !important;top: 30% !important;z-index: 99999 !important;padding: 0;width: 100%;max-width: 300px;left: 50%;margin-left: -150px !important;margin-top: -100px !important;overflow: hidden !important;max-height: 100% !important;border: none;display:none;max-height: 300px !important;min-height: 300px;overflow-y: scroll !important;}
	.ul-sel-3 li { height: 50px !important;  line-height: 50px !important;  padding: 0 30px !important;    }
	.ul-sel-3 li:focus, .ul-sel-3 > li:hover, .ul-sel-3 > li.active {background-color: #fef8f8 !important;color: #3a3a3a !important;background-image: url('../images/check-onon.png') !important;background-repeat: no-repeat !important;background-position: 9px center !important;background-size: 12px !important;}
	.ul-sel-3 img { position: absolute; top: 11px; right: 15px; width: 24px; cursor: pointer;}
	
	.ul-sel-4{	position: fixed !important;	top: 30% !important;	z-index: 99999 !important;	padding: 0;	width: 100%;max-width: 300px;left: 50%;margin-left: -150px !important;margin-top: -100px !important;overflow: hidden !important;max-height: 100% !important;border: none;display:none;max-height: 300px !important;min-height: 300px;overflow-y: scroll !important;}
	.ul-sel-4 li { height: 50px !important;  line-height: 50px !important;  padding: 0 30px !important;    }
	.ul-sel-4 li:focus, .ul-sel-4 > li:hover, .ul-sel-4 > li.active {background-color: #fef8f8 !important;color: #3a3a3a !important;background-image: url('../images/check-onon.png') !important;background-repeat: no-repeat !important;background-position: 9px center !important;background-size: 12px !important;}
	.ul-sel-4 img { position: absolute; top: 11px; right: 15px; width: 24px; cursor: pointer;}
	
	.ul-sel-bg{ width: 100%;  height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; top: 0;  z-index: 5555;	}
	
	.ul-sel-1:before{content:"상금/포인트";height: 50px;display: block;/* position: fixed; */top: -30px;background: #20262a;width: 100%;font-weight: 600;font-size: 18px;line-height: 50px;padding: 0 20px;color: #fff;}
	.ul-sel-2:before{content:"스코어";height: 50px;display: block;/* position: fixed; */top: -30px;background: #20262a;width: 100%;font-weight: 600;font-size: 18px;line-height: 50px;padding: 0 20px;color: #fff;}
	.ul-sel-3:before{content:"기술";height: 50px;display: block;/* position: fixed; */top: -30px;background: #20262a;width: 100%;font-weight: 600;font-size: 18px;line-height: 50px;padding: 0 20px;color: #fff;}
	.ul-sel-4:before{content:"기타종합";height: 50px;display: block;/* position: fixed; */top: -30px;background: #20262a;width: 100%;font-weight: 600;font-size: 18px;line-height: 50px;padding: 0 20px;color: #fff;}
	
	.kg-select2 > .md-select ul li:focus, .md-select ul li:hover, .md-select ul li.active{}
	
	.min-a90{width:90px;}
	.min-a100{/* width:100px; */}
	.min-a120{width:120px;}
	.min-a300{width:450px;}
	.min-a130{width:130px;}
	
	/* .table-containers {
	  display: table;
	}
	
	.table-containers .table-rows {
	  height: 100%;
	  display: table-row;
	}
	
	.table-containers .table-rows .table-cols {
	  display: table-cell;
	  float: none;
	  vertical-align: top;
	} */
	
	.cl-stit{
	    display: inline-block;
	    width: 67px;
	    color: #98a0a4;
	    font-weight: 500;
	}
	
	.card-list3 .card-ul{
	    max-width: 1700px;
	    width: 100%;
	    margin: 0 auto;
	}
	.card-list3 .card-ul > li{width: 100%;background-color: #fff;box-shadow: 0 5px 11px #e2e2e2;margin-bottom: 0.8333rem;border-radius: 10px;min-height: 5rem;}
	.card-list3 .card-ul li:nth-child(2n){background-color:#f6f6f6;}
	.card-list3 .card-ul2{}
	.card-list3 .card-ul2 > li{ width: 100%; background-color: #fff; box-shadow: 0 5px 11px #e2e2e2; margin-bottom: 20px; border-radius: 10px; min-height: 120px;}
	.card-list3 .nth-bg-2 li:nth-child(2n){background-color:#f6f6f6;}
	.card-list-bg3 .card-ul > li{background-color:#fff;}
	.card-list-bg3 .card-ul > li:nth-child(2n){background-color:#f6f6f6;}
	.bbox-2{}
	.bbox-1{
	    display: inline-block;
	    height: 100%;
	    line-height: 1;
	    padding-left: 0;
	    margin-bottom: 0;
	}
	.bbox-1 span{
	    font-size:1rem;
	    color: #22272a;
	    vertical-align: middle;
	    padding-right: 0.4167rem;
	    font-weight: 600;
	/* 한 줄 자르기 */
	    width: 100%;
	    overflow: hidden;
	    text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */
	    white-space: normal;
	    line-height: 1.2;
	    max-height: 2.45rem;
	    text-align: left;
	    word-wrap: break-word;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	}
	.bbox-2 .box-2-span-1{
	    display: block;
	    color: #98a0a4;
	}
	.bbox-2 .box-2-span-2{
	    color: #98a0a4;
	    
	    /* 한 줄 자르기 */
	    width: 100%;
	    overflow: hidden;
	    text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */
	    white-space: normal;
	    line-height: 1.2;
	    max-height: 4rem;
	    text-align: left;
	    word-wrap: break-word;
	    display: -webkit-box;
	    -webkit-line-clamp: 4;
	    -webkit-box-orient: vertical;
	    }
	.card-list-s{
	    padding: 1.25rem;
	}
	
	#express-form-typeahead:focus {
		width: 19.5rem;
	}
	
	.br-l-d8{border-left:none;}
	.br-r-d8{border-right:none;}
	
	mark, .mark{/* background-color:rgba(255, 255, 255, 0); */}
	
	.top-wrap{position: fixed;top: 0;width: 100%;height: 53px;background: #22272a;z-index: 1; display:none;}
	.top-wrap .top-back{position: absolute;top: 0.8333rem;left: 0.8333rem;display: block;}
	.top-wrap .top-back img{width: 0.8333rem;}
	.top-wrap .top-filter-w{position: absolute;right: 0.6667rem;top: 0.9167rem;display: block;}
	.top-wrap .top-filter-w a{
	    width: 1.5rem;
	    height: 1.5rem;
	    background-image:url('../images/sna-3.png');
	    background-size: 1.5rem;
	    display: block;
	    background-repeat: no-repeat;
	}
	.top-wrap .top-filter-w a.active{background-image:url('../images/sna-3-on.png');}
	.top-wrap .top-filter{position: absolute;top: 53px;width: 100%;}
	
	.qslb-ul-1 li span.new {
	    display: table-cell;
	    color: #e61919;
	    width: 30px;
	    float: left;
	    font-size: 12px;
	    text-align: left;
	    margin-right: 0px;
	}
	.input-date-box{
	    margin-left: 10px;
	    display: inline-block;
	}
	.input-date-box > div{
	    display: inline-block;
	    position: relative;
	}
	.input-date-box > div span{}
	
	.idb-input-1{
	    background-size: 20px;
	    background: #fafafa;
	}
	.idb-input-1:after{content:'';background-image: url('../images/icon-2.png');background-repeat: no-repeat;position: absolute;right: 4px;top: 5px;width: 20px;height: 20px;background-size: 16px;}
	.idb-input-0{padding:0 5px;}
	
	.input-date{
	    background: #fafafa;
	    border: none;
	    width: 6.667rem;
	    vertical-align: middle;
	    padding-right: 29px;
	    text-align: center;
	    font-size: 0.5833rem;
	}
	.left-922{text-align:left;margin-bottom: 0.75rem;}
	.posr-992{
	    position: absolute;
	    right: 18px;
	    /* top: 12px; */
	}
	
	.cl-dl{
	    display: table;
	}
	.cl-dl dt{
	    display: table-cell;
	}
	.cl-dl dd{
	    display: table-cell;
	} 
	
	.remove{
	    position: absolute;
	    right: 15px;
		
	}
	.fs_0_8{font-size:0.8167rem;}
	.cll-span{
	    word-break: break-word;
	    width: calc(100% - 67px);
	    float: right;
	}
	
	
	.with-line span div{
	    border: none;
	}
	
	

}

@media (max-width: 640px) {
	.auto-550{overflow-x: auto;}
	.auto-550 .auto-body{}
	.auto-500 .auto-body .ab-list2{width:550px;}
	.auto-550 .auto-body .ab-list{width:550px;}
	.auto-550 .auto-body .ab-list-last{width:550px;}
	.auto-550 .auto-body .ab-list-img{width:550px;}
	
	.auto-550 .auto-title{width:550px;}
	.lu-box{ margin: 0 0%; margin-right: 2% !important;}
	.mobile-dn{display:none;}
}

@media (max-width: 570px) {
	.ell-80{width:240px;}
}

@media (max-width: 1100px) {
	.skillbar-title span{width:4.833rem;}
}
@media (min-width: 993px) and (max-width:1860px) {
	
	.qmenu-search{position: fixed;right: -30px;top: 53%;width: 260px;margin-right: -231px;margin-top: -227px;}
	.qmenu-search.active{ margin-right:0; }
	.qmenu-search .qs-list-box{
	    width: 100%;
	    max-width: 220px;
	    box-shadow: 0 5px 11px #e2e2e2;
	    border-radius: 10px;
	    margin-bottom: 1.25rem;
	    float: left;
	    margin-right: 40px;
	}
	.qmenu-search .qs-list-box .qs-title{font-size: 0.5rem;font-weight:600;color: #fff;background-color: #737577;padding: 0.3rem 0.8333rem;border-radius: 10px 10px 0 0;line-height: 24px;}
	
	.qslb-ul-1{
	    padding: 0.5rem 0.8333rem;
	    background-color: #fff;
	    border-radius: 0 0 10px 10px;
	}
	.qslb-ul-1 li{
	    padding-bottom: 0;
	    color: #22272a;
	    font-size: 0.5rem;
	}
	.qslb-ul-1 li span{
	    display: table-cell;
	    color: #747c81;
	    width: 20px;
	    text-align: center;
	    margin-right: 11px;
	}
	.qslb-ul-1 li:nth-child(1) > span{ font-weight:600;}
	.qslb-ul-1 li:nth-child(2) > span{ font-weight:600;}
	.qslb-ul-1 li:nth-child(3) > span{ font-weight:600;}
	.qslb-ul-1 li.qs-up{background-image:url('../images/qs-up.png');background-repeat: no-repeat;background-position: right 6px;}
	.qslb-ul-1 li.qs-down{ background-image:url('../images/qs-down.png'); background-repeat: no-repeat;background-position: right 6px;}
	.qslb-ul-1 li.qs-mi{ background-image:url('../images/qs-mi.png'); background-repeat: no-repeat;background-position: right 6px;}
	
	.qslb-ul-2{padding: 0.5rem 0.8333rem; background-color: #fff; border-radius: 0 0 10px 10px;}
	.qslb-ul-2 li{padding-bottom: 0;  color: #22272a;  font-size:0.5rem;	    }
	.qslb-ul-2 li span{}
	.qslb-ul-2 li .del{background-image: url('../images/del.png');background-repeat: no-repeat;background-position: center;width: 8px;height: 8px;display: inline-block;margin-left: 6px;margin-bottom: 2px;cursor: pointer;}
	.q-btn{
	    width: 30px;
	    height: 65px;
	    position: absolute;
	    top: 50%;
	    background: #737577;
	    left: -30px;
	    margin-top: -51px;
	    border-radius: 10px 0 0 10px;
	    cursor:pointer;
	    background-image:url('../images/lb-on.png');
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: 12px;
	}
	.q-btn.active{
		background-image:url('../images/lb-off.png');background-repeat: no-repeat;
	}
	
		.range-labels li::before{top:-18px;}
		
	.list-table-auto{}
		
}
@media (max-width:752px){
	
	.auto-aoo-2{overflow-x: auto;margin-left: 155px;}
	.auto-aoo-2 .auto-body{/* overflow-x:auto; */width: 29rem;}
	.auto-aoo-2 .auto-body .ab-list2{width:41.67rem;}
	.auto-aoo-2 .auto-body .ab-list{width: 29rem;}
	.auto-aoo-2 .auto-body .ab-list-last{width:41.67rem;}
	.auto-aoo-2 .auto-title{width: 29rem;display: table;/* padding-left: 140px; *//* position: relative; */}
	.auto-aoo-2 .auto-footers{width:41.67rem;}
	.auto-aoo-2 .auto-footers-last{width:41.67rem;}
	.auto-aoo-2 .auto-footers .ab-list{width:41.67rem;}
	.auto-aoo-2 .auto-footers-last .ab-list{width:41.67rem;}
	.auto-aoo-2 .auto-title > div{display: table-cell;min-width: 100px;z-index: 1;padding-bottom: 0.4583rem;vertical-align: middle;height: 40px;padding-top: 0;line-height: 30px;}
	.auto-aoo-2 .auto-title > div:nth-child(1){position: absolute;left: 22px;min-width: auto;padding-bottom: 0;}
	.auto-aoo-2 .auto-title > div:nth-child(2){position: absolute;left: 94px;min-width: auto;padding-bottom: 0;}
	.auto-aoo-2 .auto-title:after{content:'';width: 155px;height: 41px;position: absolute;left: 0;background: none; z-index: 0;/* top: 0; */margin-top: 0;border-bottom: #22272a 1px solid;z-index: 0;}
	
	.auto-aoo-2 .auto-body .ab-list > div{display: table-cell;/* min-width: 86px; */z-index: 1;PADDING: 0;height: 34px;padding-top: 8px;}
	.auto-aoo-2 .auto-body .ab-list{display: table;PADDING: 0;/* position: relative; *//* padding-left: 140px; */height: 42px;}
	.auto-aoo-2 .auto-body .ab-list > div:nth-child(1){position: absolute;left: 22px;/* top: 0; */min-width: auto;}
	.auto-aoo-2 .auto-body .ab-list > div:nth-child(2){position: absolute;left: 94px;/* top: 0; */min-width: auto;}
	.auto-aoo-2 .auto-body .ab-list:nth-child(1n):after{content:'';width: 155px;height: 43PX;position: absolute;left: 0;background: #fff;z-index: 0;/* top: 0; */margin-top: 0;border-bottom: #d8d8d8 1px solid;}
	.auto-aoo-2 .auto-body .ab-list:nth-child(2n):after{content:'';width: 155px;height: 43PX;position: absolute;left: 0;background: #fafafa;z-index: 0;/* top: 0; */margin-top: 0;}
	
}


@media (min-width:720px) and (max-width:992px){
	
	.video-box .video-img{min-height: 13rem;}
	.video-box .video-img img{min-height:10rem;}
	.record-range{
	    margin-top: 0.4167rem;
	    margin-bottom: 2.083rem;
	}
}


@media (max-width:360px){html{font-size: 16px;}}
@media (min-width:361px) and (max-width:599px){html{font-size:16px;}}
@media (min-width:600px) and (max-width:639px){html{font-size:17px;}}
@media (min-width:640px) and (max-width:679px){html{font-size:18px;}}
@media (min-width:680px) and (max-width:719px){html{font-size:19px;}}
@media (min-width:720px) and (max-width:1279px){html{font-size:20px;}}
@media (min-width:1280px){html{font-size:24px;}}



/*============================================================================================
======================================= 2019.10 add ==========================================
============================================================================================*/

.pc-only { display: block !important; }
.mc-only { display: none !important; }
@media (max-width:750px){
.pc-only { display: none !important; }
.mc-only { display: block !important; }
}
@media (max-width:1024px){
.mlogout2 { display: block !important; }
}
.fullwidth { width: 100%; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

<!-- swiper css 업데이트 -->
.swiper-button-next, .swiper-button-prev { background-position: center center !important; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background: no-repeat url(../images/player/next-button.png); background-size: contain !important; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background: no-repeat url(../images/player/prev-button.png); background-size: contain !important; }
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: '' !important; }
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: '' !important; }


#navigation.navbar-fixed-top .navbar-nav>li>a {
	color: #abb9c1;
}

#navigation.animated-header .navbar-nav>li>a {
	color: #fff;
}

#canvas-holder {
	width: 100%;
	margin-top: 50px;
	text-align: center;
}

#chartjs-tooltip {
	opacity: 1;
	position: absolute;
	background: rgba(255, 255, 255, 0);
	color: black;
	padding: 3px;
	border-radius: 3px;
	-webkit-transition: all .1s ease;
	transition: all .1s ease;
	pointer-events: none;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

#chartjs-tooltip.below {
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

#chartjs-tooltip.below:before {
	border: solid;
	border-color: #111 transparent;
	border-color: rgba(0, 0, 0, .8) transparent;
	border-width: 0 8px 8px 8px;
	bottom: 1em;
	content: "";
	display: block;
	left: 50%;
	position: absolute;
	z-index: 99;
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
}

#chartjs-tooltip.above {
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
}

#chartjs-tooltip.above:before {
	border: solid;
	border-color: #111 transparent;
	border-color: rgba(0, 0, 0, .8) transparent;
	border-width: 8px 8px 0 8px;
	bottom: 1em;
	content: "";
	display: block;
	left: 50%;
	top: 100%;
	position: absolute;
	z-index: 99;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

#chartjs-tooltip .tp-name {
	margin-right: 30px;
}

.tags-list>p {
	cursor: pointer;
}
.rs-tooltip {
    min-width: 95px !important;
}
.skill-title{
	cursor: pointer;
}



/* -------- */

@media (max-width: 570px) {
.main-reward { margin-top: 140px; }
.main-major { position: absolute; top: 470px; width: 94%; }
.table.tstyle1 { width: 600px; }
.table.tstyle1 th:first-child { min-width: 30px; } 
}


.home .chart-box{display:none !important;}
.home .chart-box.active{display:block !important;}
.home .animated-header #mySidenav{display:none;}
/* .range-labels .active{max-width:15.6%;} */
/* .range-labels li{max-width:15.6%;} */

.range-labels{margin:57px -11.65% 0 -12%;}


@media (max-width: 1560px) {
	.range input{width: 100%;margin-left: 0;top: 0.15rem;}
	.range-labels{}
}
@media (max-width: 1440px) {
	.range input{width: 92%;margin-left: 4%;top: 0.15rem;}
	.range-labels{
	    margin: 57px -8% 0 -8%;
	}
	.range-labels li{
	    padding: 0 50px;
	    max-width: 20%;
	}
}

@media (max-width: 1360px) {
	.range input{width: 86%;margin-left: 7%;top: 0.55rem;}
	.range-labels{
	    margin: 57px -4% 0 -4%;
	}
	.range-labels li{
	    padding: 0 50px;
	    max-width: 20%;
	}
	
	
}

@media (max-width:1025px){
	
	.home-main .datos{
	    padding-top: 50px;
	}
	.home-main .datos .da-title{
	    margin: 0;
	    /* text-align: center; */
	    width: auto;
	    margin: 0 auto;
	    background-size: 1.167rem;
	    /* padding-left: 0; */
	    background-position: -0.04167rem 0.1667rem;
	    padding-bottom: 1.25rem;
	    /* text-align: center; */
	    width: 10.42rem;
	    padding-left: 1.875rem;
	}
	.home-main .datos .data1{
	    text-align: -webkit-center;
	}
	.home-main .datos .data2{}
	.home-main .datos .data3{}
	
	
	.home-main .data-ul{
	    margin-bottom: 50px;
	}
	.home-main .data-ul li{}
	
	#home-slider{
	    background-size: cover;
	}
	
	.home-main .data-ul li .du1{padding:0;}
	.home-main .data-ul li .du2{padding:0;}
	.home-main .data-ul li .du3{padding:0;}
	.home-main .data-ul li .du4{padding:0;}
	.home-main .data-ul li .du5{padding:0;}
}

@media (max-width: 1025px) {
	.range input{width: 87%;margin-left: -44%;top: 0.5rem;}
	.range-labels li{  padding: 0 50px;  max-width: 16%;	}
	/* */
	.datos{text-align:center;max-width:590px; margin:0 auto;}
	.a-pd20{max-width:590px; margin:0 auto;}
	
	.his-name .his-img { width: 9.667rem; right: 55%; }
	
}

@media (max-width: 1024px) {
	.range input{width: 80%;margin-left: -42%;top: 0.55rem;}
	.range-labels{
	    margin: 57px -4% 0 -4%;
	}
	.range-labels li{
	    padding: 0 23px;
	    max-width: 15%;
	}
}
@media (max-width: 839px) {
	.range input{top: 0.55rem;}
	.range-labels li{}
}
@media (max-width: 799px) {
	.range input{top: 0.55rem;width: 83%;margin-left: -44%;}
	.range-labels li{}
}
@media (max-width: 759px) {
	.range input{top: 0.65rem;}
	.range-labels li{ padding: 0 7px; }
}
@media (max-width: 679px) {
	.range input{top: 0.95rem;}
	.range-labels li{}
}
@media (max-width: 599px) {
	.range input{top: 1.1rem;}
	.range-labels li{
	    padding: 0 0;
	}
	.home-main .datos .data1{font-size:3.125rem;}
}

@media (min-width: 992px) and (max-width: 1025px){

	.col-md-5s{width:100%;}
	.col-md-7s{width:100%;}
	

	/* .col-md-7s{width:66.66666667%;} */
	/* .col-md-offset-2s{margin-left:16.66666667%;} */
}

@media (min-width: 992px) and (max-width: 1540px){
		.col-md-12s{width:91.66666667%; margin-left:4.11111111%;}
		/* .range input{top:0.2rem;} */
}


/* .range-labels{margin:57px -3.65% 0 -5%;} */



/* player detail */
.max-1200{clear:both;}

.back-none figcaption{transition:all .02s ease; -o-transform:all .15s ease; -ms-transform:all .15s ease; -moz-transform:all .15s ease; -webkit-transform:all .15s ease;}

#navigation.animated-header {
	background: #22272a;
}

#navigation.navbar-fixed-top .navbar-nav>li>a {
	color: #abb9c1;
}

.animated-header .topNav {
	display: block !important;
}

.md-select ul li:focus, .md-select ul li:hover, .md-select ul li.active {
    background: #d63b47 !important;
    color: #fff !important;
}

/*
.card-list .card-ul li:not(.ng-binding) {
	min-height: 2.5rem !important;
	line-height: 1.042rem !important;
	padding:0 0.6667rem !important;	
}
*/

.sub-nav-ul>li.active>a {
}

.canvasjs-chart-credit {
	display: none;
}

.toolspan {
	display: block;
	color: #fff;
}

/* 선수페이지 스킬바 css */
.player-si .skillbar-box {
	margin-right: 1.25rem;
	padding: 0 7.042rem 0 3.667rem;
}

.player-si .skillbar {
	position: relative;
	display: block;
	margin-bottom: 1.592rem;
	width: 125%;
	background: #eee;
	height: 0.8333rem;
	border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	-webkit-transition: 0.4s linear;
	-moz-transition: 0.4s linear;
	-ms-transition: 0.4s linear;
	-o-transition: 0.4s linear;
	transition: 0.4s linear;
	-webkit-transition-property: width, background-color;
	-moz-transition-property: width, background-color;
	-ms-transition-property: width, background-color;
	-o-transition-property: width, background-color;
	transition-property: width, background-color;
	margin-top: 0.8333rem;
}

.player-si .skillbar:last-child {
	margin-bottom: 0;
}

.player-si .skillbar-title2 {
	position: absolute;
	top: -0.1667rem;
	left: -3.4rem;
	font-weight: 500;
	color: #ffffff;
	background: none;
	/* -webkit-border-top-left-radius:3px; */
	/* -webkit-border-bottom-left-radius:4px; */
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	/* border-top-left-radius:3px; */
	/* border-bottom-left-radius:3px; */
}

.player-si .skillbar-title2 span {
	display: block;
	background: none;
	padding: 0;
	/* height:35px; */
	/* line-height:35px; */
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	color: #22272a;
	font-size: 0.8333rem;
}

.player-si .skillbar-bar {
	height: 0.8333rem;
	width: 0px;
	background: #cccccc;
	border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 10px 10px 0;
}

.player-si .skill-bar-percent2 {
	position: absolute;
	right: -6.5rem;
	top: -0.5417rem;
	font-size: 14px;
	height: 1.458rem;
	line-height: 1.458rem;
	color: #22272a;
	font-weight: 500;
	font-size: 0.782rem;
	letter-spacing: -0.5px;
}

.player-si .skill-title {
	font-size: 20px;
	font-weight: 600;
}

.player-si .skill-p {
	font-size: 14px;
	margin-bottom: 35px;
	font-weight: 500;
	color: #6a7175;
}

.player-si .skillbar:hover {
	cursor: pointer;
}

.player-si .skillbar:hover .skillbar-bar {
	background: none;
	box-shadow: 0 5px 11px #b4b4b4;
}

.player-si .skillbar:hover .skill-bar-percent {
	font-weight: 600;
}

.player-si .skillbar-box .skillbar.on .skillbar-bar {
	box-shadow: 0 5px 11px #b4b4b4;
}

.player-si .skillbar-box .skillbar:nth-child(1) .skillbar-bar {
	background-color: #ca2b4e;
}

.player-si .skillbar-box .skillbar:nth-child(2) .skillbar-bar {
	background-color: #eab213;
}

.player-si .skillbar-box .skillbar:nth-child(3) .skillbar-bar {
	background-color: #85a50c;
}

.player-si .skillbar-box .skillbar:nth-child(4) .skillbar-bar {
	background-color: #008a8a;
}

.player-si .skillbar-box .skillbar:nth-child(5) .skillbar-bar {
	background-color: #525355;
}


@media (max-width: 1388px) {
	.media-view-box .media-view .view{width:100%;}
	.media-view-box .media-view h3{padding:0 20px;}
	.media-view-box .media-view p{ padding: 0 20px;}
	.media-view-box .media-view span{ padding: 0 20px;}
	.midia-list{ margin: 0 auto; max-width: 76%; float: inherit;}
	.media-view-box .media-view{float: inherit;}
}
@media (max-width: 992px) {
.player-si .skill-bar-percent2 { right: -5.5rem; }
/* .video-box .video-img img{height:9rem;} */
.midia-list{}
.his-name .his-img { width: 11.667rem; left: 25%; margin-left: -5.833rem; }
	
}


/* .video-box .video-img img{
	    height: 7rem;
} */


@media (min-width: 481px) and (max-width: 767px){
	.player-si .skillbar {
	width: 104%;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	.player-si .skillbar {
	width: 106%;
	}
}


@media (max-width: 1024px){
	.auto-1000-2s .auto-title{width:59.92rem;}
	.auto-1000-2s .auto-body .ab-list{width:59.92rem;}
	
	.auto-table { width: 100%; overflow-x: auto; }
	.auto-table.auto-1200 table { width: 1200px; }
	.auto-table.auto-900 table { width: 900px; }
	.auto-table.auto-600 table { width: 600px; }
	.auto-table.auto-500 table { width: 500px; }
	.auto-table.auto-400 table { width: 400px; }
	.auto-table.auto-300 table { width: 300px; }
	.auto-table.auto-300 table { width: 200px; }
}

@media (max-width: 768px){
	.auto-1000-2s .auto-title{width:83.92rem;}
	.auto-1000-2s .auto-body .ab-list{width:83.92rem;}
}


.video-box{width:100%;}
	
	/* .video-box .video-img img{/* height:200px; *//* height: auto; */} */
	.ul-video{}
	.ul-video li{vertical-align:top; margin-right:0;}
	/* .video-box .video-img img{
	    height: 100%;
	    min-height: auto;
	} */
	

	@media (min-width: 1025px){
		/* .video-box .video-img img{
		    max-height:183px;
		} */
	}
	@media (max-width: 1025px){
		.ul-video li{width:50%;}
		
		.series-play .splay-left .user-name h3{float:none; display:block; text-align:left;}
	}	
	@media (max-width:1024px){
		.video-box{width:100%;}
		/* .video-box .video-img{min-height: auto;height: 11rem;} */
	}
	

	@media (max-width:992px){
		/* .video-box .video-img img{ height: 10rem; }
		.video-box .video-img{min-height: auto;height: 11rem;max-height: 100%;} */
		
	}
	
/* 	@media (max-width:768px){
		.video-box .video-img img{max-height: 10rem;}
		.video-box .video-img{min-height: auto;height: auto;}
	}
	
	@media (max-width:590px){
		.video-box .video-img img{max-height: 10rem;max-height: 130px;}
		.video-box .video-img{min-height: auto;height: auto;}
	}
	
	@media (max-width:425px){
		.video-box .video-img img{max-height: 93px;}
		.video-box .video-img{min-height: auto;}
	}
	@media (max-width:380px){
		.video-box .video-img img{max-height: 93px;}
		.video-box .video-img{min-height: auto;}
	}
 */
.my-svg-container{
 display: inline-block;
 position: relative;
 width: 50%;
 padding-bottom: 60%; /* depends on svg ratio, for my zebra height/width = 1.2 so padding-bottom = 50% * 1.2 = 60% */
 
 vertical-align: middle; /* top | middle | bottom ... do what you want */
}


.my-svg{ /* svg into : object, img or inline */
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* only required for <img /> */
}
@media (max-width:1025px){
		.auto-700-1s .auto-title > div:nth-child(1){min-width:100px; left:0;}
		.auto-700-1s .auto-body .ab-list > div:nth-child(1){width:100px; left:0;}
	
		.auto-700-1s .auto-title > div{ min-width:200px;}
		.auto-700-1s .auto-body .ab-list > div{vertical-align:top; min-width:200px;}
		.auto-700-1s .auto-title::after{width:100px;}
		.auto-700-1s .auto-body :nth-child(n).ab-list::after{width:100px;}
		
		.auto-700-2s{margin-left:185px;}
		.auto-700-2s .auto-title > div:nth-child(1){min-width:100px; left:0;}
		.auto-700-2s .auto-title > div:nth-child(2){min-width:100px; left:100px;}
		.auto-700-2s .auto-body .ab-list > div:nth-child(1){width:100px; left:0;}
		.auto-700-2s .auto-body .ab-list > div:nth-child(2){width:100px; left:100px;}
		
		.auto-700-2s .auto-title > div{ min-width:130px;}
		.auto-700-2s .auto-body .ab-list > div{vertical-align:top; min-width:130px;}
		.auto-700-2s .auto-title::after{width:200px;}
		.auto-700-2s .auto-body :nth-child(n).ab-list::after{width:200px;}
		
		.media-block{display:inline-block;}		
	}





 @media (min-width:1019px){
	.swiper-re{background:#000 !important;}
	.picture-view .swiper-container .swiper-wrapper .swiper-slide img{width:auto !important;}
 }
 
 
.player-si svg {
	width: 100%;
	height: 100%;
	margin-top: -2rem;
	margin-left: 4rem;
	overflow: inherit;
}

.player-si path.slice {
	stroke-width: 2px;
}

.player-si polyline {
	opacity: .3;
	stroke: black;
	stroke-width: 2px;
	fill: none;
}

.player-si text:hover {
	font-weight: 900;
	cursor: default;
}

.player-si .slice, .player-si .slice *
{
  transition: all 0.25s ease-out;
}

.player-si .slice:hover {
  -o-transform: scale(1.04);
  -ms-transform: scale(1.04);
  -moz-transform: scale(1.04);
  -webkit-transfrom: scale(1.04);
  -sand-transform: scale(1.04);
  transform: scale(1.04);
  transform-origin: top left;
  
    -ms-transform:  scale(1.04);
    -sand-transform:  scale(1.04);
    -webkit-transform:  scale(1.04);
}

.ie9 img[src$=".svg"] {
  width: 100%; 
}
/* 2 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src$=".svg"] {
    width: 100%; 
  }
  .player-si .slice:hover {
  transform: scale(1.04);
  transform-origin: top left;
  
    -ms-transform:  scale(1.04);
    -sand-transform:  scale(1.04);
    -webkit-transform:  scale(1.04);
}
}

.modal .swiper-container {
      width: 100%;
      height: 100%;
    }
.modal .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
}

@media (max-width: 1024px){
	.auto-1000-2s .auto-title > div:nth-child(1){
		left:15px;
	}
	.auto-1000-2s .auto-title:after{left:15px;}
	.auto-1000-2s .auto-body .ab-list:nth-child(1n):after{left:15px;}
	.player-si svg { margin-top: -4rem;	margin-left: 2rem; }
}


	#picAreaBef{display:none;}
	#picArea1{max-height:583px;}
	.swiper-re{height:auto;}
	.picture-view .swiper-container .swiper-wrapper .swiper-slide img{width:100%; height:100%;}
	.picture-view .swiper-pagination-bullet-active{ background: rgba(0, 0, 0, 0);}

	.swiper-pic{margin-bottom:0; margin-top:.867rem; width:100%; height:100%; display:block; overflow:visible;}
	
	.swiper-pic span{width: 23.5%;height:100%; margin-right:2% !important; display:inline-block; background: none; }
	.swiper-pic2{margin-top: .867rem; width: 100%; height:100%; white-space: nowrap; position: absolute;}
	.swiper-pic2 span{width: 23.5%; margin-right:2% !important; height:100%;}
	
@media (max-width: 992px) {
	.modal .swiper-button-prev{position:fixed; left: 1.5rem !important;width: 1.5rem;}
	.modal .swiper-button-next{position:fixed; right: 1.5rem !important;width: 1.5rem;}
}

 
.modal .swiper-button-prev{position:fixed; left: 1.5rem !important;width: 1.5rem;}
.modal .swiper-button-next{position:fixed; right: 1.5rem !important;width: 1.5rem;}

@media (min-width: 1023px) {
	.modal .swiper-button-prev{position:fixed; left: 1.5rem !important;width: 1.5rem;}
	.modal .swiper-button-next{position:fixed; right: 1.5rem !important;width: 1.5rem;}
}
@media (min-width: 1200px) {
	.modal .swiper-button-prev{position:fixed; left: 4.5rem !important;width: 1.5rem;}
	.modal .swiper-button-next{position:fixed; right: 4.5rem !important;width: 1.5rem;}
}
@media (min-width: 1400px) {
	.modal .swiper-button-prev{position:fixed;left: 7.5rem !important;width: 1.5rem;}
	.modal .swiper-button-next{position:fixed;right: 7.5rem !important;width: 1.5rem;}
}
@media (min-width: 1600px) {
	.modal .swiper-button-prev{position:fixed; left: 12.5rem !important;width: 1.5rem;}
	.modal .swiper-button-next{position:fixed;right: 12.5rem !important;width: 1.5rem;}
}


@media (min-width: 1025px) and (max-width:1279px){
	.resized{top:112px;}
}

.modal{text-align:center;}
.modal:before {
	display: inline-block;
	vertical-align: middle;
	content: " ";
	height: 100%;
}
.modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
}

@media (max-width:425px){
.auto-374:before{display:none;}
.auto-1000-4{ width: 260px; }
.player-si svg { margin-left: 0rem; }
}

@media (min-width:1229px){
	#imageUl{margin-left:-15px; margin-right:-15px;}
	#videoUl{margin-left:-15px; margin-right:-15px;}
}


<!-- 선수페이지 모달창 슬라이드 -->
.modal-view{text-align:center;}
.modal-view.in { display:block; }

.modal-view .swiper-slide {
  background-size: cover !important;
  background-position: center !important;
}
.gallery-top {
  height: 80%;
  width: 100%;
}
.gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}
.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

<!-- event 페이지 -->
.sub-nav-div{background-color:#f0f1f2;}
.skillbar{margin-bottom:39px;}


<!-- 레코드 페이지 -->
#navigation.animated-header{background:#22272a;}
#navigation.navbar-fixed-top .navbar-nav>li>a{color:#abb9c1;}
.animated-header .topNav{display:block !important;}
.record-range .range-labels{margin: 54px -11.65% 0 -11.2%;}
.section-record .mg_b80 { margin-bottom: 3.333rem; }
.section-location .mg_b80 { margin-bottom: 3.333rem; }
.reocde-div .auto-1000 .auto-title { width: 100%; }
.reocde-div .auto-1000 .auto-body .ab-list { width: 100%; }
.record-desc { text-align: center; margin-top: 20px; color: #666666;  }
@media (max-width: 992px) {
	.record-box-2 .md-select [type=button] { height: 36px; }
}
@media (max-width: 1025px){
	.record-box-2 .md-select .ul-mod{top:50% !important; margin-top:-180px;}
}


.on-box > svg{width: 100%;height:407px;}
	.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{bottom:0;}

.section-style4{min-height:22.17rem;}
.record-chart{margin-top:2.75rem;}


@media (max-width: 1400px) {
	.record-range .range input{width: 90%;margin-left: 22px;top: 0.5rem;}
	.record-range{
	    margin-left: 3%;
	}
	.record-range .range-labels{
	    margin: 2.733rem -4.65% 0 -7.2%;
	}
}

@media (max-width: 1200px) {
	.record-range .range input{width: 90%;margin-left: 22px;top: 0.5rem;}
	.record-range{
	    margin-left: 3%;
	}
	.record-range .range-labels{
	    margin: 2.733rem -4.65% 0 -7.2%;
	}
}

@media (max-width: 1024px) {
	.record-range .range input{width: 87%;margin-left: -44%;top: 0.5rem;}
	.record-range{
	    margin-left: 3%;
	}
	.record-range .range-labels{
	    margin: 2.733rem -4.65% 0 -7.2%;
	}
}
@media (max-width:1025px){
	.ul-sel-1, .ul-sel-2, .ul-sel-3, .ul-sel-4 {	position: fixed !important;	top: 50% !important;	z-index: 99999 !important;	padding: 0;	width: 100%;max-width: 300px;left: 50%;margin-left: -150px !important;margin-top: -180px !important;overflow: hidden !important;max-height: 100% !important;border: none;display:none;max-height: 300px !important;min-height: 100px;overflow-y: scroll !important;}
	.ul-sel-1 li, .ul-sel-2 li, .ul-sel-3 li, .ul-sel-4 li { height: 50px !important;  line-height: 50px !important;  padding: 0 30px !important;    }
	.ul-sel-1 li:focus, .ul-sel-1 > li:hover, .ul-sel-1 > li.active,
	.ul-sel-2 li:focus, .ul-sel-2 > li:hover, .ul-sel-2 > li.active,
	.ul-sel-3 li:focus, .ul-sel-3 > li:hover, .ul-sel-3 > li.active,
	.ul-sel-4 li:focus, .ul-sel-4 > li:hover, .ul-sel-4 > li.active {background-color: #fef8f8 !important;color: #3a3a3a !important;background-image: url('images/check-onon.png') !important;background-repeat: no-repeat !important;background-position: 9px center !important;background-size: 12px !important;}
	.ul-sel-1 img, .ul-sel-2 img, .ul-sel-3 img, .ul-sel-4 img { position: absolute; top: 11px; right: 15px; width: 24px; cursor: pointer;}
	

	
	.ul-sel-bg{ width: 100%;  height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; top: 0;  z-index: 5555;	}
	
	.ul-sel-1:before{content:"상금/포인트";height: 50px;display: block;/* position: fixed; */top: -30px;background: #20262a;width: 100%;font-weight: 600;font-size: 18px;line-height: 50px;padding: 0 20px;color: #fff;}
	.ul-sel-2:before{content:"스코어";height: 50px;display: block;/* position: fixed; */top: -30px;background: #20262a;width: 100%;font-weight: 600;font-size: 18px;line-height: 50px;padding: 0 20px;color: #fff;}
	.ul-sel-3:before{content:"기술";height: 50px;display: block;/* position: fixed; */top: -30px;background: #20262a;width: 100%;font-weight: 600;font-size: 18px;line-height: 50px;padding: 0 20px;color: #fff;}
	.ul-sel-4:before{content:"기타종합";height: 50px;display: block;/* position: fixed; */top: -30px;background: #20262a;width: 100%;font-weight: 600;font-size: 18px;line-height: 50px;padding: 0 20px;color: #fff;}
	
}


@media (max-width: 992px) {
	.record-range .range input{width: 86%;margin-left: -42%;top: 0.55rem;}
	.record-range .range-labels{
	    margin: 57px -4% 0 -4%;
	}
	.record-range .range-labels li{
	    padding: 0 23px;
	    max-width: 16%;
	}
	.record-range{
    margin-left: 0;
	}
}
@media (max-width: 839px) {
	.record-range .range input{top: 0.55rem;}
	.record-range .range-labels li{}
	.record-range{}
}
@media (max-width: 799px) {
	.record-range .range input{top: 0.55rem;width: 88%;margin-left: -44%;}
	.record-range .range-labels li{}
	.record-range{
    margin-left: 0;
	}
}
@media (max-width: 759px) {
	.record-range .range input{top: 0.65rem;}
	.record-range .range-labels li{
	    padding: 0 7px;
	}
	.record-range{
    margin-top: 0.4167rem;
    margin-bottom: 2.083rem;
}
}
@media (max-width: 679px) {
	.record-range .range input{top: 0.95rem;}
	.record-range .range-labels li{}
	.record-range{}
}
@media (max-width: 599px) {
	.record-range .range input{top: 1.1rem;}
	.record-range .range-labels li{
	    padding: 0 0;
	}
	.record-range{}
}


#avgR14, #avgR15{color:#fff;}




<!-- history 페이지 -->
#navigation.animated-header{background:#22272a;}
#navigation.navbar-fixed-top .navbar-nav>li>a{color:#abb9c1;}
.animated-header .topNav{display:block !important;}

.lu-box {
	max-width: 5.083rem;
	margin-right: 3.2%;
}

.winner-box { margin-bottom: 2.5rem !important; padding-bottom: 0.4167rem; }
.swiper-winners { width: 96%; padding: 2% }
.swiper-winners .swiper-winner span{ background: none; box-shadow: none; padding: 0; color: #22272a; line-height: 1; padding: 0 0 3px 0;}
.swiper-winners .swiper-nambar{display: inline-block;width: 1.25rem;height: 1.25rem;background-color: #b5bcc0;border-radius: 50%;color: #fff;font-size:0.625rem;font-weight: 600;line-height: 1.9;margin: 0.4167rem 0 0.5rem 0;}
.swiper-winners .swiper-win{ color: #ea203f; font-weight: 700; font-size:0.8333rem; line-height: 1;}
.swiper-winners .swiper-winner img { width: 6rem; height: 8rem; margin-top: 1.708rem; object-fit: cover; border-radius: 20px; }
.swiper-winners .swiper-winner h3 { margin-top: 0; }
.swiper-winners .swiper-winner .swiper-win { margin-bottom: 30px; }
.swiper-button-next.winner-next  { right: 0 !important; top: 50%; background-position-x: right; }
.swiper-button-prev.winner-prev  { left: 0 !important ; top: 50%;}
/* .cardHis-title h2:before{ content:""; display: block; width: 100%; height: 20px; margin-bottom: 20px; background: url('../images/line-t.png') no-repeat center; }*/

@media (min-width: 1026px){
.cls-3{}


#targetYear{}
#targetYear .app-text-1{}
#targetYear .fs-24{ font-size: 1.667rem;}

.cls-4{}
.cls-4 .fs-24{ display: block; text-align: left; font-size: 0.5rem; padding-left: 0.4rem; }
.cls-5{}
.cls-5 .app-text-3{ display: block; font-size: 0.5rem; padding-left: 0.6rem;}
#targetCount{padding-left:2rem; display:inline-block;} 
#targetCount > span{ display: block;}
.his-box .hisb-2{ vertical-align: bottom; margin-top: 43px;}
.targets{}
#targetWon .targets:after{font-size: 1.6rem; right: -38px !important; top: 50%; margin-top:-0.8rem;}

}


@media (min-width: 1201px){
	.max-hisauto{max-width:910px !important;}
}
@media (max-width: 1200px){
	.swiper-button-next{right:-1.875rem !important;}
	.swiper-button-prev{left:-1.875rem !important;}
	.max-hisauto{max-width:27rem !important;}
}
@media (min-width: 768px){
	.lu-box {
		max-width: 6.083rem;
		margin-right: 3.2%;
	}	
	.swiper-winners .swiper-winner h3 { font-size: 16px; }
}
@media (min-width: 1024px){
	.lu-box {
		max-width: 5.083rem;
		margin-right: 3.2%;
	}
}
@media (max-width: 1280px){
	.ui-slider { margin-top: 0.3rem; }
}
@media (max-width: 600px){
	.max-hisauto{max-width:16.67rem !important;}
	.max-hisauto .swiper-slide{ width:25% !important;}
	
	.comp-logo .eventlogo { width: 300px; height: 127px; }
	.ui-slider { margin-top: 0rem; }
}
#targetWon .targets{
	position: relative;
	display:block;
}
#targetWon .targets:after{content:'원';position: absolute;right: -43px; display:none;}

@supports (-webkit-overflow-scrolling: touch) {
	#targetWon .targets:after{content:'원';position: absolute;right: -129px;}
}
.app-text-1{width:auto;}
#targetYear .fs-24{padding-left:3px;}
#targetWon .trass{padding-left:3px; font-size:1.667rem;}


@media (max-width: 640px) {
	#targetWon .trass{font-size:0.8333rem !IMPORTANT;}
}
@media (max-width: 1024px) {
	#targetWon .trass{font-size:1rem !IMPORTANT;}
}


/* .range-labels li{width:17%;}
<!--.range-labels{margin:10px -33% 0 -10%; } */

.max-hisauto .swiper-player span{box-shadow:none !important; background-color:#1b1a11 !important; color:#fff !important;}

#slider22 .slider-rangeHighlight{border-radius:0;}
#slider22 .slider-rangeHighlight.category1 {
	background: #d63b47 !important;
}

#slider22 .slider-rangeHighlight.category2 {
	background: #e06a73 !important;
}
#slider22 .slider-rangeHighlight.category3 {
	background: #efb1b5 !important;
}
#slider22 .slider-rangeHighlight.category4 {
	background: #d63b47 !important;
}


/* history page */

.his-name .his-img.gu { width: 12rem; }
.his-name .his-img.park { width: 24rem; left: -5%; }
.his-name .his-img.shin { width: 12rem; }
.his-name .his-img.bi { width: 13.38rem; left: 16%; }
.his-name .his-img-1 { width: 17rem; left: 10%; }

.auto-table .auto-body .ab-list-img > div.list-img-box { width: 100%; }

@media (max-width: 1024px) {
	.auto-table .auto-body .ab-list-img > div.list-img-box { display: block; text-align: center; }
	.auto-table .auto-body .ab-list-img > div.list-img-box .lib-img { float: left; display: inline-block;  }
	.auto-table .auto-body .ab-list-img > div.list-img-box .list-img-user { text-align: left; padding-top: 1rem; }
	.swiper-winners .swiper-winner h3 { font-size: 1rem; }
	#targetYear .app-text-1{ display: inline-block; }
}

@media (max-width: 992px) {
.his-name .his-img.gu { width: 11.667rem; left: 25%; margin-left: -5.833rem; }
.his-name .his-img.park { width: 23.667rem; left: -7%; margin-left: -5.833rem;}
.his-name .his-img.shin { width: 13.667rem; left: 22%; margin-left: -5.833rem; }
.his-name .his-img.bi { width: 13.667rem; left: 22%; margin-left: -5.833rem; }
.his-name .his-img-1 { right: 50%; width: 16.5rem; left: 17%; margin-left: -5.833rem; }
.his-name .his-img-2 { right: 50%; width: 12rem; left: 24%; margin-left: -5.833rem; }
.his-name .his-img-3 { right: 50%; width: 11rem; height: 90%; left: 17%; margin-left: -5.833rem; }
.his-name .his-img-4 { right: 50%; width: 14rem; left: 28%; margin-left: -5.833rem; }
.auto-table .auto-body .ab-list-img > div.list-img-box { display: block; }
.auto-table .auto-body .ab-list-img > div.list-img-box .lib-img {  }
.timeline-boxt{ padding: 0px 3rem 0 0rem;  }
.custom-handle { width: 3em; }
}