@charset "utf-8";

/* main page */

.main_visual {position:relative; height:720px; padding-top:120px; box-sizing:border-box; background:url('../images/main/main_visual_bg.jpg') no-repeat 50%; background-size:cover; overflow:hidden;}
.main_visual .inner {height:100%;}
.main_visual .text_area {display:inline-block; margin:100px 0; padding:60px 20px; border:8px solid #fff; text-align:center;}
.main_visual .text_area p {color:#fff; font-size:18px; line-height:1.4;}
.main_visual .text_area p span {display:inline-block; padding-top:20px; font-size:40px; font-weight:700; line-height:1.2;}
.main_visual .text_area p strong {display:inline-block; font-size:60px; font-weight:700; line-height:1.2;}
.main_visual .img_area {position:absolute; bottom:-60px; right:-100px; font-size:0;}

.quick_menu {background:#230846;}
.quick_menu .inner {padding:80px 16px; background:url('../images/main/quick_menu_txt.png') no-repeat 40px -40px; box-sizing:border-box;}
.quick_menu ul {text-align:right;}
.quick_menu ul li {display:inline-block;}
.quick_menu ul li a {display:block; width:180px; height:180px; margin-left:40px; padding:30px 0 0; background:#fff; box-shadow:7px 7px 10px rgba(0,0,0,0.75); box-sizing:border-box; text-align:center;}
.quick_menu ul li:first-child a {margin-left:0;}
.quick_menu ul li a span {display:inline-block; width:100%; padding-top:100px; color:#230846; font-size:20px; font-weight:700;}
.quick_menu ul li a span.ico1 {background:url('../images/main/quick_menu_ico1.png') no-repeat 50% 0;}
.quick_menu ul li a span.ico2 {background:url('../images/main/quick_menu_ico2.png') no-repeat 50% 0;}
.quick_menu ul li a span.ico3 {background:url('../images/main/quick_menu_ico3.png') no-repeat 50% 0;}
.quick_menu ul li a span.ico4 {background:url('../images/main/quick_menu_ico4.png') no-repeat 50% 0;}

.row_wrap {padding:80px 0; background:#30206b;}
.row_wrap .inner {position:relative; overflow:hidden; padding-right:400px; box-sizing:border-box;}

.main_notice {width:100%; box-sizing:border-box;}
.main_notice .title {position:relative;}
.main_notice .title p {color:#fff; font-size:32px;}
.main_notice .title a {display:inline-block; position:absolute; right:0; top:0; width:50px; height:50px; background:url('../images/main/btn_view_more.png') no-repeat 50%; background-size:contain; text-indent:-9999em;}
.main_notice .tbl_list {padding-top:30px;}
.main_notice .tbl_list ul li {padding:2px 0;}
.main_notice .tbl_list ul li a {position:relative; display:block; padding-right:120px; color:#fff; font-size:18px;}
.main_notice .tbl_list ul li a span {display:inline-block;}
.main_notice .tbl_list ul li a .title {position:relative; width:100%; padding-left:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
.main_notice .tbl_list ul li a .title:before {content:'·'; display:inline-block; position:absolute; left:0;}
.main_notice .tbl_list ul li a .date {position:absolute; right:0; width:120px; text-align:right;}

.cs_center {position:absolute; right:0; top:0; width:320px; padding:50px 0; border:4px solid #f9c3cc; box-sizing:border-box; text-align:center;}
.cs_center p {color:#f9c3cc;}
.cs_center .tel strong {line-height:1.2; font-family:'Malgun Gothic'; font-size:35px;}
.cs_center .tel span {display:inline-block; font-size:16px;}
.cs_center .email strong {display:inline-block; padding:20px 0 0; font-size:20px; word-break:break-all;}


@media screen and ( min-width:1024px){

	.main_visual .text_area {min-width:340px;}

}

@media screen and ( min-width:768px){

	.main_notice {min-height:225px;}
}

@media screen and ( max-width:1024px){

	.main_visual {height:600px;}
	.main_visual .text_area {margin:80px 0; padding:40px 20px;}
	.main_visual .text_area p span {font-size:30px;}
	.main_visual .text_area p strong {font-size:46px;}
	.main_visual .img_area {width:600px;}
	
	.quick_menu .inner {padding:40px 16px;}
	.quick_menu ul {text-align:center;}
	.quick_menu ul li a {width:140px; height:140px; margin-left:30px;}
	.quick_menu ul li a span {padding-top:60px; font-size:18px; background-size:auto 50px !important;}

	.row_wrap {padding:40px 0;}

	.main_notice .tbl_list ul li a {padding-right:0;}
	.main_notice .tbl_list ul li a .date {display:none;}

	.cs_center {right:16px;}	

}

@media screen and ( max-width:768px ){

	.main_visual {height:auto; padding-top:100px; background:url('../images/main/main_visual_bg_m.jpg') no-repeat 50%; background-size:cover; text-align:center;}
	.main_visual .text_area {margin:30px auto 0; padding:30px 10%;}
	.main_visual .text_area p {font-size:16px;}
	.main_visual .img_area {position:relative; bottom:auto; right:auto; width:120%;}

	.quick_menu .inner {background:none;}
	.quick_menu ul {overflow:hidden;}
	.quick_menu ul li {float:left; width:25%; padding:0 1%; box-sizing: border-box;}
	.quick_menu ul li a {width:100%; height:auto; margin:0; padding:20px 0;}
	.quick_menu ul li a span {padding-top:45px; font-size:16px; background-size:auto 35px !important;}

	.row_wrap .inner {padding:0 16px;}

	.main_notice .title p {font-size:18px;}
	.main_notice .title a {width:30px; height:30px;}
	.main_notice .tbl_list {padding-top:20px;}
	.main_notice .tbl_list ul li a {padding-right:100px; font-size:14px;}
	.main_notice .tbl_list ul li a .date {display:inline-block; width:100px;}

	.cs_center {position:relative; right:auto; top:auto; width:100%; margin-top:40px; padding:20px 0;}
	.cs_center .tel strong {font-size:30px;}
	.cs_center .tel span {font-size:12px;}
	.cs_center .email strong {padding:10px 0 5px; font-size:16px;}
	


}

@media screen and ( max-width:480px ){
	
	.quick_menu ul li a span {font-size:14px;}
	
	.main_notice .tbl_list ul li a {padding-right:0;}
	.main_notice .tbl_list ul li a .date {display:none;}

}

/* 221025 추가 */
/* 공지 팝업 */
#noticePopup {/* display:none; */ position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:500px; padding-bottom:100px; background:#fff; z-index:999; box-shadow:10px 10px 50px rgba(0,0,0,0.75); box-sizing:border-box;}
#noticePopup img {width:100%; height:auto;}
#noticePopup .btn_close {position:absolute; bottom:20px; right:20px; padding:5px 15px; border:1px solid #333; font-size:14px;}
#noticePopup .btn_close.today {right:90px;}
#noticePopup {width:530px;}
#noticePopup:before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:url('../images/main/popup_bg.svg') no-repeat 50%; background-size:cover; opacity:0.5; z-index:-1;}
#noticePopup .notice_cont {padding:40px 40px 0; word-break:keep-all;}
#noticePopup .notice_cont img {width:50px; height:auto; margin-bottom:30px;}
#noticePopup .notice_cont strong {font-size:22px; font-weight:400;}
#noticePopup .notice_cont .title {padding-bottom:20px; font-size:18px; text-align:center;}
#noticePopup .notice_cont .desc {position:relative; padding-left:10px;}
#noticePopup .notice_cont .desc:before {content:'-'; position:absolute; top:0; left:0;}
#noticePopup .notice_cont .desc + .desc {margin-top:10px;}
#noticePopup .notice_cont .desc span {display:inline-block;}

@media screen and (max-width:768px) {

	#noticePopup {width:90%; /*top:20px;*/ max-width:500px; padding-bottom:80px;}
	#noticePopup .notice_cont {padding:25px 20px 0; font-size:14px;}
	#noticePopup .notice_cont strong {font-size:18px;}
	/*#noticePopup .notice_cont .br {display:none;}*/
}