@charset "UTF-8";
body {
    font-family: 'Pretendard', sans-serif;
    letter-spacing: -0.03em;
    --theme  : #945b3d;
    --light1 : #FAF7F5;
    --light2 : #EADED8;
    --light3 : #A97C64;
    --dark1  : #845136;
    --dark2  : #754830;
    --mark   : #FFD600;
    /*--emph     : ;*/
}
.inner { max-width: 1200px; }
.serif { font-family: 'KoPubWorldBatang'; }


/* 상단 */
#header { padding: 1em 0; position: fixed; left: 0; top: 0; width: 100%; z-index: 999; background-color: rgba(255,255,255,0.7);}
#header .inner { display: flex; justify-content: space-between; align-items: center; }
#header .logo { font-size: 1.5em; font-weight: 700; }
#header .nav { display: flex; align-items: center; }
#header .gnb { display: flex; }
#header .gnb li { font-size: 1.125em; margin-right: 2em; font-weight: 600; }
#header .gnb li.active,
#header .gnb li:hover { color: var(--theme); }

/* 하단 */
#footer { background-color: #333; color: #fff; padding: 3em 0 5em; }
#footer .inner { position: relative; }
#footer .logo { font-size: 1.25em; font-weight: 700;}
#footer .logo img { max-width:130px;} 
#footer .info { font-size: 0.875em; margin: 0.5em 0 0.8em; }
#footer .info span { white-space: nowrap; display:inline-block; padding-left:20px; position:relative;}
#footer .info span::before {content:''; display:block; width:1px; height:0.7rem; background:#fff; position:absolute; left:8px; top:3px;}
#footer .info span:first-child {padding-left:0; width:46px;}
#footer .info span:first-child:before {content:none;}
#footer .info span i { font-style:normal;}

/*#footer .info i { display: inline-block; margin: 0 0.5em; }*/
#footer .copy { font-size: 0.875em; color: #aaa; }
#footer .download { position: absolute; right: 0; top: 0; display: inline-block; border: 1px solid #fff; padding: 0 1.5em; line-height: 2.8; border-radius: 0.5em; font-weight: 500; margin-right: 3%; }
#footer .download i { vertical-align: middle; }
#footer .download:hover { background-color: #fff; color: var(--dark2); }

/* 컨텐츠 */
#wrapper {  }
.section { padding: 6em 0 9em; }

/* 서브 */
.sub h4 { font-size: 2.25em; font-weight: 700; }
.sub h5 { font-size: 1.875em; font-weight: 700; }
.sub p { font-size: 1.25em; line-height: 1.3; } 

