@charset "utf-8";

.mainSection { max-width:1920px; margin:0 auto; background-image:url(../imgs/main/img_visual_2022.jpg); background-repeat:no-repeat; background-position:left 50% top 0; background-size:cover; }
.mainSection .inner { max-width:1260px; margin:0 auto; padding:9.625em 6% 2.750em; }
.mainSection .visualMo { display:none; }
.mainSection .mainTit { height:16em; letter-spacing:-0.03em; }
.mainSection .mainTit p { color:#f5665d; font-weight:300; font-size:2.625em; }
.mainSection .mainTit p span { display:inline-block; position:relative; }
.mainSection .mainTit p span::before { content:''; position:absolute; top:-0.333em; left:0.381em; width:0.619em; height:0.524em; background:url(../imgs/main/bu_visual_tit.png) no-repeat 50% 50%; background-size:contain; }
.mainSection .mainTit h2 { margin-top:1em; color:#561901; font-size:2.000em; }
.mainSection .noticeInfo { display:flex; max-width:724px; }
.mainSection .noticeInfo .noticeTab { position:relative; width:55.9393%; padding:2.500rem 6.4% 2.375rem; background:#323232; font-size:0; box-sizing:border-box; }
.mainSection .noticeInfo .noticeTab::before,
.mainSection .noticeInfo .noticeTab::after { content:''; clear:both; display:block; }
.mainSection .noticeInfo .noticeTab .tabBtn { display:inline-block; margin-right:0.875em; vertical-align:top; font-size:1rem; }
.mainSection .noticeInfo .noticeTab .tabBtn a { display:inline-block; color:#b6b7b7; font-weight:700; }
.mainSection .noticeInfo .noticeTab .tabBtn a.on { color:#fff; }
.mainSection .noticeInfo .noticeTab .tabCon { display:none; float:left; width:100%; margin-top:1.625em; font-size:1rem; }
.mainSection .noticeInfo .noticeTab .tabCon ul li a { overflow:hidden; display:inline-block; max-width:calc(100% - 52px); padding:4px 0; color:#fff; white-space:nowrap; text-overflow:ellipsis; font-weight:300; font-size:0.938em; }
.mainSection .noticeInfo .noticeTab .tabCon ul li a:hover,
.mainSection .noticeInfo .noticeTab .tabCon ul li a:focus { text-decoration:underline; }
.mainSection .noticeInfo .noticeTab .tabCon ul li img { display:inline; vertical-align:top; }
/* .mainSection .noticeInfo .noticeTab .btnMore { position:absolute; top:2em; right:5%; } */
.mainSection .noticeInfo .noticeTab .btnMore { position:absolute; top:2em; right:7%; }
.mainSection .noticeInfo .noticeTab .btnMore a { overflow:hidden; display:inline-block; width:35px; height:35px; background:url(../imgs/main/btn_more_17p.png) no-repeat 50% 50%; background-size:1.063em auto; text-indent:-999px; }
/* .mainSection .noticeInfo .customer { display:flex; flex-direction:column; justify-content:center; width:42.0607%; padding:0 6%; background:rgba(211,096,094,0.88); color:#fff; box-sizing:border-box; } */
.mainSection .noticeInfo .customer { display:flex; flex-direction:column; justify-content:center; width:48.0607%; padding:0 2%; background:rgba(211,096,094,0.88); color:#fff; box-sizing:border-box; }
.mainSection .noticeInfo .customer h4 { margin-bottom:1.200em; font-size:0.938em; }
.mainSection .noticeInfo .customer a.phoneNumber { display:block; margin-bottom:0.514em; font-weight:500; font-size:2.188em; }
.mainSection .noticeInfo .customer dl { display:flex; margin:0.143em 0; font-size:0.875em; }
.mainSection .noticeInfo .customer dl dt { flex-shrink:0; display:inline-block; min-width:1.571em; margin-right:0.571em; }
.mainSection .noticeInfo .customer .btnCall { text-align:right; }
.mainSection .noticeInfo .customer .btnCall a { display:inline-block; padding-left:1.5em; background:url(../imgs/main/icon_write.svg) no-repeat left center / contain; color:#fff; font-size:.875rem; font-weight:500; line-height:1; }
.mainSection .noticeInfo .customer .btnCall a i { display:inline-block; width:1em; height:.5rem; background:url(../imgs/main/arrow_lk.png) no-repeat center / contain; vertical-align:middle; }
@media screen and (max-width: 767px) {
	.mainSection { background-image:none; }
	.mainSection .inner { padding:0; }
	.mainSection .mainTit { display:none; }
	.mainSection .visualMo { display:block; }
	.mainSection .visualMo img { width:100%; }
	.mainSection .noticeInfo { flex-wrap:wrap; max-width:none; }
	.mainSection .noticeInfo .noticeTab { padding:32px 8% 24px; }
	.mainSection .noticeInfo .noticeTab,
	.mainSection .noticeInfo .customer { width:100%; }
	.mainSection .noticeInfo .noticeTab .tabCon ul li a { max-width:calc(100% - 42px); font-size:13px; }
	.mainSection .noticeInfo .noticeTab .tabCon ul li img { max-width:38px; }
	.mainSection .noticeInfo .noticeTab .btnMore { top:22px; }
	.mainSection .noticeInfo .noticeTab .btnMore a { background-size:15px auto; }
	.mainSection .noticeInfo .customer { padding:32px 8% 22px; }
	.mainSection .noticeInfo .customer h4 { font-size:12px; }
	.mainSection .noticeInfo .customer a { font-size:27px; }
	.mainSection .noticeInfo .customer dl { font-size:12px; }
	/* .mainSection .noticeInfo .quickLk { display:flex; width:100%; margin-left:0; padding:20px 0 20px 0;}
	.mainSection .noticeInfo .quickLk p { height:100%; } */
	.mainSection .noticeInfo .quickLk { display:flex; width:30.2777%; margin-left:0; }
	.mainSection .noticeInfo .quickLk p { height:50%; }
	.mainSection .quickLk { flex-shrink:0; display:flex; flex-direction:column; align-items:center; justify-content:space-evenly; margin-left:2em; }
	.mainSection .noticeInfo .noticeTab { position:relative; width:100%; padding:2.500rem 5.4% 2.375rem; background:#323232; font-size:0; box-sizing:border-box; }
	.mainSection .noticeInfo .noticeTab .btnMore { position:absolute; top:2em; right:5%; }
	
}