@charset "utf-8"; 

.w_slider { display:block; }
.m_slider { display:none; }

*{ box-sizing:border-box; }

.lineLink { display:inline-block; padding-right:20px;
	background:url('../images/icon/ico_lineLink.png')no-repeat right center; }
.lineLink span { border-bottom:1px solid; font-weight:bold; }
.lineLink.wh { color:#fff; background-image:url('../images/icon/ico_lineLink_wh.png'); }

.titleWrap { display:flex; justify-content:space-between; align-items:center; font-size:2.25em; }
.titleWrap i { display:block; width:25px; height:14px; text-indent:-9999px;
	background:url('../images/icon/ico_arrow_right.png')no-repeat center / contain; }
.titleWrap.wh { color:#fff; }
.titleWrap.wh i { background-image:url('../images/icon/ico_arrow_right_wh.png'); }

.contWrap { width:1280px; }

.popup_wrap { z-index:110; position:absolute; left:100px; top:150px; }
.popup_wrap .popup { position:relative; }
.popup_wrap .popup .img img { display:block; }
.popup_wrap .popup a.pop_close { position:absolute; right:20px; top:20px; display:block; width:20px; height:20px;
	background:url('../images/btn/btn_close.png')no-repeat; text-indent:-9999px; }
.popup_wrap .popup a.pop_close.wh { background-image:url('../images/btn/btn_close_wh.png'); }
.popup_wrap .popup .today { padding:10px 15px; font-size:14px; line-height:14px; color:#fff; background:#5c5b58; }

/* ºñÁê¾ó */
.visualWrap { position:relative; width:100%; }
.visualListWrap { position:relative; height:1080px; }
.visualList .slide { height:1080px; }
.visualList .moView { display:none; }
.visualList .pcView { display:block; object-fit:cover; width:100%; height:100%; }

.visualWrap .arrow a { position:absolute; top:50%; margin-top:-44px; display:block; width:45px; height:88px;
	text-indent:-9999px; cursor:pointer; opacity:0.4; transition:all 0.5s; }
.visualWrap .arrow a:hover { opacity:1; }
.visualWrap .arrow .next { right:50px; background:url('../images/icon/ico_main-arrow-right.png')no-repeat center / contain; }
.visualWrap .arrow .prev { left:50px; background:url('../images/icon/ico_main-arrow-left.png')no-repeat center / contain; }

.visualWrap .quickLink { position:absolute; bottom:100px; left:50%; transform:translate(-50%,0); }
.visualWrap .quickLink .titleWrap { display:none; margin-bottom:40px; }
.visualWrap .quickLink ul { display:flex; justify-content:space-between; align-items:stretch; }
.visualWrap .quickLink li { width:15%; }
.visualWrap .quickLink li a { display:flex; justify-content:center; align-items:center; flex-direction:column; height:100%; padding:30px 20px;
	border:1px solid #fff; border-radius:5px; text-align:center; backdrop-filter:blur(5px); box-shadow:0px 10px 30px 0 rgba(0,0,0,0.3); }
.visualWrap .quickLink span { font-size:1.5em; font-weight:bold; color:#fff; word-break:keep-all; }

.visualWrap .quickLink i { display:block; margin:0 auto 20px; }
.visualWrap .quickLink .icon1 i { width:48px; height:52px; background:url('../images/icon/icon_visualQuick01.png')no-repeat center / contain; }
.visualWrap .quickLink .icon2 i { width:38px; height:58px; background:url('../images/icon/icon_visualQuick02.png')no-repeat center / contain; }
.visualWrap .quickLink .icon3 i { width:52px; height:52px; background:url('../images/icon/icon_visualQuick03.png')no-repeat center / contain; }
.visualWrap .quickLink .icon4 i { width:52px; height:52px; background:url('../images/icon/icon_visualQuick04.png')no-repeat center / contain; }
.visualWrap .quickLink .icon5 i { width:44px; height:52px; background:url('../images/icon/icon_visualQuick05.png')no-repeat center / contain; }
.visualWrap .quickLink .icon6 i { width:52px; height:52px; background:url('../images/icon/icon_visualQuick06.png')no-repeat center / contain; }

.visualWrap .quickLink li:hover a { background:#fff; backdrop-filter:blur(0px); }
.visualWrap .quickLink li:hover span { color:#28272d; }
.visualWrap .quickLink .icon1:hover i { background-image:url('../images/icon/icon_visualQuick01_on.png'); }
.visualWrap .quickLink .icon2:hover i { background-image:url('../images/icon/icon_visualQuick02_on.png'); }
.visualWrap .quickLink .icon3:hover i { background-image:url('../images/icon/icon_visualQuick03_on.png'); }
.visualWrap .quickLink .icon4:hover i { background-image:url('../images/icon/icon_visualQuick04_on.png'); }
.visualWrap .quickLink .icon5:hover i { background-image:url('../images/icon/icon_visualQuick05_on.png'); }
.visualWrap .quickLink .icon6:hover i { background-image:url('../images/icon/icon_visualQuick06_on.png'); }

/* ¼Ò°³ */
.introduceWrap { padding:100px 0; background:#f9f9f9 url('../images/main/introduceBg.png')no-repeat left top / contain; }
.introduceWrap .contWrap { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; }

.introduceWrap .contWrap .textWrap { flex-shrink:0; width:500px; padding-right:20px; }
.introduceWrap .contWrap .textWrap .title { font-size:3em; }
.introduceWrap .contWrap .textWrap .bar { width:2px; height:60px; margin:40px 0; background:#28272d; }
.introduceWrap .contWrap .textWrap .des { font-size:1.125em; }

.introduceWrap .contWrap .linkWrap { display:flex; justify-content:flex-end; align-items:flex-start; width:calc(100% - 500px); }
.introduceWrap .contWrap .linkWrap .right, .introduceWrap .contWrap .linkWrap .left { width:50%; max-width:295px; }
.introduceWrap .contWrap .linkWrap .right { margin-left:40px; margin-top:100px; }
.introduceWrap .contWrap .linkWrap a { position:relative; display:block; }
.introduceWrap .contWrap .linkWrap a + a { margin-top:40px; }
.introduceWrap .contWrap .linkWrap img { width:100%; }
.introduceWrap .contWrap .linkWrap p { position:absolute; left:30px; bottom:30px; font-size:1.25em; font-weight:bold; color:#fff; }
.introduceWrap .contWrap .linkWrap p i { display:inline-block; width:25px; height:14px; margin-left:15px;
	background:url('../images/icon/ico_arrow_right_wh.png')no-repeat center / contain; }
.introduceWrap .contWrap .linkWrap p br{ display:none; }

/* ´º½º */
.newsWrap { padding:100px 0; }
.newsWrap .contWrap { display:flex; justify-content:space-between; align-items:flex-start; }
.newsWrap .left, .newsWrap .right { width:46%; }
.newsWrap .titleWrap { padding-bottom:30px; border-bottom:2px solid #a08975; }
.newsWrap li a { position:relative; display:block; padding:20px 100px 20px 10px; border-bottom:1px solid rgba(0,0,0,0.1); }
.newsWrap li a p { font-size:1.125em; }
.newsWrap li a .date { position:absolute; right:20px; top:50%; transform:translate(0,-50%); color:#909093; font-size:14px; font-weight:300;}

.newsWrap .right li a { padding-right:190px; }
.newsWrap .right p span { display:inline-block; }
.newsWrap li a .tag { padding:5px 10px; margin-right:20px; background:#adbdcc; color:#fff; font-size:16px; font-weight:bold; }
.newsWrap li a .name { position:relative; padding-right:15px; margin-right:15px; }
.newsWrap li a .name:after { content:''; position:absolute; right:0; top:50%; width:1px; height:16px; margin-top:-8px; background:rgba(0,0,0,0.1); }
.newsWrap li a .state.wait { color:#909093; }

/* °í°´¼¾ÅÍ */
.serviceWrap { display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; background:#a08975; color:#fff; font-size:1.125em; }
.serviceWrap .left { width:50%; padding:50px 50px; padding-left:calc((100% - 1220px) / 2); }
.serviceWrap .titleWrap { margin-bottom:30px; }
.serviceWrap .tag { display:inline-block; padding:5px 10px; background:rgba(0,0,0,0.3);font-size:16px; font-weight:bold; }
.serviceWrap .phoneNumber p:first-child { margin:0 0 20px; font-size:3em; font-weight:bold; line-height:1; }
.serviceWrap .bar { height:2px; margin:30px 0; background:#fff; }
.serviceWrap .lineLink { margin-top:30px; }

.serviceWrap .right { width:50%; background:url('../images/main/main_map_img.jpg')no-repeat center / cover; border-top:1px solid #a08975; }
.serviceWrap .right img { display:none; }

.serviceWrap li { position:relative; padding-left:60px; }
.serviceWrap li + li { margin-top:20px; }
.serviceWrap li i { position:absolute; left:0; top:0; display:flex; justify-content:center; align-items:center; width:40px; height:40px;
	border-radius:50%; background:rgba(0,0,0,0.15); }
.serviceWrap li p { display:flex; justify-content:flex-start; align-items:center; min-height:40px; }

/**/
.mobileView { display:none; }
.pcView { display:block; }
.c-brown { color:#a08975; }

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

	.contWrap { width:100%; padding-left:20px; padding-right:20px; }
	.visualList .slide { }
	.visualWrap .arrow .prev { left:20px; }
	.visualWrap .arrow .next { right:20px; }

	.serviceWrap .left { padding:50px 20px; }
}

@media screen and (max-width:1023px) { 
	.visualListWrap { height:700px; }
	.visualList .slide { height:700px; }
	.visualWrap .arrow a { width:30px; }

	.visualWrap .quickLink { position:static; padding:100px 20px; transform:translate(0,0); text-align:center; }
	.visualWrap .quickLink .titleWrap { display:block; }
	.visualWrap .quickLink ul { flex-wrap:wrap; align-items:stretch; margin-bottom:-20px;}
	
	.visualWrap .quickLink li { width:32%; margin-bottom:20px; }
	.visualWrap .quickLink li a { padding:30px 20px; box-shadow:none; border-color:rgba(160, 137, 117, 0.3); }
	.visualWrap .quickLink span { font-size:1.25em; color:#28272d; }
	.visualWrap .quickLink .icon1 i { background-image:url('../images/icon/icon_visualQuick01_on.png'); }
	.visualWrap .quickLink .icon2 i { background-image:url('../images/icon/icon_visualQuick02_on.png'); }
	.visualWrap .quickLink .icon3 i { background-image:url('../images/icon/icon_visualQuick03_on.png'); }
	.visualWrap .quickLink .icon4 i { background-image:url('../images/icon/icon_visualQuick04_on.png'); }
	.visualWrap .quickLink .icon5 i { background-image:url('../images/icon/icon_visualQuick05_on.png'); }
	.visualWrap .quickLink .icon6 i { background-image:url('../images/icon/icon_visualQuick06_on.png'); }

	.introduceWrap .contWrap .textWrap { width:100%; padding-right:0; margin-bottom:80px; text-align:center; }
	.introduceWrap .contWrap .textWrap .bar { margin:40px auto; }
	.introduceWrap .contWrap .linkWrap { width:90%; margin:0 auto; }
	.introduceWrap .contWrap .linkWrap .right { margin-top:0; }
	.introduceWrap .contWrap .linkWrap .right, .introduceWrap .contWrap .linkWrap .left { max-width:none; }

	.newsWrap .contWrap { flex-wrap:wrap; flex-direction:column; }
	.newsWrap .left, .newsWrap .right { width:100%; }
	.newsWrap .right { margin-top:40px; }

	.serviceWrap .left { width:100%; }
	.serviceWrap .right { width:100%; height:auto; background:none; }
	.serviceWrap .right img { display:block; }

}

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

	.popup_wrap { position:fixed; top:50%; left:50%; width:80%; transform:translate(-50%,-50%); }
	.popup_wrap img { width:100%; }
	.popup_wrap .popup .today label { font-size:14px; }

	body { font-size:14px; }
	.mobileView { display:block; }
	.pcView { display:none; }
	
	.titleWrap { font-size:1.75em; }
	.titleWrap i { width:17px; }

	.visualListWrap { height:auto; }
	.visualList .slide { height:auto; background:none; }
	.visualList .moView { display:block; }
	.visualList .pcView { display:none; }
	.visualWrap .arrow a { opacity:0.5; width:18px; height:50px; }
	.visualWrap .arrow .next { background-image:url('../images/icon/ico_main-arrow-right_m.png'); }
	.visualWrap .arrow .prev { background-image:url('../images/icon/ico_main-arrow-left_m.png'); }

	.visualWrap .quickLink .titleWrap { margin-bottom:20px; font-size:1.5em; }
	.visualWrap .quickLink { padding:50px 20px; }
	.visualWrap .quickLink li a { padding:20px 10px; }
	.visualWrap .quickLink span { font-size:1.125em; }
	.visualWrap .quickLink i { margin-bottom:10px; }
	.visualWrap .quickLink .icon1 i { width:36px; height:36px; }
	.visualWrap .quickLink .icon2 i { width:36px; height:36px; }
	.visualWrap .quickLink .icon3 i { width:36px; height:36px; }
	.visualWrap .quickLink .icon4 i { width:36px; height:36px; }
	.visualWrap .quickLink .icon5 i { width:36px; height:36px; }
	.visualWrap .quickLink .icon6 i { width:36px; height:36px; }

	.introduceWrap { padding:50px 0; }
	.introduceWrap .contWrap .textWrap { margin-bottom:40px; }
	.introduceWrap .contWrap .textWrap .title { font-size:2em; }
	.introduceWrap .contWrap .textWrap .des { font-size:1em; }
	.introduceWrap .contWrap .textWrap .bar { height:30px; margin:20px auto; }
	.introduceWrap .contWrap .linkWrap { width:100%; }
	.introduceWrap .contWrap .linkWrap .right { margin-left:20px; }
	.introduceWrap .contWrap .linkWrap a + a { margin-top:20px; }
	.introduceWrap .contWrap .linkWrap p { left:15px; bottom:15px; font-size:1em; }
	.introduceWrap .contWrap .linkWrap p i { width:17px; margin-left:10px; }
	.introduceWrap .contWrap .linkWrap p br { display:block; }

	.newsWrap { padding:50px 0; }
	.newsWrap .titleWrap { padding-bottom:15px; }
	.newsWrap li a p { font-size:1em; }
	.newsWrap li a { padding:10px 10px; }
	.newsWrap li a .name { margin-right:10px; padding-right:10px; }
	.newsWrap li a .date { position:static; display:block; margin-top:5px; transform:translate(0,0); }
	.newsWrap li a .tag { padding:3px 8px; margin-right:5px; font-size:14px; }
	.newsWrap .right li a { padding-right:10px; }

	.serviceWrap { font-size:1em; }
	.serviceWrap .left { padding:50px 20px; }
	.serviceWrap .titleWrap { margin-bottom:20px; }
	.serviceWrap .tag { font-size:14px; }
	.serviceWrap .phoneNumber { display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; margin:0; }
	.serviceWrap .phoneNumber p:first-child { margin:0; margin-right:10px; font-size:2em; }
	.serviceWrap .bar { margin:20px 0; }
	.serviceWrap .lineLink { margin-top:20px; }

}