@charset "utf-8";

/* main page */

.main_container {background:url('../images/main/main_container_bg.jpg') no-repeat 50%; background-size:cover; overflow:hidden;}

.main_visual {padding-top:160px;}
.main_visual .text_area .title_text {color:#fff; font-family:'Nanum Myeongjo'; font-size:65px; line-height:1.2;}
.main_visual .text_area .title_text span {color:#f7cd0a;}
.main_visual .text_area .sub_text {padding-bottom:20px; color:#fff; font-size:22px; word-break:keep-all;}

/* 수정 */
.main_visual .text_area {padding-bottom:45px;}

.main_contents {position:relative; padding:120px 0;}
.main_contents .col4 {float:left; width:326px; height:326px; margin-left:10px; margin-bottom:10px; box-sizing:border-box; background:#eeeff5;}
.main_contents .col8 {float:left; width:663px; height:326px; margin-left:10px; box-sizing:border-box; background:#ac7520;}
.main_contents .col4 > div,
.main_contents .col8 > div {position:relative; width:100%; height:100%; padding:30px 40px; box-sizing:border-box;}
.main_contents .cont1 {margin-left:0;}
.main_contents .cont4 {margin:0;}
.main_contents h3 {padding-bottom:20px; font-family:'Nanum Myeongjo'; font-size:32px;}
.main_contents .desc {font-size:20px; word-break:keep-all;}
.main_contents .btn_link {position:absolute; bottom:40px; left:40px; right:40px; display:block; padding:10px 30px; background:#292930; color:#fff; font-size:20px; box-sizing:border-box;}
.main_contents .btn_link span {display:block; background:#292930 url('../images/main/btn_link_arr.png') no-repeat 100% 50%;}
.main_contents .object {position:absolute; top:-250px; right:-140px; width:360px; height:360px; background:url('../images/main/main_object_img.png') no-repeat 50%;}

.cs_center h3 {padding-bottom:30px;}
.cs_center .tel {padding-top:40px;}
.cs_center .tel p + p {padding-top:5px;}
.cs_center .tel strong {color:#9f650b; line-height:1.2; font-family:'Nanum Myeongjo'; font-size:38px;}
.cs_center .tel span {display:inline-block; font-size:16px;}
.cs_center .email {margin-top:20px; padding-top:20px; border-top:1px solid #ccc;}
.cs_center .email strong {display:inline-block; font-size:16px; font-weight:400; word-break:break-all;}

.main_notice h3 {padding-bottom:30px; color:#fff;}
.main_notice .view_more_btn {display:inline-block; position:absolute; right:40px; top:40px; width:20px; height:20px; background:url('../images/main/btn_view_more.png') no-repeat 50%; text-indent:-9999em;}
.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; color:#fff;}
.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:16px; 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; font-weight:300;}


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

	.main_container {background:none;}

	.main_visual {padding:120px 0 90px; background:url('../images/main/main_container_bg.jpg') no-repeat 50% 0%; background-size:cover;}
	.main_visual .text_area .title_text {font-size:50px;}
	.main_visual .text_area .sub_text {font-size:17px;}

	.main_visual .text_area {padding-bottom:35px;}

	.main_contents {padding:80px 0; background:#222;}
	.main_contents .col4 {width:calc(50% - 5px);}
	.main_contents .col8 {width:100%; margin-left:0;}
	.main_contents .cont1,
	.main_contents .cont3 {margin-left:0;}
	.main_contents .cont4 {margin-left:10px;}
	.main_contents .object {top:-180px; right:-40px; width:260px; height:260px; background-size:contain;}

}

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

	.main_visual {padding-top:120px; padding-bottom:40px;}
	.main_visual .text_area .title_text {font-size:34px;}
	.main_visual .text_area .sub_text {font-size:16px;}

	.main_visual .text_area {padding:20px 0;}

	.main_contents {padding:50px 0;}

	.main_contents .col4,
	.main_contents .col8 {height:240px;}
	.main_contents .col4 > div,
	.main_contents .col8 > div {padding:20px;}
	.main_contents h3 {padding-bottom:10px; font-size:22px;}
	.main_contents .desc {font-size:16px;}
	.main_contents .btn_link {bottom:20px; left:20px; right:20px; padding:10px 20px; font-size:16px;}
	.main_contents .object {top:-110px; right:-20px; width:160px; height:160px;}

	.cs_center .tel {padding-top:20px;}
	.cs_center .tel p + p {font-size:14px;}
	.cs_center .tel strong {font-size:30px;}
	.cs_center .tel span {font-size:14px;}

	.main_notice .view_more_btn {top:20px; right:20px;}
	.main_notice .tbl_list {padding-top:10px;}
	.main_notice .tbl_list ul li a {padding-right:100px; font-size:14px;}
	.main_notice .tbl_list ul li a .title {padding-left:14px;}
	.main_notice .tbl_list ul li a .date {display:inline-block; width:100px;}

}

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

	.main_contents .col4 {width:100%; height:auto; margin-left:0;}
	.main_contents .col8 {height:auto; min-height:200px; margin-top:10px;}
	.main_contents .btn_link {position:relative; left:auto; right:auto; bottom:auto; margin-top:60px;}
	.main_contents .object {top:-100px;}

	.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;}*/
}