@charset "urf-8";
/*============== font ===============*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap');

body {font-family:'Noto Sans KR','Malgun Gothic', dotum, sans-serif;font-size:15px;}
.Ubuntu {font-family:'Ubuntu', 'Noto Sans KR'}

/*==================== GNB PC ====================*/
#skipnav {z-index: 9999;position: absolute;left: 0;top: 0;width: 100%;}
#skipnav a {display: block;position: absolute;left: -9999px;top: 0;width: 1px;height: 1px;overflow: hidden;}

#header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    width: 100%;
}

.head-top {
    overflow: hidden;
    background-color: #fff; 
}
.head-top .container {
    position: relative;
    height: 80px;
	text-align: center;
}

.head-top .container .logo a {
    display:inline-block !important;
    margin-left:-91px;
    margin-top:10px;
}
.head-top .container .tnb {
    display: inline-block;
    padding: 18px 0;
    position: absolute;
    top: 13px;
    left: calc(50% - 750px);
}
.head-top .container .tnb ul {
    display:flex;
}
.head-top .container .tnb ul li a{
    font-size:14px;
    color:#888;
    margin-right:20px;
}
.head-top .container .tnb ul li a img {margin-right:10px;}
.head-top .container .quick-menu {
    display: inline-block;
	padding: 18px 0; 
	position: absolute;
    top: 13px;
    right: calc(50% - 750px);
}
.head-top .container .quick-menu > ul {
    display: inline-block;
}
.head-top .container .quick-menu > ul > li {
    display: inline-block;
    margin-right: 5px; 
}
.head-top .container .quick-menu > ul > li > a {
    font-size: 14px;
	color: #237f53;
	padding: 7px 10px;
    border:1px solid #237f53;
    border-radius:2px;
}

.head-top .container .quick-menu > ul > li:last-child {
	margin-right: 0; 	
}
.head-top .container .quick-menu > ul > li:last-child > a {
	background:#237f53;
	color:#fff;
}
.head-top .container .quick-menu > ul > li.location > a {
    color: #555; 
}
.head-top .container .quick-menu .global-search {
    display: inline-block; 
}
.head-top .container .quick-menu .global-search .form-group {
    position: relative; 
}
.head-top .container .quick-menu .global-search .form-group .form-control {
    width: 230px;
    height: 42px;
    border: 1px solid #ddd; 
	text-indent:15px;
	color:#888;
}
.head-top .container .quick-menu .global-search .form-group .btn-global-search {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 44px;
    height: 44px;
    font-size: 16px;
    color: #848484;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: 0s;
    transition-delay: 0s; 
}
.head-top .container .quick-menu .global-search .form-group .btn-global-search:hover {
    color: #004483; 
}

/*==================== GNB PC ====================*/
#gnb.main-gnb {
    position: relative;
    overflow: hidden;
    height: 48px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    background-color: #fff; 
}
#gnb.main-gnb:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 48px;
    content: "";
    display: block;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}
#gnb.main-gnb .container {
    height: 62px; 
}
#gnb.main-gnb .container > ul {
    font-size: 0; 
    margin:0 auto;
}
#gnb.main-gnb .container > ul > li {
    display: inline-block;
    vertical-align: top;
    width:12.5%;
    text-align: center; 
}
#gnb.main-gnb .container > ul > li > a {
    display: block;
    position: relative;
    display: inline-block;
	font-size: 16px;
	font-weight:500;
    color: #3d3d3d;
    line-height: 1.3;
    padding: 0 5px;
    text-align: center;
    margin-top:13px;
    margin-bottom:3px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: 0s;
    transition-delay: 0s; 
}

#gnb.main-gnb .container > ul > li:nth-child(7) > a p {padding:0 17px}
#gnb.main-gnb .container > ul > li > a > p {
    position: relative;
    z-index: 2; 
}
#gnb.main-gnb .container > ul > li > a > span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 0;
    height: 100%;
    background-color: transparent;
}
#gnb.main-gnb .container > ul > li > ul {
    position: relative;
    display: none;
    width: 100%;
    padding: 10px 0;
    margin-top: 11px;
    min-height: 210px;
    background-color: #fff;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: 0s;
    transition-delay: 0s; 
}
#gnb.main-gnb .container > ul > li > ul > li {
    display: block; 
	padding-bottom:9px; 
}
#gnb.main-gnb .container > ul > li > ul > li > a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #666;
    line-height: 165%;
    letter-spacing: -.55px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: 0s;
    transition-delay: 0s; 
}
#gnb.main-gnb .container > ul > li > ul > li > a > span {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 1px;
    content: "";
    display: block;
    background-color: #084c89;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: 0s;
    transition-delay: 0s; 
}
#gnb.main-gnb .container > ul > li > ul > li > a:hover {
    color: #084c89; 
}
#gnb.main-gnb .container > ul > li > ul > li > a:hover > span {
    width: 100%;
    margin-left: -50%;
    background-color: #084c89; 
}

