@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 {position:absolute; top:50%; left:0; transform:translateY(-50%); width:40%;}
.main_visual .text_area .title_text {padding-bottom:30px; color:#fff; font-size:45px; font-weight:700; line-height:1.2;}
.main_visual .text_area .sub_text {position:relative; padding-left:60px; color:#cbcaef; font-size:22px; line-height:1.4;}
.main_visual .text_area .sub_text:before {content:''; position:absolute; top:15px; left:0; display:block; width:40px; height:2px; background:#cbcaef;}
.main_visual .img_area {position:absolute; bottom:-30px; right:0; width:60%; text-align:right;}
.main_visual .img_area img {vertical-align:bottom;}

.main_contents {padding:60px 0; background:#f2f2f3;}

.quick_menu {margin-bottom:60px; box-shadow:0px 0px 60px 8px rgba(0,0,0,0.06);}
.quick_menu ul {overflow:hidden;}
.quick_menu ul li {float:left; width:25%; height:250px; background:#fff; border-left:1px solid #e2e5e4; box-sizing:border-box;}
.quick_menu ul li:first-child {border-left:0;}
.quick_menu ul li a {display:block; width:100%; height:100%; padding:40px 0; box-sizing:border-box; text-align:center;}
.quick_menu ul li a span {display:inline-block; vertical-align:middle; width:100%; padding-top:150px; font-size:18px; font-weight:500;}
.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;}

.main_contents .row_wrap {position:relative; margin-bottom:20px; padding-right:320px;}

.main_notice {width:100%; height:300px; padding:20px 40px; background:#fff; box-sizing:border-box; box-shadow:0px 0px 60px 8px rgba(0,0,0,0.06);}
.main_notice .title {position:relative;}
.main_notice .title p {font-size:26px; font-weight:700;}
.main_notice .title a {display:inline-block; position:absolute; right:0; top:10px; width:20px; height:20px; background:url('../images/main/btn_view_more.png') no-repeat 50%; text-indent:-9999em;}
.main_notice .tbl_list {padding-top:35px;}
.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: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;}

.cs_center {position:absolute; top:0; right:0; width:300px; height:300px; padding:20px 0; background:#4b4f5d; box-sizing:border-box; text-align:center; box-shadow:0px 0px 60px 8px rgba(0,0,0,0.06);}
.cs_center .title p {color:#fff; font-size:26px; font-weight:700;}
.cs_center .tel {padding:55px 0;}
.cs_center .tel p {color:#fff;}
.cs_center .tel p + p {padding-top:5px;}
.cs_center .tel strong {line-height:1.2; font-family:'Malgun Gothic'; font-size:38px;}
.cs_center .tel span {display:inline-block; font-size:16px;}
.cs_center .email strong {display:inline-block; font-size:18px; font-weight:300; color:#fff; word-break:break-all;}

/* 220905 추가 */
.main_visual {background:#B6DCFF;}
.main_visual .inner {background:url('../images/main/main_visual_bg.jpg') no-repeat 50%; background-size:100% auto;}


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

	.main_visual {height:600px; padding-top:130px;}
	.main_visual .text_area {left:16px;}
	.main_visual .text_area .title_text {font-size:35px;}
	.main_visual .text_area .sub_text {padding-left:35px; font-size:18px;}
	.main_visual .text_area .sub_text:before {top:12px; width:25px;}
	.main_visual .img_area {right:16px; max-width:550px;}

	.quick_menu ul li {height:180px;}
	.quick_menu ul li a {padding:35px 0;}
	.quick_menu ul li a span {padding-top:90px; background-size:auto 80px !important;}

	.main_notice {padding:20px;}
	.main_notice .tbl_list ul li a {padding-right:0;}
	.main_notice .tbl_list ul li a .date {display:none;}

	/* 220905 추가 */
	.main_visual .inner {background-size:96% auto;}

}

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

	.main_visual {height:auto; padding-top:120px;}
	.main_visual .inner {height:auto;}
	.main_visual .text_area {position:relative; top:auto; left:auto; transform:none; width:100%; padding:40px 0 250px;}
	.main_visual .text_area .title_text {padding-bottom:15px; font-size:30px;}
	.main_visual .text_area .sub_text {font-size:16px;}
	.main_visual .img_area {width:100%;}
	.main_visual .img_area img {width:300px;}

	.quick_menu {margin-bottom:40px; box-shadow:0px 0px 30px 5px rgba(0,0,0,0.06);}
	.quick_menu ul li {height:auto;}
	.quick_menu ul li a {padding:20px 0;}
	.quick_menu ul li a span {padding-top:60px; background-size:auto 50px !important;}

	.main_contents .row_wrap {margin:0; padding:0;}

	.main_notice {height:auto; margin-bottom:40px; box-shadow:0px 0px 30px 5px rgba(0,0,0,0.06);}
	.main_notice .title p {font-size:18px;}
	.main_notice .title a {top:0;}
	.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 .title {padding-left:14px;}
	.main_notice .tbl_list ul li a .date {display:inline-block; width:100px;}

	.cs_center {position:relative; top:auto; right:auto; width:100%; height:auto;  box-shadow:0px 0px 30px 5px rgba(0,0,0,0.06);}
	.cs_center .title p {font-size:18px;}
	.cs_center .tel {padding:20px 0;}
	.cs_center .tel p + p {font-size:14px;}
	.cs_center .tel strong {font-size:30px;}
	.cs_center .tel span {font-size:14px;}
	.cs_center .email strong {font-size:16px;}

	/* 220905 추가 */
	.main_visual {height:500px; padding-top:100px;}
	.main_visual .inner {height:100%;}

}

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

	/* 220905 추가 */
	.main_visual {height:400px; padding-top:80px;}

}

@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;}

	/* 220905 추가 */
	.main_visual {height:320px;}
	
}