@import url('https://hangeul.pstatic.net/hangeul_static/css/nanum-myeongjo.css');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
@import url('https://hangeul.pstatic.net/hangeul_static/css/maru-buri.css');

.nanummyeongjo * {
    font-family: 'NanumMyeongjo';
    font-family: 'NanumMyeongjoBold';
    font-family: 'NanumMyeongjoExtraBold';
}

.playfairdisplay * {
    font-family: 'Playfair Display', serif;
}

.MaruBuriExtraLight * {
font-family: 'MaruBuriExtraLight';
font-family: 'MaruBuriLight';
font-family: 'MaruBuri';
font-family: 'MaruBuriBold';
font-family: 'MaruBuriSemiBold';
}

html{font-size: 14px;}
h1, h2, h3, h4, h5, h6, p, span,a  {font-family: 'MaruBuriExtraLight'; color: #696969; }
/* p {color: #454545;} */

h1{font-size:2rem}
h2{font-size:1.5rem}
h3{font-size:1.3rem}
h4{font-size:1.4rem}
h5{font-size:1.2rem}
p{font-size:1rem}
span{font-size:0.735rem}

.spacer {height: 100px;}
.spacer-half {height: 50px;}
.left, .left_more {text-align: left;}
.reverse {display: inline; flex-direction: row-reverse;align-items: baseline;}
/* .reverse::after{display: initial;
	flex-direction: initial;} */

#container_title, .sub_topImg img {display: none}
#sub_contents{width:1920px; margin:0 auto; word-break:keep-all; overflow: hidden;}

#sub_contents .sub_con {width:1440px; margin:0 auto;}
#sub_contents .sub_con .block {margin:100px auto; font-size:0}

.wid1440 {width:1440px; margin:0 auto} 


.block .img_block {background-size: cover; width:38%; display: inline-block; margin-right:14%}
.block .img_block img {width:100%}
.block .txt_block {vertical-align:middle; width:48%; display: inline-block;}
.block .txt_block p {font-size:1.9rem; line-height: 3.8rem; letter-spacing: 0.7rem;}
.block .txt_block span {font-size:1.5rem; line-height: 4.1rem; letter-spacing: 0; display: inline-block; font-family: 'MaruBuri'}
.block .txt_block .btn > a {width: 300px; padding:17px 40px; background-color:#b2a69a; color:#fff; font-size: 1.2rem; border-radius: 30px;letter-spacing: normal;}
.block .txt_block .btn {text-align: right;}
.block .txt_block .btn > a:hover, 
.block .txt_block .btn > a:focus, 
.block .txt_block .btn > a:active{background-color: #fff; color:#b2a69a; border:1px solid #b2a69a; transition: 0.3s;}
.phil02 {background: url('/img/phil_02.jpg') no-repeat 50% 31%; opacity: 0.8;}
.phil03 {background: url('/img/phil_03.png') no-repeat; background-size: 50px auto; background-position: right bottom;}


/* wide페이지 레이아웃 */
.sub_wide {margin:100px auto;}
.sub_wide .wtxt{width:40%; text-align: right; display: inline-block;}
.sub_wide .wtxt:nth-child(2){width:50%;padding:0 1%}
.sub_wide .wtxt p{font-size:2rem; line-height: 3.8rem; letter-spacing: 0.5rem; font-family: 'Playfair Display', serif;}
.sub_wide .wtxt h3{font-size:2.7rem; line-height: 3.8rem; letter-spacing: 0.9rem; font-family: 'Playfair Display', serif}

.wline {border-bottom: 1px solid #b8b8b8; width:100%; display: inline-block;}


/* full페이지 레이아웃 */
.sub_full {position: relative; background-size: cover; background-attachment: fixed; padding:3% 0; text-align: center;}
.sub_full p {font-size:2.4rem; line-height: 5rem; letter-spacing:1.5rem; color:#000;  font-family: 'MaruBuriLight';}
.sub_full .big{font-size:3rem}
.sub_full .quote {position:absolute; font-family:'MaruBuriSemiBold'; font-size:2rem; color: #575757; top:10px; left:10px}
.sub_full .quote:last-child {top:inherit; left:inherit; bottom: 10px; right: 10px}


.block .sub_list {}
.block .sub_list .icon{font-family:'FontAwesome'; font-size:2.5rem; line-height: 3rem; margin-bottom: 5rem; color:#cbc0b7}
.block .sub_list li{width:33%; display: inline-block; text-align: center; vertical-align: top; margin: 3rem auto 5rem;}
.block .sub_list li > h3 {font-family:'Playfair Display'; font-style:italic; font-size:2.5rem; line-height: 3rem; margin-bottom: 5rem;}
.block .sub_list li > h4 { font-size:1.7rem; line-height: 3rem;}
.block .sub_list li > p { font-size:1.4rem; line-height: 2.7rem; font-family:'MaruBuri';letter-spacing : -1px;}
.block .sub_list .lstline {text-align:center; border-bottom:1px solid #bfbfbf; width:20%; margin:4rem auto 6rem;}


/*process 페이지*/
/* .process01 {background: url('/img/process_01.jpg') no-repeat 50% 31%; opacity: 0.8;background-size: 100%;} */
.process01 {background: #f0eeec; opacity: 1;background-size: 100%;}
.process02 {}

/*contact 페이지*/
.sub_full_con {background: rgb(240, 238, 236); padding:3% 0; letter-spacing: 5px; }

.ctxt {width:auto; text-align:center; display: inline-block; padding:1%}
/* .ctxt{width:65%;} */
.ctxt h3{font-size:2.7rem; line-height: 3.8rem; letter-spacing: 0.9rem; }

.sub_full_con .clist {}
.sub_full_con .clist ul {font-size:0; letter-spacing: 0;}
.sub_full_con .clist li {width:33%; display: inline-block; border:3px solid rgb(240, 238, 236); }
.sub_full_con .clist li:nth-child(1){background: url('/img/contact_01.jpg') no-repeat 50% 31%; }
.sub_full_con .clist li:nth-child(2){background: url('/img/contact_02.jpg') no-repeat 50% bottom; }
.sub_full_con .clist li:nth-child(3){background: url('/img/contact_03.jpg') no-repeat 50% 31%; }
.sub_full_con .clist li:focus, li:active, li:hover {mix-blend-mode: multiply; transition: 0.5s;}
.sub_full_con .clist li h1{color:#fff; font-weight: 600; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-family: 'Playfair Display'; letter-spacing: 1px;}

.square {position: relative;width: 100%;padding-bottom: 100%; /* 1대1 비율을 위한 Padding 설정 */ }
.square a {position: absolute;top: 0;left: 0;width: 100%;height: 100%; /* 1대1 비율을 위한 Padding 설정 */ }

.wid60{width:60% !important; margin-right:80px}
.wid30{width:30% !important; margin-left: 30px; display: inline-block;}
.txt_center{text-align: center;}



/*서브메뉴 */

.sub_menu{width:720px; margin:0 auto; display: block;}
.sub_menu ul{}
.sub_menu li{width:50%; float: left; border-bottom:1px solid #282c2acc; color:#282c2acc; padding-bottom: 5px; }
.sub_menu li > a {font-size:1.2rem}
.sub_menu .on{border-bottom: 1px solid #947419;}
.sub_menu .on a{color:#947419; font-family:'MaruBuriBold'; }

@media only screen and (max-width : 1919px)  {
	#sub_contents, #sub_contents .sub_con, .wid1440{width:99%; margin:0 auto;}
    
}

@media only screen and (max-width : 1439px)  {
	.wid1440{width:100%}


}

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

h1{font-size:1.5rem}
h2{font-size:1.3rem}
h3{font-size:1.1rem}
h4{font-size:1.0rem}
h5{font-size:0.835rem}
p{font-size:0.8rem}
span{font-size:0.65rem}

.sub_full p{}
.block .sub_list .icon{margin-bottom: 2rem;}
.block .sub_list li > h4 {font-size:1.2rem; line-height: 2.5rem;}
.block .sub_list li > p{font-size: 0.9rem; line-height: 1.3rem;;}
.wid60, .wid30 {margin:auto 15px;}


}

@media only screen and (max-width : 999px)  {
    .block .img_block {margin-right: 5%;}
    .block .txt_block {width:50%}
    .block .txt_block p{font-size: 1.3rem; letter-spacing: 0.4rem; line-height: 2.3rem;}
    .block .txt_block span {font-size:1rem; letter-spacing: 0.1rem; line-height: 2rem;}

    .sub_wide .wtxt p{}
    .sub_wide .wtxt h3{font-size:2rem; line-height: 3.8rem;}

    .sub_full p, .sub_full .big {font-size:2rem; letter-spacing: 1rem;}
    .sub_full .quote {font-size:1rem}


	/* contact 페이지 */
	.ctxt h3 {font-size:2rem; letter-spacing: normal;}

    /* 서브메뉴 */
    .sub_menu{width:75%;}
    .sub_menu li > a {font-size:1rem}
}

@media only screen and (max-width : 769px)  {
	.block .sub_list li {width:50%}
    .block .sub_list li > h3 {margin-bottom:3.5rem}
    .block .sub_list .lstline {margin:2.5rem auto 4rem;}
	.wid60, .wid30 {width:100% !important; margin:20px auto;}
    
    .sub_wide .wtxt h3, .sub_wide .wtxt p{font-size:1.5rem; line-height: 2.8rem;}

    /*process 페이지*/
    .sub_full p, .sub_full .big {font-size:1.2rem; letter-spacing: 0.1rem; line-height: 2.2rem;}
    .block .sub_list .icon{font-size:2rem}
    .process01 {}
}


@media only screen and (max-width : 639px)  {
	.spacer{height:50px}
	.block .sub_list li {width:50%}
    .ctit h1{font-size:1rem; letter-spacing: 0.1rem;}
}


/*모바일*/
@media only screen and (max-width : 539px)  {

	h1{font-size:1.3rem}
	h2{font-size:1.2rem}
	h3{font-size:1.0rem}
	h4{font-size:0.9rem}
	h5{font-size:0.735rem}
	p{font-size:0.7rem}
	span{font-size:0.65rem}

	#sub_contents .sub_con .block {margin:60px auto}

	.block .img_block{width:100%}
    .block .txt_block{width:100%; padding:5%}

    .sub_wide .wtxt{width:100%;}
    .sub_wide .wtxt h3{letter-spacing: 0.4rem;}

    .block .sub_list li{width:100%}
    .block .sub_list li > p{font-size:1rem;}

    .sub_full p, .sub_full .big {}
    
    
	.sub_full_con .clist li{width:100%;}
	.square {padding-bottom:50%}

    .ctxt {display: block;}
    .ctxt h3{font-size:1.5rem; letter-spacing: 1rem;;}

}


/** 지도 css **/
.map_wrap {position:relative;overflow:hidden;width:100%;height:350px;}
.radius_border{border:1px solid #919191;border-radius:5px;}       
.custom_zoomcontrol {position:absolute;top:50px;right:10px;width:36px;height:80px;overflow:hidden;z-index:1;background-color:#f5f5f5;}
.custom_zoomcontrol span {display:block;width:36px;height:40px;text-align:center;cursor:pointer;}
.custom_zoomcontrol span img {width:15px;padding:12px 0;border:none;margin: 0 auto;}
.custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;}
.root_daum_roughmap_landing{margin:0 auto;}
.root_daum_roughmap{width:100%; margin:30px 0 0;}


	/* #sub_contents{width:100%; margin:30px auto 0;}

	#sub_contents h1{font-size:20px; font-weight:bold;}
	#sub_contents p{font-size:18px; margin:10px 0; word-break:keep-all;}
	#sub_contents h2{font-size:17px; margin:10px 0;}
}

@media only screen and (min-width : 320px) and (max-width : 720px) {
	#sub_contents{width:100%; margin:30px auto 0; text-align:center;}

	#sub_contents img{width:95%; margin:0 auto 15px;}
	#sub_contents h1{font-size:20px; font-weight:bold;}
	#sub_contents p{font-size:17px; margin:10px 0; word-break:keep-all;}
	#sub_contents h2{font-size:16px; margin:10px 0;}
}  */