@charset "utf-8";


.m_scroll {position:fixed; left:-34px; bottom:124px; z-index:11111; height:56px; padding-left:26px; color:#888; font-size:13px; line-height:56px; transform: rotate(90deg) scale(0.97); letter-spacing: 0;}
.m_scroll:after {content:''; display:block; width:60px; height:1px; background:#ccc; position:absolute; left:126px; top:50%; animation:scroll_circle1 2s ease-in-out infinite;}
@keyframes scroll_circle1{
	0%{  left:126px;}
 	60%{ left:131px;}
}    
.m_scroll i { width:13px; height:13px; box-sizing:border-box; border-radius:30px; background:#002f9c; position:absolute; right:-22px; top:22px; z-index:-1;animation:scroll_circle2 2s ease-in-out infinite; opacity:0; z-index:2;}
.m_scroll i:before {content:''; display:block; width:5px; height:5px; border-radius:5px; background:#fff; margin:4px;}
@keyframes scroll_circle2{
	0%{  right:-22px; transform: scale(0); opacity:0;}
	20% { transform: scale(1); opacity:1;}
	60% { transform: scale(1); opacity:1;}
 	80%{ right:-74px; transform: scale(0);  opacity:0;}
}





#hd_login_msg {display:none;}
#wrap{position:relative; min-width:320px;}
#hd_pop {position:absolute; left:-300px; top:-300px;}

.opacityAni{opacity:0;}
.opacityAni.is-inview{animation-name: opacityAni; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 1s; animation-fill-mode: forwards;}
.textMotion{opacity:0;}
.textMotion.is-inview{animation-name: letterspacingTxt; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 1s; animation-fill-mode: forwards;}
.fadeUp{opacity:0;}
.fadeUp.is-inview{animation-name: fadeUp; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 1s; animation-fill-mode: forwards;}
.fadeLeft{opacity:0;}
.fadeLeft.is-inview{animation-name: fadeLeft; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 1s; animation-delay:0.1s; animation-fill-mode: forwards;}
.fadeLeft2{opacity:0;}
.fadeLeft2.is-inview{animation-name: fadeLeft2; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 1.5s; animation-delay:0.1s; animation-fill-mode: forwards;}


#wrap{position:relative; min-width:320px; width:100%; }

body::-webkit-scrollbar{width: 7px;}
body::-webkit-scrollbar-thumb{background-color:#745645; border-radius:10px;   margin: transition:all 0.2s; }
body::-webkit-scrollbar-track{background-color:#fff;}




.quick_btn {position:fixed; right:0; top:174px; z-index:112; display:block; width:64px; height:220px; background:url("../images/common/quick_bg.png") no-repeat center center; background-size:cover; border-radius:10px 0 0 10px; text-align:center; color:#fff; font-family:'esa'; font-weight:bold; line-height:1.2; padding-top:26px; box-shadow:0 0px 15px rgba(16,31,66,0.2); transition:1s;transition-delay:0.5s;}
.quick_btn img {display:block; margin:0 auto 10px; padding-left:2px;}
.quick_btn.on {right:-64px; transition-delay:0s;}




.fix_quick {position:fixed; right:80px; bottom:80px; z-index:1111111110;  transition:1s;}
.fix_quick a {display:block; width:80px; height:80px; border-radius:6px; text-align:center; box-shadow:0 0 12px rgba(0,0,0,0.15);}
.fix_quick .btn { font-size:14px; color:#fff; background:#745645; margin-bottom:12px; padding-top:13px;}
.fix_quick .btn img {display:block; margin:0 auto 7px;}
.fix_quick .btn + .btn {background:#555;}
.fix_quick .btn + .btn + .btn {background:#000;}
.fix_quick .go_top { background:#fff;  position:relative;}
.fix_quick .go_top:before {content:''; display:block; width:16px; height:2px; position:absolute; left:50%; margin-left:-8px; top:25px; background:#000; }
.fix_quick .go_top span {display:block; font-size:24px; font-weight:300; line-height:1; height:21px;animation:go_top02 1s ease-in-out infinite; position:relative;padding-top:32px; }
@keyframes go_top02{
	0%{ top:0;}
 	50%{ top:-4px;}
    100%{ top:0;}
}


.fix_quick.on { transition:1s; right:0;}



.h_sitemap { position:fixed; left:0; top:0; right:0; bottom:0; z-index:111111111111111111111;  overflow:hidden; height:0;}
.h_sitemap.on { height:auto;}
.h_sitemap > ul { height:100%; }
.h_sitemap > ul > li {height:16.6666666%; width:100%; position:relative;  display:flex; align-items: center; transition: 0.5s ease-in-out; background:#7a5c4b; opacity:0; transform: translateY(50px);}
.h_sitemap.on > ul > li {opacity:1;}
.h_sitemap.on > ul > li:nth-child(1) {transition-delay: 0.2s; transform: translateY(0);}
.h_sitemap.on > ul > li:nth-child(2) {transition-delay: 0.4s; transform: translateY(0);}
.h_sitemap.on > ul > li:nth-child(3) {transition-delay: 0.6s; transform: translateY(0);}
.h_sitemap.on > ul > li:nth-child(4) {transition-delay: 0.8s; transform: translateY(0);}
.h_sitemap.on > ul > li:nth-child(5) {transition-delay: 1s; transform: translateY(0);}
.h_sitemap.on > ul > li:nth-child(6) {transition-delay: 1.2s; transform: translateY(0);}


.h_sitemap > ul > li:nth-child(1),
.h_sitemap > ul > li:nth-child(3),
.h_sitemap > ul > li:nth-child(5) {background:#745645;}

.h_sitemap > ul > li > a { color:#fff;  display:flex; width:300px; height:100%; text-align:center; align-items: center; justify-content: center; position:relative; }
.h_sitemap > ul > li > a:before {content:''; display: block; position:absolute; left:0; top:0; right:0; bottom:0;background:url(../images/common/sub_visual01.png) no-repeat right top; background-size:auto 104%; opacity:.75;}
.h_sitemap > ul > li:nth-child(2) > a:before {background-image:url(../images/common/sub_visual02.png);}
.h_sitemap > ul > li:nth-child(3) > a:before {background-image:url(../images/common/sub_visual03.png);}
.h_sitemap > ul > li:nth-child(4) > a:before {background-image:url(../images/common/sub_visual04.png);}
.h_sitemap > ul > li:nth-child(5) > a:before {background-image:url(../images/common/sub_visual05.png);}
.h_sitemap > ul > li:nth-child(6) > a:before {background-image:url(../images/common/sub_visual06.png);}
.h_sitemap > ul > li > a span {font-size:24px; font-weight:bold; position:relative; z-index:3;}
.h_sitemap > ul > li ul { position:absolute; left:390px; top:0; bottom:0; display:flex; align-items: center; gap:70px; flex-wrap:wrap;}
.h_sitemap > ul > li ul:before {content:''; display:block; width:1px;  position:absolute; left:-90px; top:40px; bottom:40px; background:#fff; opacity:.1; display:none;}
.h_sitemap > ul > li ul a { color:#fff;}
.h_sitemap > ul > li ul a span {font-size:19px; opacity:.75;}
.h_sitemap .close { position:absolute; right:60px; top:30px; overflow:hidden; display:block; width:50px; height:50px; text-indent:-999px; transform:rotate(135deg); opacity:0; transition: 0.5s;}
.h_sitemap.on .close {opacity:1; transition-delay: 1.4s; right:30px; transform:rotate(45deg);}
.h_sitemap .close:before {content:''; display:block; width:4px; height:50px; background:#fff; position:absolute; left:50%; top:0; margin-left:-2px;}
.h_sitemap .close:after {content:''; display:block; width:50px; height:4px; background:#fff; position:absolute; left:0; top:50%; margin-top:-2px;}
/* 헤더 Logo */
#header{position:fixed; top:30px; left:50px; right:50px; height:80px;z-index:31;  transition:0.3s ease-in-out; z-index:1111111111; background:#745645; border-radius:20px; }

#header .area_logo{ position:absolute; left:30px; top:0; height:100%; }
#header .area_logo:after{content:''; display:block; clear:both;}
#header .area_logo .logo{  transition: 0.3s ease-out;display:flex; height:100%; align-items: center;   position:relative; z-index:24;}
#header .area_logo .logo a{display:block;  overflow:hidden;  transition:0.3s;}

#header .area_logo .visit{float:right; margin:8px 0 0;}
#header .area_logo .visit a{display:block; height:47px; padding:13px 0 0 53px; background:url(../images/common/ico_dream.png) no-repeat 0 0; font-size:16px; color:#004bb8; letter-spacing:-2px;}
#header .area_logo .visit a strong{font-size: 18px;}

/* 헤더 GNB */
#header .gnb_wrap{position:absolute; left:0; right:0; top:0;}
#header .gnb_wrap > .inr{ }
#header .gnb_wrap > .inr:after{content:''; display:block; clear:both;}
#header .gnb_wrap .gnb_sitemap{ float:right; margin-top:-81px;}
#header .gnb_wrap .gnb_sitemap a{display:block; position:relative;width:30px; height:22px; background:url(../images/common/btn_header_wv.png) no-repeat; overflow:hidden; text-indent:-999px;}

#header #gnb{  transition: 0.3s ease-out; position:relative; z-index:23;  display:flex; justify-content: center; height:0;}
#header #gnb:after{content:''; display:block; clear:both;}
#header #gnb a{display:block;}
#header #gnb > li{float:left; position:relative;}
#header #gnb > li > a{display:block; position:relative; font-weight:400; font-size:19px;padding:0 36px; height:80px; line-height:80px; color:#fff; text-align:center; letter-spacing:-0.05em; white-space:nowrap; transition: 0.35s; }
#header #gnb > li > a:before { content:''; display:block; position:absolute; left:0;height:0; right:0; bottom:0; background:#333; opacity:0;  transition: 0.35s;}
#header #gnb > li > a span {font-size:18px; position:relative; z-index:2;}
#header #gnb > li > a > span{display:inline-block; position:relative; padding:0 6px; line-height:1.5; }
#header #gnb > li.active > a { line-height:88px; transition: 0.5s;}
#header #gnb > li.active > a:before {opacity:1;  transform: translateY(0px); height:90%; border-radius:12px 12px 0 0; transition: 0.5s;}
/*#header #gnb > li > a:before { content:''; display:block; width:0; height:5px; background:#267cda; position:absolute; left:10px; bottom:0;  transition:0.3s;}
#header #gnb > li.active > a:before { width:32px;}*/
.move-area {position:absolute; top:84px; width:10px; height:10px; margin-left:14px; background:#267cda; transition: 0.3s ease-in-out; border-radius:10px; opacity:0; z-index:42;}
.open .move-area {opacity:1;}
/* 2차 */


#header #gnb > li:nth-child(2) > ul ,
#header #gnb > li:nth-child(3) > ul ,
#header #gnb > li:nth-child(4) > ul ,
#header #gnb > li:nth-child(5) > ul {display:none !important;}





#header #gnb > li  > ul {   opacity:0;   position:relative; border-radius:0 0 12px 12px; transition: 0.35s; box-shadow:10px 10px 20px rgba(0,0,0,0.1); overflow:hidden; visibility: hidden; transform: translateY(-10px);}

#header #gnb > li.active  > ul { height:auto; opacity:1; transform: translateY(0px); visibility: visible; transition: 0.5s;}
 	
   

#header #gnb > li  > ul > li{position:relative; }
#header #gnb > li  > ul > li:first-child:after {content:''; display:block;}

#header #gnb > li  > ul > li > a{position:relative; padding:0 15px; font-weight:400; color:rgba(255,255,255,0.6);  line-height:1.2; letter-spacing:-1px; transition:0s;  height:60px; display:flex; align-items:center; justify-content: center; background:#333; transition: 0.3s; overflow:hidden; text-align:center; border-top:1px solid #222;}

#header #gnb > li  > ul > li > a:after {content:'→'; display:block; position:absolute ;right:20px; bottom:0; top:0; line-height:62px; color:#aaa; transition: 0.3s; display:none; }

#header #gnb > li  > ul > li > a:hover { color:#fff; background:#745645;}
#header #gnb > li  > ul > li > a:hover:after {color:#fff; transform: rotateY(180deg);}
#side .snb a.parent:after{display:none;}
#header #gnb > li  > ul > li > a span { position:relative; font-size:16px;}

/* gnb 배경 */
#header .gnb_wrap .gnb_bg {position:absolute; top:100px; left:0; z-index:20; overflow:hidden; width:100%; height:0; border-bottom:0 solid transparent; background:#fff; transition:0.7s cubic-bezier(0.165, 0.84, 0.44, 1);   }






#header.open .gnb_wrap .gnb_bg{box-sizing:content-box; height:340px !important; display:none !important;}
#header .gnb_wrap .gnb_bg > .inr{position:relative; max-width:1260px; margin:0 auto;}
#header .gnb_wrap .gnb_bg .area_link{float:left; width:185px; margin:30px 0 0; padding:140px 0 0; background:url(../images/common/img_gnb.jpg) no-repeat 0 0;}
#header .gnb_wrap .gnb_bg .area_link .txt{display:block; font-size:16px; line-height:1.4; color:#0468b4;}
#header .gnb_wrap .gnb_bg .area_link .link{display:block; margin:20px 0 0;}
#header .gnb_wrap .gnb_bg .area_link .link a{display:inline-block; position:relative; padding:10px 20px 10px 10px; border:1px solid #c5c5c5; font-weight:600; font-size:15px;}
#header .gnb_wrap .gnb_bg .area_link .link a:after{content:''; display:inline-block; position:absolute; top:0; right:10px; bottom:0; width:6px; height:6px; margin:auto; border-right:1px solid #000; border-bottom:1px solid #000; transform:rotate(-45deg);}


/* 헤더 우측 */
#header .header_ex {position:absolute; right:30px; top:0px; height:100%; z-index:40;   display:flex; align-items:center;}

#header .header_ex .zoom-control {display:flex; align-items: center; margin-right:40px; gap:14px;}
#header .header_ex .zoom-control button {width:24px; height:24px; background:#fff;text-align:center; display:flex; justify-content: center; align-items: center; border:1px solid rgba(255,255,255,0.2); background:none;}
#header .header_ex .zoom-control button i { font-size:16px; color:#fff;}
#header .header_ex .zoom-control span {font-size:14px; color:#fff;}

#header .header_ex .sitemap {width:30px; height:22px; position:relative; overflow:hidden; text-indent:-999px; color:transparent; font-size:0;}
#header .header_ex .sitemap:before {display:block; content:''; width:30px; height:2px; background:#fff; position:absolute; left:0; top:0; }
#header .header_ex .sitemap:after {display:block; content:''; width:30px; height:2px; background:#fff; position:absolute; left:0; bottom:0;}
#header .header_ex .sitemap span {display:block; width:30px; height:2px; background:#fff; position:absolute; left:0; top:50%; margin-top:-1px;}
#header .header_ex .lang {margin-right:35px; color:#fff; font-weight:300; font-size:16px; opacity:.5; }
#header .header_ex .lang.on {opacity:1; text-decoration: underline;}

#header .header_ex .srch_wrap {position:fixed; left:0; top:0; bottom:0; right:0; background:rgba(255,183,27,0.9); backdrop-filter:blur(10px); z-index:11111111111111; display:flex; justify-content: center; align-items: center; visibility: hidden; opacity:0; transition: 0.3s;}
#header .header_ex .srch_wrap.on { visibility:visible; opacity:1;}
#header .header_ex .srch_wrap .srch_inr {position:relative;}
#header .header_ex .srch_wrap .srch_inr div {border:10px solid #000; opacity:0; margin-top:-50px; transition: 0.3s; transition-delay: 0.3s;}
#header .header_ex .srch_wrap.on .srch_inr div {opacity:1; margin-top:0;}
#header .header_ex .srch_wrap .srch_inr div * {margin:0; border:0; background:none; vertical-align: top;}
#header .header_ex .srch_wrap .srch_inr div select {height:70px; font-size:20px; color:#000; padding-left:20px; margin:0;}
#header .header_ex .srch_wrap .srch_inr div input {height:70px; font-size:20px; color:#000;padding-left:20px; margin:0; width:400px;}
#header .header_ex .srch_wrap .srch_inr div input::placeholder {color:#000;}
#header .header_ex .srch_wrap .srch_inr div input::-webkit-input-placeholder {color:#000;}
#header .header_ex .srch_wrap .srch_inr div input:-ms-input-placeholder {color:#000;}
#header .header_ex .srch_wrap .srch_inr div button {width:70px; height:70px; text-align:center; }
#header .header_ex .srch_wrap .srch_inr div button i {font-size:24px; color:#000;}
#header .header_ex .srch_wrap .srch_inr .close {position:absolute; right:-110px; top:0px; width:90px; height:90px; border:10px solid #fff; padding-top:1px; background:none; opacity:0; margin-top:50px; transition: 0.3s; transition-delay:0.3s;}
#header .header_ex .srch_wrap .srch_inr .close i {color:#fff; font-size:30px;}
#header .header_ex .srch_wrap.on .srch_inr .close {opacity:1; margin-top:0;}



.fixed #header {top:0; left:0; right:0; border-radius:0; background:rgba(116,86,69,0.92); backdrop-filter:blur(5px);}
/*#header.up { top:-80px;}*/




/* 모바일 전체메뉴 */
.wholeview_wrap{display:none;}
/* 모바일 검색 */
.wv_srch_wrap{display:none;}

/**************************************************
	Footer
**************************************************/

.non_layer {position:fixed; left:0; top:0; width:100%; height:100%; height:100dvh; overflow-x: hidden;
    overflow-y: auto;
   overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch; background:rgba(0,0,0,0.95); backdrop-filter:blur(8px); z-index:111111111111111111111; padding:100px 30px; display:none; }
.non_layer.active {display:block;}
.non_layer .inr { position:relative;  max-width:1300px;  margin:0 auto; color:#fff; height:2000px; }
.non_layer .inr h2 {color:#fff; font-size:32px;}
.non_layer .inr p {font-size:16px; margin-bottom:12px;}
.non_layer .inr th {background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.1); color:#fff; font-size:16px; padding:20px 15px; height:auto;}
.non_layer .inr td {border:1px solid rgba(255,255,255,0.1); color:#fff; font-size:16px; padding:20px 15px; height:auto;}
.non_layer .close {position:absolute; right:40px; top:40px; width:50px; height:50px; display:block; overflow:hidden; text-indent:-999px; font-size:0; color:transparent; transform: rotate(45deg); display:block}
.non_layer .close {}
.non_layer .close:before {content:''; display:block; width:4px; height:50px; background:#fff; margin:0 auto;}
.non_layer .close:after {content:''; display:block; width:50px; height:4px; position:absolute; left:0; top:50%; margin-top:-2px; background:#fff;}


.f_loc {margin:0 50px 80px;}
.f_loc .inr {display:flex; height:620px; overflow:hidden; border-radius:20px; background:#65564e; position:relative;}
.f_loc .inr .naver {position:absolute; left:50%; top:50%; z-index:112; width:120px; height:120px; border-radius:50%; margin:-60px 0 0 -60px; text-align:center; background:#000; color:#fff; padding-top:28px; font-size:17px; box-shadow:0 0 12px rgba(0,0,0,0.1);animation:naver01 2s ease-out infinite; font-weight:500; }
@keyframes naver011{
	0%{  box-shadow:0 0 12px rgba(0,0,0,0.3); transform: translateY(0);}
    50%{ box-shadow:0 0px 4px rgba(0,0,0,0.1);transform: translateY(10px);}
 	100%{ box-shadow:0 0 12px rgba(0,0,0,0.3);transform: translateY(0);}
}  
.f_loc .inr .naver img { display:block; margin:0 auto 8px;}
.f_loc .inr .left {width:50%; overflow:hidden;}
.f_loc .inr .left #map > div:nth-child(3) > div {left:30px !important; top:30px !important;}
.f_loc .root_daum_roughmap_landing {width:calc(100% + 2px) !important; margin:-1px 0 0 -1px;}
.f_loc .root_daum_roughmap .wrap_btn_zoom {right:initial !important; left:15px;}
.f_loc .inr .right { padding:50px 120px; color:#fff; width:50%; display:flex; flex-direction: column; justify-content: center;}
.f_loc .inr .right h2 {font-size:38px;}
.f_loc .inr .right .txt {font-size:19px; margin:18px 0 40px; color:rgba(255,255,255,0.8);}
.f_loc .inr .right .txt em {display:block; font-size:17px; margin-top:8px; color:#f1d1bf;}
.f_loc .inr .right .map {display:flex; gap:10px; margin-bottom:50px; flex-wrap:wrap;}
.f_loc .inr .right .map li a {display:flex; align-items: center; justify-content: center; text-align:center; gap:6px; padding-right:10px; width:150px; height:50px; line-height:50px; background:rgba(255,255,255,0.15); font-size:16px; text-align:center; border-radius:5px;}
.f_loc .inr .right .map li a img {width:30px;}
.f_loc .inr .right .box {position:relative; padding-left:86px;}
.f_loc .inr .right .box + .box {margin-top:50px;}
.f_loc .inr .right .box .tit {position:absolute; left:0 ;top:-1px;}
.f_loc .inr .right .box .tel {font-size:48px; display:block; line-height:1; position:relative; top:-4px; font-weight:bold;}
.f_loc .inr .right .box .t1 {display:flex; flex-wrap:wrap;}
.f_loc .inr .right .box .t1 div {display:flex; margin:0 40px 14px 0; color:rgba(255,255,255,0.8);}
.f_loc .inr .right .box .t1 div span {min-width:102px; padding-right:15px;}
.f_loc .inr .right .box .t1 div:nth-child(3) {width:100%;}
.f_loc .inr .right .box .t1 p {font-size:15px; opacity:.7;}



#footer{ background:#fff; color:#000; position:relative; z-index:12; min-width:320px; padding:0px 50px 100px; }
#footer .footer_top { margin:0 auto;flex-wrap:wrap;  position:relative;}
#footer .footer_top .logo {font-weight:600; margin-bottom:36px;}
#footer .footer_top .area_copyright {}
#footer .footer_top .area_copyright .address span { font-size:17px; display:inline-block; margin:3px 30px 3px 0; line-height:1.1;}
#footer .footer_top .area_copyright .address em {display:inline-block; width:1px; height:13px; background:#fff; opacity:.3; margin:2px 25px 0;}
#footer .footer_top .area_copyright .copyright {font-size:17px; margin-top:14px; font-weight:300; opacity:.75;}
#footer .footer_top .go_top {position:absolute; right:0; top:50px; width:60px; height:60px; background:#fff; border-radius:60px; line-height:60px; text-align:center; opacity:.3;}
#footer .footer_top .ft_info {margin-bottom:15px;}
#footer .footer_top .ft_info a { padding-right:18px;}

#footer .footer_top .right {position:absolute;right:0px;top:0px;z-index: 12312312313132131;}
#footer .footer_top .right .site_go { width:230px; position:relative;}
#footer .footer_top .right .site_go .btn {display:block;  width:100%; text-align:left; height:60px; border:1px solid #666; position:relative; color:#ccc; font-size:16px; font-weight:600; line-height:58px; padding-left:20px; background:none; background:#333;}

#footer .footer_top .right .site_go .btn:after {content:'>'; display:block; font-family:'dotum'; font-size:14px; font-weight:bold; position:absolute; right:22px; top:50%; transform:translateY(-50%) rotate(90deg); transition: 0.3s ease-out;}
#footer .footer_top .right .site_go .btn.on:after {transform: rotate(0deg);} 
#footer .footer_top .right .site_go .btn.on {border:1px solid #002f9c; background:#002f9c; border-radius: 0 0 20px 20px;}
#footer .footer_top .right .site_go .btn.on:after {transform:translateY(-50%) rotate(-90deg);}
#footer .footer_top .right .site_go div { display:none; position:absolute; left:0; width:100%; bottom:60px; background:#fff; padding:20px 20px 20px; z-index:11; border:1px solid #e2e2e2; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-radius:20px 20px 0 0;}
#footer .footer_top .right .site_go div.on {display:block;}
#footer .footer_top .right .site_go div a { display:block; margin-top:10px; font-size:16px; line-height:1.3; color:#000;}
#footer .footer_top .right .site_go div a span {font-size:16px;}





/* #footer .top {position:absolute; right:0; top:140px; display:block; width:59px; height:59px; border:1px solid #8a8a8a; text-align:center; color:#fff; padding-top:10px; font-size:14px;}
#footer .top:before {content:''; display:block; width:14px; height:17px; background:url(../images/main/top.png) no-repeat; margin:0 auto 1px;}*/


/**************************************************
	Container
**************************************************/
#container{width:100%; z-index:12; }
#container > .inr{}
#container > .inr:after{content:''; display:block; clear:both;}







/**************************************************
	Content
**************************************************/

#container {}
.main #container {background:none;}
/*** 컨텐츠 공통 ***/
.cont_wrap { }
/*** 컨텐츠 헤드 ***/
.cont_top{position:relative;  overflow:hidden; background:#2d221e; }
.cont_top:after {content:''; display:block; position:absolute; left:0; right:0; bottom:100px; height:1px; background:#fff; opacity:.1; z-index:2;}
.cont_top .m_scroll {position:absolute; left:initial; right:-25px; color:#fff;}
.cont_top .bg { position:absolute; left:0; top:0; right:0; bottom:0;  z-index:2; }
.cont_top .bg:before {content:''; display:block;  position:absolute; left:0; top:0; right:0; bottom:0; animation:sub_bg 3s forwards; background:url("../images/common/sub_visual01.png") no-repeat;}
@keyframes sub_bg{
	0%{ transform: scale(1.2); opacity:0; }
 	100%{transform: scale(1); opacity:1; }
}
.cont_top.type2 .bg:before {background-image:url(../images/common/sub_visual02.png);}
.cont_top.type3 .bg:before {background-image:url(../images/common/sub_visual03.png);}
.cont_top.type4 .bg:before {background-image:url(../images/common/sub_visual04.png);}
.cont_top.type5 .bg:before {background-image:url(../images/common/sub_visual05.png);}
.cont_top.type6 .bg:before {background-image:url(../images/common/sub_visual06.png);}


.cont_top .inr { height:590px; max-width:1480px; margin:0 auto; position:relative;  z-index:2;}
.cont_top:after{content:''; display:block; clear:both;}
.cont_top .btn_back{display:none;}

.cont_top h2 {padding-top:235px; font-size:58px; color:#fff; animation:sub_h2 3s forwards;  }
@keyframes sub_h2{
	0%{ transform: translateX(50px); opacity:0; }
 	100%{transform: translateX(0px); opacity:1; }
}
.cont_top p {color:#fff; padding-top:30px;  font-size:22px;animation:sub_txt2 3s forwards; opacity:0; display:inline-block; font-weight:400;}
@keyframes sub_txt2{
	0%{ transform:translateX(-50px) rotateY(0deg);  opacity:0;}
 	100%{ transform:translateX(0px) rotateY(0deg); opacity:.8;}
}

.cont_top .nav{display:none;}
/* location */
.area_location{ color:#333; animation:sub_loc 3s ease-in-out forwards; background:#fff; position:absolute; left:0px; top:38px; padding:8px 50px 8px 8px; border-radius:60px; display:none; }

.area_location ol{display:flex; flex-wrap:wrap; align-items:center; position:relative; z-index:10; overflow:hidden;}
.area_location ol li{display:flex; align-items:center; position:relative; padding:0; font-size:16px; opacity:1;}
.area_location ol li:first-child { width:38px; height:38px; display:flex; text-align:center; align-items: center; justify-content: center; border-radius:50px; background:#c4e5ff; overflow:hidden; text-indent:-999px; opacity:1; margin-right:20px;}
.area_location ol li:first-child:after {display:none;}
.area_location ol li:first-child img {margin:0 auto; display:block;}

.area_location ol li:after{content:''; background:#ddd; border-radius: 50%; margin:0 20px 0; width:3px; height:3px;}
.area_location ol li:last-child:after{ display:none;}

/**************************************************
	Side
**************************************************/
.s_con_wrap {  z-index:2;}
/* SNB */


.snb_wrap {  position:relative; left:0;  right:0; z-index:2; max-width:1480px; margin:-101px auto 0; }

/*네비게이션 사용 클래스*/
#pc_navi .hist_depth1 > li {display:none;}
#pc_navi .hist_depth1 > li:last-child { display:block;}
#pc_navi .hist_depth1 > li:last-child > a { display:none;}
#pc_navi .hist_depth1 > li:last-child ul { display:flex; }
#pc_navi .hist_depth1 > li:last-child ul li {}
#pc_navi .hist_depth1 > li:last-child ul li a {font-size:19px; color:#fff; opacity:0.5; position:relative; transition: 0.3s;  display:block;line-height:100px; border-top:1px solid transparent; margin-right:50px;}
#pc_navi .hist_depth1 > li:last-child ul li a:hover {opacity:1;}
#pc_navi .hist_depth1 > li:last-child ul li a.on { opacity:1; border-top:1px solid #d2855a; color:#d2855a;}


#side .s_tel { border-radius:20px; padding:44px 50px; background:#3b91ff; color:#fff; margin-top:20px; position:relative;}
#side .s_tel:before {content:''; display:block; width:91px; height:92px; background:url(../images/main/ico_tel2.png) no-repeat; position:absolute; right:10px;  top:0px; animation:s_tel003 2s ease-in-out infinite; }
@keyframes s_tel003{
	0%{ top:0px; transform: rotate(0deg) rotateY(0deg);}
    50%{ top:8px; transform: rotate(-6deg)  rotateY(10deg);}
 	100%{  top:0px; transform: rotate(0deg)  rotateY(0deg);}
}
#side .s_tel h2 {font-family:'esa'; font-weight:600; font-size:22px; margin-bottom:15px;}
#side .s_tel p {font-size:16px; margin-top:12px; opacity:.7;}


#sub_navi { display:none;}


.sub_content_box {  background:#fff; border-radius:60px; padding:150px 0;}
/*** 컨텐츠 헤드 ***/
.cont_head{ position:relative;} 
.cont_head:after{content:''; display:block; clear:both;}
.cont_head .btn_back{display:none;}
.cont_head .area_title {display:none;}
.cont_head .area_title .title span {font-size:36px; line-height:1.1; letter-spacing:-1px; }
.cont_head .area_title .nav{display:none;}
/* 공유 버튼 */
#side .btn_print {position:absolute; right:0; top:56px; width:30px; height:30px; background:url(../images/common/print.png) no-repeat center center; overflow:hidden; text-indent:-999px;}

/*** 컨텐츠 바디 ***/
.cont_body{line-height:1.6; word-break:keep-all; word-wrap:break-word; min-height:560px; }
.cont_body .inr { margin:0 auto;  }
.cont_body:after{content:''; display:block; clear:both;}

/* 탭메뉴 common */
.lnb{margin-bottom:80px; width:100%;}
.lnb ul{display:flex; flex-wrap:wrap; position:relative;}
.lnb li{position:relative; padding:0; font-size:16px; line-height:1.2; letter-spacing:-1px;}
.lnb li:before{display:none;}
.lnb li a{display:flex; justify-content:center; align-items:center; position:relative; height:100%; color:#333; word-break:break-all;}
.lnb li a[target="_blank"]:after{content:''; flex:0 0 auto; width:15px; height:13px; margin:0 0 0 5px; background-position:-31px -49px; vertical-align:baseline;}
.lnb li.on a{font-weight:600; color:#00398c;}
/* 탭메뉴01(일반 4개 이하) */
.lnb.tmn01 ul{border:1px solid #ddd; background:#fff;}
.lnb.tmn01 li{width:calc(25% + 1px); margin-bottom:-1px; margin-right:-1px; border-right:1px solid #dae4f3; border-bottom:1px solid #dae4f3;}
.lnb.tmn01 li a{justify-content:flex-start; padding:24px 32px 24px 24px;}
.lnb.tmn01 li a:not([target="_blank"]):after{content:''; position:absolute; top:0; right:18px; bottom:0; width:11px; height:3px; margin:auto; background-color:#ddd; background-position:100% 100%;}
.lnb.tmn01 li.on a{z-index:10; height:calc(100% + 2px); margin:-1px -1px 0 0; border:1px solid #0a4096; background:#0a4096; color:#fff;}
.lnb.tmn01 li.on a:after{width:6px; height:9px; background-color:transparent; background-position:0 -118px;}
/* 탭메뉴03(박스) */
.lnb.tmn03{padding:25px 0; border:1px solid #dbdbdb; background:#fafafa;}
.lnb.tmn03 li{position:static; width:33.33%;}
.lnb.tmn03 li:before{content:''; display:inline-block; position:absolute; top:0; bottom:0; border-left:1px dotted #b5b5b5;}
.lnb.tmn03 li:nth-child(3n+1):before{display:none;}
.lnb.tmn03 li a{justify-content:flex-start; margin:0 0 0 25px; padding:5px 10px 4px 0;}
.lnb.tmn03 li a:before{content:''; flex:0 0 auto; width:5px; height:5px; margin-right:5px; border-radius:50%; background:#3e73c1;}
/* 탭메뉴04(년도) */
.lnb.tmn04{padding:0 7px; border:1px solid #ddd; box-shadow:0 5px 5px rgba(0,0,0,.05);}
.lnb.tmn04 ul{overflow:hidden; background-image:repeating-linear-gradient(#fff, #fff 50px, #dedede 50px, #dedede 51px, #fff 51px);}
.lnb.tmn04 li{position:relative; margin:7px 0;}
.lnb.tmn04 li:before{content:''; display:inline-block; position:absolute; top:0; left:-1px; bottom:0; height:15px; margin:auto; border-left:1px solid #dedede;}
.lnb.tmn04 li a{overflow:hidden; height:36px; line-height:18px; margin:0 7px; padding:0 22px;}
.lnb.tmn04 li.on:after{content:''; display:inline-block; position:absolute; left:calc(50% - 5px); top:100%; border:5px solid transparent; border-top-color:#0a4096;}
.lnb.tmn04 li.on a{background:#0a4096; color:#fff;}

/*** 컨텐츠 하단 ***/
.cont_foot{margin-top:60px; padding:20px; border:1px solid #ddd; border-top-color:#333; font-size:15px; letter-spacing:-1px;}
/* 컨텐츠 담당자 */
.cont_foot .cont_manager{display:flex; flex-wrap:wrap; align-items:center;}
.cont_foot .cont_manager dl{display:flex; align-items:center; margin-left:55px;}
.cont_foot .cont_manager dl:first-child{margin-left:0;}
.cont_foot .cont_manager dl.update{margin-left:auto;}
.cont_foot .cont_manager dt{margin:0 5px 0 0; font-weight:600;}
.cont_foot .cont_manager dd span{display:inline-flex;}
.cont_foot .cont_manager dd .name{margin-left:5px;}
/* 컨텐츠 평가 */
.cont_foot .cont_rating{margin:10px 0 0; padding:20px 0 0; border-top:1px solid #ddd;}
.cont_foot .cont_rating > .inr{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; position:relative;}
.cont_foot .cont_rating h2{position:relative; padding-left:24px; font-size:15px; line-height:20px;}
.cont_foot .cont_rating h2:before{content:''; position:absolute; top:-1px; left:0; width:21px; height:20px; background-position:-52px -52px;}
.cont_foot .cont_rating .inp_area{}
.cont_foot .cont_rating .inp_area fieldset{display:flex; flex-wrap:wrap; align-items:center;}
.cont_foot .cont_rating .inp_area span{display:inline-flex; align-items:center; margin-right:7px;}
.cont_foot .cont_rating .inp_area .inp_rdo{margin-right:3px;}
.cont_foot .cont_rating .inp_area label{font-size:14px; letter-spacing:-1px;}
.cont_foot .cont_rating .inp_area .btn_rate{height:32px; line-height:32px; padding:0 10px; border:0; border-radius:5px; background:#444; font-size:14px; color:#fff;}
/* 공공누리 */
.cont_foot .openType {padding:10px;}
.cont_foot .openType figure{position:relative; margin:0px;}
.cont_foot .openType figure:after{content:''; display:block; clear:both;}
.cont_foot .openType figure .fi_link{float:left; padding:0 10px 0 0;}
.cont_foot .openType figure img {height:75px;}
.cont_foot .openType figure figcaption {display:table-cell; padding:10px 0 0; font-size:0.86em; word-break:keep-all;}

/**************************************************
	팝업창 Layout
**************************************************/
#wrap_pop{padding:0 10px;}
#wrap_pop .pop_head{margin:0 0 30px; border-bottom:2px solid #666; }
#wrap_pop .pop_head .title{padding:10px 0 10px 0; font-size:2.133em; line-height:1.15; letter-spacing:-3px;}










/* Tablet 1024px ~ 1259px */
@media screen and (max-width:1600px){
	

    .quick_btn {width:50px; padding:16px 0; font-size:16px; height:170px;}
    .quick_btn img {width:26px;}
    
    
    .f_loc {margin:0 0 60px; border-radius:0;}
    .f_loc .inr {border-radius:0;}
    .f_loc .inr .left {width:50%;}

    .f_loc .inr .right {padding:50px 80px; width:50%;}
    
	/**************************************************
		Header
	**************************************************/
    #sub_wrap  {margin:0 30px;}

	
	.sp_ui,
	#header .area_top .util_r .lst li a:before,
	#wholeview .w_close_btn:after,
	#wholeview .head .area_wv_util li a:before,
	.wholeview_wrap #wholeview .nav a .unfd:after,
	.wholeview_wrap #wholeview .nav a[target="_blank"]:after,
	#footer .wrap_copyright .area_link .related .open_select:before,
	#footer .wrap_copyright .area_link .related .open_select:after,
	#footer .wrap_copyright .area_link .btn_contact a:before,
	#footer .wrap_copyright .area_link .btn_contact a:after,
	.cont_top .btn_back:before,
	.cont_top .title span:after,
	.cont_top .area_location ol li:before,
	
	.cont_foot .cont_rating h2:before,
	.lnb li a[target="_blank"]:after,
	.cont_foot .cont_rating h2:before{display:inline-block; overflow:hidden; color:transparent !important; white-space:nowrap; background:url(../images/base/sp_ui_m.png) no-repeat 0 0/400px 400px;}

    #header {left:30px; right:30px;}
    #header .header_ex .zoom-control {display:none;}
    #header #gnb {justify-content: flex-end; padding-right:100px;}
    #header #gnb > li > a {padding:0 25px;}
    
    .fix_quick {right:30px; bottom:30px;}
    
    
    
	/**************************************************
		Footer
	**************************************************/
	
	/**************************************************
		Container
	**************************************************/
	#container > .inr{padding:0 10px;}
	
    

    .s_con_wrap { }
    
    .cont_top h2 {position:relative; z-index:2;}
    .sub_content_box {}
   
	/*** 컨텐츠 하단 ***/
    
    
    
    .cont_top .inr {margin:0 50px;}
    .snb_wrap {margin:-101px 50px 0; z-index:10;}

}

/* Tablet 768px ~ 1023px */
@media screen and (max-width:1279px){

    .h_sitemap.on {display:none;}
     #header #gnb {display:none;} 
    #header .header_ex .sitemap {display:none;}
    #header .header_ex {right:80px;}
	/*#header .gnb_wrap {display:none;}*/
	
    #header { height:70px; left:20px; right:20px; top:20px; border-radius:10px;}
    #header .area_logo {left:20px;}
    #header .area_logo img {height:44px;}
   
	/* 모바일 전체메뉴 */
    #header .header_ex ul {display:none;}
	body.open_wv{overflow:hidden; position:fixed !important; width:100%; height:100%;}
    .wholeview_wrap .m_menu {display:flex; flex-wrap:wrap; background:#f8f8f8; border-top:1px solid #e2e2e2;}
    .wholeview_wrap .m_menu li {width:50%; }
    .wholeview_wrap .m_menu li a {display:flex; text-align:center; height:40px; font-size:16px;  justify-content: center; align-items: center; border-bottom:1px solid #e2e2e2; margin-bottom:-1px; border-right:1px solid #e2e2e2;}
    
    .wholeview_wrap .m_menu li:nth-child(2) a , 
    .wholeview_wrap .m_menu li:nth-child(4) a {border-right:0;}
    
	
	.wholeview_wrap .btn_wv {position:absolute; background:none; right:24px; top:24px; width:30px; height:22px; overflow:hidden; text-indent:-999px; color:transparent; font-size:0;}
    .wholeview_wrap .btn_wv:before {display:block; content:''; width:30px; height:2px; background:#fff; position:absolute; left:0; top:0; }
    .wholeview_wrap .btn_wv:after {display:block; content:''; width:30px; height:2px; background:#fff; position:absolute; left:0; bottom:0;}
    .wholeview_wrap .btn_wv span {display:block; width:24px; height:2px; background:#fff; position:absolute; left:0; top:50%; margin-top:-1px;}

	.wholeview_wrap{display:block;}
	.wholeview_wrap #wholeview{position:fixed; top:0; right:0; height:100vh; z-index:1000; overflow:auto; width:70%; max-width:420px; min-width:280px; background:#745645;  margin-right:-48px;
	transition:all 0.5s; transform:translate(100%, 0);}
	.wholeview_wrap.open #wholeview{margin-right:0; transform:translate(0, 0);}
	.wholeview_wrap .dim_wv{position:fixed; top:0; left:0; z-index:999; width:100%; background:transparent; transition:height, background .5s;}
	.wholeview_wrap.open .dim_wv{ height:100vh; background:rgba(0,0,0,0.8);}
	.wholeview_wrap .title_wv {display:none;}
	.wholeview_wrap .name {position:absolute; left:0; top:0; z-index:10; padding-left:10px; font-size:14px; line-height:33px;}
	.wholeview_wrap .name strong {color:#004bb8;}
	#wholeview .w_close_btn{ position:absolute; top:15px; right:15px; z-index:2; overflow:hidden; width:40px; height:40px; background:url(../images/common/ico_close.png) no-repeat center center !important; margin:auto; border:1px solid rgba(0,0,0,0.2); text-indent:-999px; filter:invert(1);}
	
	#wholeview .w_close_btn:after{ display:none;}
	/* 모바일 전체메뉴 head */
	#wholeview .head{ height:70px;  display:flex; align-items:center; padding-left:24px;}
	#wholeview .head ul {overflow:hidden;}
	#wholeview .head ul li {float:left;}
	#wholeview .head ul li a {display:inline-block;padding:5px 0; margin-right:30px; font-size:15px; font-weight:bold; position:relative;}
	#wholeview .head ul li a i {font-size:14px; color:#555; margin-right:8px;}
	#wholeview .head ul li:first-child a:before  { content:''; display:block ;width:1px; height:16px; background:#d2d2d2; position:absolute; right:-15px; top:7px;}
	#wholeview .head img { height:40px; }

	/* 모바일 전체메뉴 gnb */
	.wholeview_wrap #wholeview .nav{padding:0; border-top:1px solid rgba(0,0,0,0.1);}
	.wholeview_wrap #wholeview .nav a{display:block; position:relative; line-height:1.2; color:#fff;}
	.wholeview_wrap #wholeview .nav a .unfd{position:absolute; top:50%; right:26px;  width:0; height:0; color:transparent;}
	.wholeview_wrap #wholeview .nav a .unfd:after{content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:transform .3s;}
	.wholeview_wrap #wholeview .nav a[target="_blank"]:after{content:''; width:16px; height:14px; margin:-1px 0 0 5px; background-position:-74px -78px;}
	/* 1차 */
	.wholeview_wrap #wholeview .nav>li{border-bottom:1px solid rgba(0,0,0,0.1); }

	.wholeview_wrap #wholeview .nav>li>a{padding:20px 30px 20px 23px; font-weight:600; letter-spacing:-1px; transition: 0.15s; position:relative; background:none;}
    .wholeview_wrap #wholeview .nav>li>a:after {content:'▼'; display:block; color:#fff; position:absolute; right:20px; top:50%; margin-top:-10px;  width:20px; height:20px; text-align:center; line-height:20px; font-size:8px; opacity:.5; transition: 0.3s; }
    .wholeview_wrap #wholeview .nav>li>a.on:after {transform: rotate(180deg); opacity:1;}
    .wholeview_wrap #wholeview .nav>li>a span:first-child {transition: 0.3s; display:inline-block;font-size:17px; }
    .wholeview_wrap #wholeview .nav>li>a:before {content:''; display:block; position:absolute; right:0; bottom:0; width:100%; height:0; background:#000; z-index:-1; transition: 0.3s;}
	.wholeview_wrap #wholeview .nav>li>a.on{color:#fff; }
    .wholeview_wrap #wholeview .nav>li>a.on span:first-child {transform: rotateX(360deg);}

	.wholeview_wrap #wholeview .nav>li>a .unfd:after{width:30px; height:30px; background:rgba(0,0,0,0) url(../images/common/m_gnb_ico.png) no-repeat; background-size:30px;transform:translate(-50%, -50%) rotate(-180deg); border-radius:30px; }
	.wholeview_wrap #wholeview .nav>li.open>a .unfd:after{transform:translate(-50%, -50%) rotate(0deg);}
	/* 2차 */
	.wholeview_wrap #wholeview .nav>li>div{ display:none; background:rgba(0,0,0,0.1);}
	.wholeview_wrap #wholeview .nav>li.open div{display:block;height:initial; opacity:1;}
    .wholeview_wrap #wholeview .nav>li div>ul {padding:14px 0 24px 28px;}
	.wholeview_wrap #wholeview .nav>li div>ul>li:last-child{border:0;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>a{padding:5px 7px; font-weight:400; font-size:16px; color:#fff; position:relative;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>a[target="_blank"]:after{content:''; display:inline-block; width:15px; height:13px; margin:0 0 0 7px; background:url(../images/common/blank_w.png) no-repeat; vertical-align:baseline; opacity:.7;}
	.wholeview_wrap #wholeview .nav>li div>ul>li.open>a{}
	.wholeview_wrap #wholeview .nav>li div>ul>li>a.on{font-weight:600; color:#6c4ea0;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>a .unfd:after{width:16px; height:16px; background-position:-86px -59px;}
	.wholeview_wrap #wholeview .nav>li div>ul>li.open>a .unfd:after{width:16px; height:1px; background-position:-104px -66px;}
	/* 3차 */
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul{display:none; padding:10px 10px 10px 15px; background:#fafafa;}
	.wholeview_wrap #wholeview .nav>li div>ul>li.open>ul{display:block;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li{}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li:last-child{border:0;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>a{padding:6px 20px 5px 12px; font-size:14px; color:#000;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>a.on{font-weight:600; color:#1e6cb4;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>a:before{content:''; display:inline-block; position:absolute; top:11px; left:4px; border:3px solid transparent; border-left:4px solid #666;}
	/* 4차 */
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>ul{padding:0 0 10px 12px;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li.open>ul{display:block;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>ul a{padding:8px 0 7px 0; font-size:16px; color:#666;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>ul a.on{font-weight:600; color:#1e6cb4;}

	/**************************************************
		Common
	**************************************************/
	

	/**************************************************
		Header
	**************************************************/
	
	
	

	
    
    
    .f_banner {padding:50px 0 50px 30px; height:auto; }
    .f_banner h2 {position:initial;  margin-bottom:20px;}
    .f_banner .nav {left:initial; right:30px; top:-35px;}
    .f_banner button {width:46px; height:46px;}
    .f_banner .item {padding-right:12px;}
    .f_banner .item a {padding:0 10px;}
    .f_banner .item a img {height:56px;}
    
    
    
	/**************************************************
		Footer
	**************************************************/
    .root_daum_roughmap .cont {display:none !important;}
    .f_loc {margin:0;}
    .f_loc .inr .left {width:auto; height:400px;}
    .f_loc .inr .left #map {height:400px !important;}
    .f_loc .root_daum_roughmap .wrap_map {height:402px !important;}
    .f_loc .inr {display:block; height:auto; padding:70px 30px;}
    .f_loc .inr .naver {top:470px;}
    .f_loc .inr .right {width:auto; padding:50px 0 0;}
    
    #footer {padding:60px 30px;}
	#footer .footer_top .right {position:relative; right:initial; top:initial; transform:none; margin-top:30px;}


	/**************************************************
		Container
	**************************************************/
	
	#container{margin:0; background-position:left 80px;}
	#container:before {display:none;}
	#container > .inr{padding:0;}
    .s_con_wrap { display:block;}
    .sub_content_box {width:auto;}
    .area_location {display:none;}
    
    .sub_content_box {padding:100px 0;}
   
    
    .cont_top {}
    .cont_top:after {display:none;}
    .cont_top .inr { height:440px; }
    .cont_top .bg:before {background-size:cover;}
    .cont_top h2 {padding-top:160px;}
    .cont_top h2 span {font-size:28px;}
    .cont_top h2 strong {font-size:48px;}
    .cont_top .inr:before {background-size:70% auto; background-position:right bottom;}
    .snb_wrap {margin:-80px 20px 20px;}
    .snb_wrap + .cir_wrap {display:none;}
    
    
    
	#pc_navi  { display:none;}
	#sub_navi { display:flex; background:#fff; border-radius:10px; margin-bottom:20px;}
	#sub_navi .sub_history .hist_depth1{display:flex;}
	#sub_navi .sub_history .hist_depth1 >li {position:relative; display:block; border-right:1px solid #eee; }
	#sub_navi .sub_history .hist_depth1 >li:not(:first-child){font-size:17px; width:200px;}
	#sub_navi .sub_history .hist_depth1 >li:first-child {padding-left:0; margin-left:0; font-size:20px; }
    #sub_navi .sub_history .hist_depth1 >li:first-child a {height:60px; width:60px; display:flex; align-items: center; justify-content: center;}
	#sub_navi .sub_history .hist_depth1 >li > a {color:#333; line-height:60px; display:block; font-size:16px; padding:0 20px;}
	#sub_navi .sub_history .hist_depth1 .active {position:relative; font-weight:400; color: #222;}
    #sub_navi .sub_history .hist_depth1 >li > a.on {background:#745645; color:#fff; }
	#sub_navi .sub_history .hist_depth1 .active i{position:absolute; right:20px; top:50%; transform:translateY(-50%); z-index:-1; transition:0.3s; z-index:2; font-size:14px;}
	#sub_navi .sub_history .hist_depth1 .active i.on {transform: rotate(180deg); margin-top:-6px; color:#fff;}
	#sub_navi .sub_history .hist_depth1 .active:hover {color: #222;}
	#sub_navi .sub_history .hist_depth2 {display:none;position: absolute;top:60px;left:0px; right:0px;  text-align: left;z-index: 99;  box-shadow:10px 10px 25px rgba(0,0,0,0.05); font-size: 14px; z-index:12; border-radius:0 0 20px 20px; overflow:hidden;}
	#sub_navi .sub_history .hist_depth2 li a {display: block;padding:15px 20px;background: #745645;color:rgba(255,255,255,0.65);font-weight: normal;border-top: 1px solid rgba(0,0,0,0.1); line-height:24px; font-size:16px; }
	#sub_navi .sub_history .hist_depth2 li a:hover {background: #f1f1f1; color:#222;}
	#sub_navi .sub_history .hist_depth2 li:last-child a {}


    .sub_content_box {}


	/*** 컨텐츠 바디 ***/
	
	/* 탭메뉴 common */
	.lnb li a[target="_blank"]:after{background-position:-57px -78px;}
	/*** 컨텐츠 하단 ***/
	.cont_foot{margin:40px 10px 0; padding:10px;}
	.cont_foot .cont_rating{padding-top:10px; text-align:center;}
	.cont_foot .cont_rating > .inr{flex-direction:column;}
	.cont_foot .cont_rating h2:before{background-position:-14px -48px;}
	.cont_foot .cont_rating .inp_area{margin-top:5px;}
	
	
	
	
	/**************************************************
		팝업창 Layout
	**************************************************/
	#wrap_pop{padding:0;}
	#wrap_pop .pop_head{border-bottom:1px solid #ddd;}
	#wrap_pop .pop_head .title{padding:13px 10px; background:#def4f9; font-size:1.5em; letter-spacing:-2px; text-align:center;}
}



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

    
    
    .fix_quick {right:20px; bottom:20px;}
    .fix_quick a {width:70px; height:70px;}
    .fix_quick .btn {margin-bottom:8px;}
    .fix_quick .btn img {width:22px;}
    #footer {padding:50px 20px;}
    
}


/* Mobile ~ 767px */
@media screen and (max-width:767px){

    
    .non_layer {padding:50px 30px;}
    .non_layer .close {right:20px; top:20px; transform: scale(0.8) rotate(45deg);}
    
    .sub_content_box {padding:80px 0;}
    
   
    .fix_quick  {right:10px; bottom:10px;}
    .fix_quick a {width:50px; height:50px; border-radius:4px; box-shadow:0 0 3px rgba(0,0,0,0.1);}
    .fix_quick .btn {font-size:12px; padding-top:12px; margin-bottom:6px; padding:10px 7px; display:flex; justify-content: center; align-items: center; }
    .fix_quick .btn img {width:20px; margin-bottom:3px; display:none;}
    .fix_quick .go_top:before {top:14px; height:1px;}
    .fix_quick .go_top span {padding-top:18px; font-size:19px;}
    
    
    #header {left:15px; right:15px; top:15px; height:60px; border-radius:6px;}
    #header .area_logo img {height:34px;}
    #header .area_logo {left:15px;}
    .wholeview_wrap .btn_wv {right:20px; top:18px;}
    
    .cont_body .inr table th , .cont_body .inr table td  {font-size:15px; height:auto; padding:10px 6px; line-height:1.3;}
    .cont_body .inr table td * {font-size:15px;}
    .conLst li {font-size:16px;margin-bottom:3px; padding-left:10px; line-height:1.4;}
    .conLst li:before {width:5px; height:5px; top:7px; }
    table .conLst li {font-size:15px; margin-bottom:2px;}
    
    input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="date"], input[type="email"], select {height:36px; font-size:15px;}
    
    
   
    

    
    
	#header .gnb_wrap {display:none;}
	/**************************************************
		상단 배너
	**************************************************/
	
    
    .f_loc {padding-top:0px;}
    .f_loc .root_daum_roughmap .wrap_btn_zoom {left:6px !important;}
    .f_loc .inr .left {height:320px; transform: none !important; opacity:1 !important;}
    .f_loc .inr .left #map {height:320px !important;}
    .f_loc .root_daum_roughmap .wrap_map {height:252px !important;}
    .f_loc .inr { padding:30px 20px 50px; overflow:initial; border-radius:0; }
    .f_loc .inr .naver { display:flex; justify-content: center; gap:12px; width:66%; left:17%; margin:0; height:56px; font-size:18px;  top:-90px;  border-radius:6px; transform: none !important; padding:0; align-items: center; border:1px solid #000; }
    .f_loc .inr .naver img {width:30px; height:30px; margin:0;}
    .f_loc .inr .right {width:auto; padding:40px 0 0;}
    .f_loc .inr .right h2 {font-size:24px;}
    .f_loc .inr .right .txt {font-size:17px; margin:10px 0 25px;}
    .f_loc .inr .right .map {justify-content: space-between; gap:0; margin:0 -4px 20px;}
    .f_loc .inr .right .map li {width:calc(50% - 8px); margin:0 4px 8px;}
    .f_loc .inr .right .map li a {width:auto; font-size:15px; height:36px; gap:3px;}
    
    .f_loc .inr .right .box {padding-left:72px;}
    .f_loc .inr .right .box + .box {margin-top:30px;}
    .f_loc .inr .right .box .tit {font-size:16px;}
    .f_loc .inr .right .box .tel {font-size:32px; white-space: nowrap;}
    .f_loc .inr .right .box .t1 div {font-size:16px;}
    .f_loc .inr .right .box .t1 div span {font-size:16px;}
    
    #footer {padding:40px 20px 60px;}
    #footer .footer_top .ft_info {margin-bottom:18px;}
    #footer .footer_top .logo {margin-bottom:20px;}
    #footer .footer_top .logo img {height:40px;}
    .f_loc .inr .right .box .t1 div {margin-right:0;}
    #footer .footer_top .ft_info a {font-size:16px; color:#666;}
    #footer .footer_top .area_copyright .address br {display:none;}
    #footer .footer_top .area_copyright .address span {font-size:16px; display:block; margin-bottom:6px; color:#666;}
    #footer .footer_top .area_copyright .copyright {font-size:15px; color:#745645; font-weight:400; padding-right:50px;}
    
    
    .cont_top .inr {height:360px; margin:0 40px;}
    .cont_top h2 {font-size:38px; padding-top:133px;}
    .cont_top p {font-size:18px; padding-top:15px;}
    .snb_wrap {margin-left:15px; margin-right:15px;}
    .cont_top .bg:before {background-position:30% top;}

	/**************************************************
		Container
	**************************************************/
	/*** 컨텐츠 바디 ***/
	.lnb { margin-bottom:40px;}
	.lnb li{font-size:14px;}
	/* 탭메뉴01(일반 4개 이하) */
	.lnb.tmn01 li{width:calc(50% + 1px);}
	.lnb.tmn01 li a{padding:13px 32px 13px 12px; font-size:16px;}
	.lnb.tmn01 li a:not([target="_blank"]):after{right:15px;}

	/* 탭메뉴03(박스) */
	.lnb.tmn03{padding:15px 0;}
	.lnb.tmn03 li{width:50%;}
	.lnb.tmn03 li:nth-child(2n+1):before{display:none;}
	.lnb.tmn03 li a{margin-left:15px;}

	/* 탭메뉴04(년도) */
	.lnb.tmn04 li a{padding:0 15px;}

	/*** 컨텐츠 하단 ***/
    #sub_navi {display:block; border-radius:6px;}
    #sub_navi .sub_history .hist_depth1 {flex-wrap:wrap; width:100%;}
    #sub_navi .sub_history .hist_depth1 >li {width:calc(50% - 30px) !important;}
    #sub_navi .sub_history .hist_depth1 >li:last-child {border:0;}
    #sub_navi .sub_history .hist_depth1 >li:first-child {width:60px !important;}
    .sub_content_box {border-radius:10px;}

	.quickmenu {transform: scale(0.7); bottom: 5%;}
    
    .f_banner {padding:44px 0 40px 15px; height:auto; }
    .f_banner h2 {font-size:24px; margin-bottom:12px;}
    .f_banner .nav {left:initial; right:15px; top:-24px;}
    .f_banner .nav button {width:38px; height:38px;}
    
   
   
    
    .sub_content_box #sub_wrap { margin:0 15px;}
    .sub_content_box #bo_list , .sub_content_box #bo_gallery {margin:0; padding-bottom:0px;}
    .bo_fx {margin-bottom:0;}
    .sub_content_box #gall_ul .gall_img {height:24vw;}
    .sub_content_box #gall_ul {margin:0 -5px;}
    .sub_content_box #gall_ul li {padding:0 5px;}
    .bo_info .sv_member , .bo_info .sv_guest {display:none;}
    .bo_info i {display:none;}
}

@media screen and (max-width:550px){
    .cont_top .bg:before {left:-200px;}
}

@media screen and (max-width:500px){
    
    .s_con_wrap {margin:0;}
    
}


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


    #header .area_logo .logo a {height:24px;}
    #header .area_logo .logo a img {height:24px;}
}