@charset "utf-8";
@import "reset.min.css";
@import "style.min.css";

body,html {width:100%; height:100%; margin:0px; padding:0px; font-size:14px; font-family:"Noto Sans KR", sans-serif; color:#222; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings:'liga'; font-feature-settings:'liga'; word-break:keep-all; image-rendering:-webkit-optimize-contrast;}

button{font-family:inherit; border:0; padding:0; -webkit-box-shadow:none; box-shadow:none; -webkit-box-sizing:border-box; box-sizing:border-box; background:none; outline:none; cursor:pointer;}
input, select{font-family:inherit; box-sizing:border-box;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none; margin:0;}
input[type="number"]{-moz-appearance:textfield;}
input::-webkit-input-placeholder{color:inherit;}
input::-moz-placeholder{color:inherit;}
input:-ms-input-placeholder{color:inherit;}
input::-ms-input-placeholder{color:inherit;}
input::placeholder{color:inherit;}

/* 본문 바로가기 */
#skip_nav{position:absolute; width:100%; z-index:10;}
#skip_nav a:visited,
#skip_nav a:link{display:block; width:100%; background-color:#333; color:#fff; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box; padding:10px; position:absolute; left:0; top:0; top:-100px;}
#skip_nav a:focus,
#skip_nav a:active{top:0;}

/* WRAP */
#wrap{width:100%; /* min-width:1200px; */ min-width:340px; position:relative;}

/* 헤더 */
#header{width:100%; min-width:340px; clear:both; position:fixed; z-index:1100; top:0; left:0;}
#header.notFixed{position:absolute;}
#header .header{display:flex; justify-content:space-between;; align-items:center; width:100%; height:86px; text-align:center; padding:0 40px; border-bottom:1px solid transparent; position:relative; z-index:2;}
#header .header .mobileHeadCall{display:none;}
#header .header .logo{display:flex;justify-content:center; align-items:center; width:136px; height:100%;}
#header .header .logo .pcOnly{display:block;}
#header .header .logo .mobileOnly{display:none;}
#header .header .logo a{display:block; width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
#header .header .logo img.normal{display:block;}
#header .header .logo img.scroll{display:none;}
#header .header .subMenuBox{display:inline-flex; justify-content:center; align-items:center; height:100%;}
#header .header .subMenuBox .boxItem{display:inline-block; width:auto; height:100%; text-align:center;}
#header .header .subMenuBox .boxItem .subMenuTitle{width:100%; height:100%;}
#header .header .subMenuBox .boxItem .subMenuTitle a{display:flex; width:100%; height:100%; justify-content:center; align-items:center; font-size:18px; font-weight:500; letter-spacing:-0.01em; line-height:1; color:#fff; padding:0 50px; box-sizing:border-box;}
#header .header .subMenuBox .boxItem.on .subMenuTitle a, #header .header .subMenuBox .boxItem:hover .subMenuTitle a{color:#3f7f31 !important;}
#header .header .subMenuBox .boxItem .subMenuList{width:100%; height:auto; max-height:0; overflow:hidden; position:relative; transition:all 0.3s linear; border-top:1px solid transparent;}
#header .header .subMenuBox .boxItem .subMenuList ul{width:100%; height:267px; padding:30px 30px 60px 30px; text-align:left; font-size:16px; font-weight:500; letter-spacing:-0.01em; line-height:1; color:#222; border-left:1px solid #ebebeb;}
#header .header .subMenuBox .boxItem .subMenuList ul li{width:100%; height:auto;}
#header .header .subMenuBox .boxItem .subMenuList ul li + li{margin-top:23px;}
#header .header .subMenuBox .boxItem .subMenuList ul li a{display:block; color:inherit;}
#header .header .subMenuBox .boxItem .subMenuList ul li a.depsTitle2{color:#959595; margin-top:10px;}
#header .header .subMenuBox .boxItem .subMenuList ul li a.depsTitle + a.depsTitle2{margin-top:15px;}
#header .header .subMenuBox .boxItem:last-child .subMenuList ul{border-right:1px solid #ebebeb;}
#header .header .subMenuBox .boxItem:hover .subMenuList{background:#fafafa; border-top:1px solid #3f7f31;}
#header .header .headRightMenu{display:inline-flex; align-items:center;}
#header .headRightMenu .headMenuBtn{display:inline-flex; justify-content:center; align-items:center; width:36px; height:100%; z-index:10;}
#header .headRightMenu .headMenuBtn .inBox{display:inline-block; transition:all .4s; box-sizing:border-box; position:relative; width:36px; height:23px;}
#header .headRightMenu .headMenuBtn span{display:inline-block; transition:all .4s; box-sizing:border-box; position:absolute; left:0; width:100%; height:3px; background-color:#fff;}
#header .headRightMenu .headMenuBtn span:nth-of-type(1){top:0;}
#header .headRightMenu .headMenuBtn span:nth-of-type(2){top:10px;}
#header .headRightMenu .headMenuBtn span:nth-of-type(3){bottom:0;}
#header .headRightMenu .headMenuBtn.active span:nth-of-type(1){-webkit-transform:translateY(10px) rotate(-45deg); -ms-transform:translateY(10px) rotate(-45deg); transform:translateY(10px) rotate(-45deg);}
#header .headRightMenu .headMenuBtn.active span:nth-of-type(2){opacity:0;}
#header .headRightMenu .headMenuBtn.active span:nth-of-type(3){-webkit-transform:translateY(-10px) rotate(45deg); -ms-transform:translateY(-10px) rotate(45deg); transform:translateY(-10px) rotate(45deg);}
#header .hoverBg{width:100%; height:0; position:absolute; top:85px; left:0; background:#fff; overflow:hidden; z-index:0; transition:height 0.3s linear;}


#sitemap{width:100%; height:calc(100% - 85px); position:fixed; top:85px; left:100%; background:#fff; z-index:1101; overflow-y:scroll;}
#sitemap .mobileInTop{display:none;}
#sitemap .inBox{display:flex; justify-content:center; align-items:flex-start; width:100%; max-width:1370px; height:auto; margin:0 auto;}
#sitemap .inBox .sitemapMenuBox{width:100%; height:auto; position:relative;}
#sitemap .inBox .sitemapMenuBox .allMenuList{display:flex; width:100%; justify-content:center;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem{display:inline-flex; flex-wrap:wrap; align-content:flex-start; width:25%; height:auto; padding:50px 30px;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .menuTitle{width:100%; height:auto; font-size:28px; font-weight:700; letter-spacing:-0.05em; line-height:1; color:#222; margin-bottom:40px;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .menuTitle .sprite{display:none;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList{width:100%; height:auto;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; height:auto;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li{width:100%; height:auto;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li + li{margin-top:30px;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .subMenuTitle{width:100%; height:auto; font-size:19px; font-weight:600; letter-spacing:-0.05em; line-height:1; color:#222;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .subMenuTitle a{display:inline-block; color:inherit;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .inMenuList{width:100%; height:auto; margin-top:15px;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .inMenuList .inListItem{width:100%; height:auto;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .inMenuList .inListItem + .inListItem{margin-top:10px;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .inMenuList .inListItem a{display:inline-block; font-size:16px; font-weight:400; letter-spacing:-0.05em; line-height:1; color:#818181;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList.type2 ul li + li{margin-top:20px;}
#sitemap .headMenuBtn{display:none;}

/* #sitemap .inBox .sitemapMenuBox .allMenuList .listItem.hover, #header .header .subMenuBox .boxItem.hover{background-color:#1c3d88;}
#sitemap .inBox .sitemapMenuBox .allMenuList .listItem.hover .menuTitle, #sitemap .inBox .sitemapMenuBox .allMenuList .listItem.hover a, #header .header .subMenuBox .boxItem.hover .subMenuTitle a{color:#fff !important;} */

#header.hover .header, #header.fixed .header, #header.subActive .header{background:#fff; border-bottom-color:#ebebeb;}
#header.sitemap .header{background:#fff; border-bottom-color:#ebebeb;}
#header.hover .header .logo img.normal, #header.fixed .logo img.normal, #header.subActive .logo img.normal, #header.sitemap .logo img.normal, #header.sub .logo img.normal{display:none;}
#header.hover .header img.scroll, #header.fixed .logo img.scroll, #header.subActive .logo img.scroll, #header.sitemap .logo img.scroll, #header.sub .logo img.scroll{display:block;}
#header.hover .header .subMenuBox .boxItem .subMenuTitle a, #header.fixed .header .subMenuBox .boxItem .subMenuTitle a, #header.subActive .header .subMenuBox .boxItem .subMenuTitle a, #header.sitemap .header .subMenuBox .boxItem .subMenuTitle a, #header.sub .header .subMenuBox .boxItem .subMenuTitle a{color:#222;}
#header.hover .headRightMenu .headMenuBtn span, #header.fixed .headRightMenu .headMenuBtn span, #header.subActive .headRightMenu .headMenuBtn span, #header.sitemap .headRightMenu .headMenuBtn span, #header.sub .headRightMenu .headMenuBtn span{background-color:#222;}
#header.hover .header .subMenuBox .boxItem .subMenuList{max-height:267px;}
#header.hover .hoverBg{height:267px; box-shadow:0 1px 3px rgba(0,0,0,.15);}


/* 퀵메뉴 */
#quick{display:block; position:fixed; bottom:60px; right:30px; width:80px; height:auto; z-index:901;}
#quick a{display:flex; justify-content:center; align-items:center; width:100%; height:80px; border-radius:50%; background:#3f7f31; box-shadow:0 0 10px rgba(0,0,0,.31); font-family: "Noto Serif KR"; font-size:22px; font-weight:600; letter-spacing:-0.05em; line-height:1; color:#fff;}
#quick a + a{margin-top:10px;}
#quick a.imgItem{background:none;}

#mobileQuick{display:none;}

/* 푸터 */
#footer{width:100%; height:auto; overflow:hidden;}
#footer a{color:inherit;}
#footer .footerNotice{width:100%; height:auto; padding:45px 0; border-top:1px solid #d8d8d8;}
#footer .footerNotice .noticeSlideBox{width:calc(100% - 50px); max-width:1760px; height:30px; overflow:hidden; margin:0 auto;}
#footer .footerNotice .noticeSlideBox .inSlide{width:100%; height:auto;}
#footer .footerNotice .noticeSlideBox .slideItem{width:100%; height:auto !important;}
#footer .footerNotice .noticeSlideBox .slideItem a{display:flex; justify-content:space-between; align-items:center; width:100%; height:auto;}
#footer .footerNotice .noticeSlideBox .slideItem a p{display:inline-block; font-size:24px; font-weight:400; letter-spacing:-0.05em; line-height:30px; color:#222; flex-grow:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#footer .footerNotice .noticeSlideBox .slideItem a span{display:inline-block; flex-shrink:0; font-size:15px; font-weight:400; letter-spacing:-0.05em; line-height:1; color:#959595; margin-left:50px;}
#footer .footerInfo{display:flex; align-items:center; width:100%; height:auto; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
#footer .footerInfo .inInfoBox{display:flex; flex-wrap:wrap; align-content:center; width:50%; height:auto; padding:0 120px;}
#footer .footerInfo .inInfoBox .logo{display:block; margin-bottom:70px;}
#footer .footerInfo .inInfoBox .call{display:block; width:100%; font-size:38px; font-weight:400; letter-spacing:-0.05em; line-height:1; margin-bottom:30px;}
#footer .footerInfo .inInfoBox ul{width:100%; height:auto;}
#footer .footerInfo .inInfoBox ul li{display:flex; align-items:flex-start; width:100%; height:auto; font-size:20px; letter-spacing:-0.05em; line-height:1.3; color:#222;}
#footer .footerInfo .inInfoBox ul li + li{margin-top:11px;}
#footer .footerInfo .inInfoBox ul li strong{display:inline-block; flex-shrink:0; width:83px; font-weight:500;}
#footer .footerInfo .inInfoBox ul li p{display:inline-block;}
#footer .footerInfo .inInfoBox .inLinkBox{display:flex; width:100%; height:auto; margin-top:37px;}
#footer .footerInfo .inInfoBox .inLinkBox a{display:inline-flex; justify-content:center; align-items:center; width:150px; height:50px; box-sizing:border-box; border:1px solid #c5c5c5; border-radius:27.5px; font-size:18px; font-weight:400; letter-spacing:-0.05em; line-height:1; color:#222; cursor:pointer;}
#footer .footerInfo .inInfoBox .inLinkBox a + a{margin-left:10px;}
#footer .footerInfo .inMapBox{display:inline-block; width:50%; height:720px; overflow:hidden; position:relative;}
#footer .footerInfo .inMapBox .root_daum_roughmap{width:100%; height:100%; position:absolute; top:0; left:0;}
#footer .footerInfo .inMapBox .root_daum_roughmap .wrap_map{height:100% !important;}
#footer .footerInfo .inMapBox .root_daum_roughmap .map_border{display:none;}
#footer .footer{width:100%; height:auto; padding:60px 25px; text-align:center;}
#footer .footer .inLinkBox{display:flex; justify-content:center; align-items:center; width:100%; height:auto;}
#footer .footer .inLinkBox a{display:inline-block; font-size:18px; font-weight:400; letter-spacing:-0.05em; line-height:1; color:#222; cursor:pointer;}
#footer .footer .inLinkBox a + a{margin-left:20px;}
#footer .footer .text{font-size:18px; font-weight:400; letter-spacing:-0.05em; line-height:1.3; color:#222; margin-top:17px;}


/* 스프라이트 이미지 */
.sprite{display:inline-block;}

/* 배경색 지정 */
.bgColor1{background-color:#f6f6f6 !important;}

/* 글자색 지정 */
.color1{color:#222 !important;}
.color2{color:#fff !important;}


br.pcOnly{display:block;}
br.mobileOnly{display:none;}

/* 폰트 굵기 */
.fw1{font-weight:100 !important;}
.fw2{font-weight:200 !important;}
.fw3{font-weight:300 !important;}
.fw4{font-weight:400 !important;}
.fw5{font-weight:500 !important;}
.fw6{font-weight:600 !important;}
.fw7{font-weight:700 !important;}
.fw8{font-weight:800 !important;}
.fw9{font-weight:900 !important;}

.mr_no{margin-right:0 !important;}
.ml_no{margin-left:0 !important;}
.mt_no{margin-top:0 !important;}
.mb_no{margin-bottom:0 !important;}
.pr_no{padding-right:0 !important;}
.pl_no{padding-left:0 !important;}
.pt_no{padding-top:0 !important;}
.pb_no{padding-bottom:0 !important;}

.ta_l{text-align:left !important;}
.ta_c{text-align:center !important;}
.ta_r{text-align:right !important;}

.italic{font-style:italic;}

.inp{height:31px; box-sizing:border-box; padding:7px 10px; border:1px solid #d8d8d8;}
.inp[type="radio"]{vertical-align:-2px; border:none;}
.inp[type="checkbox"]{vertical-align:-2px; border:none;}

/* PAGING */
.paging {width:100%; height:40px; text-align:center; font-size:16px; margin-top:30px; margin-bottom:0; position:relative;}
.paging  a {color:#6d6d6d}
.paging .link_page {border:1px solid #d1d1d1; color:#5a5a5a; display:inline-block; font-weight:500; text-align:center; width:40px; height:40px; line-height:38px; margin-left:-1px;}
.paging .link_page:hover{position:relative; z-index:1; border:1px solid #7c7c7c;}
.paging .link_page_on{position:relative; z-index:1; border:1px solid #7c7c7c; color:#222; display:inline-block; text-align:center; width:40px; height:40px; font-weight:700; line-height:38px;}
.paging .btn_prev {display:inline-block; text-align:center; width:40px; height:40px; line-height:38px; margin-right:10px; color:#5a5a5a; font-weight:700; border:1px solid #d5d5d5; background-color:#fff;}
.paging .btn_next {display:inline-block; text-align:center; width:40px; height:40px; line-height:38px; margin-left:10px; color:#5a5a5a; font-weight:700; border:1px solid #d5d5d5; background-color:#fff;}

.btn_box1{width:100%; overflow:hidden; font-size:15px; font-weight:500; margin-top:30px; margin-bottom:120px;}
.btn_box1.center{text-align:center;}
.btn_box2{width:100%; overflow:hidden; text-align:center; margin-top:50px;}

a.btn_left_1, button.btn_left_1{float:left; margin-right:10px; display:inline-block; vertical-align:top; -webkit-box-sizing:border-box; box-sizing:border-box; width:180px; height:50px; font-size:20px; text-align:center; line-height:48px; border:1px solid #222; font-size:14px; color:#222; background-color:#fff;}
a.btn_left_2, button.btn_left_2{float:left; margin-right:10px; display:inline-block; vertical-align:top; -webkit-box-sizing:border-box; box-sizing:border-box; width:180px; height:50px; font-size:20px; text-align:center; line-height:48px; border:1px solid #222; color:#fff; background-color:#222;}

a.btn_right_1, button.btn_right_1{float:right; margin-left:10px; display:inline-block; vertical-align:top; -webkit-box-sizing:border-box; box-sizing:border-box; width:180px; height:50px; font-size:20px; text-align:center; line-height:48px; border:1px solid #222; color:#222; background-color:#fff;}
a.btn_right_2, button.btn_right_2{float:right; margin-left:10px; display:inline-block; vertical-align:top; -webkit-box-sizing:border-box; box-sizing:border-box; width:180px; height:50px; font-size:20px; text-align:center; line-height:48px; border:1px solid #222; color:#fff; background-color:#222;}

a.btn_center_1, button.btn_center_1{margin-left:10px; display:inline-block; vertical-align:top; -webkit-box-sizing:border-box; box-sizing:border-box; width:180px; height:50px; font-size:20px; text-align:center; line-height:48px; background-color:#222; border:1px solid #222; color:#fff;}
a.btn_center_2, button.btn_center_2{margin-left:10px; display:inline-block; vertical-align:top; -webkit-box-sizing:border-box; box-sizing:border-box; width:180px; height:50px; font-size:20px; text-align:center; line-height:48px; background-color:#ffffff; border:1px solid #222; color:#222;}

.content_hide{visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px;}

@media (max-width:1600px) {
}

@media (max-width:1520px) {
	#footer .footerInfo .inInfoBox{padding:0 60px;}
}

@media (max-width:1440px) {
	
}

@media (max-width:1280px) {
	#footer .footerInfo .inInfoBox{padding:0 40px;}
	#footer .footerInfo .inInfoBox .inLinkBox{flex-wrap:wrap; align-content:flex-start; margin-bottom:-10px;}
	#footer .footerInfo .inInfoBox .inLinkBox a{margin-bottom:10px; margin-right:10px;}
	#footer .footerInfo .inInfoBox .inLinkBox a + a{margin-left:0;}
}

@media (max-width:1240px) {
}

@media (max-width:1200px) {
	#header .header .subMenuBox{display:none;}
}

@media (max-width:1140px) {

}

@media (max-width:1100px) {
}

@media (max-width:1000px) {
	#header .header{justify-content:center; height:100px; padding:0; /* border-bottom:1px solid rgba(255,255,255,.25); */}
	#header .header .mobileHeadCall{display:inline-block; width:120px; height:100%; position:absolute; top:0; left:0;/*  border-right:1px solid rgba(255,255,255,.25); */}
	#header .header .mobileHeadCall a{display:block; width:100%; height:100%; background:url('/html/resource/img/comm/mobile_head_call.png') no-repeat center center; background-size:64px 64px;}
	#header .header .logo{width:136px; height:100%;}
	#header .header .logo .pcOnly{display:none;}
	#header .header .logo .mobileOnly{display:block;}
	#header .header .headRightMenu{width:120px; height:100%;/*  border-left:1px solid rgba(255,255,255,.25); */ position:absolute; top:0; right:0;}
	#header .headRightMenu .headMenuBtn{width:100%;}
	#header .headRightMenu .headMenuBtn .inBox{width:64px; height:43px;}
	#header .headRightMenu .headMenuBtn span{height:5px;}
	#header .headRightMenu .headMenuBtn span:nth-of-type(1){top:0;}
	#header .headRightMenu .headMenuBtn span:nth-of-type(2){top:19px;}
	#header .headRightMenu .headMenuBtn span:nth-of-type(3){bottom:0;}
	#header .headRightMenu .headMenuBtn.active span:nth-of-type(1){transform:translateY(19px) rotate(-45deg);}
	#header .headRightMenu .headMenuBtn.active span:nth-of-type(3){transform:translateY(-19px) rotate(45deg);}
	#header .hoverBg{display:none;}

	#header.fixed .header .mobileHeadCall a, #header.subActive .header .mobileHeadCall a{background-image:url("/html/resource/img/comm/mobile_head_call_on.png");}

	#sitemap{display:none; height:100%; top:0; left:0; z-index:15;}
	#sitemap .mobileInTop{display:flex; width:100%; height:100px; background:#2b2b2b; position:relative; align-items:center; padding-left:20px;}
	#sitemap .mobileInTop .headMenuBtn2{display:inline-flex; justify-content:center; align-items:center; width:120px; height:100%; position:absolute; top:0; right:0;}
	#sitemap .mobileInTop .headMenuBtn2 .inBtn{display:inline-block; transition:all .4s; position:relative; width:64px; height:43px;}
	#sitemap .mobileInTop .headMenuBtn2 span{display:inline-block; transition:all .4s; position:absolute; left:0; width:100%; background:#fff; height:5px;}
	#sitemap .mobileInTop .headMenuBtn2 span:nth-of-type(1){top:0;}
	#sitemap .mobileInTop .headMenuBtn2 span:nth-of-type(2){top:19px;}
	#sitemap .mobileInTop .headMenuBtn2 span:nth-of-type(3){bottom:0;}
	#sitemap .mobileInTop .headMenuBtn2.active span:nth-of-type(1){transform:translateY(19px) rotate(-45deg);}
	#sitemap .mobileInTop .headMenuBtn2.active span:nth-of-type(2){opacity:0;}
	#sitemap .mobileInTop .headMenuBtn2.active span:nth-of-type(3){transform:translateY(-19px) rotate(45deg);}
	#sitemap .inBox{display:block; -webkit-box-align:unset; -ms-flex-align:unset; align-items:unset; padding-left:0;}
	#sitemap .inBox .sitemapMenuBox{display:block; width:100%; height:auto; text-align:left;}
	#sitemap .inBox .sitemapMenuBox .allMenuList{display:block; -webkit-box-pack:unset; -ms-flex-pack:unset; justify-content:unset; -webkit-box-align:unset; -ms-flex-align:unset; align-items:unset; height:auto; padding-top:0; margin-bottom:0;}
	#sitemap .inBox .sitemapMenuBox .allMenuList::after{display:none;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem{display:block; width:100%; height:auto; -webkit-transition:unset; -o-transition:unset; transition:unset; position:relative; margin-bottom:0; padding:0;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem::after{content:""; display:block; width:calc(100% - 50px); height:1px; background:#e0e0e0; position:absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .menuTitle{display:flex; justify-content:flex-start; align-items:center; width:100%; height:130px; font-size:36px; color:#222; text-align:left; position:relative; padding:0 25px; margin-bottom:0;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .menuTitle::after{content:""; display:block; width:24px; height:13px; background-image:url("/html/resource/img/comm/mobile_all_menu_arrow.png"); background-repeat:no-repeat; background-position:center bottom; background-size:100% auto; position:absolute; top:50%; right:25px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem.on .menuTitle::after, #sitemap .inBox .sitemapMenuBox .allMenuList .listItem.active .menuTitle::after{background-position:center top;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList{display:none; width:100%; height:auto; padding-top:0; background:#f8f8f8;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul{width:100%; height:auto; max-height:790px; padding:35px 25px 15px 25px; margin-bottom:0; flex-direction:column; writing-mode:unset; text-orientation:unset;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li{width:100%; height:auto; margin-right:0; margin-bottom:0; writing-mode:unset; margin-bottom:0;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li + li{margin-top:0;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .subMenuTitle{font-size:30px; line-height:80px;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .subMenuTitle a{-webkit-transition:unset;-o-transition:unset;transition:unset;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .inMenuList{margin-top:0; padding-left:10px;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .inMenuList .inListItem + .inListItem{margin-top:15px;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .inMenuList .inListItem a{display:flex; align-items:center; font-size:24px; line-height:1;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .inSubMenu{display:flex; flex-wrap:wrap; align-items:center; -ms-flex-line-pack:start; align-content:flex-start; width:100%; height:auto; margin-top:22px; margin-bottom:15px;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .inSubMenu a{display:inline-block; -webkit-box-sizing:border-box; box-sizing:border-box; width:33.333%; font-size:28px; font-weight:300; line-height:1.1; color:#6e6e6e; -webkit-transition:unset; -o-transition:unset; transition:unset; margin-bottom:20px; position:relative; padding-left:15px; color:#525252;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .inSubMenu a::before{content:""; display:block; width:4px; height:4px; border-radius:50%; background:#6e6e6e; position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .inSubMenu a + a{margin-top:0;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem.on .subMenuList{display:block;}
	#sitemap .headMenuBtn{display:none;}
	
	#quick{bottom:60px; right:30px; width:80px;}
	#quick a{height:80px; box-shadow:0 0 10px rgba(0,0,0,.31); font-size:26px;}
	
	#footer .footerNotice{padding:45px 0;}
	#footer .footerNotice .noticeSlideBox{width:calc(100% - 50px); height:34px;}
	#footer .footerNotice .noticeSlideBox .slideItem a p{font-size:28px; line-height:34px;}
	#footer .footerNotice .noticeSlideBox .slideItem a span{font-size:19px; margin-left:50px;}
	#footer .footerInfo{flex-wrap:wrap; justify-content:center; align-content:flex-start;}
	#footer .footerInfo .inInfoBox{justify-content:center; width:100%; padding:50px;}
	#footer .footerInfo .inInfoBox .logo{margin-bottom:70px;}
	#footer .footerInfo .inInfoBox .call{font-size:42px; margin-bottom:30px; text-align:center;}
	#footer .footerInfo .inInfoBox ul{width:auto;}
	#footer .footerInfo .inInfoBox ul li{font-size:24px;}
	#footer .footerInfo .inInfoBox ul li + li{margin-top:11px;}
	#footer .footerInfo .inInfoBox ul li strong{width:110px;}
	#footer .footerInfo .inInfoBox .inLinkBox{justify-content:center; margin-top:37px; margin-bottom:-10px;}
	#footer .footerInfo .inInfoBox .inLinkBox a{width:200px; height:59px; border-radius:29.5px; font-size:24px; margin:0 5px 10px 5px !important;}	
	#footer .footerInfo .inMapBox{width:100%; height:500px;}
	#footer .footer{padding:60px 25px;}
	#footer .footer .inLinkBox a{font-size:22px;}
	#footer .footer .inLinkBox a + a{margin-left:20px;}
	#footer .footer .text{font-size:22px; margin-top:17px;}

	br.pcOnly{display:none;}
	br.mobileOnly{display:block;}

	.paging{margin-top:24px; margin-bottom:96px;}

	.btn_box1{font-size:15px; margin-top:24px; margin-bottom:96px;}
	.btn_box2{margin-top:40px;}

	a.btn_left_1, button.btn_left_1{margin-right:10px; width:180px; height:50px; font-size:20px; line-height:48px;}
	a.btn_left_2, button.btn_left_2{margin-right:10px; width:180px; height:50px; font-size:20px; line-height:48px;}

	a.btn_right_1, button.btn_right_1{margin-left:10px; width:180px; height:50px; font-size:20px; line-height:48px;}
	a.btn_right_2, button.btn_right_2{margin-left:10px; width:180px; height:50px; font-size:20px; line-height:48px;}

	a.btn_center_1, button.btn_center_1{margin-left:10px; width:180px; height:50px; font-size:20px; line-height:48px;}
	a.btn_center_2, button.btn_center_2{margin-left:10px; width:180px; height:50px; font-size:20px; line-height:48px;}
}


@media (max-width:768px) {
	#header .header{height:13.02083vw;}
	#header .header .mobileHeadCall{width:15.62500vw;}
	#header .header .mobileHeadCall a{background-size:8.33333vw 8.33333vw;}
	#header .header .logo{width:17.70833vw;}
	#header .header .headRightMenu{width:15.62500vw;}
	#header .headRightMenu .headMenuBtn .inBox{width:8.33333vw; height:5.59896vw;}
	#header .headRightMenu .headMenuBtn span{height:0.65104vw;}
	#header .headRightMenu .headMenuBtn span:nth-of-type(2){top:2.47396vw;}
	#header .headRightMenu .headMenuBtn.active span:nth-of-type(1){transform:translateY(2.47396vw) rotate(-45deg);}
	#header .headRightMenu .headMenuBtn.active span:nth-of-type(3){transform:translateY(-2.47396vw) rotate(45deg);}

	#sitemap .mobileInTop{height:13.02083vw; padding-left:2.60417vw;}
	#sitemap .mobileInTop .headMenuBtn2{width:15.62500vw;}
	#sitemap .mobileInTop .headMenuBtn2 .inBtn{width:8.33333vw; height:5.59896vw;}
	#sitemap .mobileInTop .headMenuBtn2 span{height:0.65104vw;}
	#sitemap .mobileInTop .headMenuBtn2 span:nth-of-type(2){top:2.47396vw;}
	#sitemap .mobileInTop .headMenuBtn2.active span:nth-of-type(1){transform:translateY(2.47396vw) rotate(-45deg);}
	#sitemap .mobileInTop .headMenuBtn2.active span:nth-of-type(3){transform:translateY(-2.47396vw) rotate(45deg);}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem::after{width:calc(100% - 6.51042vw);}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .menuTitle{height:16.92708vw; font-size:4.68750vw; padding:0 3.25521vw;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .menuTitle::after{width:3.12500vw; height:1.69271vw; right:3.25521vw;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul{padding:4.55729vw 3.25521vw; max-height:102.86458vw;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .subMenuTitle{font-size:4.1667vw; line-height:10.41667vw;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .inMenuList{padding-left:1.30208vw;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .inMenuList .inListItem + .inListItem{margin-top:1.30208vw;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .inMenuList .inListItem a{font-size:3.6458vw; height:5.85938vw;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .inSubMenu{margin-top:2.86458vw; margin-bottom:1.95313vw;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .inSubMenu a{font-size:3.64583vw; padding-left:1.95313vw; margin-bottom:2.60417vw;}
	#sitemap .inBox .sitemapMenuBox .allMenuList .listItem .subMenuList ul li .inSubMenu a::before{width:3px; height:3px;}
	
	#quick{bottom:7.81250vw; right:3.90625vw; width:11.71875vw;}
	#quick a{height:11.71875vw; box-shadow:0 0 1.30208vw rgba(0,0,0,.31); font-size:3.90625vw;}
	#quick a + a{margin-top:1.30208vw;}
	
	#footer .footerNotice{padding:5.85938vw 0;}
	#footer .footerNotice .noticeSlideBox{width:calc(100% - 6.51042vw); height:4.94792vw;}
	#footer .footerNotice .noticeSlideBox .slideItem a p{font-size:4.16667vw; line-height:4.94792vw;}
	#footer .footerNotice .noticeSlideBox .slideItem a span{font-size:2.99479vw; margin-left:6.51042vw;}
	#footer .footerInfo .inInfoBox{padding:6.51042vw;}
	#footer .footerInfo .inInfoBox .logo{width:10.41667vw; height:auto; margin-bottom:9.11458vw;}
	#footer .footerInfo .inInfoBox .call{font-size:5.98958vw; margin-bottom:3.90625vw;}
	#footer .footerInfo .inInfoBox ul li{font-size:3.64583vw;}
	#footer .footerInfo .inInfoBox ul li + li{margin-top:1.43229vw;}
	#footer .footerInfo .inInfoBox ul li strong{width:17.57813vw;}
	#footer .footerInfo .inInfoBox .inLinkBox{margin-top:4.81771vw; margin-bottom:-1.30208vw;}
	#footer .footerInfo .inInfoBox .inLinkBox a{width:28.64583vw; height:8.20313vw; border-radius:4.10156vw; font-size:3.64583vw; margin:0 0.65104vw 1.30208vw 0.65104vw !important;}
	#footer .footerInfo .inMapBox{height:65.10417vw;}
	#footer .footer{padding:7.81250vw 3.25521vw;}
	#footer .footer .inLinkBox a{font-size:3.38542vw;}
	#footer .footer .inLinkBox a + a{margin-left:2.60417vw;}
	#footer .footer .text{font-size:3.38542vw; margin-top:2.21354vw;}

	.paging {height:7.8125vw; font-size:3.1250vw; margin-top:3.9063vw; margin-bottom:0;}
	.paging .link_page {width:7.8125vw; height:7.8125vw; line-height:7.5521vw;}
	.paging .link_page_on{width:7.8125vw; height:7.8125vw; line-height:7.5521vw;}
	.paging .btn_prev {width:7.8125vw; height:7.8125vw; line-height:7.5521vw; margin-right:1.3021vw;}
	.paging .btn_next {width:7.8125vw; height:7.8125vw; line-height:7.5521vw; margin-left:1.3021vw;}

	.btn_box1{font-size:1.9531vw; margin-top:3.9063vw; margin-bottom:15.6250vw;}
	.btn_box1.center{display:flex; justify-content:center; align-items:center;}
	.btn_box2{margin-top:6.5104vw;}

	.boardBox.writeBox .tblWrite .btn_box1, .boardBox.writeBox .tblWrite .btn_box2{padding:0 3.9063vw !important;}

	a.btn_left_1, button.btn_left_1{margin-right:1.3021vw; width:26.0417vw; height:8.0729vw; font-size:3.1250vw; line-height:7.8125vw;}
	a.btn_left_2, button.btn_left_2{margin-right:1.3021vw; width:26.0417vw; height:8.0729vw; font-size:3.1250vw; line-height:7.8125vw;}

	a.btn_right_1, button.btn_right_1{margin-left:1.3021vw; width:26.0417vw; height:8.0729vw; font-size:3.1250vw; line-height:7.8125vw;}
	a.btn_right_2, button.btn_right_2{margin-left:1.3021vw; width:26.0417vw; height:8.0729vw; font-size:3.1250vw; line-height:7.8125vw;}

	a.btn_center_1, button.btn_center_1{margin-left:1.3021vw; width:26.0417vw; height:8.0729vw; font-size:3.1250vw; line-height:7.8125vw;}
	a.btn_center_2, button.btn_center_2{margin-left:1.3021vw; width:26.0417vw; height:8.0729vw; font-size:3.1250vw; line-height:7.8125vw;}
	
	.mt30{margin-top:3.90625vw;}
	.mt80{margin-top:10.41667vw;}
	.mt160{margin-top:20.83333vw;}
}