@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSans.css');

/* 공통 부분 */
#sq_layout	{width:100%; margin:0 auto; text-align:center;}
#go_top {position: fixed;right:0;width:45px !important;bottom: 0px;}

/* _tltle.php */
section.title {position:relative;width:100%;}
section.title div.sq_title {height:847px;background-repeat:no-repeat;background-position:center top;background-color:#1e86f9;background-image: url('/season/25/10/img/title_bg.jpg'); }
section.title div.sq_title_sub {width:100%;background-color:#1d2088;}
section.title div.top_tab {position:absolute;top:0;left:0;z-index:9}
.top_tab .days{
	position:relative;
	}
	/* 2024-11-01, hjs */
.top_tab li b{
	position: absolute;
    top: 12px;
    left: 284px;
    font-family: 'Gmarket Sans';
	font-weight:700;
    color:#383838;
    font-size: 15px;
    padding: 0px 15px;
    background-color: #ffff00;
    animation: changeColor 1s infinite alternate; /* 애니메이션 반복 */
    border: solid 1.5px #fff;
    border-radius: 33px;
    letter-spacing:-1px;
}
@keyframes changeColor {
      50% {
        background-color: #ffff00;
      }
      100% {
        background-color: #00ff00;
      }
    }
/* _tltle.php */

/* _box01.php */
section.box01 div.sq_box01 {width:100%;background-color:#f8f8f8}
section.box01 div.sq_box01 > div:nth-child(1) {padding:120px 0 0 0}
/* //_box01.php */

/* _box02.php */
section.box02 div.sq_box02 {width:100%;background-color:#f8f8f8}
section.box02 div.sq_box02 > div:nth-child(1) {padding:50px 0 0 0}
/* //_box02.php */

/* _box03.php */
section.box03 div.sq_box03 {width:100%;background-color:#f8f8f8}
section.box03 div.sq_box03 > div:nth-child(1) {padding:65px 0 100px 0}
section.box03 .sq_box03 > div {position:relative;width:1200px;margin:0 auto}	
section.box03 .sq_box03 > div div.popup {position:absolute;top:200px;left:65px;display:none}
/* //_box03.php */

/* _box04.php */
section.box04{
	background-color:#f8f8f8;
	padding-bottom:50px;
	}
section.box04 div.sq_box04{
	width:100%;
	display:inline-table;
	}
section.box04 div.sq_box04 *{
	font-family:Pretendard;
	}
section.box04 div.sq_box04 div.title{
	padding:80px 0 80px 0;
	background-color:#1e86f9;
	}
section.box04 div.sq_box04 ul.tab{
	margin:0 auto;
	text-align: center;
	width:100%;
	height:55px;
	border-top:solid 1px #b5b5b5;
	border-bottom:solid 1px #b5b5b5;
	background-color:#fff;
	animation: changeColor2 10s infinite alternate; /* 애니메이션 반복 */
    }
    @keyframes changeColor2 {
      0% {
        background-color: #ffffff;
      }
      100% {
        background-color: #e8f3fe;
      }
    }
section.box04 div.sq_box04 ul.tab li{
	display: inline-block;
	height: 50px;
	line-height: 45px;
	margin:5px 17px 5px 17px;
	cursor:pointer;
	}
section.box04 div.sq_box04 ul.tab li a{
	display: block;
	font-size:18px;
	color:#000;
	font-weight: 700;
	padding:0 5px 0 5px;
	letter-spacing: -1px;
	}
section.box04 div.sq_box04 ul.tab li.on a{
	border-bottom: 5px solid #1e86f9;
	}

section.box04 div.lec_list div.desc {clear:both;width:1110px; margin:2px 0; xxxbackground-color:#f1f1f1; padding:45px 0px 55px 0px; text-align:left}
section.box04 div.lec_list div.desc * {font-family:Pretendard}
section.box04 div.lec_list div.desc div.big_comm {font-size:25px; font-weight:bold; color:#000; padding: 10px 0}
section.box04 div.lec_list div.desc span {color:#676767;font-size:20px;letter-spacing: -1px;}
section.box04 div.lec_list div.desc ul {padding:30px 0}
section.box04 div.lec_list div.desc ul li	{list-style: none; float: left; margin:0 18px 0 0; padding: 10px 20px; border-radius: 40px;background-color:#1e86f9;}
section.box04 div.lec_list div.desc ul li a {font-size:18px; color:#fff; font-weight:500;letter-spacing: -1px;}
section.box04 div.lec_list {width:1170px; margin:0 auto}
section.box04 div.lec_list div.table_box	{width:1170px; margin:0 auto; text-align:left;}
section.box04 div.lec_list div.table_box div.table_title		{color:#434759; font-size:16px; font-weight:bold; padding:15px 0px 17px 0px; }
section.box04 div.lec_list div.table_box div.table_title span	{color:#3d33fa; font-size:16px; font-weight:bold; padding:15px 0px 17px 0px; }

section.box04 div.lec_list > div {display:none}
section.box04 div.lec_list > div:nth-child(1) {display:block}
/* //_box04.php */

/* _float.php */
div.top_tab {position:absolute;top:0;width:100%;height:100px;background-color:#383838;z-index:99}
div.top_tab ul {width:1200px; margin:0 auto}
div.top_tab ul li	{list-style: none;  float: left}
div.float_right {position: fixed;z-index: 9999;width:154px !important;right:4px;top: 450px;display:block;background-repeat:no-repeat;background-position:center top;background-image: url('/season/25/10/img/float.png');}
div.float_right div {padding:150px 0 95px 0;font-size:30px;font-weight:bold;color:#00ff00;}	
/* //_float.php */

@media (max-width: 1220px) {
	#MiWrapper > div {width:1220px} /* 2023-06-02, hclee, 반응형에서 배경이미지 문제 처리 */
}
