@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  {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:1200px; margin:0 auto; word-break:keep-all; overflow: hidden;}

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

.wid1200 {width:1200px; margin:0 auto} 


.block .img_block {background-size: cover; width:38%; display: inline-block; margin-right:5%}
.block .img_block img {width:100%}
.block .txt_block {vertical-align:middle; width:48%; display: inline-block; margin:0 auto;}
.block .txt_block p {font-size:1.6rem; line-height: 3rem; letter-spacing: 0.4rem;}
.block .txt_block span {font-size:1rem; line-height: 2rem; letter-spacing: 0; display: inline-block; }
.block .txt_block .btn > a {width: 170px; padding:17px 20px; background-color:#252525; color:#fff; font-size: 1rem; border-radius: 30px;letter-spacing: normal;}
.block .txt_block .btn {margin:2rem auto; padding:0; text-align: left;}
.block .txt_block .btn > a:hover, 
.block .txt_block .btn > a:focus, 
.block .txt_block .btn > a:active{background-color: #fff; color:#252525; border:1px solid #252525; transition: 0.3s;}
.phil02 {background: url('/img/phil_02.jpg') no-repeat 50% 66%; 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:40%;padding:0 1%}
.sub_wide .wtxt p{font-size:1.2rem; line-height: 3.8rem; letter-spacing: 0.5rem; }
.sub_wide .wtxt h3{font-size:2rem; line-height: 3.8rem; letter-spacing: 0.9rem; }

.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:1.5rem; line-height: 2.5rem; letter-spacing:1rem; color:#000; ;}
.sub_full .big{font-size:1.5rem}
.sub_full .quote {position:absolute;  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:2rem; line-height: 2rem; margin-bottom: 5rem; color:#4f4f4f}
.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-style:italic; font-size:2rem; line-height: 3rem; margin-bottom: 5rem;}
.block .sub_list li > h4 { font-size:1.3rem; line-height: 1.6rem;}
.block .sub_list li > p { font-size:0.8.5rem; line-height: 2rem; letter-spacing : -0.2px;}
.block .sub_list .lstline {text-align:center; border-bottom:1px solid #bfbfbf; width:20%; margin:4rem auto 6rem;}
.block .sub_list li .sub_list_txt{line-height: 2rem; letter-spacing: -0.2px;}

/*process 페이지*/
.process01 {background: url('/img/process_01.jpg') no-repeat 50% 46%; opacity: 0.8;background-size: 100%; padding:10rem}
.block .oneimg {margin:0 auto; text-align: center;}

/* .process01 {background: #f0eeec; opacity: 1;background-size: 100%;} */
.process02 {}

.sub_list_hori {width: 70%; margin:50px auto;}
.sub_list_hori ul{}
.sub_list_hori li{width:100%; margin-bottom: 40px; ;}
.sub_list_hori h4 {font-size:1.3rem; padding-bottom:10px}
.sub_list_hori p {line-height: 160%;}

/*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%); 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 설정 */ }

.wid70{width:70% !important; text-align: center;margin: 0 auto}
.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:45%; display: inline-block; color:#dddddd; padding-bottom: 5px; margin:0 auto; text-align: center; }
.sub_menu li > a {font-size:1rem; color:#c8c8c8;}
.sub_menu .on{}
.sub_menu .on a{color:#000;  }

@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: 0rem; 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:30px 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;;}

    .wid70 {width:100% !important; padding:2%}
    .sub_list_hori {width: 90%}
    .sub_list_hori h4 {font-size: 1rem;}
    .sub_list_hori p {font-size: 0.835rem;}

}


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