@charset "utf-8";
/*-----------------------------------------------------------
Author : Gahye Park
Create date : 2022. 02. 14
-----------------------------------------------------------*/

/* 메인비주얼 */
.main_visual{position:relative; height:100%; border-radius:15px; overflow:hidden; z-index:3}
.main_visual .bx-wrapper,
.main_visual .bx-viewport,
.main_visual ul{height:100% !important; }
.main_visual ul li{position:relative; width:100%; height:100%; overflow:hidden}
.main_visual ul li .img{position:relative; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:contain; background-color:#fff; }
.main_visual ul li .img.visual1{background-image:url('/images/org/web/hyhappy/main/m_visual.png'); }
.main_visual ul li .img.visual2{background-image:url('/images/org/web/hyhappy/main/m_visual.png'); }
.main_visual ul li .mv_slogan{position:absolute; top:35px; left:50%; margin-left:-295px; width:590px; text-align:center; color:#fff; }
.main_visual ul li .mv_slogan .txt1{font-size:34px; line-height:140%; color:#ffec48; }
.main_visual ul li .mv_slogan .txt2{font-size:34px; font-weight:bold; line-height:140%; color:#fff; }
.main_visual .bx-controls{position:absolute; bottom:50px; left:38%; width:590px}
.main_visual .bx-controls-direction{display:none; }
.main_visual .bx-controls-auto{position:absolute; top:0; left:0}
.main_visual .bx-controls-auto::after{content:''; display:block; clear:both; height:0; }
.main_visual .bx-controls-auto .bx-controls-auto-item{display:block; float:left; width:auto; }
.main_visual .bx-controls-auto .bx-controls-auto-item a{text-indent:-999em; width:24px; height:24px; }
.main_visual .bx-controls-auto .bx-controls-auto-item a.bx-start{display:none; background:url('/images/org/web/hyhappy/main/btn_play.png') no-repeat center center; }
.main_visual .bx-controls-auto .bx-controls-auto-item a.bx-stop{display:block; background:url('/images/org/web/hyhappy/main/btn_stop.png') no-repeat center center; }
.main_visual .bx-pager.bx-default-pager{position:absolute; top:8px; left:25px; }
.main_visual .bx-pager.bx-default-pager::after{content:''; display:block; clear:both; height:0; }
.main_visual .bx-pager.bx-default-pager .bx-pager-item{display:block; float:left; margin-left:10px; }
.main_visual .bx-pager.bx-default-pager .bx-pager-item a{display:block; text-indent:-999em; width:40px; height:5px; border:1px solid #fff; box-sizing:border-box; }
.main_visual .bx-pager.bx-default-pager .bx-pager-item a.active{background-color:#fff; }

/* 바로가기 */
.M_link{position:relative; height:100%; overflow:hidden; }
.M_link [class^="lk_0"] > a{display:block; width:285px; height:285px; overflow:hidden; border-radius:15px; text-align:center; background-image:url('/images/org/web/hyhappy/main/bg_pt.png'); }
.M_link [class^="lk_0"].lk_01 > a{background-color:#fac58d; }
.M_link [class^="lk_0"].lk_02{position:absolute; top:0; right:0; }
.M_link [class^="lk_0"].lk_02> a{background-color:#98cfb6; }
.M_link [class^="lk_0"].lk_03{margin-top:20px; }
.M_link [class^="lk_0"].lk_03> a{background-color:#f0cf77; }
.M_link [class^="lk_0"].lk_04{position:absolute; top:305px; right:0; }
.M_link [class^="lk_0"].lk_04> a{background-color:#8fb4c5; }

.M_link [class^="lk_0"] a span{display:block; }
.M_link [class^="lk_0"] a .img{margin:50px 0 26px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
.M_link [class^="lk_0"] a .tit{display:block; margin:0 0 18px; padding:0 5px; font-weight:bold; font-size:20px; color:#000; letter-spacing:-1px; line-height:1.2; }

/* 갤러리 */
.news{position:relative; padding:26px 30px 20px; background:#fff; border-radius:15px; overflow:hidden; z-index:3;min-height:12rem;}
.news .news_list{margin:-10px; }
.news .news_list li{width:33.333%; float:left; padding:10px; }
.news .news_list li > a{display:block; width:100%; }
.news .news_list li .img{position:relative; display:block; width:100%; height:110px; overflow:hidden; background-color:#eee; }
.news .news_list li .img img{position:absolute; top:50%; left:50%; image-rendering:-webkit-optimize-contrast; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:transform .3s; transition:transform .3s; }
.news .news_list li .tit{display:block; margin-top:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#000; font-size:14px; font-weight:500; line-height:1; text-align:center; }

/* 공지사항 */
.notice{position:relative; height:100%; padding:20px 30px 30px; background:#fff; border-radius:15px; overflow:hidden; }
.notice .tit{position:relative; float:left; margin-left:15px; padding-bottom:20px; font-size:20px; color:#6d7b8d; font-weight:500; }
.notice .tit:first-of-type{margin-left:0; }
.notice .tit:before{position:absolute; bottom:0; left:0; width:0; height:2px; background:#002b71; content:""; -webkit-transition:width .3s; transition:width .3s; }
.notice .tit.current{color:#002b71; font-weight:700; }
.notice .tit.current:before{width:100%; }
.notice .list_box.on{display:block; }
.notice .list_box{position:absolute; display:none; top:65px; left:0; width:100%; padding:30px; font-size:14px; border-top:1px solid #d3d3d3; }
.notice .list_box ul.ul_list{margin:-5px 0; }
.notice .list_box ul.ul_list li{position:relative; overflow:hidden; padding:5px 0; }
.notice .list_box ul.ul_list li a{display:block; width:calc(100% - 130px); padding-left:15px; float:left; color:#5e6c7e; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; line-height:1; }
.notice .list_box ul.ul_list li a:before{position:absolute; top:50%; left:0; width:4px; height:4px; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:#9ca1a5; border-radius:50%; content:""; }
.notice .list_box ul.ul_list li .date{width:130px; float:left; text-align:right; color:#6f7487; font-size:15px; }
.notice .btn_more{position:absolute; right:0; top:-67px; width:65px; height:67px; border-left:1px solid #d3d3d3; }
.notice .btn_more:before{position:absolute; top:50%; left:50%; width:22px; height:22px; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background:url('/images/org/web/hyhappy/main/notice_btn_more.png')no-repeat center/cover; content:""; -webkit-transition:transform .3s; transition:transform .3s; }

/* 캘린더 */
.schedule{position:relative; background-color:#193356; color:#fff; border-radius:15px; overflow:hidden; background-image:url('/images/org/web/hyhappy/main/bg_pt.png'); z-index:2; }
.schedule .top{position:relative; padding:20px 10px 10px; font-size:20px; text-align:center; z-index:1; }
.schedule .top h2{display:block; margin-bottom:10px; }
.schedule .top .btn{display:inline-block; vertical-align:middle; width:15px; height:15px; background-image:url('/images/org/web/hyhappy/main/btn_calen_prev.png'); background-repeat:no-repeat; background-position:center; background-size:cover; -webkit-transition:all .3s; transition:all .3s; }
.schedule .top .btn.next{background-image:url('/images/org/web/hyhappy/main/btn_calen_next.png'); }
.schedule .top em{font-size:16px; }
.schedule .sche_tbl{position:relative; z-index:1; padding:0 30px; }
.schedule .sche_tbl:before{position:absolute; top:0; left:50%; width:calc(100% + 60px); height:1.9rem; background:#1f4476; -webkit-transform:translateX(-50%); transform:translateX(-50%); content:""; }
.schedule .sche_tbl table{width:100%; }
.schedule .sche_tbl table thead{position:relative; }
.schedule .sche_tbl table th{position:relative; font-weight:400; padding:6px 0; text-align:center; font-size:11px; z-index:1; }
.schedule .sche_tbl table td{padding:2px 0; text-align:center; font-size:13px; }
.schedule .sche_tbl table .check{position:relative; color:#fff; }
.schedule .sche_tbl table .check:before{content:'';position:absolute;left:50%;top:50%;width:27px;height:27px;background: #4a93ca;border-radius:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.schedule .sche_tbl table .check strong{position:relative; }
.schedule .sche_tbl table .today{position:relative; color:#fff; }
.schedule .sche_tbl table .today:before{content:''; position:absolute; left:50%; top:50%; width:27px; height:27px; background:#1f4476; border-radius:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.schedule .sche_tbl table .today strong{position:relative; }
.schedule .lst_schedule{height:53.5px; margin-top:10px; padding:17px 30px; border-top:1px dashed #fff; overflow-y:scroll; }
.schedule .lst_schedule ul{margin:-6px 0; }
.schedule .lst_schedule ul li{padding:6px 0; font-size:14px; }
.schedule .lst_schedule ul li > a{display:block; line-height:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.schedule .lst_schedule ul li > a > span{padding:0 10px; margin-right:10px; float:left; border-radius:20px; border:1px solid #fff; }
.schedule .btn_more{position:absolute; top:25px; right:35px; width:4px; height:16px; background-image:url('/images/org/web/hyhappy/main/btn_calen_more.png'); z-index:1; }

/*고객지원 */
.call{position:relative; padding:0 30px; height:100%; background:#fff url('/images/org/web/hyhappy/main/call_bg.png') no-repeat right bottom; border-radius:15px; overflow:hidden; }
.call > h2{margin:0 0 10px; padding:23px 0 0; color:#313131; font-size:22px; font-weight:bold; }
.call dl{margin-bottom:19px; }
.call dl dt{font-size:16px; color:#1b1b1b; }
.call dl dd{line-height:1.2; font-size:18px; color:#ff9631; }
.call .txt{position:relative; padding:10px 0 0; line-height:160%; font-size:13px; color:#535353; }
.call .txt:after{content:''; position:absolute; top:0; left:0; width:18px; height:5px; background:#46474b; }

/* responsive */
@media (max-width:1199px){
	/* 바로가기 */
	.M_link{margin:0 -10px; }
 	.M_link [class^="lk_0"]{width:25%; float:left; padding:10px; }
	.M_link [class^="lk_0"] > a{width:100%; height:200px }
	.M_link [class^="lk_0"] a .img{margin-top:25px; }
 	.M_link [class^="lk_0"].lk_02,
	.M_link [class^="lk_0"].lk_04{position:relative; top:auto; right:auto; }
	.M_link [class^="lk_0"].lk_03{margin-top:0; }
	.M_link [class^="lk_0"] a .img{margin-bottom:20px; }
	.M_link [class^="lk_0"] a .img img{display:block; width:80px; margin:auto; }
	.M_link [class^="lk_0"] a .tit{font-size:18px; }
}
@media (max-width:1024px){
	/* 바로가기 */
	.M_link [class^="lk_0"]{width:50%; }
}
@media (min-width:768px){
	/* 바로가기 */
	.M_link [class^="lk_0"] a:hover .img{transition:transform 300ms ease-in-out 0s; transform:rotate(360deg); transform:rotateY(360deg); transition:transform 300ms ease-in-out 0.1s; }

	/* 갤러리 */
	.news .news_list li:hover .img img{-webkit-transform:translate(-50%, -50%) scale(1.1); transform:translate(-50%, -50%) scale(1.1)}

	/* 공지사항 */
	.notice .list_box ul.ul_list li a:hover{text-decoration:underline; }
	.notice .btn_more:hover:before{-webkit-transform:translate(-50%, -50%) rotate(180deg); transform:translate(-50%, -50%) rotate(180deg); }

	/* 캘린더 */
	.schedule .top .btn.prev:hover{-webkit-transform:translateX(-5px); transform:translateX(-5px); }
	.schedule .top .btn.next:hover{-webkit-transform:translateX(5px); transform:translateX(5px); }
}
@media (max-width:768px){
	/* 바로가기 */
	.M_link [class^="lk_0"]{padding:5px 10px; }
	.M_link [class^="lk_0"] > a{height:170px; }
	.M_link [class^="lk_0"] a .img img{width:70px; }
	.M_link [class^="lk_0"] a .tit{font-size:17px; }

	/* 갤러리 */
	.news .news_list li{width:50%; }
	.news .news_list li:last-of-type{display:none; }
	.notice .btn_more{top:-60px; height:60px; }

	/* 공지사항 */
	.notice .tit{font-size:16px; }
	.notice .list_box{top:60px; }
}

@media (max-width:480px){

	/* 바로가기 */
	.M_link [class^="lk_0"]{padding:10px; }
	.M_link [class^="lk_0"] > a{height:150px; }
	.M_link [class^="lk_0"] a .tit{font-size:15px; }
	.M_link [class^="lk_0"] a .img{margin-bottom:13px; }
	.M_link [class^="lk_0"] a .img img{width:60px; }

	/* 갤러리 */
	.news{padding:20px; }
	.news .news_list li{width:100%; float:none; }

	/* 공지사항 */
	.notice{padding:20px; }
	.notice .list_box{padding:20px; }

}

@media (max-width:380px){


}