@charset "UTF-8";
/* common */
.swiper-pagination{display:inline-block; position:relative; text-align:center;}
.swiper-pagination-bullet{display:inline-block; width:10px; height:10px; margin:0 2px; background:transparent; border:2px solid #fff; border-radius:50%; opacity:0.5; vertical-align:middle;}
.swiper-pagination-bullet:focus, .swiper-pagination-bullet:hover{background:#fff;}
.swiper-pagination-bullet-active{position:relative; width:14px; height:14px; margin:0 2px; background:#fff; border:none; opacity:1;}
.swiper-pagination-bullet-active:focus, .swiper-pagination-bullet-active:hover{background:#fff;}
.swiper-button-play, .swiper-button-pause{display:none; width:8px; height:10px; margin-left:5px; font-size:0; vertical-align:middle; opacity:0.5; cursor:pointer;}
.swiper-button-play:focus, .swiper-button-pause:focus, .swiper-button-play:hover, .swiper-button-pause:hover{opacity:1;}
.swiper-button-play{background:url('../images/ico_play.png') no-repeat center;}
.swiper-button-pause{background:url('../images/ico_pause.png') no-repeat center;}
.swiper-button-play.active, .swiper-button-pause.active{display:inline-block;}
.swiper-button-next, .swiper-button-prev{display:block; position:relative; float:left; width:20px; height:28px; top:auto; left:auto; right:auto; margin-top:auto; background-size:auto;}
.swiper-button-prev{background:url('../images/ico_prev.png') no-repeat center;}
.swiper-button-next{background:url('../images/ico_next.png') no-repeat center;}
.moreBtn{transition:transform 0.2s;}
.moreBtn:focus, .moreBtn:hover, a:focus .moreBtn, a:hover .moreBtn{transform:rotate(90deg) !important;}

/* visual */
#mainVisual{clear:both; position:relative; width:100%; height:486px; margin:0 auto; background:transparent; overflow:hidden;}
#mainVisual:after{content:''; clear:both; display:block;}
#mainVisual .swiper-container{width:100%; max-width:1920px; height:100%;}
#mainVisual .swiper-container .bg01{background:url('../images/main/main_visual_01.jpg') no-repeat center top; background-size:cover;}
#mainVisual .swiper-container .bg02{background:url('../images/main/main_visual_02.jpg') no-repeat center top; background-size:cover;}
#mainVisual .swiper-container .bg03{background:url('../images/main/main_visual_03.jpg') no-repeat center top; background-size:cover;}
#mainVisual .swiper-container .bg04{background:url('../images/main/main_visual_04.jpg') no-repeat center top; background-size:cover;}
#mainVisual .swiper-container .bg05{background:url('../images/main/main_visual_05.jpg') no-repeat center top; background-size:cover;}
#mainVisual .txtBox{text-align:center; z-index:2;}
#mainVisual .txtBox p, #mainVisual .txtBox img{width:100%;}
#mainVisual .bg01 .txtBox p{max-width:480px; line-height:1.5; margin:0 auto; padding:190px 0; color:#fff; font-size:2.125rem; font-weight:500; text-align:center;}
#mainVisual .bg02 .txtBox{margin:74px auto;}
#mainVisual .bg02 .txtBox img{max-width:566px;}
#mainVisual .bg03 .txtBox{margin:80px auto 24px;}
#mainVisual .bg03 .txtBox img{max-width:535px;}
#mainVisual .bg04 .txtBox{margin:82px auto;}
#mainVisual .bg04 .txtBox img{max-width:578px;}
#mainVisual .bg05 .txtBox{margin:88px auto;}
#mainVisual .bg05 .txtBox img{max-width:960px;}
#mainVisual .resize{display:none; position:relative;}
#mainVisual .resize img{position:absolute;}
#mainVisual .bgBox{position:absolute; width:100%; top:20px; cursor:default; z-index:2;}
#mainVisual .bgBox .pager{top:0; left:0; text-align:right;}

/* contents */
#mainContents{clear:both; position:relative; width:100%; min-width:1200px; margin:0 auto; padding:0; background:#fff; z-index:1;}
#mainContents .area01, #mainContents .area02, #mainContents .area03, #mainContents .area04{clear:both; width:100%;}
#mainContents .moreBtn{display:inline-block; width:22px; height:22px; padding:4px; font-size:0;}
#mainContents .moreBtn.black{background:url('../images/ico_more_black.png') no-repeat center;}
#mainContents .moreBtn.white{background:url('../images/ico_more_white.png') no-repeat center;}
#mainContents .boardTitle{margin:0 0 20px; font-size:1.75rem; font-weight:500;}
#mainContents .boardTitle strong{color:#3071cf; font-weight:500;}
#mainContents .boardTitle .tag{display:inline-block; margin:-8px 5px 0 0 ; font-size:1.125rem; vertical-align:middle; text-transform:uppercase;}
#mainContents .boardTitle .tag.gray{color:#999;}
#mainContents .boardTitle .tag.blue{color:#3071cf;}
#mainContents .boardTitle .tag.red{color:#da4648;}
#mainContents .area01{padding:80px 0; background:#f7f7f7 url('../images/main/bg_main_05_01.jpg') no-repeat center; background-size:cover;}
#mainContents .area01 .schedule{position:relative; width:880px;}
#mainContents .area01 .schedule .tiarea{position:relative;}
#mainContents .area01 .schedule .tiarea:after{content:''; display:block; position:absolute; width:100%; height:1px; bottom:0; left:0; background:#ddd; z-index:0;}
#mainContents .area01 .schedule .tiarea p.boardTitle{display:inline-block; margin-right:40px; margin-bottom:17px;}
#mainContents .area01 .schedule .tiarea .tab{display:inline-block; width:70%; cursor:default;}
#mainContents .area01 .schedule .tiarea .tab ul{}
#mainContents .area01 .schedule .tiarea .tab ul li{display:inline-block; position:relative;}
#mainContents .area01 .schedule .tiarea .tab ul li .tabLink{display:block; position:relative; padding:2px 12px 2px 6px; background:none; color:#999; font-size:1.375rem; font-weight:500; font-style:italic; cursor:pointer;}
#mainContents .area01 .schedule .tiarea .tab ul li .tabLink.active{color:#3071cf; font-weight:700;}
#mainContents .area01 .schedule .tiarea .tab ul li .tabLink.active + span{position:absolute; width:5px; height:5px; bottom:-13px; left:50%; margin-left:-5px; background:#3071cf; border-radius:50%; z-index:1;}
#mainContents .area01 .schedule .tabCon{clear:both;}
#mainContents .area01 .schedule .tabCon .swiper-main-schedule{padding:18px 0 0;}
#mainContents .area01 .schedule .tabCon .swiper-main-schedule ul{}
#mainContents .area01 .schedule .tabCon .swiper-main-schedule ul li{width:280px; height:255px;}
#mainContents .area01 .schedule .tabCon .swiper-main-schedule ul li a{display:block; width:100%; height:100%; padding:25px; background:#fff; border:1px solid #ddd;}
#mainContents .area01 .schedule .tabCon .swiper-main-schedule ul li a p.title{display:-webkit-box; height:60px; line-height:1.7; margin:0 0 20px; font-size:1.125rem; font-weight:500; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#mainContents .area01 .schedule .tabCon .swiper-main-schedule ul li a span{display:block; position:relative; padding-left:8px; color:#666; font-size:0.938rem;}
#mainContents .area01 .schedule .tabCon .swiper-main-schedule ul li a span:before{content:''; display:block; position:absolute; width:2px; height:2px; top:6px; left:0; background:#666;}
#mainContents .area01 .schedule .tabCon .swiper-main-schedule ul li a span.tag{margin-bottom:16px; padding:0; color:#0871cf; font-size:0.813rem;}
#mainContents .area01 .schedule .tabCon .swiper-main-schedule ul li a span.tag:before{display:none;}
#mainContents .area01 .schedule .tabCon .swiper-main-schedule ul li a span.host{margin-bottom:20px;}
/* #mainContents .area01 .schedule .tabCon .swiper-main-schedule ul li a span.listDate{letter-spacing:-0.035em;} */
#mainContents .area01 .schedule .tabCon .swiper-main-schedule ul li a .Date{position:absolute;bottom:25px;}
#mainContents .area01 .schedule .tabCon .swiper-main-schedule ul li a .Date span.listDate{padding-left:0;font-size: 0.878rem;line-height: 1.6;}
#mainContents .area01 .schedule .tabCon .swiper-main-schedule ul li a .Date span.listDate i{padding-right:5px;color:#0871cf;}
#mainContents .area01 .schedule .tabCon .swiper-main-schedule ul li a .Date span.listDate:before{display:none;}
#mainContents .area01 .schedule .tabCon .swiper-main-schedule ul li a:focus, #mainContents .area01 .schedule .tabCon .swiper-main-schedule ul li a:hover{border-color:#999; box-shadow:0px 0px 5px rgba(0,0,0,0.1);}
#mainContents .area01 .schedule .tabCon .swiper-main-schedule span.nodata{color:#666;}
#mainContents .area01 .schedule .bgbox{position:absolute; top:0; right:0;}
#mainContents .area01 .schedule .bgbox .control{cursor:default;}
#mainContents .area01 .schedule .bgbox .control .swiper-button-prev, #mainContents .area01 .schedule .bgbox .control .swiper-button-next{margin-left:10px;}
#mainContents .area01 .check{width:260px;}
#mainContents .area01 .check > div{position:relative; width:100%; margin:0 0 11.7px;}
#mainContents .area01 .check .link01{background:#144693; color:#fff;}
#mainContents .area01 .check .link02{background:#3071cf; color:#fff;}
#mainContents .area01 .check .link03{background:#5ecdde;}
#mainContents .area01 .check .link04{background:#f6bf0d;margin-bottom:0;}
#mainContents .area01 .check > div:after{content:''; display:block; position:absolute; width:260px; height:20px; bottom:0; right:0; background:url('../images/main/overlay_01.png') no-repeat right center;}
#mainContents .area01 .check .link04:after{opacity:0.6;}
#mainContents .area01 .check a{display:block; position:relative; padding:26.625px 30px; color:inherit; font-size:1.125rem; font-weight:500; z-index:1;}
#mainContents .area01 .check a span{}
#mainContents .area01 .check a span.moreBtn{position:absolute; top:50%; right:30px; margin-top:-11px;}
#mainContents .area01 .check a:focus, #mainContents .area01 .check a:hover{background:rgba(0,0,0,0.2);}
#mainContents .area01 .check .link03 a:focus, #mainContents .area01 .check .link03 a:hover{background:rgba(80,80,80,0.1);}
#mainContents .area02{padding:80px 0; background:#fff;}
#mainContents .area02 .board.notice{position:relative; float:left; width:880px;margin-top:1px;}
#mainContents .area02 .board.notice ul.tabs{font-size:0;}
#mainContents .area02 .board.notice ul.tabs	li{display: inline-block;cursor: pointer;background: #f7f7f7 url(../images/pattern_02.png) repeat;color:#666;font-weight:500;outline: none;margin: 0 -1px -1px 0;padding: 20px 30px;line-height: 1;border: 1px solid #ddd;font-size: 1.25rem;transition: transform 0s;}
#mainContents .area02 .board.notice ul.tabs	li.current{font-weight: 700;color:#222;background: #fff;border-top-width: 2px;border-top-color: #3071cf;border-bottom-color: #fff;color: #144693;}
#mainContents .area02 .board.notice .tab-content{display: none;}
#mainContents .area02 .board.notice .tab-content.current{display: inherit;}
#mainContents .area02 .board.notice ul.list{border:1px solid #ddd; /* border-top:2px solid #3071cf;  */border-bottom:none;}
#mainContents .area02 .board.notice ul.list li{border-bottom:1px solid #ddd;}
#mainContents .area02 .board.notice ul.list li a{display:inline-block; width:100%; padding:20px 30px;}
#mainContents .area02 .board.notice ul.list li a .listTitle{position:relative; float:left; width:80%; max-width:650px; padding-left:10px; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#mainContents .area02 .board.notice ul.list li a .listTitle:before{content:''; display:block; position:absolute; width:3px; height:3px; top:50%; left:0; margin-top:-1.5px; background:#666; border-radius:50%; vertical-align:middle;}
#mainContents .area02 .board.notice ul.list li a .listDate{float:right; color:#666; text-align:right; letter-spacing:-0.035em;}
#mainContents .area02 .board.notice ul.list li a:focus, #mainContents .area02 .board.notice ul.list li a:hover{background:#f7f7f7;}
#mainContents .area02 .board.notice ul.list li.first{}
#mainContents .area02 .board.notice ul.list li.first a{padding:20px 30px 16px;}
#mainContents .area02 .board.notice ul.list li.first a .listDate{position:relative; float:left; min-width:80px; text-align:left;}
#mainContents .area02 .board.notice ul.list li.first a .listDate span{display:block; margin-bottom:6px; color:#333; font-size:0.813rem; font-weight:500; letter-spacing:0;}
#mainContents .area02 .board.notice ul.list li.first a .listDate span.day{margin-left:2px; font-size:2.5rem; font-weight:700;}
#mainContents .area02 .board.notice ul.list li.first a .listTitle{width:100%; max-width:calc(100% - 80px); margin:6px 0 15px; color:#333; font-weight:500;}
#mainContents .area02 .board.notice ul.list li.first a .listTitle:before{background:#333;}
#mainContents .area02 .board.notice ul.list li.first a .listCon{float:left; width:calc(100% - 80px); color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#mainContents .area02 .board.notice .moreBtn{position:absolute; top:10px; right:0;}
/*240129 ΌφΑ€*/
#mainContents .area02 .qnaW{position:relative; float:right; width:260px; height:237px;}
/* 
#mainContents .area02 .qnaW .qna{display:block; width:100%; height:172px; background:#3071cf url('../images/main/bg_main_01.jpg?ver=210319') no-repeat right center;}
#mainContents .area02 .qnaW .qna:after{content:''; display:block; position:absolute; width:260px; height:20px; bottom:0; right:0; background:url('../images/main/overlay_01.png') no-repeat right center;}
#mainContents .area02 .qnaW .qna a{display:block; width:100%; height:100%; padding:30px;}
#mainContents .area02 .qnaW .qna a p{line-height:1.6; margin-bottom:22px; color:#fff; font-size:0.9375rem;}
#mainContents .area02 .qnaW .qna a p.color{color:#a3f3ff; font-size:1.125rem;}
#mainContents .area02 .qnaW .qna a p span.mini{font-size:0.938rem;}
#mainContents .area02 .qnaW .qna a:focus, #mainContents .area02 .qna a:hover{background:rgba(0,0,0,0.2);}
#mainContents .area02 .qnaW .qna a .moreBtn{position:absolute; bottom:26px; left:26px;}
#mainContents .area02 .qnaW .membanner{display:block; width:100%; margin:10px auto 0;}
#mainContents .area02 .qnaW .membanner .bg01{background:#21409a;}
#mainContents .area02 .qnaW .membanner .bg02{background:#fff;}
#mainContents .area02 .qnaW .membanner a{display:block; position:relative; width:100%; border:1px solid #21409a; text-align:center;}
#mainContents .area02 .qnaW .membanner a img{width:100%; max-width:680px;} */

#mainContents .area02 .qnaW .qna_banner li{display:block; width:100%; height:113px;}
#mainContents .area02 .qnaW .qna_banner li:first-child{margin-bottom:11px;}
#mainContents .area02 .qnaW .qna_banner li a{display:block; width:100%; height:100%;}
#mainContents .area02 .qnaW .qna_banner li a img{width:100%;}

#mainContents .area03{}
#mainContents .area03 .boardTitle{margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #ddd;}
#mainContents .area03 .class{clear:both; position:relative; width:100%; padding:80px 0;}
#mainContents .area03 .class.best{background:#eaf5fa;}
#mainContents .area03 .class.new{background:#fff;}
#mainContents .area03 .class.video{background:#f7f7f7;}
#mainContents .area03 .class.division{background:#f7f7f7;}
#mainContents .area03 .class.global{background:#fff;}
#mainContents .area03 .class ul{padding-bottom:1px;}
#mainContents .area03 .class ul li{}
#mainContents .area03 .class ul li a{display:block; background:#fff; border:1px solid #ddd;}
#mainContents .area03 .class ul li a .imgBox{overflow:hidden;}
#mainContents .area03 .class ul li a .imgBox img{width:100%; transition:transform 0.2s;}
#mainContents .area03 .class ul li a .imgBox .item_btn{position:absolute; top:15px; right:15px;}
#mainContents .area03 .class ul li a .imgBox .item_btn .btn_wishlist{padding:0; background:transparent;}
#mainContents .area03 .class ul li a .imgBox .item_btn .btn_wishlist i{display:block; width:20px; height:18px; background:url('../images/ico_wishlist.png') no-repeat bottom -18px center; cursor:pointer;}
#mainContents .area03 .class ul li a .imgBox .item_btn .btn_wishlist:focus i, #mainContents .area03 .class ul li a .imgBox .item_btn .btn_wishlist:hover i{background-position:top -18px center;}
#mainContents .area03 .class ul li a .imgBox .item_btn .btn_wishlist.on i{background-position:top center;}
#mainContents .area03 .class ul li a .imgBox .item_btn .btn_wishlist span.tooltip{display:block; width:1px; height:1px; font-size:0; overflow:hidden;}
/*
#mainContents .area03 .class ul li a .imgBox .item_btn .btn_wishlist span.tooltip{display:block; position:absolute; width:66px; padding:3px 3px 5px; bottom:-32px; left:50%; margin-left:-33px; background:rgba(0,0,0,0.7); border-radius:4px; color:#fff; font-size:0.75rem; visibility:hidden; opacity:0;}
#mainContents .area03 .class ul li a .imgBox .item_btn .btn_wishlist span.tooltip:before{content:''; position:absolute; bottom:100%; left:50%; margin-left:-4px; border-width:4px; border-style:solid; border-color:transparent transparent rgba(0,0,0,0.7) transparent;}
#mainContents .area03 .class ul li a .imgBox .item_btn .btn_wishlist:focus span.tooltip, #mainContents .area03 .class ul li a .imgBox .item_btn .btn_wishlist:hover span.tooltip{visibility:visible; opacity:1;}
*/
#mainContents .area03 .class ul li a .txtBox{min-height:140px; padding:25px 25px 28px; border-top:1px solid #ddd; box-sizing:border-box;}
#mainContents .area03 .class ul li a .txtBox p.title{display:-webkit-box; height:60px; line-height:1.7; font-size:1.125rem; font-weight:500; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;margin-bottom:16px;}
#mainContents .area03 .class ul li a .txtBox p.info{display:block; position:relative; color:#666; font-size:0.938rem;}
#mainContents .area03 .class ul li a .txtBox span{display:block; position:relative; padding-left:8px; color:#666; font-size:0.938rem;}
#mainContents .area03 .class ul li a .txtBox span.tag{margin-bottom:16px; padding:0; color:#0871cf; font-size:0.813rem;}
#mainContents .area03 .class ul li a .txtBox span.listDate{padding-left:0;font-size: 0.878rem;line-height: 1.6;}
#mainContents .area03 .class ul li a .txtBox span.listDate i{padding-right:5px;color:#0871cf;}
#mainContents .area03 .class ul li a:focus, #mainContents .area03 .class ul li a:hover{border-color:#999; box-shadow:0px 0px 5px rgba(0,0,0,0.1);}
#mainContents .area03 .class ul li a:focus .imgBox img, #mainContents .area03 .class ul li a:hover .imgBox img{transform:scale(1.05);}
#mainContents .area03 .class .bgBox{text-align:center;}
#mainContents .area03 .class .bgBox .inner{}
#mainContents .area03 .class .bgBox.control{position:absolute; top:5px; right:5px;}
#mainContents .area03 .class .bgBox.control .swiper-button-prev, #mainContents .area03 .class .bgBox.control .swiper-button-next{margin-left:10px;}
#mainContents .area03 .class .bgBox.pager{padding-top:20px;}
#mainContents .area03 .class .swiper-pagination-bullet{background:transparent; border:2px solid #ccc; opacity:1;}
#mainContents .area03 .class .swiper-pagination-bullet:focus, #mainContents .area03 .class .swiper-pagination-bullet:hover{background:transparent; border-color:#aaa;}
#mainContents .area03 .class .swiper-pagination-bullet-active{background:#3071cf; border:none;}
#mainContents .area03 .class .swiper-pagination-bullet-active:focus, #mainContents .area03 .class .swiper-pagination-bullet-active:hover{background:#3071cf;}

@media only screen and (max-width:1279px){
	#mainVisual{height:auto;}
	#mainVisual .swiper-container{max-width:100%;}
	#mainContents{min-width:960px;}
	#mainContents .area01 .layoutLeft{width:74%;}
	#mainContents .area01 .schedule{width:100%;}
	#mainContents .area01 .schedule .tabCon .swiper-main-schedule ul li{height:auto;}
	#mainContents .area01 .schedule .tabCon .swiper-main-schedule ul li a{padding:25px 20px;}
	#mainContents .area01 .schedule .tabCon .swiper-main-schedule ul li a p.title{height:54px; line-height:1.6; margin:0 0 34px; word-break:break-all; overflow:hidden;}
	#mainContents .area01 .schedule .tabCon .swiper-main-schedule ul li a .Date{position:initial;}
	#mainContents .area01 .layoutRight{width:22%;}
	#mainContents .area01 .check{width:100%;}
	#mainContents .area01 .check > div:after{width:100%;}
	#mainContents .area01 .check a{padding:30.38px 18px;}
	#mainContents .area01 .check a span.moreBtn{right:18px;}
	#mainContents .area02 .board.notice{width:calc(100% - 300px);}
}

@media only screen and (max-width:1023px){
	#mainVisual{max-width:1023px; height:auto; margin:0 auto;}
	#mainVisual .swiper-container{max-width:1023px;}
	#mainContents{min-width:100%;}
	#mainContents .area01, #mainContents .area02, #mainContents .area03 .class{padding:60px 0;}
	#mainContents .area01 .layoutLeft{width:100%;}
	#mainContents .area01 .schedule{margin:0 auto 40px;}
	#mainContents .area01 .layoutRight{width:100%;}
	#mainContents .area01 .check a{padding:20px 18px;}
	#mainContents .area02 .board.notice{float:none; width:100%; margin:0 auto 40px;}
	#mainContents .area02 .qnaW{width:100%; height:auto;}
	/* #mainContents .area02 .qnaW .qna{height:auto;}
	#mainContents .area02 .qnaW .qna a{padding:25px;}
	#mainContents .area02 .qnaW .qna a p{display:inline-block; margin-bottom:0; vertical-align:middle;}
	#mainContents .area02 .qnaW .qna a p.color{display:block; margin-bottom:22px;}
	#mainContents .area02 .qnaW .qna a .moreBtn{position:relative; bottom:auto; left:auto; margin-left:12px; vertical-align:middle;} */

	#mainContents .area02 .qnaW .qna_banner{font-size:0;}
	#mainContents .area02 .qnaW .qna_banner li{display:inline-block;width:49.5%;height:auto;}
	#mainContents .area02 .qnaW .qna_banner li:first-child{margin-right:1%;margin-bottom:0;}
}

@media only screen and (max-width:768px){
	#mainVisual .swiper-container{max-width:768px;}
	#mainVisual .txtBox img{width:90%;}
	#mainVisual .bg01 .txtBox p{padding:140px 0; font-size:1.625rem;}
	#mainVisual .bg02 .txtBox{margin:50px auto;}
	#mainVisual .bg03 .txtBox{margin:60px auto 15px;}
	#mainVisual .bg03 .txtBox img{width:85%;}
	#mainVisual .bg04 .txtBox{margin:56px auto;}
	#mainVisual .bg05 .txtBox{margin:80px auto;}
	#mainVisual .bg05 .txtBox img{width:95%;}
	#mainContents .boardTitle{font-size:1.5rem;}
	#mainContents .area01, #mainContents .area02, #mainContents .area03 .class{padding:40px 0;}
	#mainContents .area01 .schedule .tiarea .tab{width:100%; white-space:nowrap; overflow:hidden; overflow-x:auto;}
	#mainContents .area01 .schedule .tiarea .tab ul{padding:0 10px 0 4px; text-align:center;}
	#mainContents .area01 .schedule .tiarea .tab ul li .tabLink.active + span{width:7px; height:3px; bottom:0; border-radius:0;}
	#mainContents .area01 .check > div{margin:0 auto 5px;}
	#mainContents .area02 .board.notice{margin:0 auto 20px;}
	#mainContents .area02 .board.notice ul.tabs{font-size:0;}
	#mainContents .area02 .board.notice ul.tabs	li{width:50.1%;text-align:center;font-size:0.925rem;padding:20px 0;}
	#mainContents .area02 .board.notice ul.list li a{padding:12px 20px;}
	#mainContents .area02 .board.notice ul.list li a .listTitle{width:70%;}
	#mainContents .area02 .board.notice ul.list li.first a{padding:12px 20px 10px;}
	#mainContents .area02 .board.notice ul.list li.first a .listDate{min-width:70px;}
	#mainContents .area02 .board.notice .moreBtn{display:none;}
	#mainContents .area02 .qnaW .qna{background-size:contain;}
	#mainContents .area02 .qnaW .qna a{padding:18px 20px;}
	#mainContents .area02 .qnaW .qna a .moreBtn{margin-left:8px;}
	#mainContents .area03 .boardTitle{margin:0 0 14px; padding:0 0 14px;}
	#mainContents .area03 .class .bgBox.control{top:0; right:8px;}
	#mainContents .area03 .class .bgBox.pager{padding-top:8px;}
}

@media only screen and (max-width:540px){
	#mainVisual .bg01 .txtBox p{padding:28% 0;}
}


@media only screen and (max-width:480px){
#mainContents .area01 .schedule .tabCon .swiper-main-schedule ul li a .Date span.listDate{font-size: 0.938rem;}
#mainContents .area03 .class ul li a .txtBox span.listDate{font-size: 0.938rem;}
#mainContents .area02 .qnaW .qna_banner li{display:block;width:100%;}
#mainContents .area02 .qnaW .qna_banner li:first-child{margin-right:0;margin-bottom:1%;}
}

/* ie hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#mainContents .area01 .schedule .tiarea .tab ul li .tabLink.active + span{bottom:-17px;}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width:768px){
	#mainContents .area01 .schedule .tiarea .tab ul li .tabLink{padding:5px 12px 8px 6px;}
	#mainContents .area01 .schedule .tiarea .tab ul li .tabLink.active + span{bottom:0;}
}