@charset "utf-8";

/* main page */

.main_visual {position:relative; height:700px; padding-top:155px; box-sizing:border-box; background:url('../images/main/main_visual_bg.jpg') no-repeat 50%; background-size:cover;}
.main_visual .inner {height:100%;}
.main_visual .text_area {padding:80px 40px;}
.main_visual .text_area p {color:#fff; font-size:18px; line-height:1.4;}
.main_visual .text_area p strong {display:inline-block; padding-top:20px; font-size:50px; font-weight:700; line-height:1.2;}
.main_visual .text_area img {display:block; padding:20px 0 60px;}
.main_visual .text_area a {display:inline-block; padding:10px 20px 10px 60px; border-radius:30px; background:#f4dc62 url('../images/main/ico_view.png') no-repeat 20px 10px; color:#fff; font-size:18px;}
.main_visual .img_area {position:absolute; bottom:0; right:0; font-size:0;}

.quick_menu {padding:80px 0;}
.quick_menu ul {text-align:center;}
.quick_menu ul li {display:inline-block;;}
.quick_menu ul li a {display:block; width:200px; height:200px; margin:0 20px; padding:40px 0 0; border-radius:50%; background:#f4dc62; box-sizing:border-box; text-align:center;}
.quick_menu ul li a span {display:inline-block; width:100%; padding-top:90px; 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 .inner {position:relative; overflow:hidden; padding:0 320px 80px 0; box-sizing:border-box;}

.main_notice {width:100%; height:300px; padding:20px; border-radius:20px; background:#e5f6f7; box-sizing:border-box;}
.main_notice .title {position:relative;}
.main_notice .title p {padding:12px 60px; box-sizing:border-box; font-size:26px; background:url('../images/main/ico_notice.png') no-repeat 0;}
.main_notice .title a {display:inline-block; position:absolute; right:0; top:5px; width:40px; height:40px; background:url('../images/main/btn_view_more.png') no-repeat 50%; background-size:contain; text-indent:-9999em;}
.main_notice .tbl_list {padding-top:10px;}
.main_notice .tbl_list ul li {padding:2px 0;}
.main_notice .tbl_list ul li a {position:relative; display:block; padding-right:120px; 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:300px; height:300px; padding:20px; border-radius:20px; background:#00a7b0; box-sizing:border-box; text-align:center;}
.cs_center .title {text-align:left;}
.cs_center .title p {padding:12px 60px; box-sizing:border-box; font-size:26px; background:url('../images/main/ico_cscenter.png') no-repeat 0; color:#fff;}
.cs_center .tel {padding:40px 0;}
.cs_center .tel p {color:#fff;}
.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; font-size:20px; color:#fff; word-break:break-all;}


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

	.main_visual {height:600px;}
	.main_visual .text_area {padding:30px;}
	.main_visual .img_area {width:60%;}

	.quick_menu {padding:50px 0;}
	.quick_menu ul li a {width:140px; height:140px; margin:10px; padding:30px 0 0;}
	.quick_menu ul li a span {padding-top:60px; font-size:18px; background-size:auto 50px !important;}

	.row_wrap .inner {padding:0 336px 50px 16px;}

	.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:120px; background:url('../images/main/main_visual_bg_m.jpg') no-repeat 50%; background-size:cover;}
	.main_visual .inner {height:auto;}
	.main_visual .text_area {padding:30px 16px;}
	.main_visual .text_area p {font-size:16px;}
	.main_visual .text_area p strong {font-size:36px;}
	.main_visual .text_area img {padding:20px 0 40px;}
	.main_visual .text_area a {font-size:16px; background-position:20px 7px;}
	.main_visual .img_area {position:relative; bottom:auto; right:auto; width:100%; text-align:center;}

	.quick_menu {padding:40px 0;}
	.quick_menu ul {overflow:hidden;}
	.quick_menu ul li {float:left; width:25%; box-sizing: border-box; border-left:1px solid rgba(255,255,255,0.5);}
	.quick_menu ul li:first-child {border-left:0;}
	.quick_menu ul li a {width:100%; height:auto; margin:0; padding:20px 0; border-radius:0;}
	.quick_menu ul li:first-child a {border-radius:10px 0 0 10px;}
	.quick_menu ul li:last-child a {border-radius:0 10px 10px 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 {height:auto; margin-bottom:50px; padding:10px; border-radius:10px;}
	.main_notice .title p {padding:10px 40px; font-size:18px; background-size:auto 30px;}
	.main_notice .title a {top:5px; width:30px; height:30px;}
	.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%; height:auto; margin-bottom:50px; padding:10px; border-radius:10px;}
	.cs_center .title p {padding:10px 40px; font-size:18px; background-size:auto 30px;}
	.cs_center .tel {padding:20px 0;}
	.cs_center .tel p {font-size:14px;}
	.cs_center .tel strong {font-size:30px;}
	.cs_center .tel span {font-size:12px;}
	.cs_center .email {padding-bottom:10px;}
	.cs_center .email strong {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;}*/
}