@charset "utf-8";

/* 메인비주얼 */
.main_visual {position:relative; border-radius:15px; overflow:hidden; z-index:3}
.main_visual ul li {position:relative; width:100%; height:400px; overflow:hidden}/*181022*/
.main_visual ul li .img {position:relative; width:100%; height:100%;}
.main_visual ul li .img.visual1 {background:url('/images/org/web/ghhappy/main/M_visual.png') no-repeat; }
.main_visual ul li .img.visual2 {background:url('/images/org/web/ghhappy/main/M_visual.png') no-repeat; }

.main_visual ul li .mv_slogan {position:absolute; top:61px; left:50%; margin-left:-295px; width:590px; text-align:center; color:#fff;}
.main_visual ul li .mv_slogan .txt1 {font-size:23px; 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/ghhappy/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/ghhappy/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;}

/* 홍보동영상*/
.pr_video { position:relative; height:100%; background:#5882b9; border-radius:15px; overflow:hidden; z-index:3}
.pr_video a { display:block; height:100px}
.pr_video h2 { width:190px; font-weight:bold; font-size:22px; color:#fff; text-align:center; float:left; margin:45px 0 0}/*181022*/
.pr_video h2 span { display:block; font-size:16px; color:#fff; word-break: keep-all;}
.pr_video span.play{position:absolute; top:55px; left:60%; }/*181116*/
.pr_video span.img { width:400px; height:170px; float:right; overflow:hidden}/*181022*/
.pr_video span.img img { width:100%; height:100%;}/*181022*/

/* 앨범 190226*/
.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)}

/* 바로가기 */
.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/ghhappy/main/bg_m_link1.png');}  
.M_link ul li.lk_02 { margin:0 0 0 630px; background:#7197e2 url('/images/org/web/ghhappy/main/bg_m_link1.png');} 
.M_link ul li.lk_03 { margin:20px 0 0 0;}
.M_link ul li.lk_03 ul {width:100%;}
.M_link ul li.lk_03 a .img{margin-top: 20px;margin-bottom: 5px;}
.M_link ul li.lk_03 a .img img {width: 60px;}
.M_link ul li.lk_03 ul li{width:285px;height: 132.5px;float:left;}
.M_link ul li.lk_03 ul li:nth-of-type(1){background: #6DCB4E;}
.M_link ul li.lk_03 ul li:nth-of-type(2){margin-top:20px;background: #259E6D;}
.M_link ul li.lk_03 ul li .tit {font-size:14px;}
.M_link ul li.lk_04 { margin:20px 0 0 630px; background:#676767 url('/images/org/web/ghhappy/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;}

/* 팝업존 */
.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: 2px;right: 3px;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/ghhappy/main/btn_pop_prev.png');}
.box_popup .control a.next { background-image:url('/images/org/web/ghhappy/main/btn_pop_next.png');}
.box_popup .control a.stop { background-image:url('/images/org/web/ghhappy/main/btn_pop_stop.png');}
.box_popup .control a.play { background-image:url('/images/org/web/ghhappy/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/ghhappy/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: 16px;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;}

/* 공지사항*//*180910 수정*/
.notice {position:relative; height:100%; background:#fff url('/images/org/web/ghhappy/main/notice_bg.png') repeat-x 0 50px;  border-radius:10px; overflow:hidden;}
.notice h2 { position:absolute; top:0; height:51px; line-height:51px; 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/ghhappy/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;}
.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/ghhappy/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/ghhappy/main/btn_more3.png') no-repeat center;}

/* 학사일정190111 */
.schedule {position:relative; height:100%; overflow:hidden; background:#6aaada url('/images/org/web/ghfm/main/schedule_bg.png') no-repeat right bottom; border-radius:15px;}
.schedule h2 {font-size:18px; font-weight:bold; color:#333; padding-left:20px; height:45px; line-height:45px}
.schedule .date_view {position:relative; height:15px; line-height:15px; font-size:13px; color:#111; font-weight:bold; text-align:center; margin: 0 auto 9px;}
.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/ghfm/main/sche_pre.png');}
.schedule .date_view .next {right:80px; background-image:url('/images/org/web/ghfm/main/sche_next.png');}
.schedule .inner { height:150px; overflow:hidden; padding:0 20px}
.schedule .inner:before { content:''; width:100%; height:30px; background-color:#007bd8; position:absolute; top:70px; left:0}
.schedule .inner > table{ width:100%}
.schedule .inner th { position:relative; font-size:11px; padding:7px 0 9px; color:#fff; font-weight:normal;}
.schedule .inner td {line-height:20px; font-size:12px; text-align:center;color:#111;}
.schedule .inner td a.check {display:block; color:#111; font-weight:bold; background:url('/images/org/web/ghfm/main/schd_check.png') no-repeat center;}
.schedule .inner td a.today {display:block; color:#111; font-weight:bold; background:url('/images/org/web/ghfm/main/schd_today.png') no-repeat center;}
.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:14px; height:23px; line-height:21px; margin-bottom:3px;}
.schedule .sch_list li a {display:block; color: #fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:left}
.schedule .sch_list li a span { display:inline-block; padding:0 10px; border:1px solid #fff; border-radius:20px; margin-right:10px}
.schedule  .btn_more{position:absolute; right:13px; top:12px; width:30px; height:30px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/org/web/ghhappy/main/btn_more.png') no-repeat center;}

@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 {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}
	
	/*고객지원안내*/
	.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;}
			
	/*공지사항*//*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 ; height:275px} /* 190227 추가*/
	.M_link ul li.lk_04 { margin:3% 0 0 3% ;} 
	.M_link ul li a .img{margin:30px 0 16px;}
	span.img.lk_03_img {margin-top: 85px !important} /* 190227 추가*/
	.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;}


}

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

	/* 메인비주얼 */
	.main_visual ul li { height:250px;}
	.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; margin:30px 0 16px;}
	.M_link ul li a .tit{margin:0 0 30px; font-size:15px;}
	.M_link ul li a .txt{ display:none}
	
	 
	.M_link ul li.lk_03 {width:100%;height: 100%;} /* 190227 추가*/   
	.M_link ul li.lk_04 { width:100% ;margin:3% 0 0 0% ;} /* 190227 추가*/
	span.img.lk_03_img {margin-top: 5px !important}	/* 190227 추가*/ 
	.M_link ul li.lk_03 ul li{width:48.5%; height:auto;}
	.M_link ul li.lk_03 ul li:nth-of-type(2) {float:right;margin-top: 0;}
	
	/* 앨범 바로가기 */
	.news h2 { width:100%; font-weight:bold; font-size:22px; color:#fff; text-align:center; float:left; margin:15px 0 0}/*181022*/
	.news .news_list{ width:100%; float:left;}			
}

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

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


}