@charset "utf-8";

.MC_box1 {height: 420px;}
.MC_box3 {margin: 0;} /*팝업존*/
.MC_box6 {width:590px; margin: 0 20px;} /*공지사항*/
.MC_box8 {position:relative;width:590px; height:170px; margin:0 auto;}/* 포토갤러리*/

/* 메인비주얼 */
.main_visual ul li{height: 420px;}
/* .main_visual ul li .img.visual1 {background: url('/images/org/web/yshappy/main/m_visual3.png') no-repeat;} */

/*포토갤러리*/
.news { position:relative; height:100%; background:#5882b9; border-radius:15px; overflow:hidden; z-index:3}
.news h2 { width:190px; font-weight:bold; font-size:22px; color:#fff; text-align:center; float:left; margin:45px 0 0}/*181022*/
.news h2 span { display:block; font-size:16px; color:#fff; word-break: keep-all;}
.news .news_list{padding:25px 0; width:100%; float:left;}
.news .news_list li{width:29%; margin:0 2%; float:left;}
.news .news_list li .img{display:block; width:100%; height:110px; overflow:hidden;}
.news .news_list li .img img{width:100%; height:100%; image-rendering:-webkit-optimize-contrast; transition-duration:.3s;}
.news .news_list li .tit{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff;}
.news .news_list li:hover .img img{transition-duration:.3s;  -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)}

/*공지사항*/
.notice {position:relative; height:100%; background:#fff url('/images/org/web/yshappy/main/notice_bg.png') repeat-x 0 50px;  border-radius:10px; overflow:hidden;}
.notice h2 { position:absolute; top:0; height:51px; line-height:51px; padding: 0 0 0 0; font-size:17px; font-weight:bold;}
.notice h2 a {display:block; width:100px; text-align:center; color:#6e7e90;}
.notice h2 a:hover, .notice01 h2 a:focus {color:#02397a;}
.notice h2.current a { color:#02397a; background:url('/images/org/web/yshappy/main/notice_bar.png') no-repeat center bottom}
.notice h2.tit_1{left:10px;} 
.notice h2.tit_2{left:110px;} 
.notice h2.tit_3 {left:210px;} 
.notice .list_box.on {display:block; }
.notice .list_box {display:none; padding:72px 20px 0; overflow:hidden; border-top: none;}
.notice .top_list a {position:relative; display:block; height:72px; padding:0 0 20px 0; margin-bottom:16px; border-bottom:1px dashed #c8d1db;}
.notice .top_list a span.img {display:block; position:absolute; left:0; top:0}
.notice .top_list a dl  {margin-left:88px;}
.notice .top_list a dl dt { font-size:15px; line-height:150%; color:#222; font-weight:bold; margin-bottom:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.notice .top_list a dl dd {font-size:14px; color:#777; line-height:130%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.notice .top_list a dl dd.date {color:#6f7487; margin-top:6px;}
.notice .list_box ul.ul_list li {position:relative; line-height:30px; font-size:14px; overflow:hidden; background:url('/images/org/web/yshappy/main/notice_dot.jpg') no-repeat left 14px;}
.notice .list_box ul.ul_list li a {display:block; width:70%; padding-left:12px; float:left; color:#444; 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:block; width:25%; float:right; text-align:right; color:#6f7487}
.notice .btn_more {position:absolute; right:0; top:0; width:50px; height:50px; line-height:55px; border-left:1px solid #c8d1db; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/org/web/yshappy/main/btn_more3.png') no-repeat center;}

/*고객지원안내*/
.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: 16px;color:#ff9631;font-weight: bold;}
.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;}

/*220621 바로가기02*/
.link_new ul li{height: 47%;margin-bottom: 3%;}
.link_new ul li .tit{font-size: 14px;}
.link_new ul li.link04{background-color: #6f9dd8;}
.link_new ul li.link03{background-color: #6f7487;}
.link_new ul li a .img{margin-top: 10px; margin-bottom: 5px;}
.link_new ul li a .img img {width: 60px;}

/*반응형*/
@media screen and (max-width:1019px) {

    /* 메인비주얼 */
    .MC_box1 {height:auto; margin:2.5% auto 0;} 

    /*포토갤러리*/
    .MC_box8 {height:auto; margin:2.5% auto 0;} 

    /*팝업존*/
    .MC_box3{width: 590px;}
				
	/*공지사항*/
    .MC_box6 {margin: 2.5% auto; height:auto;}
    .MC_box6::after {content:''; clear:both; display:block;} 
	.notice {padding: 0 0; padding-bottom:20px;}


	/*고객지원안내*/
    .MC_box4 {width:590px; height:auto; margin:0 auto;}
	.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 + dl{ margin-left:30px}
	.call dl dt {font-size:16px;}
	.call dl dd {font-size:22px;}

}

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

     /*포토갤러리*/
     .MC_box8 {max-width:100%;} 
    
    /* 팝업존*/
	.MC_box3 { max-width:100%;} 
	 
    /* 고객지원 */
    .MC_box4 { max-width:100%;}

    /* 공지사항 */
	.MC_box6 { max-width:100%;}

    /*바로가기*/
    .M_link ul li{width:31.33%} /*220621 */
    .M_link ul li.lk_04{margin:0 0 0 3%;}/*220621*/
    .M_link ul li a .tit{font-size: 16px;}
    .M_link ul li a .txt {display: none;}

	/*바로가기02*/
    .MC_box5{top:15%; position: relative; width: 100%;}/*220621*/
    .link_new ul{width: 100%; margin-left: -10px;}/*220621*/
    .link_new ul li {width: 48%; margin: 0 0 2% 2%;}/*220621*/
	.link_new ul li.link01{width:98%}/*240119*/
    .link_new ul li a .img {margin-top: 15px; margin-bottom: 15px;}

}

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

 	/* 메인비주얼 */
     .main_visual ul li { height:250px;}
     .main_visual ul li .img.visual1 { background-position: center 70%}
     .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 {min-height: 161px;}/*220621*/
     .MC_box5{top:15%;}


}

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

     /*바로가기*/
     /* .M_link ul li {min-height: 161px;} */ /*220621 삭제*/


}