#gnb.main-gnb .container > ul > li.active > a > span {
    width: 100%; 
}
#gnb.main-gnb .container > ul > li.active > ul {
    background-color: #f5f5f5; 
}
#gnb.main-gnb .container > ul > li.active > ul:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 1px;
    height: 100%;
    background-color: #ddd;
    background-color: #ddd; 
}
#gnb.main-gnb .container > ul > li.active > ul:after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    width: 1px;
    height: 100%;
    background-color: #ddd; 
}

.opened #gnb.main-gnb {
    overflow: visible;
    height: auto;
    border-bottom: 1px solid #ddd; 
}
.opened #gnb.main-gnb .container {
    height: auto; 
}
.opened #gnb.main-gnb .container > ul > li > ul {
    display: block; 
}

/*==================== SUB LNB ====================*/
/*sub-visual*/
#sub-visual {margin-top:162px;background:#0c2e4a;height:140px;}
#sub-visual .container {background:url('/img/sub_top_bg.png') no-repeat center;padding-top:50px;height:100%;}
#sub-visual h1 {
    color:#fff;
    font-size:32px;
    font-weight:500;
    opacity:0;
    margin-left:-30px;
    animation: subtit-ani ease 1.5s; 
    animation-iteration-count: 1; 
    animation-fill-mode: forwards; 
}
#sub-visual h1:before {content:'';display:inline-block;width:37px;height:4px;background:#fff;margin: 0 25px 9px 0;}
.sub-head-txt span {margin-right:6px;font-size:14px;font-weight:500;color:#a6acb4;}
.sub-head-txt {
    margin-left: 65px;
    margin-top: 10px;
    display: block;
}
.sub-head-txt span:first-child,
.sub-head-txt span:nth-child(9),
.sub-head-txt span:nth-child(13) {
    color:#fff;
}
/*lnb*/
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
#lnbArea,.lnbArea {height:61px;border-bottom:#eee 1px solid;background:#eee;}
.lnb_wrap {position:relative;max-width:1200px;margin:0 auto;}
.home {float:left;display:block;width:60px;height:60px;border-left:1px solid #ddd;border-right:1px solid #ddd;background:#fff url("/img/icon_lnb_home.png") no-repeat center center;transition:all .2s;}
.home:hover {background:url("/img/icon_lnb_home_hover.png") no-repeat center;}
.dep {float:left;position:relative;width:210px;}
.dep > a {display:block;position:relative;height:60px;line-height:60px;padding:0 50px 0 20px;border-right:1px solid #ddd;background:#fff;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dep.on > a {background-color:#f6f6f6;font-weight:400;}
.dep > a:after {content:'';display:block;position:absolute;top:50%;right:20px;width:12px;height:7px;margin-top:-3px;background-repeat:no-repeat;background-image:url("/img/arr_lnb_dep_off.png");}
.dep.on > a:after {background-image:url("/img/arr_lnb_dep_on.png");}
.dep .dep_list {display:none;position:absolute;top:60px;left:-1px;width:209px;border:1px solid #e5e5e5;background:#fff;z-index:900;}
.dep .dep_list a {display:block;height:46px;line-height:46px;padding:0 20px;border-top:1px solid #efefef;font-size:16px;color:#444;white-space:nowrap;}
.dep .dep_list li:first-child a {border-top:none;}
.dep .dep_list a:hover {font-weight:400;color:#004b96;}
.lnb_wrap {position:relative}
/* .lnb_wrap:after {content:'';display:block;position:absolute;width: 100%;left:471px;height:60px;background:#eee;} */
#sideMenu.fixed #lnbArea {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 162px;
    width: 100%;
    margin-left: 0;
    max-width: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}



/*==================== sitemap ====================*/

/*==================== footer ====================*/
/* #footer { background:#333; padding:30px 20px; text-align:center; font-size:15px; line-height:1.6;}
#footer a {color:#BBB;}
#footer .copyright_sns { width:100%;}
#footer .copyright_sns ul li {display: inline-block; padding-right:6px;}
#footer .copyright_sns ul li:last-child {padding-right:0;}
#footer .copyright_sns ul li a {display:block; color:#FFF; width:42px; height:42px; font-size:17px; padding-top:10px; border-radius:30px; background-color:rgba(255,255,255,.1);}
#footer .copyright_sns ul li a:hover {background-color:rgba(255,255,255,.3);}
#footer .copyright_logo {width:100%;}
#footer .footer_util {width:100%;}
#footer .footer_util li {display:inline-block; padding-right:2px;}
#footer .footer_util li a {display:block; color:#BBB; font-size:14px; border:1px solid #A0A0A0; padding:3px 10px;}
#footer .footer_util li a:hover {background:#999; border:1px solid #999; color:#FFF;}
#footer .footer_copyright {width:100%; padding:20px 0;}
#footer .footer_copyright li {color:#DDD; display:inline-block; padding-right:20px;}
#footer .footer_copyright li:last-child {padding-right:0;}
#footer .footer_copyright li:nth-last-child(2) {padding-right:0;}
#footer .copy_end {width:100%;padding-top:5px;} */

/*sticky footer*/
/* html, body {height: 100%;margin: 0;} */
/* .wrapper {min-height: calc(100% - 323px);} */
/* .footer,.push {height: 50px;} */


/*==================== amimation ====================*/
@keyframes subtit-ani { 
    0% { 
		opacity: 0; 
		margin-left:-30px;
    } 
    100% { 
		opacity: 1; 
		margin-left:0;
    } 
} 



/*==================== 모바일 GNB ====================*/

.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.text-ellipsis{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.trans200{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
.trans300{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.trans400{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.trans500{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.material-icons{line-height:initial; color:inherit;}
.clearfix {*zoom: 1;}
.blind {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
}
/* GNB Mobile :: OPEN BUTTON */
.nav-open-btn{
	position:fixed; top:68px; right:-2%; margin-top:-16px; z-index:9998; 
	opacity:0;filter:Alpha(opacity=0);
	visibility:hidden;
}
.nav-open-btn .line {
	display:block; width:30px; height:3px; background-color:#0190d6; margin: 4px 0; 
	-webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
 }

.nav-open-btn.active{margin-top:-18px}
.nav-open-btn.active .line{background-color:#fff;}
.nav-open-btn.active .line:nth-child(2), .nav-open-btn.active .line:nth-child(4){opacity: 0;}
.nav-open-btn.active .line:nth-child(1){
  -webkit-transform: translateY(7px) rotate(45deg);
  -ms-transform: translateY(7px) rotate(45deg);
  -o-transform: translateY(7px) rotate(45deg);
  transform: translateY(7px) rotate(45deg);
}
.nav-open-btn.active .line:nth-child(3){
  -webkit-transform: translateY(-7px) rotate(-45deg);
  -ms-transform: translateY(-7px) rotate(-45deg);
  -o-transform: translateY(-7px) rotate(-45deg);
  transform: translateY(-7px) rotate(-45deg);
}

#gnbM{ 
	display:block; 
	overflow-y:auto; 
	position:fixed; 
	top:0px; 
	right:-82%; 
	width:80%; 
	height:100%;  
	max-width:280px; 
	background-color:#152c46; 
	z-index:999; 
	box-shadow:-2px 1px 11px rgba(0, 0, 0, .3);
	transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
	-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);  
	-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
	-ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);		/* gnb OPEN 속도 */
	visibility:hidden;
}
#gnbM.open{
	right:0px; 
	visibility:hidden;
}
#gnbM #navigation{margin-top:80px;}	/* Header 높이값 */
/* GNB Mobile :: 1차 */
#gnbM #navigation > li{border-bottom:1px solid rgba(255,255,255,0.33);}
#gnbM #navigation > li.active{background-color:#1f3c5d;}
#gnbM #navigation > li > a {position:relative; display:block; padding:14px 15px; color:#fff; font-size:15px;}
#gnbM #navigation > li.active > a{color:#fff;}
#gnbM #navigation > li.has-2dep > a{}
#gnbM #navigation > li.has-2dep.active > a{}
#gnbM #navigation > li .gnb-icon{position:absolute; top:50%; right:10px; margin-top:-14px;}
#gnbM #navigation > li .gnb-icon i{font-size:24px;}
/* GNB Mobile :: 2차 */
#gnbM #navigation > li .gnb-2dep{display:none; padding:7px 0; background-color:#2f2f2f; box-shadow:inset 0px 3px 9px rgba(0, 0, 0, .3);}
#gnbM #navigation > li .gnb-2dep > li{}
#gnbM #navigation > li .gnb-2dep > li > a{display:block; color:#fff; font-size:14px; padding:10px 15px; opacity:0.7;filter:Alpha(opacity=70);}
#gnbM #navigation > li .gnb-2dep > li.active > a{opacity:1.0;filter:Alpha(opacity=100);}
/* GNB Mobile :: 3차 */
#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep{display:none; padding:5px 17%; background-color:#aaa; border-top:1px dotted #ddd;}
#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a{display:block; padding:10px 0; font-size:13px; color:#fff;}
#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a:before{display:inline-block; content:"-"; margin-right:5px;}

/* -------- Mobile Side Bar -------- */
#topMenuBar{display:none; position:relative;}
#topMenuBar .depth1-tit{overflow:hidden; width:100%; font-weight:500;}
#topMenuBar .depth1-tit a{position:relative; display:block; height:55px; color:#333; padding:0 3%; background-color:#fff; border-bottom:1px solid #cfcfcf;}
#topMenuBar .depth1-tit a span{display:inline-block; line-height:55px; font-size:18px; position:relative;}
#topMenuBar .depth1-tit a span:after{display:inline-block; content:""; width:100%; height:1px; position:absolute; bottom:-1px; left:0; background-color:#00538f;}
#topMenuBar .depth1-tit a .arrow{position:absolute; top:50%; right:2%; margin-top:-10px;}
#topMenuBar .depth1-tit a.open .arrow{transform:rotate(-180deg); margin-top:-14px;}
#topMenuBar .top-menu-list{display:none; width:100%; position:absolute; top:56px; left:0px; z-index:99; background-color:#fff;}
#topMenuBar .top-menu-list li{width:100%; }
#topMenuBar .top-menu-list li a{display:block; height:45px; line-height:45px; padding:0 3%; font-size:16px; border-bottom:1px solid rgba(0,0,0,0.3); color:#333; text-align:left;}
#topMenuBar .top-menu-list li:first-child a{border-top:1px solid rgba(255,255,255,0.3);}
#topMenuBar .gnb-3dep{display:none;}
.nav-open-btn .line {
    display: block;
    width: 30px;
    height: 3px;
    background-color: #fff;
    margin: 4px 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/*사이트맵*/
.site-map .site-map-wrap {width:100%;min-height:280px;}
.site-map .site-map-wrap ul {float:left;height:280px;width:calc(20% - 6px);margin-right:3px;margin-left:3px;border:1px solid #cbd2da}
.site-map .site-map-wrap ul li {padding:8px 20px;}
.site-map .site-map-wrap ul h1 + li {padding-top:20px;}
.site-map .site-map-wrap ul li a {font-size:15px;color:#555}
.site-map .site-map-wrap ul li a:hover {font-size:15px;color:#111}
.site-map .site-map-wrap ul h1 {height:54px;line-height:54px;font-size:16px;font-weight:600;color:#fff;text-align:center;width: calc(100% + 2px);margin: -1px;}
.list1 h1,.list4 h1 {background:#8cc33b}
.list2 h1,.list5 h1 {background:#2aa8e2}
.list3 h1 {background:#f5953f}
.list1,.list2,.list3,.list4,.list5 {margin-top:-100px;opacity:0;}
.list1 {
    animation: slidedown ease 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.list2 {
    animation: slidedown2 ease 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.list3 {
    animation: slidedown3 ease 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.list4 {
    animation: slidedown4 ease 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.list5 {
    animation: slidedown5 ease 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}


/*======================== 미디어쿼리 ========================*/
@media all and (max-width:1500px) {
    /*top menu*/
    .head-top .container .quick-menu {right:20px;}
    .head-top .container .tnb {left:20px;}
}

@media all and (max-width:1220px){
    /*서브*/
    #sub_contents {padding-left:20px;padding-right:20px;}
    #sub_contents .container {padding:0;}
    /*.page-tit {width:100%;font-size:24px;padding:15px 0;margin: 0 auto 25px;}*/
    /*GNB*/
    #gnb .container > ul > li > a {font-size:19px;}
    /*모바일 GNB*/
	#sidebar, #subLocation{display:none;}
    #topMenuBar{display:block;}
    /*서브 비쥬얼&LNB*/
	.sub-visual-inner{display:table;}
    .sub-visual-txt{display:table-cell; width:100%; vertical-align:middle; padding:0;}
}

@media (max-width: 1024px){
    /*top menu*/
    .head-top {background-color: #47946f; }
    .head-top .container .quick-menu,
    .head-top .container .tnb {display:none;}
    /*GNB*/
    #gnb.main-gnb .container {padding:0;}
    #gnb.main-gnb .container > ul > li > a {font-size:18px;font-weight:400;}
    /*서브 비쥬얼&LNB*/
	#lnbArea,.lnbArea  {border-bottom-color:#e5e5e5;}
	.lnb_wrap .home {display:none;}
	.lnb_wrap .dep {width:50%;}
	.lnb_wrap .dep > a {padding:0 70px 0 30px;}
	.lnb_wrap .dep:last-child > a {border-right:none;}
	.lnb_wrap .dep.on > a {font-weight:300;}
	.lnb_wrap .dep .dep_list {left:-2px;width:100%;}
	.lnb_wrap .dep:last-child .dep_list {left:-1px;border-right:0;}
    .lnb_wrap .dep .dep_list a {height:60px;line-height:58px;padding:0 30px;}
    .lnb_wrap:after {display:none;}

     /*모바일 GNB*/
     #gnb.main-gnb {height:0;}
     #gnb.main-gnb .container > ul > li {display:none;}
     #gnb.main-gnb:before {height:1px;background-color: #e4e4e4;}
     #gnb.main-gnb .container {height:0;}
     .nav-open-btn{right:2%; opacity:1.0;top:31px;right:15px;filter:Alpha(opacity=100); visibility:visible;}
     #gnbM.open{visibility:visible;}
     .logo img {width:240px; margin-top:9px;margin-top: 4px;margin-left: 10px;}
     .head-top .container {height:60px;}
     .logo {text-align:left;}
     .head-top .container .logo a {margin-left:10px;}
 
     /*서브 비쥬얼&LNB*/
     #sub-visual {margin-top:80px;height:80px;}
     #sub-visual h1 {font-size:22px;}
     #sub-visual h1:before {display:none;}
     #sub-visual .container {padding-top:18px;text-align:center;background-size:cover;}
     .sub-head-txt {margin-left:0;}
     #sideMenu #lnbArea {top:160px}
     #sideMenu.fixed #lnbArea {top:80px;}
     #lnbArea, .lnbArea {background:#eee;}
 
     /*사이트맵*/
     .site-map .site-map-wrap ul {width:calc(33.3333% - 6px);margin-bottom:6px;}
}
@media all and (max-width:1000px) {
    /*모바일 GNB*/
    .head-top .container .quick-menu {display:none;}
    .head-top .container .logo a {margin-left:0;}
}
@media all and (max-width:800px){
    /*서브 비쥬얼&LNB*/
	#visual{height:284px;}
	.sub-visual-inner{display:table;}
	.sub-visual-txt{display:table-cell; width:100%; vertical-align:middle; padding:0;}
	.sub-visual-txt > strong{margin-bottom:5%; font-size:35px;}
	.sub-visual-txt .sub-page-loc{margin-top:-5%; font-size:15px;}
	.sub-page-loc.page-prev{left:0;}
    .sub-page-loc.page-next{right:0;}
    
    /*모바일 GNB*/
    #topMenuBar .top-menu-list li.m{display:none;}
	#gnbM{max-width:230px;}
	#gnbM #navigation{margin-top:60px;}
	#gnbM #navigation > li .gnb-2dep > li.m{display:none;}
	.logo{top:-19px;}
	#header {height:90px;}
}

@media all and (max-width:768px){
   
}
@media all and (max-width:550px){
    /*사이트맵*/
    .site-map .site-map-wrap ul {width:calc(50% - 6px);}
}
@media all and (max-width:480px){
    /*서브 비쥬얼&LNB*/
    #visual{height:200px;}
    .sub-head-txt {margin-left:0;}
	.sub-visual-txt > strong{font-size:30px;}
	.sub-visual-txt > p{font-size:15px; line-height:20px; word-break:keep-all;}
    .sub-visual-txt .sub-page-loc{display:none;}
    #lnbArea, .lnbArea {height:51px;}
    .lnb_wrap .dep > a {text-overflow:ellipsis;width:100%;padding-right:30px;padding-left:15px;}
    .dep > a {height:50px;line-height:50px;font-size:14px;}

     /*사이트맵*/
     .site-map .site-map-wrap ul {width:100%;height:auto;padding-bottom:10px;margin-left:0;margin-right:0;}

}

@media all and (max-width: 425px){
    /*서브 비쥬얼&LNB*/
	.lnb_wrap .dep > a {padding: 0 10px 0 10px;}
}