@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
}
@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
}
@font-face {
    font-family: 'Jeongmeokbawi';
    src: url('https://gcore.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/SangSangRockOTF.woff') format('woff');
    font-weight: normal;
}


/* Common */
 * {outline:0 !important;}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
html, body{width:100%;}
/*html{-webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}*/
body{width:100%; background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body,input,select,textarea,button {border:none;font-size:16px; font-family:'Paperozi';color:#000000;}
ul,ol,li{list-style:none;}
table{width:100% !important;border-spacing:0;border-collapse:collapse;}
img,fieldset{border:0;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle; cursor:pointer;}
.hide,caption,legend{line-height:0;font-size:1px;overflow:hidden;} 
hr{ color: #ccceee;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:#000;text-decoration:none;}
a:hover{text-decoration:none;}
.fa-dot-circle{margin-right: 2px;}
br{font-family:"돋움",Dotum !important;}
/* Form */
textarea { border:1px solid #dbdbdb;}
select { height:32px; font-size:13px; color:#373737; border:1px solid #e9e9e9; background:#fff;border-radius: 5px;}
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea {font-size:13px; color:#555; border:1px solid #e9e9e9; background:#fff; border-radius: 5px; transition: all 0.5s; vertical-align:middle;}
input::-webkit-input-placeholder{color:#b5b5b5; font-size:12px; line-height:100%;}
textarea { padding:5px 0;}
select:focus,
textarea:focus,
input:focus { border: 1px solid #727272;}

input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly], 
input[type=search][readonly], 
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{background:#eaeaea; border-color:#c0c0c0; color:#666; -webkit-appearance:none;font-size:12px;}
textarea[readonly],
textarea[disabled]{font-size:14px; color:#666; font-weight:normal; line-height:140%; height:78px; background:#eaeaea;border:1px solid #c0c0c0;}

.table th,
.table td {
  padding: 0.75rem;
  border-top: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
}

.table thead th {
  vertical-align: bottom;
  border-top: 2px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
  background: #f3fbff;
  color: #006999;
}

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

.align-center{text-align: center;}
.align-left{text-align: left;}
.align-right{text-align: right;}

.bg-01{ background: #f8f8f8;}

.img-100 img{width: 100%;}

.banner_heading, .banner_date, .heading-agileinfo, .side-menu, .main_quick, .sponsor dt, #daumRoughmapContainer1736149522571, .place_txt { font-family:'Paperozi';}
.font-gonglight { font-family:'Paperozi';}
.bg-wt{ background: #FFFFFF !important;}
.txt-purple{color: #5e00ad;}

/* CSS Document */

.root_daum_roughmap .cont{display: none;}


/* header */

.navbar-light .navbar-brand {
    font-size: 1em;
    color: #000;
}

header h1 a span {
    color: #fff;
    display: block;
    font-size: 12px;
    letter-spacing: 5px;
    word-spacing: 5px;
}

.navbar-light .navbar-nav .nav-link {
    text-transform: capitalize;
    color: #000;
    letter-spacing: 1px;
	font-size: 22px;
}
.nav-item:hover .dropdown-menu{
	display: block !important;
}

.dropdown-menu{
	display: none;
    animation: menuAni 0.3s;}

@keyframes menuAni {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: #440101;
}

.nav-item{margin-right:1.5rem !important }
.dropdown-item{font-size: 17px; line-height: 2em;}

/* -- //TOP HEADER */ 
header {
   display: flex !important;
   justify-content:center;
   width: 100%;
   z-index: 100;
   padding: 0.5em 0;
}

#wrap{ 
  margin: 0 auto;
  background: url("../images/mainbg.webp") no-repeat top;
  background-size:100%;
  background-color: #ff8e0a;
  }

#logo { width: 312px; height: 80px; transform: translateY(0px);z-index: 99999999; transition: 0.3s; }
#logo a { display: inline-block; width: 100%; height: 100%;  left:0px; background: url(/images/header_logo.png?ver=1.2) center no-repeat; text-indent:-9999px; transition: 0.3s; }

.fixed {
	position: fixed!important;
	animation: fixedd .5s 0s 1 ease-in-out forwards;
}
.fixed.roll {
    background: #ffffff;
    border-bottom: 2px solid #440101;
    box-shadow:0 0 10px rgb(0 0 0 / 20%);
	z-index: 100;
 }

.fixed.roll .navbar-nav li a{ color: #000000; text-shadow: none !important;}
.fixed.roll #logo a { background: url(/images/header_logo_roll.png?ver=1.2) center no-repeat;}

.navbar {
	width: 80%;
	display: flex;
	justify-content: space-between;
}
.top_sns{display: flex; width: 300px;}
.top_sns li{ padding: 0 0.3em;}
.navbar-nav .sns-btn{display:none;}

/* 메인페이지 */

.main_info{padding: 6em 0;/*background: linear-gradient(180deg, transparent, rgba(0, 160, 197, 0.7));*/}
.grad{ background: linear-gradient(#fef5eb, #ffffff);} 
.main-heading{
    text-align: center;
    color: #1f1f1f;
    text-transform: capitalize;
    position: relative;
    font-family: 'Paperozi';
}

.main_info h3{text-align: center; font-size: 5vmin;}
.main_info h4{font-size: 3vmin;}
.main_info h5{font-size: 2.5vmin;}
.main-heading{
    text-align: center;
    color: #1f1f1f;
    text-transform: capitalize;
    position: relative;
    font-family: 'Paperozi';
}

.main_info h3{	margin: 0.5em 0; font-size: 4.5vmin; font-family: 'Paperozi'; color: #310084;}

.main_info .spot{border: 3px solid #000000;margin: 1em auto;background: #000000;width: 100%; height: 720px;}


.poster_info{padding: 7em 0;}
.poster_info p { color: #ffffff; font-size: 2.2vmin; padding-bottom: 2em; text-align: center; line-height: 1.3em;}
.poster_info .left {text-align: center;}
.poster_info .left img{width: 90%; border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 5px;}
.poster_info .right div{width: 94%;margin: 0 auto;}
.poster_info .right .year_bar{width: 100% !important;padding-bottom: 2em;}
.poster_info select {height: 50px;font-size: 18px;background: #995b00;color: #ffffff;padding: 0 1em;}

.main_poster{border-radius: 3em; padding: 4em 3em; background: #ffffff; }
.main_poster .right{ font-size: 20px;}

.gimhae_info .left img{width: 95%; border-radius: 10px; border: 1px solid #d3d3d3;}
.gimhae_info .right div{width: 94%;margin: 0 auto;}
.gimhae_info .info_txt dl{display: flex;flex-direction: row;margin-bottom: .3em;border-bottom: 1px #000000 dashed;padding-bottom: .3em;}
.gimhae_info .info_txt dl:last-child{margin-bottom: 0; border-bottom: none;}
.gimhae_info .info_txt dt{width: 120px;height: 30px;padding: 4px 0;background: #331510;text-align: center;align-items:center;display: flex;justify-content: center;font-size: 16px;border-radius: 3px;color: #ffffff;}
.gimhae_info .info_txt dd{text-align: left;padding: 5px 8px;width: 100%;align-items:center;font-size: 16px;/* color: #000; *//* letter-spacing:-0.5px; */}
.gimhae_info .info_txt dd .badge{padding: .5em 0.7em .3em 0.7em !important;}


.gimhae_info .flex-list {
  display: flex;       /* 가로 정렬 */
  align-items: flex-start; /* 상단 기준 정렬 (번호와 첫 줄 높이 맞춤) */
  gap: 10px;           /* 번호와 내용 사이의 간격 */
  padding-left: 10px;
  font-size:18px;
  margin-bottom: 0.5em;
}
.gimhae_info .symbol {
  flex-shrink: 0;      /* 중요! 번호 영역이 좁아지지 않게 고정 */
  width: 10px;         /* 번호 영역의 고정 너비 */
  font-weight: bold;
  color: #7b7b7b;      /* 서울달리기 포인트 컬러 예시 */
  text-align: center;
}
.gimhae_info .content {
  flex-grow: 1;        /* 남은 공간을 모두 차지 */
  line-height: 1.6;    /* 가독성을 위한 줄 간격 */
  word-break: keep-all; /* 한글 단어가 중간에 끊기지 않게 설정 (선택사항) */
}
.gimhae_info .content b{ font-size:20px; }
.gimhae_info .content span{ color: #FF0000 !important;}

.gimhae_mall { border: 1px solid #d3d3d3; display: flex; border-radius: 10px;}
.gimhae_mall li {text-align: center;padding: 1em;border-right: 1px solid #d3d3d3;display: flex; flex-direction: column;}
.gimhae_mall li img{width: fit-content;margin: auto;}
.gimhae_mall li a{width: 50%; margin: 1em auto}
.gimhae_mall li:last-child{ border-right: 0;}


.subpage .poster_info{ height: auto !important; padding: 0 !important;} 

.info_txt {padding: 0!important;display: flex;align-items: center;z-index: 10;}
/*.info_txt .title_img{ padding: 0 0 2em 0;}*/
.info_txt dl{display: flex;flex-direction: row;margin-bottom: .8em;border-bottom: 1px #000000 dashed;padding-bottom: .8em;}
.info_txt dl:last-child{margin-bottom: 0; border-bottom: none;}
.info_txt dt{width: 150px;height: 40px;padding: 4px 0;background: #331510;text-align: center;align-items:center;display: flex;justify-content: center;font-size: 20px;border-radius: 3px;color: #ffffff;}
.info_txt dd{text-align: left;padding: 5px 10px;width: 100%;align-items:center;font-size: 20px;/* color: #000; *//* letter-spacing:-0.5px; */}
.info_txt dd .badge{padding: .5em 0.7em .3em 0.7em !important;}
.sm-txt{color: #9E9E9E;font-size: 15px; word-break:keep-all;}


.poster_txt{border: 2px solid #440101;padding: 2.5em;margin: 1em auto;background: #fff;border-radius: 1.3em;width: 65%;}
#main_info{ padding: 10em 0 6em 0; text-align: center; background: url("../images/info_bg.png") no-repeat top center;background-size: cover;}
#main_info h2{font-weight: bold;font-size: 3em;margin-bottom: 0.5em;color: #440101; margin-top: -1em; line-height:1em; font-family:'Paperozi'; font-weight: bold;}
#main_info h5{ font-size: 1.2em;color: #666; line-height: 1.3em;}
.red_txt{background: #d02e28; color: #fff; padding: 1em 0; text-align: center; font-size: 14px; line-height: 20px;} 

.main_logicon{padding-top: 7em;position: absolute;left: 10%;}
.main_mara_txt{top: 28%;display: flex;position: relative;justify-content: center;flex-direction: column;text-align: center;}
.main_mara_txt h2{ margin-bottom: 2.5em;}
.main_mara_txt h3{ margin: 1em 0;}

.main_live{ width: 100%; height: 450px;}


/* //메인페이지 */


/* 전체 슬라이더 컨테이너 */
.logo_slider {
    height: 300vh; /* 화면에 보여줄 영역의 높이 (원하는 대로 조절) */
    margin: auto;
    overflow: hidden;
    position: absolute;
    width: 45px; /* 이미지 너비에 맞춰 조절 */
    top: 0;
	left: 1.5em;
}
/* 이미지가 나열되는 트랙 */
.logo_slide-track {
    display: flex;
    flex-direction: column;
    /* 긴 이미지 2개를 이어붙여야 하므로 높이는 자동(auto)으로 두거나 충분히 크게 잡습니다 */
    height: auto; 
    animation: scroll-up 60s linear infinite; /* 위로 흐르는 애니메이션 */
}

/* 개별 슬라이드 */
.logo_slide {
    width: 100%;
    /* height를 고정하지 말고 이미지 비율대로 나오게 합니다 */
}

.logo_slide img {
    width: 100%;
    display: block; 
	object-fit: contain;
}

/* [중요] 아래로 흐르는 애니메이션 정의 */
@keyframes scroll-up {
    0% {
        /* 시작할 때 위로 한 칸(이미지 하나 높이만큼) 올린 상태에서 시작 */
        transform: translateY(0);
    }
    100% {
        /* 원래 위치(0)로 내려오면 무한 루프 완성 */
        transform: translateY(-100%);
    }
}

/* //로고 슬라이더 */

/* banner */

.bg1 {
    background: url("../images/cow_bg.png")no-repeat right;
    height: 100vh;
    background-size: contain;
}

.banner-text {
    padding: 15vw 0 0;
}
/* // banner */


/* 출연자 메인*/
.main_lineup{background: linear-gradient(180deg, transparent, rgba(0, 160, 197, 0.7)); position: relative;}
.main_lineup:after{
    content: '';
    height: 320px;
    width: 100%;
    background: url("../images/bottom_bg.png")no-repeat bottom;
    position: absolute;
    display: block;
    z-index: 1;
    bottom: 0;
	background-size: 100%;
 }
.main_gallery{/* padding: 7em 0em !important; */border-radius: 4em 3em;padding: 3em;/* background: #fff9ef;*/margin-top: 3em !important; position: relative;z-index:10;/* border: 1px solid rgba(157, 96, 0, 0.2); */}
.main_gallery .reels_list{justify-content: center;display: flex;}
.main_gallery .reels_title{display: flex;flex-direction: column;text-align: center;justify-content: center;color: #ffffff;text-shadow: 1px 1px 1px #000000;}
.main_gallery .reels_title h5{font-size: 7.5vmin; font-family: 'Jeongmeokbawi';}
.main_gallery .reels_title h6{font-size: 18px;padding-top: 0.5em;}
.main_gallery .reels_list dl{font-size: 24px;padding: 1em;text-align: center;color: #ffffff;font-weight: 500;text-shadow: 1px 1px 1px black;margin-bottom: 2em;}
.main_gallery .reels_list dt{border-radius: 1em;color: #ffe4b6;font-size: 26px;}

.reels_list div {
				    padding: 0.7em 0.5em !important;
				}
.reels_list .slick-prev{
					top: 40% !important;
					left: -40px !important;
				}
.reels_list .slick-next{
					top: 40% !important;
					right:-10px !important
				}
/* //출연자 메인*/


/* tab */
.subnav {width:100%;}
.subnav ul {width:100%; overflow:hidden;display: flex;justify-content: center;}
.subnav li {float:left;font-size: 20px;line-height:1.5em;color: #000000;text-align:center;border-right: 1px solid #624a22;overflow:hidden;}
.subnav li:first-child{border-left: 1px solid #624e2a;}
.subnav ul.col2 li {width:50%;}
.subnav ul.col3 li {width:33.33%;}
.subnav ul.col4 li {width:25%;}
.subnav ul.col5 li {width:20%;}
.subnav ul.col6 li { width:16.7%;}
.subnav ul.col7 li { width:14.2%;}
.subnav li a {display:block;padding:20px 0 18px 0;color: #ffffff;font-family: 'Paperozi', sans-serif;overflow:hidden;}
.subnav li a:hover{text-decoration:none;}
.subnav li a:hover{
	color:#cfb17c; 
	transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;}
.subnav li.selected {border-bottom: 3px solid #cfb17c;/* background: #000000; */}
.subnav li.selected a{color: #cfb17c;font-size: 20px;padding-top: 21px;} 
.con_border {border-bottom: 1px solid #440101;/* border-top: 2px solid #440101; */width:100%;background: #331510;}
/* //tab */


.sub-menu02{display: none;cursor: pointer;padding: 1em 0;}
.sub-menu02 span{color: #ffffff; font-size: 20px;}
.sub-menu02 .fa{font-size: 16px !important;}
.sub-menu02 i{float: right; padding-top: 5px; color: #ffffff;}
.sub-menu02 .subdrop-menu{display: none; border-bottom: 1px solid #ddd;background:#fff; border-radius: 0px; width: 100%; position: absolute;left: 0px; margin-top: 1.6em; z-index: 100;padding: 1.2em 0;}
.sub-menu02 .subdrop-menu li{ padding: 0.4em 1.2em; font-size: 18px;}
.sub-menu02 .subdrop-menu a{color: #666; text-decoration: none;}
.sub-menu02 .subdrop-menu li:hover{background: #fafafa;}


.container{ max-width: 1300px; margin: 0 auto;}

.navbar-nav li{list-style-type:none;margin-right:3rem;font-size: 26px;font-family: 'Paperozi'; color: #ffffff; font-weight:600}
.navbar-nav li .dropdown-item{font-family: 'Paperozi';}
.navbar-nav li a{color: #ffffff; text-shadow: #000000 1px 1px 1px;}
.navbar-nav li a:hover, .navbar-nav li a:active{color: #fff6c3;}
.dropdown-menu .dropdown-item{color: #1E1E1E !important;text-shadow: none;}
.navbar-nav li i{display: none;}
.en{display: flex;flex-direction: column;justify-content: center;}
.en a{background: #440101;color: #fff !important;font-size: 14px;padding: 3px 8px 0px 8px;text-align: center; border-radius: 2px; border: solid 1px #440101;}
.en a:hover{color: #f1b2ac !important;}

.nav-item:hover .dropdown-menu{
	display: block!important;
}

.dropdown-menu{
	display: none;
    animation: menuAni 0.5s;}

@keyframes menuAni {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }

}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: #ffce78 !important;
}

.nav-item{margin:0 1.5rem !important }
.dropdown-item{font-size: 16px; line-height: 1.6em; color: #440101;}
.dropdown-menu{background-color:#ffffff !important; border: 2px solid #440101 !important;}
.dropdown-menu a{color: #fff;/*border-bottom: 1px solid rgb(255 255 255 / 38%) !important; width: 90%;*/ margin: 0 auto;}
.dropdown-menu a:last-child{ border-bottom: 0 !important;}
.dropdown-item:hover, .dropdown-item:focus {
  color: #fff !important;
  text-decoration: none;
  background-color: #440101 !important;
  width: 100%;
}

.eng_btn:hover {color: #fff !important; background-color: #d81381 !important;}
.eng_btn{
	position: absolute;
	top:50px;
	right: 100px;
	color: #d81381;
	display: inline-block;
	padding: 3px 8px 2px 8px;
	margin-bottom: 0;
	font-size: 12px;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid #ddd;
	border-radius: 0px;
	background-color: #fff;
}


.login{right:3%;top:50%;}
.btnlogin{border: 2px solid #440101;
  border-radius:5px;
  background-color: white;
  color: #440101;
  padding: 4px 8px;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
font-family: 'Paperozi';
}
.btnlogin:hover{
  background: #440101;
  color: white;
}
aside{position: absolute;top: 40%;right: 0;width: 4%;text-align: center;}
.side-sns{position: fixed;}
.side-sns .go_sns{margin: 1em 0.5em;width: 60px; height:60px; background: #440101; border-radius:50%;}
.side-sns .go_sns a{color: #fff; font-size:1.6em;}
.side-sns .go_sns i{ margin-top:0.7em;}
.side-sns .go_univ{width: 64px;height:72px;background: #440101;color: #fff;padding: 10px;border-radius: 5px;line-height: 15px;font-size: 13px;} 
.side-sns .go_univ a{color: #fff;}
.side-sns .go_univ i{font-size: 32px; display: block;}
.side-sns .go_univ span{font-size: 10px;}
.menu_univ{display: none;}


.btnenter{border: 2px solid #440101;
  border-radius:5px;
  background: #440101;
  color: white;
  padding: 1% 2%;
  font-size: 18px;
  cursor: pointer;
  margin: 2em 0;
}

.btnenter:hover{border: 2px solid #440101;
  background-color: white;
  color: #440101;
}
.btnenter i{padding-left: 1em;}



/* 주최협찬 */
.sponsor{display: flex;justify-content: center;padding: 0.5em 0;}
.sponsor dl {display: flex;align-items: center !important;margin-right: 2.2em;}
.sponsor dd img{padding: 0 10px 5px 8px; height:50px;}
.sponsor dt{font-size: 18px; width: 120px; background: black;border-radius: 3px;color: #f8f9fa;padding: 0.3em 0 0.4em 0; text-align: center;}
.sponsor dd{text-align: left; display: flex;}
.spon_title{align-items: baseline !important;border:0 !important;/* padding-top: 1.5em; */}

/* 주최협찬 */



/* 서브페이지 */
#sub-visual{border-bottom: 1px solid #eee;}
.sub_logicon{position: absolute;left: 16%;top: 15%;}
.sub_banner{ display: flex; justify-content: space-between;}
.banner_heading{
	font-size: 4vmin;
	color: #ffffff;
	padding-top: 1em;
	text-align: center;
	font-family: 'Paperozi';
	text-shadow: 1px 1px 1px black;
	font-weight: bold;
}
.banner-1 {
    background: url(../images/sub_banner.png?ver=1.0)no-repeat center;
    height: 16vw;
	background-size:100%;
	display: flex;justify-content: center;align-items: center;
}

.banner_date{
	font-weight:400;
	font-size: 1.5em;
	color: #ffffff;
	padding-top: 1em;
	text-shadow: 1px 2px 1px #171717;
} 

.subpage{font-weight: 400;padding: 7em 0;border-top: 1px solid #e6e6e6;}
.heading-agileinfo {
    font-weight: 600;
    font-size: 5vmin;
    text-align: center;
    color: #000;
    margin-bottom: 0.5em;
}
.session_title{font-size: 30px; font-weight: 600; text-align: center; margin-bottom: 0.5em;}
.session_title span {
	display: block;
	height: 2px;
	margin: 10px auto 0.5em;
	overflow: hidden;
	position: relative;
	width: 50px;
}
.sub_title{font-size: 22px;background: black;border-radius: 3em;color: #f8f9fa;padding: 0.5em 1em;width: 600px;font-weight: bold;margin: 1em auto;display: flex;justify-content: space-between;align-items: center;}
.subpage .row{ margin: 0!important;}
.sub_cont{padding: 2em 3em;word-break:keep-all;/*border: 1px solid #d1d1d1;background: #fafeff;*/}
.sub_cont h4{  display: flex;
    align-items: center; /* 아이콘과 글자 세로 중앙 정렬 */
    font-size: 28px;
    font-weight: bold;
    line-height: 1.4;    /* 타이틀이 두 줄이 될 경우를 대비 */
	color: #440101;
	font-weight: 700;}
.sub_cont h4:before {
    content: ""; 
    display: block;
    flex-shrink: 0;      /* 중요: 아이콘 형태가 찌그러지지 않게 고정 */
    width: 32px;         /* 아이콘 너비 */
    height: 34px;        /* 아이콘 높이 */
    margin-right: 3px;  /* 아이콘과 우측 글자 간격 */
    background: url('/images/icon_subtitle.png') no-repeat center center;
    background-size: contain; /* 이미지가 정해진 크기 안에 꽉 차도록 */
}


.sub_cont02{padding: 4em 1.5em;word-break:keep-all;border: 1px solid #d1d1d1;background: #fafeff; display: flex; justify-content: space-evenly;}
.r_line{border-right: 1px solid #d1d1d1 !important;}
.sub_cont02 .col-md-6{    
	-webkit-box-flex: 0;
    -ms-flex: 0 0 49% !important;
    flex: 0 0 49% !important;
    max-width: 49% !important;}
.info_hi{ color: #001b67; padding: 1em;}
.info_hi .info_photo{ display: flex;justify-content: flex-end;}
.info_hi .info_photo li{align-content: flex-end;flex-wrap: wrap;display: flex;padding: 5px;text-align: right;line-height: 22px; font-family: 'NotoSerifKR', serif; font-weight: bold; font-size: 16px;}

.mainpoints, .mainpoints_spon{font-size: 20px;border-top: 2px solid;border-bottom: 2px solid;}
.mainpoints dl, .mainpoints_spon dl{display: flex;/* padding: 0.5em; */border-bottom: 1px solid #eee;}
.mainpoints dt{background: #fdfdfd;color: #474747;padding: 0.8em;width: 200px;}
.eng dt{width: 300px !important;}
.mainpoints dd, .mainpoints_spon dd{padding: 0.8em;border-left: solid 1px #eee;}
.mainpoints dd img{padding:0 15px 0 0;}
.mainpoints hr{display: block; border-bottom: dashed 1px #440101; margin: 2em 0;}
.mainpoints_spon dt{background: #333;color: #fff;padding: 0.5em 1em;width: 130px;text-align: center; border-radius: 25px; height: 50px;}
.mainpoints_spon .spon02{display: block;}

.place_txt{padding-top:0.5em;font-size: 20px; text-align: center !important; margin-top: 0.5em; }

.guide table, .guide th, .guide td{
  padding: 0.6em;
  border: 1px solid #d1d1d1;
  vertical-align: middle;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
}

.guide th {
	background: #8b4c00;
	color: #ffffff;
}
.guide td{ background: #f7f7f7;}
.guide .bg-w{ font-weight:100; background: #FFFFFF;}
.guide .border-b{ border-bottom: solid #000000 1px;}
.guide p{fott-size:20px !important;}


.lineup_title{
	position: absolute;
	text-align: center;
	z-index: 1;
	top: -20px;
	width: 100%;
}

/*.lineup_title::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #a76a00;
    z-index: -1; /* 선을 글자 뒤로 보냄 
}*/

.lineup_title span {
    background: #9d6000;
    padding: 0.5em 2em;
    font-size: 3vmin;
    font-weight: 600;
    color: #ffffff;
    border-radius: 3em;
}
.lineup {display: flex;flex-direction: row;/* gap: 20px; */padding: 3.5em 0 !important;justify-content: space-evenly;background: #fff9ef;position: relative;margin-bottom: 5em;border-radius: 1em; border: 1px solid rgba(157, 96, 0, 0.2);}
/* li 모양에 맞춰서   
.lineup li{border-radius: 3em 1em 3em 1em;border: 3px solid #a0630047;overflow: hidden;}*/
.lineup li{width: 40%;}
.lineup li img{border-radius:15em;border: 3px solid rgba(160, 99, 0, 0.28);}
.lineup h6{text-align: center;font-size: 26px;padding-top: .5em;color: #503100;}


.searchlist{ text-align: right; margin-bottom: 1em;}
.searchlist select {color:#373737;border: 1px solid #555;background:#fff;border-radius: 0;height: 40px;}
.searchlist input[type=text]{/* font-size:13px; */color:#555;border: 1px solid #555;background:#fff;border-radius: 0;transition: all 0.5s;vertical-align:middle;/* padding: 1em; */height: 40px;}
.searchlist input[type="submit"]{height: 40px; padding: 0 1em; background: #555; color: #fff;}
.question {border-top: 2px solid #555 !important; border-bottom: 2px solid #555 !important; margin-bottom: 2em;}
.question .card{border: 0 !important; background: #fafeff !important; border-radius:0 !important;}
.question .card-header{border-bottom: 1px solid #555 !important;background: #fff !important; padding: 1.5rem !important;}
.question .card-header h5 button{font-family: 'Paperozi' !important; }
.question .card-header h5 .btn{text-align: left !important; white-space: inherit !important; width:100% !important;}
.question .card-header h5 button dl, .question .card-body dl{ display: flex;align-items:center; }
.question .card-header h5 button dt{ font-size: 25px; color: #a09f9a; margin-right:15px;}
.question .card-header h5 button dd{ font-size: 20px;}
.question .card-body{ background: #fcfcfc; padding: 1.5rem; border-bottom: 1px solid #ccc; font-size: 18px;}
.question .card-body dt{ font-size: 25px; color: #a09f9a;margin-right: 15px;}
.question .btn{padding: 0;}
.question .btn-link {
  font-weight: 400;
  color: #440101;
  background-color: transparent;
}

.question .btn-link:hover, .question .btn-link:focus, .question .btn-link.focus{
  color: #a09f9a;
  text-decoration: none !important;
  background-color: transparent;
  border-color: transparent;
}

.bs-docs-example .col-md-6{padding: 5px !important; }
.bs-docs-example table{border: solid #d1d1d1 1px;}
.bs-docs-example table .line{border-right: solid #d1d1d1 1px;}
.bs-docs-example .table {margin-bottom:0 !important;}


/* //서브페이지 */



footer {
	background: #3d4043;
	padding: 20px;
   text-align: center;
   color: #AAAAAA;
   letter-spacing: 1px;
   font-weight: 100;
   font-family:'Paperozi'; font-size: 11px;
}

footer .footer-grid{ padding-bottom: 1rem; }
.footer-grid ul{ display: flex; justify-content:center;}
.footer-grid li a{display:block; padding:.5rem 1.25rem; background:#575757; color:#adb5bd; font-size:12px;margin-top:1em; border-radius: 2px;}
.footer-grid .copy{text-align: left;}
.footer-grid .copy span:after{width:0.5px;content:"|"; margin:0 5px;}
.footer-grid .copy span:last-of-type:after{display:none}

footer p{padding-top:1rem; text-transform:uppercase;}

/* 반응형 웹 */

@media only screen and (max-width: 1440px){
	.navbar {
	width: 90%;
	display: flex;
	justify-content: space-between;
	}
	.top_sns{display: flex;width: 200px;}
	.banner-1 {
    height: 18vw;
    background-size: 100%;
	}
	.main_info h3 img{width: 100%;}
	.navbar-nav li{font-size:22px;}
	.main_mara_txt h2 img{ width: 40%;}
}

@media only screen and (max-width: 1280px){
	.logo_slider {
    height: 300vh; /* 화면에 보여줄 영역의 높이 (원하는 대로 조절) */
    margin: auto;
    overflow: hidden;
    position: absolute;
    width: 20px; /* 이미지 너비에 맞춰 조절 */
    top: 0;
    left: 0.5em;
	}
	.sponsor dl {/* display: flex; */align-items: center;margin-right: 2.2em;}
	.navbar-light .navbar-nav .nav-link{font-size: 16px;}
	.subnav li{font-size: 14px;}
	.subnav li.selected a{font-size: 15px;}
	.bg1, .bg2 {height: 100vh;}
	.course img{ width: 100% !important;}
	.banner_heading{
	font-size: 3vmin;
	} 
	.mainpoints, .mainpoints_spon{font-size: 16px;}	
	.navbar-nav li{list-style-type:none;margin-right: 1.5em !important;font-size: 18px;}
	.dropdown-item{font-size: 14px;}

	.main_right_spon{position: revert; width: 95%;margin:1em auto;}
	.main_right_spon ul img{ width: auto;}
	.main_right_spon .company{ display: none;}
	.main_logicon{padding-top: 7em;position: absolute;left: 5%;}
}

/* 테블릿 가로 */
@media only screen and (max-width: 1024px){
	h1 img{width: 70%;}
	#logo {width: 250px;height: 60px;}
	#logo a, .fixed.roll #logo a{background-size: 90%;}
	.main_logicon img{width: 70%;}
	.main_mara_txt h3 img{width: 50%;}
	.main_mara_txt h2 img{width: 60%;}
	.m_reci{padding:1em 0 0 0  !important;}
	.m_reci li{padding: 0 1em;}
	.m_reci img{width: 100%;}
	.navbar-nav li{list-style-type:none;margin-right: 0.3em !important;}
	.container { width: 90% !important; padding: 0 15px;}   
	.main_info .container{padding: 2em 0 0 0 !important;}
	.main_info:after{
 	height: 150px;
 	background-size: contain;
 }
	.info_txt dt{width: 156px;height: 42px;padding: 6px 0;font-size: 20px;}
	.info_txt dd{width: 100%;font-size: 20px;}
	.mrday:after{
		background-size: 65%;
	}
	.clients{flex-direction:column !important;}
	.side-sns{display: none;}
	.live_text .chat_area{width: 74% !important;}
	.spon01{flex-wrap:wrap;}
	.info_hi_photo{ width: 25%; margin-right: 5%;}
	.info_hi_txt01{ width: 70%;}
	.navbar{width: 95% !important;}
	.sponsor{ display: block;}
	.sponsor dl { margin-bottom: 2em;}
	.sponsor dd img{padding: 0 0 10px 10px;}
	.spon_title dt{width: 110px;}
	.question .card-body dd img{ width: 100%;}
	.info_txt {padding: 0!important;display: flex;align-items: center;margin: 2em 0;width: 100%;justify-content: center;}
}


/* 테블릿 세로 */
@media only screen and (max-width:991px) {
	#wrap{
	  background: url("../images/mobile_mainbg.webp") no-repeat top;
	  background-size:100%;
	  background-color: #ff8e0a;
  }
	header {margin-bottom:1em;}
	#top-nav .logo{width:100%; text-align:center;left:0;}
	nav button{border: 0; background: none; position: absolute; right: 0; top: 15px;}
	#top-nav .openbtn, #top-nav .closebtn{ display: block;} 
	#top-nav{padding-top:1.8em}
	#top-nav .logo{padding-top: 0;}
	.top_sns{display: none !important;}
	.navbar-nav .sns-btn{display: block;border: 0 !important;text-align: right;padding-top: 0.8em;/* background: #eee; */}
	.navbar-nav{padding: 1em 0 !important; border: 1px solid #eee !important; margin: 0.5em 0; background: #ffffff;}
	.navbar-nav li{text-align: left; padding: 0 1em; border-bottom: solid #f1f1f1 1px; width: 95%; margin: 0 auto !important; font-size:18px !important; font-weight:100;}
	.navbar-nav li:last-child{border-bottom: 0 !important;}
	.navbar-nav li i{display: inline-block; position: absolute; right: 3%; font-size: 18px !important; padding-top: 5px !important;}
	.navbar-nav li a{color: #000000; text-shadow:none;}
	.navbar-nav li a:hover, .navbar-nav li a:active{color: #000000;}
	
	.nav-item{margin-right:0 !important;}
	.dropdown-item{text-align: left !important;}
	.dropdown-menu{background: #fcfcfc !important; width: 95% !important; margin: 0 auto 1em auto !important; border: 1px #f7f7f7 solid !important;}
	.dropdown-menu a{color: #333 !important; width: 100% !important;}
	.dropdown-item:hover, .dropdown-item:focus {
	  color:#440101 !important;
	  background-color: #f1f1f1 !important;
	}
	aside{ display:none;}
	.en{display: flex; flex-direction: row; justify-content: right;}
	.en a{font-size: 16px;width: 70px;margin: 1em 0; letter-spacing:1px;}
	.menu_univ{display: block; text-align: right;padding:1em;}
	#sub-visual{min-height: 14rem !important;}
	.banner_heading{
	font-size:2em;   
	} 
	.banner_date{font-weight:600;
	font-size:1.5em;
	padding-top:8%;
	} 
	.spon_title dt{width: 150px;}
	.mainpoints dl{display: flex;border-bottom: 1px solid #eee;flex-direction: column;}
	.mainpoints dt{width: 100%;}
	.mainpoints dd{border-left: 0;}
	nav .d-day{position: absolute;right: 80px;top: 20px;}
}

@media only screen and (max-width: 820px) {
	.live{display:contents;}
	.live_vod, .main_live{ width: 100%; height: 400px;}
	.live_text{ width: 100%; margin-top: 0.2em;}
	.live_text .scroll{height: 300px;}
	.live_text .chat_area{width: 86% !important;}
	.live_text .chat_box{ height: 90px;}
	.poster_txt{width: 80%;}
	#main_info h2{font-size: 2.5em;}
	.subtabcontent details li{display: block;}
	.subtabcontent details span {width: 100%;}
	.subtabcontent details p{width: 100%;}
	.subtabcontent details .s02 span {width: 100%;}
	.subtabcontent details .s02 p{width: 100%;}
	.live_icon{text-align: right;}
	.main_logicon img{width: 80%;}
	.sub_logicon{top:20%;left: 10%;}
	.sub_logicon img{width: 70%;}
	.banner-1{height: 25vw;}
	.banner_heading{
	font-size: 1.8em;
	} 
	.subnav li{font-size: 14px;}
	.subnav li a{padding: 18px 0 18px 0;}
	.subnav li.selected a{padding-top: 18px; font-size: 14px;}
	.info_hi_photo{ width: 35%; margin-right: 5%;}
	.info_hi_txt01{ width: 60%;}
	#sub-visual{height:350px;  background: url("/images/sub.jpg") no-repeat center 40px;}
	.history-info dl{display: block !important;}
	.partner-list li{width: 45%;}
	.main_info h5{font-size: 20px;}
	.mainpoints, .mainpoints_spon{ padding: 0;}
	.footer-grid dl{display: block;}
	.sub_cont02{padding:3em 1em;display: block;}
	.r_line{border-right: 0 !important ;border-bottom: 1px solid #d1d1d1 !important; padding-bottom: 1.5em; margin-bottom: 2.2em;}
	.sub_cont02 .col-md-6, .quick_menu .col-md-6{    
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	.general_box .col-md-6{    
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;}

}

/* 모바일 */
@media only screen and (max-width: 768px) {
	body{font-size:13px;}
	.sns{margin-right:1em;}
	.heading-agileinfo{font-size:28px !important;}
	.banner-1{background: url(../images/mobile_sub_banner.png?ver=1.3)no-repeat center;}
	.sub-menu01{display: none !important;}
	.sub-menu02{display: block; text-align: center;}
	.sub-menu02 select{width: 90%; border: 0;}
	.sub-menu02 select:hover{border: 0 !important;}
	.sub_cont{padding: 3em 1em; margin-top:1em;}
	.mainpoints dl, .mainpoints_spon dl{ display: block;}
	.eng dt{width: 100% !important;}
	.container{padding:0 !important;}
	.container-fluid{padding:0px !important; margin:0px  !important;}
	.mrday .day, .d-day{font-size: 2vmin;}
	.mrday .day span{font-size: 2.5vmin;}
	.sponsor dl{display: block;text-align:center; margin-right: 0 !important;}
	.sponsor dt{margin-bottom:10px;}
	.spon_title dt{width: 35%;margin: .3em auto;}
	.sponsor dd img{padding: 0 8px 8px 0 !important;}
	.history table{font-size: 12px !important; line-height: 16px;}
	.commingsoon {
    background: url("../images/mobile_bg.png?ver=1.0")no-repeat center;
    background-size: cover;
    height: 95vh;
	}	
	.m-img-100 img{ width: 100% !important;}
	.mrday li a{color: #fff;font-size: 1.2em;display: flex;align-items: center;}
	.mrday .m_icon{font-size: 2.5em !important; margin-right: 5px;}
	.spot, .youtubef{height:245px !important;}
	.sponsor dd{ justify-content: center;}	
	.info_txt dd span{display: inline-block;}
	.main_info h3{font-size: 4vmin;}
	.reels_list .slick-prev{
					top: 40% !important;
					left: -20px !important;
				}
	.reels_list .slick-next{
					top: 40% !important;
					right: 10px !important;
				}
}


@media only screen and (max-width: 767px) {
	.mrday .day, .d-day{font-size: 3.3vmin;line-height: 1.5em;text-shadow: 0;}
	.mrday .day span{font-size: 4.3vmin;}
	.d-day{padding: 1em 2em 0.8em 2em;}
	.spot, .youtubef{height:245px !important;}
	.sub_title{ width: 100%;}
	.sub_title{ font-size:18px;}
}

@media only screen and (max-width:500px){
	/*.container{ width: 100% !important;}*/
	.banner-1{ height: 250px; background-size:100%;}
	.main_logicon{left:10%}
	.main_logicon img{width:55%;}
	.main_mara_txt h2{margin-bottom: 0;}
	.quick_banner li{font-size: 4vmin; border-right: 0px;}
	.main_info h5{font-size: 18px; margin-top: 1em;}
	.history-gallery .col-sm-3{ width: 50%;}
	.partner-list li{width: 100%; margin: 0.5em 0 !important;}
	.mainpoints, .mainpoints_spon{font-size: 16px;}
	.mainpoints dt, .mainpoints_spon dt{height:40px;}
	.award table{ font-size: 14px;}
	.souvenir .table{ font-size: 14px;}
	.souvenir p{font-size: 14px;}
	.gimhae_mall li{border-bottom: 1px solid #d3d3d3; border-right: 0; display: flex;flex-direction: column;}
	.gimhae_mall li:last-child {border-bottom: 0;}
	.lineup{flex-direction:column;}
	.lineup li{width: 80%;margin: 1em auto;}
	.lineup_title span{font-size: 20px; padding: 0.5em 1em;}
	.lineup h6{font-size: 22px;padding-top: .3em;}
	.question .card-header{padding: 1rem !important;}
	.question .card-header h5 button dd, .question .card-body{font-size: 16px;}
	.question .card-header h5 button dt, .question .card-body dt{width: 10%; margin-right: 2%; }
	.question .card-header h5 button dd, .question .card-body dd{ width: 88%;}
	.m_souvenir img{width: 100%;}
	nav .d-day{position:revert;}
	.owl-carousel .owl-item img{width: 100% !important;}
	.main_mara_txt{position: absolute;top: 30%;left:0;height: 50vh;display: flex;flex-direction: column;justify-content: center;text-align: center;}
	.mrday{bottom: 5%;}
	.main_mara_txt h2 img{width: 80%;}
	.main_mara_txt h3 img{width: 65%;}
	.vod:before{top:12%; left:2%;}
	.poster_info:before{top:25%; right:2%;}
	.main_logicon{padding-top: 80px;}
	.onlinesports_certify{ padding: 2em 3em;}
	.guide table, .guide th, .guide td{padding:0.4em; font-size: 14px;}
	.main_gallery .reels_title h5{font-size: 28px;}
	.main_gallery .reels_title h6{font-size: 14px}
	.main_gallery .reels_list dl{font-size: 20px;padding: 0.5em;}
	.main_gallery .reels_list dt{font-size: 22px;}	
	.reels_list .slick-prev{
					top: 40% !important;
					left: -30px !important;
					z-index: 10;
				}
	.reels_list .slick-next{
					top: 40% !important;
					right: 40px !important;
					z-index: 10;
				}
}

@media only screen and (max-width:480px){
	.logo img{width: 100px;}
	.live_vod, .main_live{height: 200px;}
	.live_text .chat_area{ width: 81% !important;}
	.chat_write_enter{padding: 2%;}
	#main_info h2{font-size: 1.5em;}
	#main_info h3{font-size: 1.4em;}
	#main_info h5{font-size: 0.9em; word-break: keep-all;}
	.kakao_banner li{width: 120px;height: 40px;font-size: 18px;}
	.info_txt dl{flex-direction:column !important;}
	.footer-grid ul{display: block;}
	.footer-grid img{margin-bottom: 1em;}
	footer{letter-spacing:0; padding: 20px 10px;}
	.poster_txt{width: 70%;padding: 1.5em;}
	.main_quick{top:-7.5em;}
	.main_quick li{font-size: 12px; padding: 1.5em 0;}
	.spon01{display: contents;justify-content: center;}
	.spon01 li{ margin-right: 0rem; margin-bottom: 1rem;}
	.spon01 h4{padding-top: 2em;}
	.session_title{font-size: 25px;word-break: keep-all;line-height: 32px;}
	.info_photo{display: block;}
	.info_photo .photo_name{padding-left: 5px;display:inline;}
	.btnenter{ padding: 2% 2%;}
	.poster_info h3 img{ width: 80%;}
	.info_txt{text-align:left; word-break:keep-all; padding: 1em; width: 100%;}
	.info_txt dt{width: 120px;height: 38px;padding: 6px 0;font-size: 18px;}
	.info_txt dd{text-align: left;padding: 10px 5px;width: 100%;font-size: 18px;}
	.sub_title, .info_hi, .info_hi p{font-size: 16px;}

	.popup_event{
	    top:100px !important; 
	    left:2% !important;
		width: 94% !important; 
		height: 478px !important; 
	}
	.popup_event iframe{
		width: 100% !important; 
		height: 425px !important; 
	}

	.popup_open{
		top:80px !important; 
		left:3% !important;
		width: 94% !important; 
		height: 639px !important; 
	}
	.popup_open iframe{
		width: 100% !important; 
		height: 594px !important; 
	}


	.popupsmall{
		top:100px !important; 
		left:3% !important;
		width: 94% !important; 
		height: 470px !important; 
	}
	.popupsmall iframe{
		width: 100% !important; 
		height: 425px !important; 
	}
	.commingsoon {
    background: url("../images/mobile_bg.png?ver=1.0")no-repeat center;
    background-size: cover;
    height: 92vh;
	}
}

@media only screen and (max-width:400px) {
	.coming01 { background: url("../images/com_mobile02_bg.png?ver=1.4")no-repeat center !important; height: 92vh; background-size: cover !important;}
}

@media only screen and (max-width:375px) {
	h1{
		width: 80% !important;
	}
	.bg1, .bg2{height: 100vh;}
	.banner-1{height: 230px;}
	.sub_tab button{font-size: 14px;}
	.live_text .chat_area{width: 78% !important;}
	.main_quick{top:-5em;}
	#main_info{padding:4em 0;}
	#main_info h2{font-size: 1.3em;}
	#main_info h3{font-size: 1.2em; letter-spacing: -1px;}
	#main_info h4 img{width: 55%; height: auto;}
	#main_info h5{font-size: 0.8em;}
	#main_info h2{padding:0.2em 0.1em;}
	.general_box img{ width: 80px !important;}
	.new_top{ padding: 20px 25px;}
	.new_top h3{ font-size: 16px;}
	.w3layouts_news_left_grid1 .over{
	position:absolute;
	top: 21px !important;
	/* width:100%; */
	/* height:100%; */
	display:none;
	}
	
	.sub_logicon{width: 20%;}
	.sub_cont h4{font-size: 20px;}
	.gimhae_info .flex-list{font-size: 16px;}
	.banner_heading{font-size: 2em;}
	.banner_date{font-size: 0.8em;}
	.info_hi_txt01 .font-bm{font-size: 20px;}
	.sub_logicon{left:5%;}
	.award table{ font-size: 10px; line-height: 15px;}
	.souvenir .table{ font-size: 10px;}
	.searchlist input[type=text]{width: 130px !important;}
	.bs-docs-example .table td, .bs-docs-example .table th{padding: 0.4rem !important; font-size:10px !important;} 
	.course p{font-size: 12px;}

	.popup_event{
		left:2% !important;
		width: 94% !important; 
		height: 442px !important; 
	}
	.popup_event iframe{
		width: 100% !important; 
		height: 389px !important; 
	}

	.popup_open{
		top:80px !important; 
		left:3% !important;
		width: 94% !important; 
		height: 585px !important; 
	}
	.popup_open iframe{
		width: 100% !important; 
		height: 540px !important; 
	}


	

	.popupsmall{
		top:100px !important; 
		left:3% !important;
		width: 94% !important; 
		height: 434px !important; 
	}
	.popupsmall iframe{
		width: 100% !important; 
		height: 389px !important; 
	}
	.comming_spon dd {font-size: 18px; font-weight: bold;}
	.comming_spon dt{font-size: 16px;}
	
}
@media only screen and (max-width:360px) {
	.popup_event{
		top:100px !important; 
		left:2% !important;
		width: 94% !important; 
		height: 425px !important; 
	}
	.popup_event iframe{
		width: 100% !important; 
		height: 372px !important; 
	}

	.popup_open{
		top:80px !important; 
		left:3% !important;
		width: 94% !important; 
		height: 510px !important; 
	}
	.popup_open iframe{
		width: 100% !important; 
		height: 466px !important; 
	}

	


	.popupsmall{
		top:100px !important; 
		left:3% !important;
		width: 94% !important; 
		height: 407px !important; 
	}
	.popupsmall iframe{
		width: 100% !important; 
		height: 360px !important; 
	}
	.question .card-header h5 button dt, .question .card-body dt{width: 12%; margin-right: 2%; }
	.question .card-header h5 button dd, .question .card-body dd{ width: 86%;}
	
}

@media only screen and (max-width:320px) {
	.poster_txt{width: 80%;}
	.gimhae_mall li a{ width: 80%;}
	.main_quick li{font-size: 11px;}
	.banner-1{height: 200px;}

	.popup_event{
		top:100px !important; 
		left:2% !important;
		width: 94% !important; 
		height: 387px !important; 
	}
	.popup_event iframe{
		width: 100% !important; 
		height: 335px !important; 
	}
	
	
	.popupsmall{
		top:100px !important; 
		left:3% !important;
		width: 94% !important; 
		height: 370px !important; 
	}
	.popupsmall iframe{
		width: 100% !important; 
		height: 323px !important; 
	}
	.sub_title{ font-size:12px;}
}

@media only screen and (max-width:300px) {
	.main_mara_txt{position: relative;top: 5%;left:0;height: 60vh;display: flex;flex-direction: column;justify-content: space-between;}
}