.sub .visual { text-align: center; padding-top: 8em; }
.sub .visual h2 { font-size: 3em; font-weight: 700; color:#fff;}
.sub .visual .lnb { margin-top: 3em; }
.sub .visual .lnb ul { display: flex; justify-content: center; }
.sub .visual .lnb li { font-size: 1.25em; font-weight: 600; margin: 0 1em; color: #999; padding: 0 0.5em 0.3em; border-bottom: 2px solid transparent; }
.sub .visual .lnb li.active { color: var(--theme); border-color: var(--theme);}

.greeting { background: url(../img/img_greeting.jpg) no-repeat right bottom/55%; }
.greeting .txt p { line-height: 1.5; margin-bottom: 1em; }
.greeting .txt .margin { padding: 1em 0; }
.greeting .txt .signature { display: flex; align-items: center; }
.greeting .txt .signature p { margin: 0; margin-right: 1em; }
.greeting .txt .signature img { width: 9em; }

.history dt { background: url(../img/img_history.png) no-repeat center/cover; color: #000; width: 10em; height: 10em; border-radius: 50em; display: flex; align-items: center; justify-content: center; margin: auto; }
.history dd { padding: 2em; position: relative; }
.history dd::before { content:""; width: 1px; height: 100%; background-color: var(--theme); display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.history dd h4 { margin-bottom: 0.3em; position: relative; }
.history dd h4::before { content:""; width: 0.5em; height: 0.5em; border: 0.12em solid var(--theme); display: inline-block; border-radius: 3em; position: absolute; top: 0.35em; background-color: #fff; }
.history dd p b { display: inline-block; margin-right: 0.5em; font-weight: 600; }
.history dd:nth-child(even) { padding-left: 53%; text-align: left; }
.history dd:nth-child(even) h4::before { left: -1.25em; }
.history dd:nth-child(odd) { padding-right: 53%; text-align: right; }
.history dd:nth-child(odd) h4::before { right: -1.25em; }

/*
.location .map { width: 100%; padding-top: 45%; margin-bottom: 3em; position: relative; border: 1px solid #ddd; }
.location .map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
*/
.map_wrap							{ display:block; overflow:hidden; margin-bottom: 3em; }
	.map_view						{ display:block; overflow:hidden; width:100%; height:400px; }
	.map_view .root_daum_roughmap	{ width:100% !important; height:100% !important; }
	.map_view .root_daum_roughmap	.wrap_map { width:100% !important; height:100% !important; }
	.map_view .root_daum_roughmap	.wrap_map .map_border { display:none !important; }

.location hr { margin: 3em 0; opacity: 0.6; }
.location .txt { display: flex; }
.location .txt h5 { width: 7em; }
.location .txt li { padding: 0.3em 0; margin-bottom: 1em; }
.location .txt i { margin-right: 0.5em; vertical-align: middle; margin-top: -0.2em; }

.profile { text-align: center; }
.profile .download { display: inline-block; border: 1px solid var(--theme); padding: 0 1.5em; line-height: 2.8; border-radius: 0.5em; font-weight: 500; color: var(--theme); }
.profile .download i { vertical-align: middle; }
.profile .box { width: 49.5%; display: flex; align-items: center; justify-content: space-between; padding: 2em 3em; margin: auto; }
.profile .box .txt { color: var(--color); }
.profile .box p { font-size: 1.125em; }
.profile .box h5 { font-size: 1.875em; margin: 0.2em 0 1.5em; font-weight: 700; }
.profile .box a { display: inline-block; font-size: 1em; border: 1px solid var(--color); padding: 0 1em; line-height: 2.25; }
.profile .box .img { width: 55%; }
.profile .box .img img { width: 100%; }
.profile .box { background-color: var(--light2);  --color: var(--dark1); }

.faq .list ul { border-top: 2px solid #000; }
.faq .list li { padding: 1em; border-bottom: 1px solid #ddd; }
.faq .list .subject { font-size: 1.25em; font-weight: 700; }
.faq .list .subject i { display: inline-block; width: 2em; line-height: 2em; text-align: center; background-color: var(--theme); color: #fff; border-radius: 10em; margin-right: 0.5em; }
.faq .list li:hover { background-color: var(--light1); }
.faq .bo_view_tit { font-size: 1.75em; }
.faq .bo_view_tit h3 { font-weight: 700; }
.faq .bo_view_content { font-size: 1.25em; }

/* 메인 */
.main .visual { padding: 18em 0; background: url(../img/bg_main_visual.jpg) no-repeat center/cover; position: relative; }
.main .visual h2 { font-size: 3.25em; font-weight: 700; color: #fff; }
.main .visual p { font-size: 1.5em; line-height: 1.5; color: #fff; margin-top: 0.5em; }
.main .visual .img { width: 42%; position: absolute; right: 3%; top: 50%; transform: translateY(-50%); }
.main .visual .img img { width: 100%; }

.main .sec01 .list ul { display: flex; text-align: center; }
.main .sec01 .list li { width: 31.3333%; margin: 1%; overflow: hidden; }
.main .sec01 .list a { background: no-repeat center/100%; display: block; padding: 5em 0; transition: 0.3s; text-shadow: 2px 2px 2px rgba(0,0,0,0.7); -webkit-border-radius: 1em;-moz-border-radius: 1em; border-radius: 1em; overflow: hidden; }
.main .sec01 .list a img { width: 18%; }
.main .sec01 .list h5 { font-size: 1.375em; font-weight: 600; margin-top: 0.5em; }
/*.main .sec01 .list p { display: inline-block; font-size: 1.125em; margin-top: 2em; border-bottom: 1px solid #fff; padding: 0.3em; }*/
.main .sec01 .list li:hover a { background-size: 110%; }

.main .sec02 { background-color: var(--light1); }
.main .sec02 .list ul { display: flex; justify-content: space-between; }
.main .sec02 .list li { width: 49.5%; display: flex; align-items: center; justify-content: space-between; padding: 2em 3em; }
.main .sec02 .list .txt { color: var(--color); }
.main .sec02 .list p { font-size: 1.125em; }
.main .sec02 .list h5 { font-size: 1.875em; margin: 0.2em 0 1.5em; font-weight: 700; }
.main .sec02 .list a { display: inline-block; font-size: 1em; border: 1px solid var(--color); padding: 0 1em; line-height: 2.25; }
.main .sec02 .list .img { width: 55%; }
.main .sec02 .list .img img { width: 100%; }

.main .sec02 .list li:nth-child(1) { background-color: var(--light2);  --color: var(--dark1); }
.main .sec02 .list li:nth-child(2) { background-color: var(--light3); --color:#fff; }



/******************************** 반응형 **********************************/
br.mb { display: none; }

@media screen and (max-width: 1280px){
    .inner { padding-left: 3%; padding-right: 3%; }
	
@media screen and (max-width: 1024px){
    .greeting { background: url(../img/img_greeting.jpg) no-repeat right top/55%; }
	.map_view { height:350px; }
}
}
@media screen and (max-width: 768px){
    #header,
    #footer { font-size: 1.5vw; }
    #wrapper { font-size: 1.5vw; }

	.map_view {  height:250px; }
}
@media screen and (max-width: 586px){
    br.mb { display: block; }

    #header,
    #footer,
    #wrapper { font-size: 2.5vw; word-break: keep-all; }

    #header .inner { flex-direction: column; padding: 0; }
    #header .logo { margin-bottom: 0.5em; }
    #header .nav { width: 100%; }
    #header .gnb { width: 83%; padding-right: 1%; text-align: center; justify-content: space-around;}
    #header .gnb li { margin: 0;  }

    #footer { text-align: center; }
    #footer .info span { white-space: nowrap; }
    #footer .download { position: static; margin: 2em 0 1em;}

    .main .visual { padding: 12em 0 6em; }
    .main .visual h2 { font-size: 3em; }
    .main .visual .img { position: static; transform: translate(0); width: 80%; margin: auto; margin-top: 2em; }

    .main .sec01 .list ul { flex-direction: column; }
    .main .sec01 .list li { width: 98%; }
    .main .sec01 .list a { padding: 15% 1em; }
    .main .sec01 .list a img {width: 14%; }

    .main .sec02 .list ul { flex-direction: column; }
    .main .sec02 .list li { width: 100%; margin-bottom: 1em; }

    .sub .visual { padding-top: 11em; }
    .sub .visual h2 { font-size: 2.5em; }
    .sub .visual .lnb { overflow-x: scroll; }
    .sub .visual .lnb ul { justify-content: flex-start; }
    .sub .visual .lnb li { white-space: nowrap; }

    .greeting { background: url(../img/img_greeting.jpg) no-repeat right bottom /65%; }
  
    .history dt { width: 100%; height: auto; font-size: 1.5em; padding: 1em 0; border-radius: 1em; margin-bottom: 2em; }
    .history dd:nth-child(even),
    .history dd:nth-child(odd) { padding: 0 0 5% 10%; text-align: left; }
    .history dd::before { left: 4%; }
    .history dd:nth-child(odd) h4::before { left: -1.25em; }

    .location .map { padding-top: 60%; }

    .location .txt { font-size: 0.9em; }
    .location .txt h5 { width: 6em; }
    .location .txt li { font-size: 1.25em; }


}



.footer-in-wrap  {width:96%; max-width:1400px; margin:0 auto;}
.footer-in-wrap .footer-in { width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; }
.footer-in-wrap .footer-in .copy-logo {width:260px; }
.footer-in-wrap .footer-in .copy-logo img {filter: invert(54%) sepia(0%) saturate(94%) hue-rotate(195deg) brightness(87%) contrast(95%); max-width:100%;}

.footer-in-wrap .footer-in .copy-right-wrap {width:calc(100% - 450px); display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; color:#aaa;}
.footer-in-wrap .footer-in .copy-right-wrap .copy-right {width:100%}
.footer-in-wrap .footer-in .copy-right-wrap .copy-right address {width: 100%; display:block; overflow:hidden; font-size:1em; line-height:1.7rem; word-break:keep-all; }
.footer-in-wrap .footer-in .copy-right-wrap .copy-right address p { }
.footer-in-wrap .footer-in .copy-right-wrap .copy-right address p.cr {margin-top:10px; color:#848484; font-size:0.875em;}
.footer-in-wrap .footer-in .copy-right-wrap .copy-right address span {display:inline-block; padding-left:26px; position:relative;}
.footer-in-wrap .footer-in .copy-right-wrap .copy-right address span::before {content:''; display:block; width:1px; height:0.6rem; background:#aaa; position:absolute; left:13px; top:7px; }
.footer-in-wrap .footer-in .copy-right-wrap .copy-right address span:first-child {padding-left:0;}
.footer-in-wrap .footer-in .copy-right-wrap .copy-right address span:first-child:before {content:none;}
.footer-in-wrap .footer-in .copy-right-wrap .copy-right address span i { font-style:normal;}
.copy-count {width:130px; }
.copy-count div { width:100%; display:flex; justify-content:space-between; align-items:center; height:30px; line-height:30px; border:1px solid #cdcdcd; box-sizing:border-box; border-radius:3px; overflow:hidden; margin-bottom:7px}
.copy-count div p {font-size:0.875rem; color:#848484; }
.copy-count div p.tit {width:50%; box-sizing:border-box; border-right:1px solid #cdcdcd; text-align:center; height:30px; line-height:30px; color:#ff848484f; background:#cdcdcd30}
.copy-count div p.num {padding:0 6%; width:38%; text-align:right; color:#848484;}

/* 작은 PC용 CSS */
@media all and (max-width:1399px){
	.footer-in-wrap  { padding:50px 0}
	.footer-in-wrap .footer-in .copy-logo {width:170px; }
	.footer-in-wrap .footer-in .copy-right-wrap {width:calc(100% - 360px); }
	.footer-in-wrap .footer-in .copy-right-wrap .copy-right address {font-size:1.2rem;}
	.footer-in-wrap .footer-in .copy-right-wrap .copy-right address span::before { height:1.0rem; top:7px; }
}

/* 태블릿 CSS */
@media all and (max-width:1023px){

	.footer-in-wrap  { padding:40px 0 90px 0}
	.footer-in-wrap .footer-in {display:block;}
	.footer-in-wrap .footer-in .copy-logo {width:100%; max-width:170px; margin:0 auto;}

	.footer-in-wrap .footer-in .copy-right-wrap {width:100%; max-width:480px; margin:0 auto; margin-top:20px;}
	.footer-in-wrap .footer-in .copy-right-wrap .copy-right address {font-size:1.2rem; line-height:2.4rem;  }
	.footer-in-wrap .footer-in .copy-right-wrap .copy-right address span {display:block; padding-left:0}
	.footer-in-wrap .footer-in .copy-right-wrap .copy-right address span::before { content:none; }
	
	.copy-count {width:270px; margin:0 auto; margin-top:20px; display:flex; justify-content:space-between; align-items:center; }
	.copy-count div { width:49%;}
}