@charset "utf-8";
/* 공통 */
.scroll-y::-webkit-scrollbar {height:3px; width:10px;}
.scroll-y::-webkit-scrollbar-thumb {background-color:#999; border-radius:5px;}
.scroll-y::-webkit-scrollbar-track {background-color:#ccc; border-radius:5px;}

.tabWrap .tabBtn {cursor:pointer;}
.tabWrap .tabBtn img.logo {margin-left:10px; max-width:50px;}
.tabInner .tabItem {display:none;}
.tabInner .tabItem.on {display:block;}
.scroll-tab .scrollable {width:100%; white-space:nowrap; overflow-x:auto; display:flex; justify-content:center; -ms-overflow-style: none; gap:10px; border-bottom:0; }
.scroll-tab .scrollable::-webkit-scrollbar {display: none;}
.scroll-tab .scrollable li {display:flex; align-items:center; cursor:pointer; user-select: none; transform: rotate(0.03deg); color:#fff; background:var(--navy); text-align:center; border-radius:4rem; font-weight:600; position:relative; padding:15px 50px; transition:all 0.3s; box-sizing:border-box;}
.international .scroll-tab .scrollable li {padding:15px 30px;}

.scroll-tab .scrollable li.on, .scroll-tab .scrollable li:hover {background:var(--red);}


.table.type1 thead tr {border-top:1px solid #c6cde4; border-bottom:1px solid #c6cde4;}
.table.type1 thead tr th {color:var(--blue); font-weight:400; text-align:center; padding:12px 0; background:#fafafd;}
.table.type1 tbody tr td {text-align:center; padding:12px 10px; color:#000;}
.table.type1 tbody tr {border-bottom:1px solid #dfe3f4;}

/* form */
form.type1 {margin:0; padding:0; font-weight:normal;}
/* form.type1 * {box-shadow:none; vertical-align:top;} */
form.type1 * {box-shadow:none;}
form.type1 input[type="text"],input[type="password"],input[type="textarea"],input[type="number"],textarea,select {
	display:inline-block; width:100%; height:50px; padding:8px 20px; margin:0; vertical-align:middle;
	font-size:inherit; line-height:1; outline:none !important;
	border-radius:0px; background-color:#fff;
	float:inherit;
}
form.type1 input:focus, textarea:focus {border:1px solid #000;	background-color:#fff !important;}
form.type1 select {
	cursor:pointer; padding:8px 20px;
	background-image:url(/images/common/select_arrow.png);
	background-repeat:no-repeat;
	background-position:90% 50%;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
	clear:left !important;
}
form.type1 textarea {min-height:175px; line-height:1.6; width:100%; max-width:1200px;}
input[type="file"] {height:50px !important; border:1px solid var(--border3); padding:6px; width:100%;}
input[type="text"] {padding-left:10px;-webkit-appearance: none;}
input[type="radio"],
input[type="checkbox"] {vertical-align:middle !important; margin-top:0;}
input[type="radio"]+span,
input[type="checkbox"]+span {vertical-align:middle;}

input[readonly],input[disable] {background-color:#ccc !important;}
input[type="text"], input[type="date"], input[type="password"], select {height: 50px; border: 1px solid var(--border3); border-radius:10px!important; padding: 0 10px; width:100%; box-sizing:border-box;}
.maxW-150 input, .maxW-150 select {max-width:150px;}
.maxW-200 input, .maxW-200 select {max-width:200px;}
.maxW-300 input, .maxW-300 select {max-width:300px;}
.maxW-500 input, .maxW-500 select {max-width:500px;}
.maxW-800 input, .maxW-800 select {max-width:800px;}


/* 연도탭 */
.year-btn {margin-top:30px!important; padding:30px!important;}
.year-btn .swiper-wrapper {justify-content:center}
.year-btn .swiper-slide {text-align:center;}
.year-btn .swiper-button-next {background:#fff url(/images/common/i-arrow_right.png) no-repeat center center / 6px; border:1px solid #ccc; border-radius:10px; width:40px; height:40px; top:22px;}
.year-btn .swiper-button-prev {background:#fff url(/images/common/i-arrow_left.png) no-repeat center center / 6px; border:1px solid #ccc; border-radius:10px; width:40px; height:40px; top:22px;}
.year-btn .swiper-slide a {font-size:18px; display:inline-block; transform:var(--textRotate);}
.year-btn .swiper-slide.on a {color:var(--navy); font-weight:600; position:relative;}
.year-btn .swiper-slide.on a:before {content:""; display:block; width:100%; height:2px; background:var(--navy); position:absolute; bottom:0;}
.sub-inner .y-tabItem {margin-top:50px;}



/* 검색영역 */
.searchWrap .year-tab {position:relative;}
.searchWrap ul.years {display: none; position:absolute; z-index:3;}
.searchWrap .y-select {display:block; width:180px; background:#fff; border:1px solid var(--border3); border-radius:10px; line-height:48px; padding:0 20px; color:#000; background-image: url(/images/common/select_arrow.png);
    background-repeat: no-repeat;
    background-position: 90% 50%;}
.searchWrap .year-tab .years {width:180px; border:1px solid var(--border2); border-radius:10px; overflow-y:auto; height:300px;}
.searchWrap .year-tab .years::-webkit-scrollbar {height:3px; width:8px;}
.searchWrap .year-tab .years::-webkit-scrollbar-thumb {background-color:#999; border-radius:5px;}
.searchWrap .year-tab .years::-webkit-scrollbar-track {background-color:#ccc; border-radius:5px;}

.searchWrap .year-tab .years li+li {border-top:1px solid var(--border1);}
.searchWrap .year-tab .years li a {display:block; padding:7px 20px 5px; background:#fff; width:100%; font-size:15px;}
.searchWrap .year-tab .years li a:hover {background:#f5f5f5;}

.searchWrap {display:flex; align-items:center; justify-content:space-between; gap:100px;}
.searchWrap p {font-size:18px; color:#000;}
.searchWrap p span {color:var(--red); font-weight:600;}
.searchWrap form {display:flex; width:70%; gap:5px;}
.searchWrap form.type1 select {width:180px;}
.searchWrap form.type1 input {width:calc(100% - 485px);}
.searchWrap .searchBtn {background:var(--blue) url(/images/common/i-search.png) no-repeat 78% center / 17px; color:#fff; border-radius:10px; width:100px; padding-right:20px; font-weight:600; transform:var(--textRotate);}

/* 리스트영역(국내전적) */
.sub-inner .listWrap {margin-top:30px;}
.listWrap ul {display:flex; align-items:center; flex-wrap:wrap;}
.listWrap ul li {text-align:center; box-sizing: border-box;}
.listWrap ul li.rowA {width:100px;}
.listWrap ul li.rowB {width:100px;}
.listWrap ul li.rowC {width:calc(100% - 500px); text-align:left;}
.listWrap ul.t-head li.rowC {text-align:center;}
.listWrap ul.t-body li.rowC {padding:0 30px;}
.listWrap ul.t-body li.rowC a {width:100%; overflow:hidden; white-space:normal; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:keep-all; font-size:18px; font-weight:600; transform:var(--textRotate);}
.listWrap ul.t-body li.rowC a:hover {color:var(--blue);}
.listWrap ul li.rowD {width:200px;}
.listWrap ul li.rowE {width:100px;}
.listWrap ul.t-head {background:#f5f5f8; border-top:1px solid #c4c9e0; border-bottom:1px solid #c4c9e0; }
.listWrap .t-head li {color:var(--blue); font-weight:600; padding:15px 0;} 
.listWrap .t-head li span {transform:var(--textRotate); display:inline-block;}
.listWrap ul.t-body {border-bottom:1px solid #dfe3f4; transition:all .5s;}
.listWrap ul.t-body li {color:#000; line-height:1.2; padding:20px 0;}
.listWrap ul.t-body.notice:hover {background:#f9f9f9;}
.listWrap ul.t-body.notice li {color:var(--blue); font-weight:600; padding:15px 0;}
.listWrap ul.t-body.notice li span {display:inline-block; transform:var(--textRotate);}
.listWrap ul.t-body.notice li.rowA span {display:inline-block; background:var(--navy); color:#fff; font-size:13px; line-height:1; padding:10px 15px; border-radius:100px;}
.listWrap ul.t-body.notice li.rowC {padding:15px 30px;}

/* 리스트영역(국제전적) */
.listWrap2 article {display:flex; gap:100px;}
.listWrap2 article+article {padding-top:50px; margin-top:50px; border-top:1px solid #dfe3f4;}
.listWrap2 article .left >span {display:inline-block; padding:5px 15px; background:var(--navy); color:#fff; border-radius:10px; font-weight:600; transform:var(--textRotate); font-size:16px;}
.listWrap2 article .left dt {font-size:36px; font-weight:800; transform:var(--textRotate); color:#000;}
.listWrap2 article .left dd {position:relative; padding-top:20px; font-weight:600; font-size:18px; transform:var(--textRotate);}
.listWrap2 article .left dd:before {content:""; display:block; width:50px; height:3px; background:var(--red); position:absolute; top:5px; left:0; }

.listWrap2 article .right {display:grid; grid-template-columns:repeat(3,1fr); width:calc(100% - 225px); color:#000; gap:50px;}
.listWrap2 article .right h4 {position:relative; font-size:20px; padding-left:20px; transform:var(--textRotate);}
.listWrap2 article .right h4:before {content:""; display:block; width:12px; height:16px; background:url(/images/records/i-arrow_blue.png) no-repeat center center / contain; position:absolute; left:0; border-radius:3px; top:1px;}
.listWrap2 article .right .part {padding:15px 0 0 20px;}
.listWrap2 article .right .part ul {display:flex; flex-wrap:wrap; column-gap:20px;}
.listWrap2 article .right .part ul+p {margin-top:10px;}
.listWrap2 article .right .part dl+dl {margin-top:20px;}
.listWrap2 article .right .part dl dt {display:inline-block; padding:3px 10px; background:#e5e5e5; border-radius:5px; margin-bottom:10px; font-weight:600; transform:var(--textRotate);}
.listWrap2 article .right .part dl dd+dd {margin-top:5px;}
.listWrap2 article .right .part p {display:inline-block; position:relative; color:var(--navy); font-weight:600; transform:var(--textRotate);}
.listWrap2 article .right .part p:before {content:""; display:block; width:5px; height:5px; background:#ccc; position:absolute; bottom:0; border-radius:50%; top:9px; left:-13px;}

/* 리스트영역(국제전적) NEW */
.international .logo_rotate {position:fixed; width:600px; bottom:0; left:0; z-index:-1;}
.international .cont-inner {margin-top:75px;}
.international .cont-inner .ex_img {width:100%;}

.international .cont-inner {display:flex; gap:70px;}
.international .cont-inner .fix {width:180px;}
.international .cont-inner .year_btn {position:sticky; top:120px;}
.international .cont-inner .year_btn a {display:block; text-align:center; border:1px solid #d9ddf2; border-radius:3rem; font-size:18px; font-weight:800; color:#001c48; transform:var(--textRotate); background:#f7f8f9; padding:12px 5px; transition:0;}
.international .cont-inner .year_btn a.on {background:var(--blue) url(/images/records/arrow_rightW.png) no-repeat 85% center / 7px; color:#fff; border:1px solid var(--blue);}
.international .cont-inner .year_btn a+a {margin-top:10px;}
.international .cont-inner .listWrap3 {width:calc(100% - 250px);}
.international .cont-inner .listWrap3 article {border:1px solid #d9ddf2; border-radius:20px; overflow:hidden;}
.international .cont-inner .listWrap3 article+article {margin-top:10px;}
.international .cont-inner .listWrap3 article .tit {background:#f7f8f9; padding:15px 40px;}
.international .cont-inner .listWrap3 article .tit span {font-weight:800; color:#000; font-size:18px; display:inline-block; transform:var(--textRotate);}
.international .cont-inner .listWrap3 article .tit span+span {padding-left:30px;}
.international .cont-inner .listWrap3 article .tit span.year {color:#11acb9;}
.international .cont-inner .listWrap3 article .grades {display:flex; align-items:flex-start; padding:20px 40px;}
.international .cont-inner .listWrap3 article .grades+.grades {border-top:1px solid #d9ddf2;}
.international .cont-inner .listWrap3 article .grades h4 { padding:12px 25px; display:inline-block; color:#fff; border-radius:3rem; transform:var(--textRotate); margin-right:50px; text-align:center; width:70px; line-height:1.3;}
.international .cont-inner .listWrap3 article .grades.gymna h4 {background:#001c48;}
.international .cont-inner .listWrap3 article .grades.rhythm h4 {background:#7f8da3;}
.international .cont-inner .listWrap3 article .grades.aerobics h4 {background:#6c95d5;}
.international .cont-inner .listWrap3 article .grades.gymna span {display:inline-block; font-weight:800; transform:var(--textRotate);}
.international .cont-inner .listWrap3 article .grades.gymna span+p {margin-top:10px;}
.international .cont-inner .listWrap3 article .grades.gymna .man {color:#4057bd;}
.international .cont-inner .listWrap3 article .grades.gymna .woman {color:#ff8080;}
.international .cont-inner .listWrap3 article .grades.gymna > div {width:calc(50% - 93px);}
.international .cont-inner .listWrap3 article .grades.gymna > div+div {margin-left:30px;}




/* 명예의 전당 */
.halloffame .sub-inner {display:grid; grid-template-columns:repeat(2,1fr); gap:60px;}
.halloffame article {display:flex; align-items:flex-start; gap:30px; padding:40px; background:#fff url(/images/records/halloffame_bx_bg.png) no-repeat -10% top / 229px; border:1px solid var(--border4); border-radius:20px;}
.halloffame article .img {aspect-ratio:0.77/1; border-radius:10px; border:1px solid var(--border4); overflow:hidden; width:143px;}
.halloffame article .img img {width:100%; height:100%; aspect-ratio:cover;}
.halloffame article .info {width:calc(100% - 143px);}
.halloffame article .info .top {display:flex; justify-content:space-between; flex-wrap: wrap; row-gap:10px;}
.halloffame article .info .top .medal {display:flex; flex-wrap:wrap;}
.halloffame article .info .top .medal li {width:30px; height:30px;}
.halloffame article .info .top .medal li+li {margin-left:10px;}
.halloffame article .info .top .medal .gold {background:url(/images/records/gold.png) no-repeat center center / contain;}
.halloffame article .info .top .medal .silver {background:url(/images/records/silver.png) no-repeat center center / contain;}
.halloffame article .info .top .medal .bronze {background:url(/images/records/bronze.png) no-repeat center center / contain;}
.halloffame article .info .name {color:#000; transform:var(--textRotate); font-weight:600; }
.halloffame article .info .name dt {font-size:30px;}
.halloffame article .info .bottom {margin-top:30px;}
.halloffame article .info .bottom p {font-weight:600; color:#000;}
.halloffame article .info .bottom ul {margin-top:5px;}
.halloffame article .info .bottom ul li {position:relative; padding-left:20px; color:#333;}
.halloffame article .info .bottom ul li+li {margin-top:5px;}
.halloffame article .info .bottom ul li:before {content:""; display:block; position:absolute; width:4px; height:4px; background:#ccc; top:10px; left:7px; border-radius:50%;}

/* 페이징 PC */
.page_box {position:relative; text-align:center; border:1px solid transparent;}
.page_box .pc.pagination {display:inline-block; /*margin:80px 0 0 !important;*/}
.page_box .pc.pagination>li>a {text-align:center; color:#333; border:1px solid #ddd; height:40px; line-height:1; display: flex; align-items: center; justify-content: center;}
/* .board_ebi .page_box .pc.pagination>li>a.active {color:#111; background:#fff !important; border:1px solid #dedede; font-weight:normal;} */
.page_box .pc.pagination>li>a.active {color:#fff; background:var(--blue)!important; border:1px solid #ddd;  font-weight:normal;}
.page_box .pc.pagination .first,
.page_box .pc.pagination .prev,
.page_box .pc.pagination .next,
.page_box .pc.pagination .last {color:#333; background-color:#fff;}
.page_box .pc.pagination .first:hover,
.page_box .pc.pagination .prev:hover,
.page_box .pc.pagination .next:hover,
.page_box .pc.pagination .last:hover {background:#f0f0f0}
/*.board_ebi .page_box .pc.pagination .prev {margin-right:10px;}
.board_ebi .page_box .pc.pagination .next {margin-left:10px;}*/
.pc.pagination .write {display:inline-block; height:40px; line-height:1; margin-left:5px; padding:12px 15px; /*font-family:"NotoSansKR";*/ color:#fff;}
.page_box .pc.pagination .write:hover {background:#333; color:#fff !important;}
.pagination >li:first-child >a, .pagination>li:last-child>a {border-radius:0;}

.page_box {width:100%; margin-top:30px!important; line-height:1; font-size:14px; font-weight:normal; text-align:center;}
.page_box .pc .prev {margin-right:10px;}
.page_box .pc .next {margin-left:10px;}
.page_box .pc {display:inline-block;}
.page_box .pc li {float:left; margin-left:-1px;}
.page_box .pc li a {display:block; padding:12px 15px; border:1px solid rgba(0,0,0,.15); background:#fff; color:#000;}
.page_box .pc li a:hover {background:#f0f0f0;}
.page_box .pc li a.active {background:#333; color:#fff; border-color:#333;}




/**** 뷰페이지 ****/
.sub-inner .view-type1 {margin-top:30px;}
.view-type1 .titWrap {border-bottom:1px solid var(--border3); padding-bottom:15px;}
.view-type1 .titWrap .tit {display:flex; justify-content:space-between; align-items:center;}
.view-type1 .titWrap .tit h3 {font-size:30px; font-weight:600; color:var(--blue); transform:var(--textRotate); line-height:1.3; width:100%; /*width:calc(100% - 120px);*/}
.view-type1 .titWrap .tit span {display: inline-block; text-align:center; font-weight:800; transform:var(--textRotate); width:110px; line-height:50px; border-radius:2rem;
box-sizing:border-box;}
.view-type1 .titWrap .tit span.d-day {background: var(--green) url(/images/common/i-bell.png) no-repeat 20% 46% / 14px; color:#fff;
padding-left:15px; font-size: 20px;}
.view-type1 .titWrap .tit span.preparing {background:var(--blue) url(/images/common/i-clock.png) no-repeat 20% center / 16px; color:#fff; padding-left:15px;}
.view-type1 .titWrap .tit span.finish {border:1px solid #c6cde4; color:#8a95d2;}
.view-type1 .titWrap .info {display:flex; flex-wrap:wrap; gap:10px 90px;}
.view-type1 .titWrap .info li {position:relative; padding-left:15px; color:#000;}
.view-type1 .titWrap .info li:before {content:""; display:block; width:4px; height:4px; border-radius:50%; position:absolute; top:10px; left:4px; background:#ccc;}
.view-type1 .file {display:flex; flex-wrap:wrap; gap:10px 40px; padding:15px; border-bottom:1px solid var(--border3);}
.view-type1 .file a {display:flex; gap:5px; align-items:center; color:#000; }
.view-type1 .file a:hover {color:var(--blue);}
.file span.filedown {display:inline-block; width:25px; height:25px; border-radius:50%; background:#eaeaf5 url(/images/common/i-filedown.png) no-repeat center center / 7px; border:1px solid var(--border3); }
.file span.filename {overflow:hidden; white-space:normal; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:keep-all; word-break:break-all; width:calc(100% - 30px);}
.view-type1 .detail {padding:60px 0; border-bottom:1px solid var(--border3);}
.view-type1 .detail img {max-width:100%;}
.view-type1 .btnWrap {text-align:center;}
.view-type1 .blueBtn {display:inline-block; font-size:16px; padding:20px 40px; line-height:1; background:var(--blue); border-radius:3rem; color:#fff; margin:20px 0;}
.view-type1 .btnWrap .prev-next {text-align:left; border-top:1px solid var(--border3); padding-top:30px;}
.view-type1 .btnWrap .prev-next a+a {display:block; margin-top:20px;}
.view-type1 .btnWrap .prev-next dl {display:flex; align-items:center; gap:10px;}
.view-type1 .btnWrap .prev-next dt {display:flex; align-items:center; gap:10px; color:#666; }
.view-type1 .btnWrap .prev-next dt span {display:inline-block; width:30px; height:30px; border:1px solid var(--border3); border-radius:50%;}
.view-type1 .btnWrap .prev-next dt span.prev {background: url(/images/common/i-prevUp.png) no-repeat center center / 12px;}
.view-type1 .btnWrap .prev-next dt span.next {background: url(/images/common/i-prevDown.png) no-repeat center center / 12px;}
.view-type1 .btnWrap .prev-next dd {color:#333;}
.view-type1 .btnWrap .prev-next a:hover dd {color:var(--blue);}

/* board_view */
div.boardViewTable {width:100%;}
div.boardViewTable thead th {font-size:16px;font-weight:700;line-height:20px;color:#444;height:20px;padding:15px 10px;text-align:left;border-bottom: solid 1px #c9c9c9;}
div.boardViewTable tbody th {font-size:13px;font-weight:700;line-height:20px;color:#444;height:20px;padding:15px 10px;text-align:center;border-top: solid 1px #c9c9c9;border-bottom: solid 1px #c9c9c9;background: #fafafa;border-right:1px solid #ddd}
div.boardViewTable tbody td {font-size:13px;line-height:20px;color:#444;height:20px;padding:15px 10px;text-align:left;border-bottom:1px solid #d5d5d5}
div.boardViewTable tbody td img {max-width:680px}
div.boardViewTable a {color:#444}

/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1199px) {

.scroll-tab .scrollable {justify-content:flex-start;}
.tabWrap .tabBtn img.logo {max-height:25px;}

/* 검색영역 */
.searchWrap {flex-direction:column; row-gap:10px; align-items:flex-start;}
.searchWrap h3 {font-size:26px;}
.searchWrap form {width:100%;}


.listWrap ul.t-body.notice {border-top:1px solid #dfe3f4;}

.listWrap ul {padding:15px; row-gap:10px;}
.listWrap ul li {text-align:left;}
.listWrap ul.t-body li {padding:0;}
.listWrap ul li.rowA {width:auto;}
.listWrap ul.t-body li.rowC {padding:0; width:100%;}
.listWrap ul.t-body.notice li.rowC {width:calc(100% - 70px); line-height:1;}
.listWrap ul.t-body.notice li.rowC {padding-left:10px;}
.listWrap ul.t-body.notice li {padding:0}

/* 리스트영역(국제전적) */
.listWrap2 article .left dt {font-size:30px;}
.listWrap2 article .left >span {font-size:14px;}
.listWrap2 article {flex-direction:column; gap:30px;}
.listWrap2 article .right {width:100%;}


/* 페이징 MOBILE */
.page_box {position:relative; margin-top:30px; text-align:center;}
.page_box .mobile label {display:none;}
.page_box .mobile {display:inline-block; margin:0; padding:0;}
.page_box .mobile>li {float:left; height:100%;}
.page_box .mobile>li:last-child {padding-right:0;}
/*
.board_ebi .page_box .mobile .prev,
.board_ebi .page_box .mobile .next {display:block;border:1px solid #dedede; background:#fff !important; color:#333 !important; padding:12px 15px; border-right:0;}
*/
.page_box .mobile .prev {display:block; min-width:34px; height:40px; background:url(/images/common/list-prev.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-radius:0; border-right:0;}
.page_box .mobile .next {display:block; min-width:34px; height:40px; background:url(/images/common/list-next.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-radius:0; border-right:0;}
.page_box .mobile .write:hover {background:#000; color:#fff !important;}
.page_box .mobile .form-control  {border:1px solid #dedede; border-radius:0;}
.page_box .mobile .dropdown-toggle:hover {border-radius:0 !important;}
.page_box .mobile .btn-default  {border:0; height:32px !important;}	
.mobile select#page {border-radius:0 !important; height:40px !important; border:1px solid #dedede!important; min-width:50px;}
.page_box .mobile select {padding: 8px 45px 8px 20px !important; background: url(/images/common/select_arrow.png) no-repeat 80% 50% / 8px auto;}


}

/* ************************ 태블릿 이하(~991) ************************ */
@media (max-width: 991px) {
.searchWrap form {flex-wrap:wrap; gap:5px 0;}
.searchWrap .year-tab {width:50%;}
.searchWrap .y-select {width:100%;}
.searchWrap form.type1 select {width:calc(50% - 5px); background-position: 95% 50%;}
.searchWrap form.type1 select+select {margin-left:5px;}
.searchWrap form.type1 input {width:calc(100% - 105px);}
.searchWrap .searchBtn {margin-left:5px;}

.listWrap ul.t-body li.rowC a {font-size:16px; -webkit-line-clamp:2;
}
.listWrap ul.t-body.notice li.rowA span {font-size:14px; line-height:28px;}
.listWrap ul li.rowD {width:auto; font-size:14px; padding-right:15px;}
.listWrap ul li.rowE {width:auto; font-size:14px;}

.halloffame .sub-inner {gap:40px; grid-template-columns:repeat(1, 1fr);}
.halloffame article .info .name dt {font-size:24px;}
.halloffame article {padding:30px;}



.view-type1 .titWrap .tit {flex-direction:column; align-items:flex-start; row-gap:10px;}
.view-type1 .titWrap .tit h3 {font-size:24px; order:2;}
.view-type1 .titWrap .tit span {line-height:40px;}
.view-type1 .titWrap .tit span.d-day {font-size:16px;}
.view-type1 .titWrap .info {margin-top:10px;}
.view-type1 .detail {padding:30px 0;}

/* 리스트영역(국제전적) NEW */
.international .logo_rotate {position:fixed; width:300px; bottom:0; left:0;} 
.international .cont-inner {flex-direction:column; margin-top:30px; gap:30px;}
.international .cont-inner .fix {display:flex; width:auto;}
.international .cont-inner .year_btn {display:flex; }
.international .cont-inner .year_btn a {font-size:15px; padding:5px 15px;}
.international .cont-inner .year_btn a.on {padding:5px 30px 5px 15px;}
.international .cont-inner .year_btn a+a {margin-top:0; margin-left:5px;}
.international .cont-inner .listWrap3 {width:100%;}
}

/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
input[type="text"], input[type="date"], input[type="password"], select {height:45px;}
form.type1 input[type="text"], input[type="password"], input[type="textarea"], input[type="number"], textarea, select {height:45px;}
.scroll-tab .scrollable li {padding:12px 40px;}	
.international .scroll-tab .scrollable li {padding:12px 30px;}
.searchWrap h3 {font-size:24px;}
.searchWrap form.type1 input {width:calc(100% - 55px);}
.searchWrap .searchBtn {text-indent:-9999px; width:50px; background: var(--blue) url(/images/common/i-search.png) no-repeat center center / 17px;}


.year-btn .swiper-slide a {font-size:16px;}
.year-btn {margin-top:0!important;}
.year-btn .swiper-button-prev {width:30px; height:30px; top:24px; left:0;}
.year-btn .swiper-button-next {width:30px; height:30px; top:24px; right:0;}
.sub-inner .y-tabItem {margin-top:30px;}
.searchWrap .y-select {line-height:43.5px;}
.searchWrap .year-tab .years {width:calc(100% - 4px);}
.searchWrap p {font-size:16px;}
.listWrap ul li.rowA {width:100%;}
.listWrap ul.t-body.notice li.rowA span {line-height:10px;}
.listWrap ul.t-body.notice li.rowC {padding-left:0; width:100%; padding:0;}
.listWrap ul.t-body li.rowC a {-webkit-line-clamp:3;}
.listWrap2 article+article {padding-top:30px; margin-top:30px;}
.listWrap2 article .left dt {font-size:24px; margin-top:10px;}
.listWrap2 article .left dd:before {width:35px;}
.listWrap2 article .left dd {font-size:16px;}
.listWrap2 article .right h4 {font-size:18px; padding-left: 17px;}
.listWrap2 article .right h4:before {height:14px;}
.listWrap2 article .right {grid-template-columns:repeat(1, 1fr); gap:30px;}
.listWrap2 article .right .part p:before {top:7px;}
.listWrap2 article .right .part {padding:15px 0 0 15px;}


.view-type1 .titWrap .tit h3 {font-size:20px;}
.view-type1 .titWrap .tit span.d-day {font-size:16px;}
.view-type1 .titWrap .tit span.preparing {background: var(--blue) url(/images/common/i-clock.png) no-repeat 18% center / 15px; font-size:14px;}
.view-type1 .titWrap .tit span.finish {font-size:14px;}
.view-type1 .titWrap .info li:before {top:8px;}
.view-type1 .blueBtn {padding:8px 35px;}
.view-type1 .btnWrap .prev-next {padding-top:25px;}
.view-type1 .btnWrap .prev-next a+a {margin-top:15px;}

.international .cont-inner .listWrap3 article .tit {padding:15px 20px;}
.international .cont-inner .listWrap3 article .tit span {font-size:16px;}
.international .cont-inner .listWrap3 article .tit span+span {padding-left:15px;}
.international .cont-inner .listWrap3 article .grades {flex-direction:column; padding:20px 20px;}
.international .cont-inner .listWrap3 article .grades h4 {margin-bottom:20px; width:auto;}
.international .cont-inner .listWrap3 article .grades h4 br {display:none;}
.international .cont-inner .listWrap3 article .grades.gymna > div {width:100%;}
.international .cont-inner .listWrap3 article .grades.gymna > div+div {margin-left:0; margin-top:20px;}
.year_btn_wrapper {overflow-x: auto; white-space:nowrap; -webkit-overflow-scrolling: touch; width:100%; scrollbar-width: none; user-select: none; /* Prevent text selection */
  -webkit-user-select: none; /* Safari/Chrome */
  -ms-user-select: none; /* IE10+ */}
.international .cont-inner .year_btn {display:inline-flex;}
.year_btn_wrapper::-webkit-scrollbar {display: none;}
}

/* ************************ 모바일 ************************ */
@media (max-width: 500px) {
.scroll-tab .scrollable li {padding:12px 20px;}
.listWrap ul {padding:15px 10px;}

.halloffame article {padding:25px; flex-direction:column; gap:20px;}
.halloffame article .info {width:100%;}
.halloffame article .info .bottom {margin-top:20px;}
.halloffame article .info .bottom ul li {padding-left:15px;}
.halloffame article .info .bottom ul li:before {top:8px;left:3px;}
.halloffame article .info .name dt {font-size:22px;}
}