@charset "utf-8";
/* =====================================================
   Merged stylesheet: app.css
   Source files: default.css, pc.css, mobile.css
   Notes:
   - Base resets from default.css
   - Desktop/common styles from pc.css
   - Responsive overrides from mobile.css (max-width queries)
   ===================================================== */

/*************************************************
프로젝트명 : 연합뉴스TV 행사페이지
commnet : default.css
*************************************************/

html,body{width:100%;height:100%;margin:0;padding:0;}
body{font-weight:normal;font-size:1em;line-height:1.5em;font-family:sans-serif;color:#000;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;}

h1,h2,h3,h4,h5,h6{margin:0;padding:0;font:inherit;font-weight:bold;}
img{display:inline-block;border:0 none;vertical-align:top;}
cite,code,dfn,del,em,ins,label,q,span,strong,b,i,time,mark,font,kbd,q,s,samp,small,strike,sub,sup,tt,var,u,center{display:inline-block;margin:0;padding:0;vertical-align:top;font:inherit;}
address,cite,em,dfn{font:inherit;}
b,i,strong,optgroup{font:inherit;font-weight:bold;}

blockquote,p{margin:0;padding:0;font:inherit;}
pre{overflow:auto;margin:0;padding:0;font:inherit;}
mark{background:#fff;font:inherit;/* color:#000; */} /* IE 8/9 */
sub,sup{position:relative;font-size:0.75em;vertical-align:baseline;font:inherit;}
abbr[title]{border-bottom:1px dotted;font:inherit;}
hr{display:none;}

div,article,aside,main,menu,details,figure,figcaption,hgroup,footer,header,nav,section,object,summary,iframe{display:block;margin:0;padding:0;font:inherit;}
iframe{overflow:hidden;border:none;}
audio,canvas,progress,video{display:inline-block;margin:0;padding:0;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
svg:not(:root){overflow:hidden;} /* IE 9~11 */

/* table */
table{border-collapse:collapse;border-spacing:0;}
caption{overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999px;}
th,td{margin:0;padding:0;font:inherit;text-align:left;vertical-align:middle;}

/* list */
dl,dd,ol,ul,li{margin:0;padding:0;}
li{list-style-type:none;}

/* form */
form{margin:0;padding:0;}
fieldset{margin:0;padding:0;border:0 none;}
legend{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
input,button,select,textarea{margin:0;padding:0;font:inherit;vertical-align:top;}
input.text{padding:4px 7px 4px;border:1px solid #ccc;font-size:12px;line-height:1;color:#000;}
input.readonly{background-color:#eee;}
input.check,input.radio{width:13px;height:13px;margin:2px 7px 0 0;padding:0;}
input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{/* -webkit-appearance:textfield; */box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
textarea{margin:0;padding:0;border:1px solid #ccc;font-size:12px;color:#000;resize:none;}
select{height:20px;margin:0;border:1px solid #ccc;outline:none;background-color:#fff;font-size:12px;color:#000;vertical-align:top;text-transform:none;}
button{overflow:visible;text-transform:none;cursor:pointer;}
button::-moz-focus-inner,
input::-moz-focus-inner{padding:0;border:0;}
button[disabled],html input[disabled]{cursor:default;}

/* link */
a{background-color:transparent;font:inherit;color:inherit;text-decoration:none;cursor:pointer;}/* IE10 active transparent remove */
a:link,
a:visited,
a:active,
a:focus{color:inherit;}

/* selection */

/* skip navigation */
#skipNav{position:relative;z-index:800;}
#skipNav a{overflow:hidden;position:absolute;width:1px;height:1px;margin-bottom:-1px;}
#skipNav a:focus,#skipNav a:active{overflow:auto;display:block;position:absolute;width:100%;height:30px;margin:0;background-color:#fff000;font-weight:bold;font-size:14px;line-height:30px;color:#000;text-align:center;z-index:100;}

/* clear */
.clear:after{content:".";visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
.clear{display:inline-block;}
*html .clear{height:0;}
.clear{display:block;}
.clear-both{clear:both;}

/* basic */
.hidden-obj{position:absolute;visibility:hidden;top:-9999px;left:-9999px;}
.blind{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;padding:0;font-size:0;line-height:0;}
.display-none{display:none;}
.for-mobile{display:none}
.visible-hidden{visibility:hidden;}
.word-break{word-break:break-all !important;}
.text-indent{overflow:hidden;display:block;text-indent:-9999px;}
.text-c{text-align:center !important;}
.text-l{text-align:left !important;}
.text-r{text-align:right !important;}
.vt-t{vertical-align:top !important;}
.vt-m{vertical-align:middle !important;}
.vt-b{vertical-align:bottom !important;}
.fw-b{font-weight:bold !important;}
.fw-m{font-weight:500 !important;}
.fw-n{font-weight:normal !important;}
.fl-l{float:left;}
.fl-r{float:right;}
.fn{float:none !important;}
.bg-none{background:none !important;}
.bd-n{border:none !important;}
.bd-t{border-top:none !important;}
.bd-r{border-right:none !important;}
.bd-b{border-bottom:none !important;}
.bd-l{border-left:none !important;}
.of-a{overflow:auto;}
.of-h{overflow:hidden;}
.scroll-x{overflow-x:scroll;}
.scroll-y{overflow-y:scroll;}
.mg-none{margin:0 !important;}

/*reset*/
*, *:before, *:after {margin: 0;padding: 0;border: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;word-break: break-all;white-space: normal;text-overflow: clip;}

/*blind: 텍스트 숨김*/
.blind {overflow: hidden;visibility: hidden;position: absolute;top: 0;left: 0;width: 0;height: 0;padding: 0;font-size: 0;line-height: 0;}

/* ===== PC/Common (from pc.css) ===== */
/*************************************************
프로젝트명 : 연합뉴스TV 행사페이지
commnet : contents.css (PC 모드)
*************************************************/

@import url('swiper-3.4.2.min.css');

/* =============== ######공통 (common) =============== */
html,body{height:auto;}
body{font-weight:400;font-family:'Spoqa Han Sans Neo','Malgun Gothic','맑은 고딕',Gulim,'굴림',AppleSDGothicNeo-Regular,sans-serif;letter-spacing:-0.3px;line-height:1;color:#000;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
strong{font-weight:500;}
a{display:inline-block;vertical-align:top;}

@media only screen and (min-width:980px){
	body{min-width:1100px;}
	a:hover{text-decoration:underline;}
	a:active,a:hover{outline:0;}
}

.ir-txt{display:inline-block;text-indent:-9999px;font-size:0;}
.ir-txt::selection{font-size:0;} /* 드래그시 버튼에 글자 보임 방지 */

/* =============== 상단메뉴 (nav) =============== */
.inner{width: 1100px;max-width: 100%;margin: 0 auto;}
.inner::after{content: '';display: block;clear: both;}
.header{position: relative;z-index: 200;background:  rgb(255, 222, 176);}
.header-box{padding: 21px 0;display: flex;align-items: center;justify-content: space-between;}
.logo{flex: 1;}
.logo>a>.ir-txt{box-sizing: border-box;background: url(../img/sprites_yonhapnewstv.svg) 0 -50px no-repeat;width: 195px;height: 24px;margin-left: 10px;}
.nav{flex: 2;}
.nav-menu{display: flex;flex-flow: row wrap;justify-content: space-around;align-items: center;}
.nav-menu>li>a{font-size: 17px;font-weight: 500;text-decoration: none;position: relative;}
.nav-menu>li>a::after{width: 0;height: 0.3rem;background: #339585;left: 50%;content: '';display: block;position: absolute;bottom: -24px;}
.nav-menu>li>a:hover::after{width: 100%;left: 0;transition: all .3s;}

.mobile-menu, .mobile-btn{display: none;}

/* =============== 메인 =============== */

/* 기본 리셋 */
#mainVisual .slider { 
	list-style: none; 
	padding: 0; 
	margin: 0 auto; 
	width: 1400px; 
	text-align: center;
  }
  
  /* 실제+클론 슬라이드에 공통 적용 */
  #mainVisual .slider .slick-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 385px;               /* ← 높이를 슬라이드(li)에 직접 */
	text-align: center;
	background-size: cover;      /* ← 배경은 여기서 */
	background-position: center;
	background-repeat: no-repeat;
	backface-visibility: hidden; /* 깜빡임 감소 */
  }
  
  /* 배경 이미지 매핑 */
  #mainVisual .slider li.img01 { background-image: url(../img/img01.jpg); }
  #mainVisual .slider li.img02 { background-image: url(../img/img02.jpg); }
  #mainVisual .slider li.img03 { background-image: url(../img/img03.jpg); }
  #mainVisual .slider li.img04 { background-image: url(../img/img04.jpg); }
  
  /* 트랙 튐/리렌더링 최소화 */
  .slick-list { overflow: hidden; }
  .slick-track { will-change: transform; transform: translate3d(0,0,0); }
  
  /* 메인 래퍼는 기존 그대로 */
  #mainVisual {overflow:hidden; position:relative; width:100%; height:537px; background: url(../img/gradient.png) 50% bottom no-repeat rgb(255, 222, 176); }
  
  /* 텍스트 위치는 기존 로직 유지 */
  #mainVisual .txt{position:absolute;top:72%;left:50%;transform:translateX(-50%);z-index:1;width:max-content;color:#222;text-align:center;}
  #mainVisual .txt h1{padding-top:30px;font-size:37px;font-weight:700;line-height:1.3;white-space:pre-line;text-transform:uppercase;font-family:var(--e-font)}
  #mainVisual .txt p{display:block;font-size:20px;margin-top:12px;font-weight:500;color:#222;font-family:var(--k-font)}

/* 스팟영상, 협찬 */
.spot-video {background: #f5f5f5;padding: 50px;height: auto;}
.spot-video > div > iframe {margin: 0 auto;max-width: initial;}

.sponsor{padding: 30px 0;}
.boost{display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 15px;}
.boost>.list-wrap01:first-child>ul.list>li:last-child{margin-right: 15px;}

.list-wrap01 {display: flex;align-items: center;}

.list-wrap01>p, .list-wrap02>p{font-size: 22px;padding: 15px;}
.list-wrap01>ul.list, .list-wrap02>ul.list{display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
.list-wrap01>ul.list>li, .list-wrap02>ul.list>li{padding: 10px;}
.list-wrap01>ul.list>li>img, .list-wrap02>ul.list>li>img{max-width: 100%;width: 180px;}

.list-wrap02{margin-bottom: 15px;}
.list-wrap02>p{text-align: center;}

/* =============== 서브비주얼 =============== */
.sub-visual{position: relative;background:  rgb(255, 222, 176);}
.sub-visual .obj{position:relative;width: 1400px; height:180px;margin: 0 auto;background: url(../img/sub-bg.jpg)no-repeat center;}
.sub-visual .obj .sub-txt{position: relative;color: #fff;text-align: center;top: 35%;}
.sub-visual .obj .sub-txt h1{font-size: 30px;font-weight: 500;line-height: 1.2;}
.sub-visual .obj .sub-txt p{font-size: 18px;margin-top: 18px;}

/*
.sub-visual .obj .txt01{position: relative;top: 30px;margin: 0 auto;width: 316px;height: 116px;background: url(../img/sub-obj.png)no-repeat center;}*/

.contents{padding: 45px 0 80px 0;}
.contents>h1{text-align: center;font-size: 30px;font-weight: 600;color: #1a1212;margin-bottom: 28px;text-align: center;padding: 3px 0;}

/* =============== 텝 메뉴 =============== */
ul.tab01{text-align: center;margin-bottom: 40px;font-size: 0;}
ul.tab01>li{display: inline-block;width: 180px;background: #fafafa;border: 1px solid #c2c2c2;text-align: center;font-size: 17px;color: #000;padding: 12px 15px;cursor: pointer;}
ul.tab01>li:nth-child(n+2){border-left: 0;}
ul.tab01>li.current{color: #fff;background: #ee7419;border: 1px solid #ee7419;}

.tab-content{display: none;position: static;}
.tab-content.current{display: inherit;}

/* 초대의 글 */
.cont-unit01{display: flex;flex-wrap: wrap;}
.cont-unit01>.img{flex: 1;}
.cont-unit01>.info{flex: 3;margin-left: 60px;}
.cont-unit01>.img>img{max-width: 100%;}
.cont-unit01>.info>p{margin-bottom: 16px;text-indent: 8px;line-height: 28px;font-weight: 300;text-align: justify;}
.cont-unit01>.info>.sign{float: right;font-size: 14px;margin-top: 30px;}
.cont-unit01>.info::after{content: '';display: block;clear: both;}
.cont-unit01>.info>.sign>p>span{vertical-align: middle;font-size: 24px;margin: -4px 0 0 18px;letter-spacing: 10px;}
.cont-unit01>.info>.sign>p>span>img{max-width: 100%;}

/* 대회안내 */
.cont{margin-bottom: 50px;}
.cont-wrap{margin-bottom:4rem;}
.cont-title>h2{margin-bottom: 10px;position: relative;padding-left: 23px;font-size: 20px;font-weight: 600;}
.cont-title>h2::before{position: absolute;left: 0;top: 3px;content: "";width: 15px;height: 15px;border: 5px solid #339585;border-radius: 100%;}
.cont-detail{font-size: 17px;margin: 1.3rem 0 0 1.3rem;line-height:1.5;}
.cont-detail>ul>li{position: relative;padding-left: 0.8rem;margin-bottom: 0.5rem;}
.cont-detail>ul>li::before{position: absolute;content: '';top: 10px;left: 0;width: 5px;height: 5px;background: #303964;border-radius: 100%;}
.cont-detail>ul>li>strong{color: #01938e;}
.cont-detail>p{margin-bottom: 0.5rem;}
.cont-detail>p>.alink{color: #006eea;font-weight: 500;text-decoration: underline;}
.cont-detail>p>b{text-decoration: underline;font-weight: 500;}
.cont-detail>ul>li>b{color: #b60909;font-weight: 500;}
.detail01>li{position: relative;padding-left: 16px;margin-bottom: 8px;}
.detail01>li::before{content: '';position: absolute;left: 0;top: 8px;width: 10px;height: 10px;border-radius: 50%;background: #a2ac00;}
.detail01>li:last-child{margin-bottom: 0;}
.detail01>li>ul{margin-top: 5px;}
.detail01>li>ul>li>ul{margin-top: 5px;padding-left: 11px;}
.detail01>li>ul>li{position: relative;padding-left: 14px;}
.detail01>li>ul>li::before{content: '';display:block;position: absolute;left: 0;top: 6px;width: 0;height: 0;  border-top: 6px solid transparent;border-left: 6px solid #01938e;border-right: 6px solid transparent;border-bottom: 6px solid transparent;}
.detail01>li>ul>li>b, .detail01>li>ul>li>ul>li>b{text-decoration: underline;font-weight: 500;color: #086c89;}
.detail01>li>ul>li>ul>li{position: relative;padding-left: 14px;}
.detail01>li>ul>li>ul>li::before{content: '';position: absolute;left: 0;top: 12px;width: 7px;height: 2px;background: #9c9c9c;}

.font-type02{color: #b60909;}

.wid100{width: 100%;}

.video {overflow: hidden;display: block;position: relative;width: 100%;height: 0;padding-top: 56.25%;}
.video > iframe {position: absolute;top: 0;left: 0;max-width: 100%;width: 100%;height: 100%;}

ul.notice {font-size: 17px;line-height: 1.5;}
ul.notice>li {position: relative;padding-left: 18px;margin-bottom: 25px;}
ul.notice>li::before{content: '';position: absolute;left: 0;top: 8px;width: 10px;height: 10px;border-radius: 50%;background: #a2ac00;}
ul.notice>li>b{color: #b60909;font-weight: 500;display: inline;}
ul.notice>li>ul>li{position: relative;padding-left: 14px;}
ul.notice>li>ul>li::before{content: '';display: block;position: absolute;left: 0;top: 6px;width: 0;height: 0;border-top: 6px solid transparent;border-left: 6px solid #01938e;border-right: 6px solid transparent;border-bottom: 6px solid transparent;}
ul.notice>li>ul>li>b{color: #086c89;text-decoration: underline;font-weight: 500;}
.notice-box{background: #f5f5f5;border: 1px solid #e4e4e4;padding: 15px 30px;}
.notice-box>h3{text-align: center;margin-bottom: 7px;font-weight: 500;}
.notice-box>ul>li{position: relative;padding-left: 16px;}
.notice-box>ul>li::before{content: '';position: absolute;left: 0;top: 12px;width: 7px;height: 2px;background: #9c9c9c;}

/* 대회일정, 시상안내 */
.cont-title>h3{margin: 1rem 0 1rem 1.5rem;font-size: 18px;}
.refer{margin-top: 17px;}
.refer>b{color: #b60909;font-weight: 500;}
.cont-title>h2>span{font-size: 16px;float:right;padding-top: 12px;font-weight: 400;}
.table-type01 > tbody > tr > td.cellcolor{background: #e4eaa2;color: #1f4d28;font-weight: 500;}
.mt1{margin-top: 0.5rem;}
.man{background: #cbe8ff;padding: 1px 5px;border: 1px solid #1d67e1;color: #1d67e1;font-weight: 500;}
.woman{background: #ffd5db;padding: 1px 5px;border: 1px solid #e11d39;color: #e11d39;font-weight: 500;}

.scroll {overflow-x: auto;width: 100%;}
.scroll::-webkit-scrollbar{height: 8px;background: #f5f5f5;scrollbar-width: thin;scrollbar-color: #888 #f5f5f5;}
.scroll::-webkit-scrollbar-thumb{background-color: #888;border-radius: 4px;}
.scroll>table{min-width: 768px;}

.mobile-txt{display: none;}

/* 참가신청 */
.application{padding: 5px;margin-bottom: 30px;border: 1px solid #e4e4e4;background: #f5f5f5;margin-bottom: 30px;}
.application>.section01{background: #fff;padding: 50px 120px;}
.button{text-align: center;margin-bottom: 20px;}
.btn01{background: #f28e26;font-size: 18px;padding: 20px 40px;}
.btn01:hover{background: linear-gradient(90deg, rgba(242,142,38,34) 30%, #4d9285 100%);}
.btn01>.txt{color: #fff;}

.mb1{margin-bottom: 0.5rem;}
.mb2{margin-bottom: 1.5rem;}

/* 오시는 길 */
.info-box{padding: 5px;margin-bottom: 30px; border: 1px solid #e4e4e4;background: #f5f5f5;text-align: center;}
.info-box .info-cont {padding: 16px 18px;background: #fff;}
.info-box>.info-cont>.icon-img, .info-box>.info-cont>ul{display: inline-block;vertical-align: middle;}
.info-box>.info-cont>ul{text-align: left;}
.info-box>.info-cont>.icon-img>img{max-width: 100%;width: 60px;margin-right: 12px;}
.info-cont>ul{line-height: 1.3;}
.map>.cont-detail{margin-left: 0;}
.map-text>h3{font-size: 26px;font-weight: 500;margin-bottom: 10px;}
.map-area>iframe{width: 100%;min-height: 350px;margin-bottom: 30px;}

.cont>.map:nth-child(2) {margin-top: 60px;}

/* =============== 풋터 =============== */
footer{text-align: center;border-top: 1px solid #f3f3f3;padding: 50px 0;}
footer>.ir-txt{box-sizing: border-box;background: url(../img/sprites_yonhapnewstv.svg) 0 0 no-repeat;width: 112px;height: 19px;}
footer>address{font-size: 12px;margin-top: 15px;font-weight: 300;color: #999;}

/* =============== 테이블 타입 =============== */

/* 테이블 공통 */
table{position: relative;width: 100%;table-layout: auto;border-collapse: collapse;border-spacing: 0;vertical-align: middle;border: 0;line-height: 1.5;border-top: 1px solid #656565;}
table thead th, table tbody th, table tbody td{padding: 0.6rem 1.2rem;vertical-align: middle;border: 1px solid #c8c8c8;}
table > thead > tr > th, table > tbody > tr > th{text-align: center;background: #f5f5f5;color: #2b2b2b;font-weight: 500;}

/* 대회개요, 대회일정, 시상안내 */
.table-type01 > thead > tr> th{border-top: 0;padding: 0.3rem 0;}
.table-type01 > tbody > tr > td {text-align: center;background: #fff;}

/* 대회기본계획, 오시는 길 */
.table-type02 > tbody > tr> th, .table-type02 > tbody > tr> td{border-top: 0;padding: 1rem 1.5rem;}
.table-type02 > tbody > tr > td {text-align: left;}

.font-type01 {color: #228d38;background: #fff;font-weight: 500;}

/* ===== Responsive overrides (from mobile.css) ===== */
/*************************************************
프로젝트명 : 연합뉴스TV 행사페이지
commnet : contents_m.css (Mobile 모드)
*************************************************/

/* ========== 💻 1024px 이하 (Laptop / Tablet 가로) ========== */
@media (max-width: 1024px) {
	/* 💡 레이아웃 2열 → 1열 전환 시작 */
  	/* 💡 가로 폭 줄이기, 좌우 여백 조정 */
	#mainVisual { height: auto; }          /* 모바일에서는 래퍼 높이 자동 */
	#mainVisual .slider { width: 100%; }    /* 가로는 100%로 */
  
	/* 슬라이드 높이를 '원하는 값'으로 지정 (예: 뷰포트 기반 가변) */
	#mainVisual .slider .slick-slide {
	  /* 220px ~ 360px 사이에서 화면폭에 비례해 부드럽게 변함 */
	  height: clamp(220px, 45vw, 360px);
	}
  
	/* 텍스트도 살짝 줄이기/위치 조정 */
	#mainVisual .txt {
	  top: 70%;
	  transform: translateX(-50%);
	}
	#mainVisual .txt h1 { font-size: 22px; padding-top: 16px; }
	#mainVisual .txt h1 span { display: inline; } /* 줄바꿈 제어 원하면 조절 */
	#mainVisual .txt p { font-size: 14px; margin-top: 13px; }
  }
  
/* ========== 📱 768px 이하 (Tablet 세로 / Big Mobile) ========== */
@media (max-width: 768px) {
	/* 💡 글자 크기 축소, 메뉴/버튼 vertical 정렬 */
	/* 💡 이미지/배너 높이 조정 */
	/* =============== ######공통 (common) =============== */
	html,body{width:100%;height:100%;}
	body{font-family:'Spoqa Han Sans Neo','Helvetica Neue',Helvetica,AppleSDGothicNeo-Regular,sans-serif;letter-spacing:-0.3px;}
	h1,h2,h3,h4,h5,h6{font-weight:normal;}
	a{display:inline-block;vertical-align:top;}

	header{position: relative;}
	.inner{width: calc(100% - 36px);}
	.header-box{padding: 13px 0;}
	.logo>a>.ir-txt{background-size: 380px;height: 31px;background-position: 0 -43px;margin-left: 0;}
	.nav{display: none;}

	/* =============== 모바일 메뉴 (햄버거) =============== */
	.mobile-btn {display: inline-block;position: relative;width: 30px;height: 20px;}
	.ico-mobilebtn{background: rgb(255, 222, 176);position: relative;width: 30px;height: 20px;}
	.ico-mobilebtn, .ico-mobilebtn span{display: inline-block;transition: all .4s;box-sizing: border-box;}

	.ico-mobilebtn span{position: absolute;left: 0;width: 100%;height: 3px;background-color: #000;border-radius: 4px;}
	.ico-mobilebtn span:nth-of-type(1){top: 0;}
	.ico-mobilebtn span:nth-of-type(2){top: 8px;}
	.ico-mobilebtn span:nth-of-type(3){bottom: 0;}

	.open .ico-mobilebtn span:nth-of-type(1){-webkit-transform: translateY(8px) rotate(-45deg);transform: translateY(8px) rotate(-45deg);}
	.open .ico-mobilebtn span:nth-of-type(2){opacity: 0;}
	.open .ico-mobilebtn span:nth-of-type(3){-webkit-transform: translateY(-8px) rotate(45deg);transform: translateY(-8px) rotate(45deg);}

	/* =============== 모바일 메뉴 =============== */
	.mobile-menu{display: block;position: absolute;top: 100%;right: 0;width: 100%;z-index: 100;-webkit-transform: translateY(-323%);-moz-transform: translateY(-323%);-ms-transform: translateY(-323%);-o-transform: translateY(-323%);transform: translateY(-323%);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
	.mobile-menu.open{-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
	.mobile-menu>ul{max-width: 100%;margin: 0 auto;padding: 10px 0;text-align: center;background: rgb(255, 222, 176);color: #000;box-shadow: 0 3px 10px rgb(0, 0, 0, 0.2);}
	.mobile-menu>ul>li{position: relative;font-size: 2rem;font-weight: 400;border-bottom: 1px solid #d2b182;}
	.mobile-menu>ul>li:last-child{border-bottom: none;}
	.mobile-menu>ul>li>a{padding: 13px 0;width: 100%;font-size: 17px;font-weight: 400;}

	/* =============== 메인 =============== */
	.main-visual{height: auto;}
	.main-visual .obj{height: 330px;}
	.main-visual .obj .txt01{background-size: 84%;top: 6%;}

	.boost{display: block;}
	.boost>div>p{text-align: center;}
	.boost>.list-wrap01:first-child>ul.list>li:last-child{margin-right: 0;}
	.list-wrap01{display: block;margin-bottom: 15px;}
	.list-wrap01>ul.list>li, .list-wrap02>ul.list>li {padding: 5px;}
	
	.spot-video{padding: 0;}
	.spot-video>div{overflow: hidden;display: block;position: relative;width: 100%;height: 0;padding-top: 56.25%;}
	.spot-video>div>iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	.sponsor {padding: 30px 0 30px 0;}

	/* 시상안내 */
	.mobile-txt{display: block;}

}

/* ========== 📲 576px 이하 (일반 모바일) ========== */
@media (max-width: 576px) {
	#mainVisual{height: 367px;background-size: 232%;}
	#mainVisual .slider{width: 92%;}
	#mainVisual .txt{top: 68%;}
	#mainVisual .txt h1 {padding-top: 5px;font-size: 20px;}
	#mainVisual .txt h1 span{display: block;}

	#mainVisual .slider li.img01, #mainVisual .slider li.img02, #mainVisual .slider li.img03, #mainVisual .slider li.img04 {background-size: 233%;}

	.list-wrap01>p, .list-wrap02>p {font-size: 20px;padding: 10px;}
	.list-wrap01>ul.list>li>img, .list-wrap02>ul.list>li>img {width: 153px;}
	.block{display: block;}

	/* =============== 서브비주얼 =============== */
	.sub-visual .obj{height: 120px;max-width: 100%;}
	.sub-visual .obj .sub-txt {top: 20%;}
	.sub-visual .obj .sub-txt p {font-size: 14px;margin-top: 9px;}
	.sub-visual .obj .sub-txt h1 {font-size: 19px;}
	.sub-visual .obj .sub-txt h1 span{display: block;}

	/* 초대의 글 */
	.contents{padding: 26px 0 80px 0;}
	.contents>h1{font-size: 24px;margin-bottom: 24px;font-weight: 600;}

	ul.tab01{margin-bottom: 28px;}
	ul.tab01>li{width:110px;font-size: 16px;padding: 10px 15px;}
	ul.tab01>li:nth-child(4){border-left: 1px solid #cecece;}
	ul.tab01>li>span{display: none;}

	.cont-unit01{flex-direction: column;align-items: center;}
	.cont-unit01>.img{width: 180px;margin-bottom: 30px;}
	.cont-unit01>.info{margin-left: 0;}

	strong{display: inline;}
	
	/* 대회안내 */
	.section01{flex-flow: column wrap;font-size: 15px;}
	.cont{width: 100%;padding: 0;display: block;}

	table thead th, table tbody th, table tbody td{padding: 0.5rem; }
	.table-type02 > tbody > tr> th, .table-type02 > tbody > tr> td {padding: 0.5rem 0.7rem;}

	.cont-wrap {margin-bottom: 3rem;}
	.cont-title>h2 {margin-bottom: 14px;padding-left: 18px;font-size: 18px;}
	.cont-title>h2::before {width: 12px;height: 12px;border: 4px solid #339585;}

	.cont-detail{font-size: 16px;margin: 0 0 1rem 0;}

	.cont-detail>ul>li {position: relative;padding-left: 0.7rem;margin-bottom: 0.3rem;}
	.cont-detail>ul>li::before {top: 9px;}

	.detail01>li {position: relative;padding-left: 13px;margin-bottom: 5px;}
	.detail01>li::before {top: 7px;width: 7px;height: 7px;}

	ul.notice {font-size: 16px;}
	.notice-box {padding: 10px 14px;}

	/* 대회일정, 시상안내 */
	table {font-size: 15px;}
	.refer {font-size: 16px;margin-top: 10px;line-height: 1.2;}
	.cont-title>h3 {margin: 0 0 1rem 0;font-size: 16px;}

	/* 참가신청 */
	.btn01 {font-size: 16px;padding: 16px 18px;}
	.application>.section01{padding: 20px;}

	/* 오시는 길 */
	.map-text {margin-bottom: 15px;}
	.map-text>h3{font-size: 20px;}
	.map-text>p{font-size: 14px;padding-left: 7px;line-height: 21px;}
	.map-text>p::before{width: 3px;height: 3px;}
	.map-area>iframe{min-height: 200px;margin-bottom: 20px;}
	.info-box>.info-cont>.icon-img>img {margin-right: 0;margin-bottom: 12px;}
	
	/* =============== 풋터 =============== */
	footer{padding: 25px 0;}
	footer>img{width: 110px;}
}

/* ========== 📞 414px 이하 (소형 아이폰 & 갤럭시 대응) ========== */
@media (max-width: 414px) {
}

/* ========== 🛡 360px 이하 (극소형 폰, 안전장치) ========== */
@media (max-width: 360px) {
	#mainVisual .slider .slick-slide { height: 220px; } /* 완전 고정도 가능 */
	#mainVisual .txt { top: 72%; }
	#mainVisual .txt h1 { font-size: 20px; }
	ul.tab01>li:nth-child(3){border-left: 1px solid #c2c2c2;}
	ul.tab01>li{display: block;margin: 0 auto;}
	ul.tab01>li:nth-child(n+2){border-left: 1px solid #c2c2c2;}
}