@charset "utf-8";

/* 메인비주얼 */
.main_visual {position:relative; border-radius:15px; overflow:hidden; z-index:3}
.main_visual ul li {position:relative; width:100%; height:590px; overflow:hidden}
.main_visual ul li .img {position:relative; width:100%; height:100%;}
.main_visual ul li .img.visual1 {background:url('/images/org/web/yshappy/main/M_visual.png') no-repeat; }
.main_visual ul li .img.visual2 {background:url('/images/org/web/yshappy/main/M_visual2.png') no-repeat; }
.main_visual ul li .img.visual3 {background:url('/images/org/web/yshappy/main/M_visual3.png') no-repeat; }
.main_visual ul li .img.visual4 {background:url('/images/org/web/yshappy/main/M_visual4.png') no-repeat; }
.main_visual ul li .img.visual5 {background:url('/images/org/web/yshappy/main/M_visual5.png') no-repeat; }

.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:33%; 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/yshappy/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/yshappy/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;}

/* 바로가기 *//* 190510 */
.M_link {position:relative; height:100%; overflow:hidden;} 
.M_link ul li {float:left; width:285px; height:285px; overflow:hidden; border-radius:15px; text-align:center}
.M_link ul li.lk_01 { margin:0 0 0 0; background:#68b2d5 url('/images/org/web/yshappy/main/bg_m_link1.png');}  
.M_link ul li.lk_02 { margin:0 0 0 630px; background:#bd95da url('/images/org/web/yshappy/main/bg_m_link1.png');} 
.M_link ul li.lk_03 { margin:20px 0 0 0; background:#5c70b1 url('/images/org/web/yshappy/main/bg_m_link1.png');}
.M_link ul li.lk_04 { margin:20px 0 0 630px; float:right; background:#7197e2 url('/images/org/web/yshappy/main/bg_m_link1.png');} 

.M_link ul li a { display:block; height:100%}
.M_link ul li a span {display:block;}
.M_link ul li 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 ul li a:hover .img{transition:transform 300ms ease-in-out 0s; transform:rotate(360deg); transform: rotateY(360deg); transition:transform 300ms ease-in-out 0.1s;}
.M_link ul li a .tit{margin:0 0 18px; font-weight:bold; font-size:22px; color:#fff;}
.M_link ul li a .txt{padding:0 30px; font-size:13px; color:#fff; word-break: keep-all;}

/* 일정 *//* 190510 */
.schedule {position:relative; height:100%; overflow:hidden; border-radius:15px; background:#5c70b1}
.schedule h2 {font-size:22px; font-weight:bold; color:#fff; height:55px; line-height:55px; text-align:center;}
.schedule .date_view {position:relative; height:19px; line-height:17px; font-size:13px; color:#fff; font-weight:bold; text-align:center; margin: 0 auto 5px;}
.schedule .date_view .pre, .schedule .date_view .next {position:absolute; top:0; width:19px;height:19px; text-indent:-9999em; line-height:0; font-size:0; background-position:50% 50%; background-repeat:no-repeat}
.schedule .date_view .pre {left:80px; background-image:url('/images/org/web/yshappy/main/sche_pre.png');}
.schedule .date_view .next {right:80px; background-image:url('/images/org/web/yshappy/main/sche_next.png');}
.schedule .inner { height:135px; overflow:hidden; padding:0 20px 10px;}
.schedule .inner:before { content:''; width:90%; height:23px; background:#9eb5ff; border-radius:10px; position:absolute; top:80px; left:5%;}
.schedule .inner > table{ width:100%}
.schedule .inner th { position:relative; font-size:11px; padding:4px 0px; color:#333;}
.schedule .inner td {line-height:20px; font-size:12px; text-align:center; color:#fff;}
.schedule .inner td a.check {display:block; color:#42e5be; font-weight:bold;}
.schedule .inner td a.today {display:block; color:#f9ff0b; border-radius:10px; border:1px solid #f9ff0b; font-weight:bold;}
.schedule .sch_list {padding:10px 20px 0; border-top:1px dashed #fff;}
.schedule .sch_list ul {height:45px; overflow:hidden; overflow-y:auto;}
.schedule .sch_list li {position:relative; font-size:13px; height:23px; line-height:21px;}
.schedule .sch_list li a {display:block; color: #fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.schedule .sch_list li a span { display:inline-block; padding:0 10px; border:1px solid #fff; border-radius:20px; margin-right:10px; line-height:1.4;}
.schedule  .btn_more{position:absolute; right:13px; top:15px; width:30px; height:30px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/org/web/yshappy/main/btn_more.png') no-repeat center;}

/* 공지사항 *//* 190510 */
.notice {position:relative; height:100%; background:#C4B5DB; border-radius:15px; overflow:hidden; padding:0 20px;}
.notice h2 {padding:23px 0 0; color:#fff; font-size:22px; font-weight:bold; margin:0 0 19px;}
.notice .list_box { overflow:hidden; border-top:1px dashed #b7c2fd; padding:10px 0 20px;}
.notice .list_box ul.ul_list li {position:relative; line-height:30px; font-size:14px; overflow:hidden; background:url('/images/org/web/yshappy/main/noti_dot.gif') no-repeat left center;}
.notice .list_box ul.ul_list li a {display:block; width:90%; padding-left:12px; float:left; color:#fff; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.notice .list_box ul.ul_list li a:hover {text-decoration:underline;}
.notice .list_box ul.ul_list li span.date {display:none; width:25%; float:right; text-align:right; color:#6f7487}
.notice .btn_more {position:absolute; right:0; top:10px; width:50px; height:50px; line-height:55px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/org/web/yshappy/main/btn_more.png') no-repeat center;}

/* 포토앨범 *//* 190510 */
.gallery {position:relative; height:100%; background:#9f83b3; border-radius:15px; overflow:hidden; padding:0 20px;}
.gallery h2 {padding:23px 0 0; color:#fff; font-size:22px; font-weight:bold; margin:0 0 19px;}
.gallery .gall_list {overflow:hidden; width:100%; height:170px; float:left; margin:10px 0 20px;}
.gallery .gall_list li {width:100%; margin:0 0 5px;}
.gallery .gall_list li a { display:block; color:#fff; }
.gallery .gall_list li a .img { display:block; width:100%; height:140px; border-radius:5px; overflow:hidden}
.gallery .gall_list li .img img {width:100%; height:100%; image-rendering:-webkit-optimize-contrast; transition-duration:.3s;}
.gallery .gall_list li a:hover .img img {transition-duration:.3s;  -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)}
.gallery .gall_list li span.txt {display:block; font-size:14px; padding-top:13px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.gallery .btn_more {position:absolute; right:0; top:10px; width:50px; height:50px; line-height:55px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/org/web/yshappy/main/btn_more.png') no-repeat center;}

/* 팝업존 */
/* .box_popup { position:relative; height:100%; border-radius:15px; background:#fff; overflow:hidden;}
.box_popup h2 {padding:23px 20px 0; color:#333; font-size:22px; font-weight:bold; margin:0 0 19px;}
.box_popup .pop {position:relative; float:left; height:190px; overflow:hidden; margin:10px 20px 0;}
.box_popup .pop li {width:100%; float:left; height:190px;}
.box_popup .pop li a {display:block; height:100%; overflow:hidden; border-radius:5px;}
.box_popup .pop li a img { width:100%; height:100%;} */

.box_popup { position:relative; border-radius:15px; overflow:hidden;}
.box_popup h2 {display:none}
.box_popup .pop {position:relative; height:285px; overflow:hidden}
.box_popup .pop li {width:100%; float:left; height:285px;}
.box_popup .pop li a {display:block; height:100%; overflow:hidden;}
.box_popup .pop li a .txt_area{ background-color:#fff; float:left; width:250px; padding:0 25px 0 30px; height:285px; border-radius:15px 0 0 15px}
.box_popup .pop li a .txt_area span.tit{ display:block; padding:80px 0 30px; line-height:120%; font-size:28px; color:#111}
.box_popup .pop li a .txt_area span.tit em{ font-weight:bold; color:#70b0e1}
.box_popup .pop li a .txt_area p { font-size:13px; line-height:140%; color:#959595;}
.box_popup .pop li a .img_area{ background-color:#fff; float:left; width:285px; height:285px; overflow:hidden; border-radius:0 15px 15px 0}
.box_popup .pop li a img { width:100%; height:100%; border-radius:0 15px 15px 0}


/* .box_popup .control {position:absolute;top: 0;right: 8px;line-height:22px;z-index:10;} 20210902수정*/
.box_popup .control {position:absolute;top: 1px;right: 2px;line-height:22px;z-index:10;background: rgba(255,255,255,0.8);padding: 0 5px;border-radius: 10px;}
.box_popup .control a {display:block; text-indent:-10000px; width:15px; height:24px; overflow:hidden; float:left; background-repeat:no-repeat; background-position:0 50%}
.box_popup .control a.prev { background-image:url('/images/org/web/yshappy/main/btn_pop_prev.png');}
.box_popup .control a.next { background-image:url('/images/org/web/yshappy/main/btn_pop_next.png');}
.box_popup .control a.stop { background-image:url('/images/org/web/yshappy/main/btn_pop_stop.png');}
.box_popup .control a.play { background-image:url('/images/org/web/yshappy/main/btn_pop_play.png');}
.box_popup .control span { margin-left:10px;}

/*고객지원안내*/
.call {position:relative; padding:0 30px; height:100%; background:#fff url('/images/org/web/yshappy/main/call_bg.png') no-repeat right bottom; border-radius:10px; overflow:hidden;}
.call > h2 {padding:23px 0 0; color:#313131; font-size:22px; font-weight:bold; margin:0 0 19px;}
.call dl { margin-bottom:19px;}
.call dl dt {font-size:16px; color:#1b1b1b}
.call dl dd {font-size:22px; 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;}
 
/* 210223 */
.link_new {width: 100%; height: 100%;}
.link_new ul {display: inline-block; height: 100%; margin: 0 0 0 -20px;}
.link_new ul li {float: left;background: red;width: 132px;margin: 0 0 0 20px;height: 100%;border-radius: 15px;text-align: center;}
.link_new ul li.link01 {background: #9cb1cd;width: 94%;}/*240119*/
.link_new ul li.link02 {background: #6a8ab5;}
.link_new:last-of-type li {margin-right: 0;}
.link_new ul li a span {display:block;}
.link_new ul li 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;}
.link_new ul li a .img img {width: 80px;}
.link_new ul li .tit{margin:0 0 18px; font-weight:bold; font-size:16px; color:#fff;}
.link_new ul li.link01 .tit{margin:18px 0;}/*240119*/

@media screen and (max-width:1019px) {
	
	.call{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box }
	
	/* 메인비주얼 */
	.main_visual ul li .img.visual1, .main_visual ul li .img.visual2, .main_visual ul li .img.visual3, .main_visual ul li .img.visual4 , .main_visual ul li .img.visual5{background-size:cover;}
	.main_visual ul li .mv_slogan {left:2.5%; margin-left:0; width:95%;}
	.main_visual .bx-controls { display:none}
	
	/* 바로가기 */
	.M_link ul li.lk_02 { margin:0 0 0 20px;} 
	.M_link ul li.lk_03 { margin:2.5% 0 0 0;}
	.M_link ul li.lk_04 { margin:2.5% 0 0 20px;} 
	
	/* 팝업존 */
	.box_popup .pop li a .txt_area{ display:none}
	.box_popup .pop li a .img_area{width:100%; border-radius:15px}
	.box_popup .pop li a img { border-radius:15px}
	
	/*고객지원안내*//* 190510 */
	.call {padding:0 30px 30px}
	.call > h2 {padding:23px 0 0; color:#313131; font-size:22px; font-weight:bold; margin:0 0 19px;}
	.call dl { display:inline-block}
	.call dl dt {font-size:16px;}
	.call dl dd {font-size:22px;}
			
	/*공지사항*//*180910 수정*/
	/* .notice { padding-bottom:20px;} */

}


@media screen and (max-width: 680px) {		

	/* 메인비주얼 */
	.main_visual ul li { height:340px;}
	.main_visual ul li .img.visual1 { background-position: center 16%}
	.main_visual ul li .img.visual2 {background-position: center 16%}
	.main_visual ul li .mv_slogan {top:30px}
	.main_visual ul li .mv_slogan .txt1 {font-size:24px;}
	.main_visual ul li .mv_slogan .txt2 {font-size:24px}
	
	/* 바로가기 */
	.M_link ul li {width:48.5%; height:auto}
	.M_link ul li.lk_01 { margin:0 0 0 0;}  
	.M_link ul li.lk_02 { margin:0 0 0 3%} 
	.M_link ul li.lk_03 { margin:3% 0 0 0}
	.M_link ul li.lk_04 { margin:2.5% 0 0 3%} /* 190510 */
	.M_link ul li a .img{margin:30px 0 16px;}
	.M_link ul li a .img img{ width:64px; height:auto}
	.M_link ul li a .tit{margin:0 0 16px; font-size:18px;}
	.M_link ul li a .txt{padding:0 20px 30px;}
		
	/* 팝업존 */
	/* .box_popup .pop {height:200px;}
	.box_popup .pop li {height:200px;} */
	.box_popup .pop li a .img_area{ width:100%; height:100%}
	
	/*고객지원안내*/
	.call {padding:0 20px 20px}
	.call > h2 {padding:18px 0 0; font-size:20px; margin:0 0 19px;}
	.call dl { display:block;}
	.call dl + dl{ margin-left:0}
	.call dl dt {font-size:15px;}
	.call dl dd {font-size:20px;}

	/* 일정 *//* 190510 */
	.schedule {padding:15px 0 37px;}
	.schedule h2{font-size:18px; height:55px;}
	.schedule .inner { display:none; }
	.schedule .sch_list {border-top:0;}
	.schedule .sch_list ul {height:68px;}
	.schedule .date_view .pre {left:10%;}
	.schedule .date_view .next {right:10%;}

	/* 공지사항 *//* 190510 */
	.notice h2 {font-size:18px;}

	/* 포토앨범 *//* 190510 */
	.gallery h2 {font-size:18px;}
	
	/* 팝업존 *//* 190510 */
	.box_popup h2 {font-size:18px; padding:18px 20px 0;}
	.box_popup .control{top: 0;}
	
	/*고객지원안내*//* 190510 */
	.call{background-size:40% auto; }
	.call > h2 {font-size:18px;}
	
	/* 210223 */
     .link_new ul li a .img img {width: 64px;}
}

@media screen and (max-width: 580px) {	

	/* 메인비주얼 */
	.main_visual ul li { height:285px;}
	.main_visual ul li .img.visual1 { background-position: center 13%}
	.main_visual ul li .img.visual2 {background-position: center 13%}
	.main_visual ul li .mv_slogan {top:20px}
	.main_visual ul li .mv_slogan .txt1 {font-size:17px;}
	.main_visual ul li .mv_slogan .txt2 {font-size:17px}

	/* 바로가기 */
	.M_link ul li a .img img{ width:48px; height:auto}
	.M_link ul li a .tit{margin:0 0 30px; font-size:15px;}
	.M_link ul li a .txt{ display:none}
	
	/* 일정 *//* 190510 */
	.schedule {padding:0px 0 10px;}
	.schedule h2{font-size:18px; line-height:55px;}
	.schedule .inner { display:none; }
	.schedule .sch_list {border-top:0;}
	.schedule .sch_list ul {height:45px;}

	/* 공지사항 *//* 190510 */
	.notice h2 {font-size:18px;}

	/* 포토앨범 *//* 190510 */
	.gallery h2 {font-size:18px;}

	/* 210223 */
    .link_new ul {margin: 0 0 0 -2%; display: block;}
    .link_new ul li {width: 48%;margin: 0 0 0 2%;}
    .link_new ul li a .img{margin: 13px 0 26px;}
    .link_new ul li a .img img {width: 48px;}
    .link_new ul li .tit {font-size: 12px;}		
}

@media screen and (max-width: 420px) {	

	/* 바로가기 *//* 190510 */
	.M_link ul li{width:31.33%}
	.M_link ul li.lk_04{margin:0 0 0 3%;}

	/* 일정 *//* 190510 */
	.schedule .date_view{display:none;}
	.schedule .sch_list{padding:0 20px 8px;}
	.schedule .sch_list ul{height:68px;}
		
	/* 팝업존 *//* 190510 */
	/* .box_popup .pop{margin:0 20px 20px;}*/
	.box_popup .pop li a {background:#f1f1f1; text-align:center;}
	/* .box_popup .pop li a img { width:auto; height:100%;} */ 
		
	/*고객지원안내*//* 190510 */
	.call{background-size:auto; background-position:right 110px;}
	.call dl{display:inline-block;}
	.call dl+dl{margin-left:10px;}
	.call dl dd{font-size:18px;}

}

@media screen and (max-width: 380px) {


}