@charset "utf-8";

/* 건너뛰기 */
#accessibility{position:absolute;left:0;top:0;z-index:999999999;}
#accessibility li{float:left}
#accessibility a{position:absolute;width:1px;height:1px;top:-50px;overflow:hidden;text-align:center;}
#accessibility a:focus, #accessibility a:active{position:absolute;top:0px;width:200px;height:auto;padding:5px;background-color:#fff;border:solid 1px #0079c6;color:#0079c6;z-index:2} 

/*layout*/
#header{position:relative;width:100%; z-index:99999999;height:90px;border: 0px solid #ccc;}
#header:before{position:absolute;/*top:5rem;*/left:0;width:100%;height:0;background:#fff;content:''; transition:opacity .3s, height .3s;-webkit-transition:opacity .3s, height .3s;}
#header .header-wrap{position:relative; width:100%; max-width: 1400px; height:40px; margin:auto; padding:0 0%;  /*line-height:3rem;*/}

#header .logo{position:relative;float:left; margin:22px 0px 0px 25px;   background:url("../../images/common/logo.png") no-repeat 0px 0px; box-sizing: border-box; z-index:999;}
#header .logo > a{position:relative;display:inline-block; width:270px; padding:0px 0px 0px 0px; height:50px;  box-sizing: border-box; z-index:999;}

@media all and (max-width:1024px){
	#header{height:70px;}
	#header .logo{margin:10px 0px 0px 10px;}
 }

@media all and (max-width:1200px){
	#header .logo{ background-size:80%;}
 }

@media all and (max-width:767px){
	#header .logo{margin:20px 0px 0px 10px;}
 }
 

/* glb */
.glb{position:relative; float:right; z-index:999999; padding-top: 0px; font-size:0; line-height:0;}
.glb .site{position:relative; float:left;   margin-top:0px; border-left: 1px solid #f2f2f2; }
.glb .site_item{display:inline-block; position:relative; vertical-align: middle; border-right: 1px solid #f2f2f2; box-sizing: border-box;  height:40px;}
.glb .site_item + .site_item{margin-left:0px;}
.glb .site_item + .site_item:before{display:block; position:absolute; top: 0px; left:-14px; bottom:0; width:3px; height:3px; margin-top:auto; margin-bottom:auto; background-color:rgb(196, 198, 202);}
.glb .site_item > a{display:block; color:rgb(73, 78, 97); font-size:16px; line-height: 31px;}
.glb .site_item.active > a{color:#145ba2; font-weight:600;}

.glb .site_item.bg1{padding:0px 0px 0px 0px; background:url("../../images/common/icon1.png") no-repeat 10px 12px;}
.glb .site_item.bg2{padding:0px 0px 0px 0px; background:url("../../images/common/icon2.png") no-repeat 10px 12px;}
.glb .site_item.bg3{padding:0px 0px 0px 0px; background:url("../../images/common/icon3.png") no-repeat 10px 12px;}

.glb .site_item a{display:block; padding:5px 20px 3px 30px;}

@media (max-width:1024px){
    .glb{position:absolute; top:0; left:0; right:0; padding-top:0;}
    .glb .site{float:none; padding-right:3%; padding-left:3%;}
    .glb .link{float:none;}
    .glb .site_item{display:none; width:50%;}
    .glb .site_item + .site_item{margin-left:0;}
}

#mobileSideMenu{display:none; }

.mMenu{display:none;}

.menu-btn{position:absolute; right:10px; /* right: calc(50% - 700px);*/ top:15px; width:52px; height:52px; z-index:99999;background:#367ac3; border-radius:2px; }
.menu-btn a{position: relative;display:block; width:52px; height:52px; padding:13px 0px 0px 12px;}

.menu-btn2{position:absolute; right:0px;  top:10px; width:300px;height:63px; z-index:99999;}
.menu-btn2 li{position:relative; float:left;  padding:0px 10px 0px 10px;  }

.menu-btn2 .lv{position: relative; top:20px; padding:10px 20px 10px 20px; border-radius:20px; border:1px solid #ddd;}
.menu-btn2 .lv a{position: relative; display:block;color:#222;}

.menu-btn2 .myphoto{position: relative; top:20px;  padding:10px 20px 10px 20px; color:#fff; border-radius:20px; background:#524b8d;}
.menu-btn2 .myphoto a{position: relative;display:block;color:#fff;}

.menu-btn2 .siteMap a{ position: relative; display:block; width:45px; height:65px; padding:20px 0px 0px 0px; }


#nav-icon { width: 24px;height: 24px;position: relative;margin: 0 auto;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);cursor: pointer; }
#nav-icon span { display: block; position: absolute;height: 2px; width: 50%;background: #4767c1;opacity: 1;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}

#nav-icon span:nth-child(even) { left: 50%; }

#nav-icon span:nth-child(odd) {left:0px; }
#nav-icon span:nth-child(1){width:0;right:50%;left:auto;}
#nav-icon span:nth-child(1), #nav-icon span:nth-child(2) {top: 4px;}
#nav-icon span:nth-child(3), #nav-icon span:nth-child(4) {top: 12px;}
#nav-icon span:nth-child(5), #nav-icon span:nth-child(6) {top: 20px;} 

#nav-icon.open{width:50px; height:50px;}
#nav-icon.open span:nth-child(1),#nav-icon.open span:nth-child(6) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#nav-icon.open span:nth-child(2),#nav-icon.open span:nth-child(5) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#nav-icon.open span:nth-child(1) {left: 5px;top: 9px;width:50%;right:auto;}
#nav-icon.open span:nth-child(2) {left: calc(50% - 3px);top: 9px;}
#nav-icon.open span:nth-child(3) {left: -50%;opacity: 0;}
#nav-icon.open span:nth-child(4) {left: 100%;opacity: 0;}
#nav-icon.open span:nth-child(5) { left: 5px; top: 26px;}
#nav-icon.open span:nth-child(6) { left: calc(50% - 3px); top: 26px;}  
#nav-icon.open span{background:#444;}

@media all and (max-width:1024px){
	.menu-btn{position:absolute; right:calc(100% - 0px); display:none;}
	/* 모바일 메뉴 */
	#mobileSideMenu{display:inline-block;}
	.mMenu{position:absolute;top:10px;right:10px;width:52px;height:52px;display:table; background:#6d6d6d; /* background:#367ac3;*/ border-radius:2px;vertical-align:middle;text-align:center; }
	.mMenu > a{display:block; width:52px;height:52px;  padding:13px 0px 0px 0px;}
	.mMenu > a > em{position:absolute;top:50%;text-indent: -9999px; left:50%; transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);display:inline-block;width:40%;height:3px;background:#fff;transition:all .5s cubic-bezier(.535,0,0,1) 0s;-webkit-transition:all .5s cubic-bezier(.535,0,0,1) 0s;}
	.mMenu > a > em:before{position:absolute;top:4px;left:0;background:#fff;width:15px;height:3px;transition:all .5s cubic-bezier(.535,0,0,1) 0s;-webkit-transition:all .5s cubic-bezier(.535,0,0,1) 0s;content:'';}
	.mMenu > a > em:after{position:absolute;top:-4px;left:0;background:#fff;width:19px;height:3px;transition:all .5s cubic-bezier(.535,0,0,1) 0s;-webkit-transition:all .5s cubic-bezier(.535,0,0,1) 0s;content:'';}
	.mMenu > a > em:before{transform:translateY(5px);}
	.mMenu > a > em:after{transform:translateY(-5px);}
}

@media all and (max-width:767px){
	.menu-btn{display:none;}
	/*
	#mobileSideMenu{display:inline-block;}
	.mMenu{position:absolute;top:10px;right:10px;width:52px;height:52px;display:table; background:#367ac3; border-radius:2px;}
	.mMenu > a{display:block; width:52px;height:52px;  padding:13px 0px 0px 0px;}
	.mMenu > a > em{position:absolute;top:50%;text-indent: -9999px; left:50%; transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);display:inline-block;width:40%;height:2px;background:#fff;transition:all .5s cubic-bezier(.535,0,0,1) 0s;-webkit-transition:all .5s cubic-bezier(.535,0,0,1) 0s;}
	.mMenu > a > em:before{position:absolute;top:4px;left:0;background:#fff;width:15px;height:2px;transition:all .5s cubic-bezier(.535,0,0,1) 0s;-webkit-transition:all .5s cubic-bezier(.535,0,0,1) 0s;content:'';}
	.mMenu > a > em:after{position:absolute;top:-4px;left:0;background:#fff;width:19px;height:2px;transition:all .5s cubic-bezier(.535,0,0,1) 0s;-webkit-transition:all .5s cubic-bezier(.535,0,0,1) 0s;content:'';}
	.mMenu > a > em:before{transform:translateY(3px);}
	.mMenu > a > em:after{transform:translateY(-3px);}
	*/
	.in-wrap{margin:0px 0%;}
}

.chatbot{display:none;}
@media all and (max-width:1024px){
	.chatbot{position:absolute;top:3px;right:70px;width:76px;display:table;}
}	

@media all and (max-width:360px){
	.chatbot{top:7px; right:70px;width:60px;height:55px;}
}	

.container{width:100%; max-width:1400px;border: 2px solid #000; margin:auto;}

#divContent{width:100%;position:relative;}

.wrap{position:relative;width:100%; max-width:1400px; margin:auto;  }
.rowgroup{overflow: hidden; margin:0px 0px 20px 0px;}
.rowgroup3{margin:10px 0px 20px 0px;}
.rowgroup4{margin:20px 0px 20px 0px;}
.rowgroup5{margin:20px 0px 20px 0px;}
.rowgroup7{ margin:30px 0px 0px 0px;}


@media all and (max-width:1400px){
	.rowgroup2, .rowgroup3, .rowgroup4, .rowgroup5{margin:0px 15px 0px 15px;}
}

@media all and (max-width:1024px){
	#divContent{padding:0px 0px 0px 0px; box-sizing: border-box; overflow: hidden;}
	.rowgroup{ background: linear-gradient(#f9f6ff 20%, #fff 40%);}
}

@media all and (max-width:767px){
	#divContent{}
	.rowgroup{margin:0px 0px 0px 0px; }
}

.site_link{position:relative; width:100%; height:75px; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; background:#333333; z-index:10; clear:both;}

.bannerLink{float:left; width:45%;color:#fff; font-size:15px;}
.bannerLink ul{}
.bannerLink li{float:left; padding:0px 0px 0px 0px;  font-family:'GmarketSansMedium','SBAggroM','Pretendard GOV'; }
.bannerLink a, .bannerLink a:hover, .bannerLink a:visited	{display:block; height:50px; color:#fff; padding:15px 35px 15px 35px;}

.site_link .box{position:relative; float:right; width:50%; }
.sitelink_cont{display:block;float:left;position:relative;height:50px; margin:0px 0px 0px 1%; width:32.3%;
			 border-radius:10px; background:#fff;transition:all .5s; box-sizing: border-box;}
.sitelink_cont h3{display:block;  background:url(/images/common/siteUp.png) no-repeat right 20px top 18px;}
.sitelink_cont h3 button{display:block;position:relative;width:100%;  font-size:14px; font-family:'GmarketSansMedium','notokr-medium','맑은고딕','Malgun Gothic'; margin:0px 0% 0px 0px;padding:0px 0px 0px 15px;border:none;color:#222;line-height:50px;text-align:left;box-sizing:border-box;}
.sitelink_cont h3 button i{display:block; position:absolute; top:50%;  border:2px solid #fff600;right:20px;width:24px;height:24px;margin:-12px 0 0 0;background:url(/images/common/siteUp.png) no-repeat left -72px;box-sizing:border-box;}
.sitelink_cont .layer{display:none;position:absolute;left:0;bottom:50px;width:100%;z-index:100;padding:30px 0 0 0;}
.sitelink_cont .layer .close{position:absolute;right:0;top:0;width:30px;height:30px;background:url(/images/common/btn_close4.png) #4d5360 no-repeat 7px 8px;color:transparent;font-size:0;line-height:0;text-indent:-9999px;z-index:10;}

.link_part strong{display:none;width:88%;height:50px;padding:0 0 0 12%;color:#fff;line-height:50px;}
.link_part ul{padding:15px 5px; background-color:#fff; border:2px solid #4d5360; z-index:999;}
.link_part li{display:block;float:left;width:100%; letter-spacing:-0.5px;}
.link_part .sitelink_list1 li,.link_part .sitelink_list3 li,.link_part .sitelink_list5 li{width:100%;}
.link_part a{display:block;margin:0 0 0 5px;padding:5px 0 0 10px;background:url(/images/main/siteDown.png) no-repeat left -118px;color:#606060;font-size:14px;}

@media screen and ( max-width: 1024px ) {
	.bannerLink a, .bannerLink a:hover, .bannerLink a:visited	{padding:15px 15px 5px 15px;}
	}

@media screen and ( max-width: 767px ) {
	.rowgroup7{/* height:210px;*/}
	.site_link{min-height:130px; height:auto; padding:10px; box-sizing:border-box;}
	
	.sitelink_cont{height:40px; border-radius:5px;}
	
	.sitelink_cont h3{background:url(/images/common/siteUp.png) no-repeat right 20px top 10px;}
	.sitelink_cont h3 button{line-height:40px;}
	.site_link .box{float:none !important; width:100%;}
	.sitelink_cont{width:calc(100% - 1%); margin:0px 1%  10px 0px;}
	
	.bannerLink{float:none !important; width:99%; clear:both; color:#FFF; font-size:14px;}
	.bannerLink li{width:33.3%; text-align:center;}
	.bannerLink a, .bannerLink a:hover, .bannerLink a:visited	{padding:10px 0px 10px 0px;}
}


/* Footer */
#divFooter{position:relative; width:100%;/* font-size: 1rem; */ font-size:16px; padding-top:0px;border-top:0px solid #babfcc; clear:both;}

/* Footer Menu */
.footerMenu{width:100%; max-width:1400px; margin:0 auto; height:40px;}

.footerMenu ul{float:left;margin-top:25px;overflow:hidden}
.footerMenu li{float:left; margin-left:28px; }
.footerMenu li a{color:#222;}
.footerMenu li.privacy{margin-left:0}
.footerMenu li.privacy a{color:#013dc6;}

.footer{position:relative; width:100%; max-width:1400px; min-height:140px; margin:0 auto; overflow:hidden;}
.footer .footerLogo{position:absolute; top:30px;right:0}
.footer .footerLogo img{vertical-align:top}
.footer address{display:inline-block;font-style:normal; margin:25px 0 0px 0px;color:#222; line-height:28px}
.footer .email{padding-top:10px; color:#304991;}
.footer .tel{color:#236a79;}
.footer .tel a{color:#236a79;font-weight:600;}

.footer .tel2{color:#0960b4;}
.footer .tel2 a{color:#0960b4;font-weight:600;}

.footer .footerLogo{position:absolute;  top:45px;  text-align:right; right:0px}
.footer .qrCode{width:180px; text-align:right; float:right;}

@media screen and (max-width:1024px){
	#divFooter{font-size:0.9rem;}
	
	.footerMenu li{ padding:0px 15px 0px 15px;}
	.addLine{display:none;}
	/*
	#divFooter{padding:0px 0px 0px 0px; font-size:15px;}
	
	.footer .visit{position:relative;width:100%; max-width:640px; margin:10px auto; text-align:center;}

	.footerMenu > div{width:auto;height:auto;margin:0;padding:0 10px;overflow:hidden}
	.footerMenu{width:100%;margin:10px 0;text-align:center}
	.footerMenu li{float:none;display:inline;margin:0 7px}
	.footerMenu li a{font-size:15px}
	
	.footer{width:auto; min-height:0; margin:0;padding:0px 0px;}
	.footer address{margin:0px 10px 0px 10px; text-align:center; letter-spacing:-0.05em; line-height:140%;}
	.footer p{text-align:center; padding:7px 0px 0px 0px;letter-spacing:-0.05em;}
	
	.footer .wa{display:none}
	.footer .tel{ margin:0px 0px 0px 15px;}
	.tel{clear:both; display:inherit; float:none !important; padding:0px; line-height:140%;	}
	*/
}

@media screen and (max-width:768px){
	#divFooter{/* font-size:0.8rem; */ padding-top:5px;}
	
	.footer {text-align:center;}
	.footer address{margin:10px 0 0px 0px;}
	.footer .footerLogo{display:none;}
	.footer .tel{margin:0px 0px 0px 0px;}
	
	.tel{clear:both; display:inherit; float:none !important; padding:0px; line-height:140%;	}
	.arr{display:inherit;}
	
	.footerMenu{height:auto;}
	.footerMenu ul{width:100%; }
	
	.footerMenu li{
		float:left;  width:48%; box-sizing: border-box;
		padding:0px; margin:3px 1% 3px 1%; box-sizing: border-box;
		border: 1px solid rgba(255,255,255,.2);
	}
	.footerMenu li:first-child{margin-left:1%;}
	.footerMenu li a{display:block;  padding:7px 0px 7px 0px;}
}



.btn_chatbot{position: fixed; max-width:76px; right:25px; text-align:center; top:31%; z-index:9999;}

@media screen and (max-width:1400px){
	.btn_chatbot{right:10px;bottom:5%;}
	.btn_chatbot img{max-width:60px;}
}
@media screen and (max-width:1024px){
	.btn_chatbot{display:none; /*position:absolute; right:25px; bottom:5%;*/}
}

.btn_top{position:absolute; max-width:70px; right:25px; text-align:center; bottom:100px; z-index:9999;}

@media screen and (max-width:1400px){
	.btn_top{right:10px;bottom:5%;}
	.btn_top img{max-width:60px;}
}
@media screen and (max-width:1024px){
	.btn_top{display:none; /*position:absolute; right:25px; bottom:5%;*/}
}


/* 서브메뉴 */
.snb{position:relative; width:100%; height:50px; border-top:1px solid #c3c3c3; background-color:#edf3fc; z-index:9999999; box-sizing: border-box;}

.snb .allWrap{width:100%; height:60px; background:#fff; border-left:0px solid #c3c3c3; border-right:1px solid #c3c3c3; border-radius:0px;box-sizing: border-box;  } 
.snb .allWrap .snbWrap{position:relative; margin:0 auto;  clear:both; border-right:1px solid #dddddd; box-sizing: border-box;  }
.snb.fix .allWrap{position:fixed;max-width:100%;}
.snb.fix .allWrap:before{content:'';position:absolute;top:0;left:0;width:50%;background:#fff;}
.snbWrap a.home{position:relative;display:block;float:left;width:60px;height:60px;border-radius:0px;background:#394b81 url('/photo/images/sub/icon_home2.png') 50% 50% no-repeat;text-indent:-9999px;}

.snbWrap .snbList{padding-left:85px;font-family:'SCDream5';}
.snbWrap .snbList > li{float:left;position:relative;  min-width:300px;height:60px;list-style:none;font-family:'SCDream5';}
.snbWrap .snbList > li > .currentMenu{width:100%;height:60px;border:0;background:none;text-align:left;outline:none;padding-right:50px}
.snbWrap .snbList > li > .currentMenu:after{content:'';position:absolute;top:66%;right:30px;width:24px;height:14px;margin-top:-15px;background:url('/photo/images/sub/icon_arrow2.png') 0px 0px no-repeat;transition:all .3s;}
.snbWrap .snbList > li > .currentMenu span{display:block;padding-left:30px;color:#222;line-height:34px;font-size:15px;font-family:'SCDream6';}
.snbWrap .snbList > li > .currentMenu span:hover{color:#6500e3;}
.snbWrap .snbList > li.on > .currentMenu:after{transform:rotate(-180deg);}
.snbWrap .snbList > li:after{content:'';position:absolute;top:0px;right:0px;width:1px;height:60px;margin-top:0px; background:#ededed;}
.snbWrap .snbList > li > ul{display:none;position:absolute;top:58px;left:0px;width:100%;padding:0;background:#fff;border:1px solid #c3c3c3;z-index:15;list-style:none;}
.snbWrap .snbList > li > ul > li{/*padding:10px 30px;*/line-height:26px;border-bottom:1px solid #ededed;background:url('/photo/images/main/btn_more2.png') 250px center no-repeat;transition:all .3s;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease}
.snbWrap .snbList > li > ul > li:hover{background:url('/photo/images/main/btn_more2_ov.png') 260px center no-repeat;}
.snbWrap .snbList > li > ul > li a{position:relative;display:block;padding:15px 0px 15px 30px;font-size:14px;color:#000;}
.snbWrap .snbList > li > ul > li:first-child a{border-top:0;}
.snbWrap .snbList > li > ul > li.on a,
.snbWrap .snbList > li > ul > li a:hover{color:#6500e3;}

@media screen and (max-width:1150px){
	.snbWrap .snbList{padding-left:15px;}
	.snbWrap .snbList > li{min-width:240px; }
}

@media screen and (max-width:950px){
	.snbWrap .snbList > li{min-width:200px;}
	.snbWrap .snbList > li > .currentMenu span{padding-left:15px;}
}

@media screen and (max-width:850px){
	.snbWrap .snbList > li{min-width:180px; }
	.snbWrap .snbList > li > .currentMenu:after{right:20px;}
}

@media screen and (max-width:768px){
	.snb{border-top:0px solid #c3c3c3;  height:auto; min-height:50px;border-bottom:0px solid #c3c3c3;}

	.snb .allWrap{ border-right:0px solid #c3c3c3; background:#394b81;} 
	
	.snbWrap .snbList > li{ min-width:100px; width:33.3%;border:0px solid #fff600;}
	.snbWrap .snbList > li:after{background:rgba(255,255,255,.2);}
	.snbWrap .snbList > li > .currentMenu{padding-right:25px}
	.snbWrap .snbList > li > .currentMenu span{color:#fff;}
	.snbWrap .snbList > li > .currentMenu span:hover{color:#c2fffe;}
	
	.snbWrap a.home{display:none;}
	
	.snbWrap .snbList{padding-left:0px;}
	.snbWrap .snbList > li > .currentMenu:after{right:5px;background:url('/photo/images/common/tab_icon_on.png') 0px 0px no-repeat;}

	.snbWrap .snbList > li > .currentMenu span{padding-left:15px;font-size:14px;}
}

@media screen and (max-width:460px){
	.snbWrap .snbList > li > .currentMenu span{padding-left:10px;font-size:12px;line-height:20px;}
	.snbWrap .snbList > li > ul > li a{padding:10px 0px 10px 10px; font-size:12px;}
}


/* 탭메뉴 */
.tab_menu {content: ""; width:100%; margin-bottom:20px; position:relative; z-index:10;letter-spacing:-0.05em;}
.tab_menu button {cursor:pointer; border:none;  background:none;}
.tab_menu .tab_nav {width: 100%; display: inline-block; vertical-align: top;}
.tab_menu .tab_select {display:none;}
.tab_menu .tab_contents {margin-top:50px;}

@media all and (min-width:801px) {
    /* 탭메뉴 유형2 */
    .tab_menu.type2 {content: ""; width:calc(100% + 0px); }
    .tab_menu.type2 .tab_list {overflow:hidden; position:relative; padding-top:1px; padding-left:1px; font-size:0; line-height:0;  width: 100%;  vertical-align: top;}
    .tab_menu.type2 .tab_item {display:inline-block; 
	    position:relative; width:calc(25% - 1%); margin:0px 0.5% 0px 0.5%;
	    vertical-align:top;  
	    margin-bottom:0px; margin-right:0px; 
	  	border:1px solid #d4d4d4;
	    background-color:#FFF; 
	    text-align:center;  border-radius:10px; 
	    transition-property:border-color, background-color; transition-duration:0.25s; transition-timing-function:linear;
    }
    
    .tab_menu.type2 .tab_item:before {position:absolute; top:17px; right:10px; content: "";  display:block; margin-right:20px;  width:20px; height:20px;background: url(/images/common/icon-sm.png) -30px 0px no-repeat;   }
    .tab_menu.type2 .tab_open {display:block; padding:0 10px; word-break:keep-all; font-size:16px; color:#353434; height:58px; display: flex;  align-items: center;  justify-content: center; line-height:18px; transition:color 0.25s linear;}
    
    .tab_menu.type2 .tab_list.list2 li {width:calc(50% - 1px);}
    .tab_menu.type2 .tab_list.list2 li:nth-child(2n +0) {/*border-right:1px solid #d5d5d5;*/}
    .tab_menu.type2 .tab_list.list2 li:nth-child(n+1):nth-child(-n+2) {/*border-top:1px solid #d5d5d5;*/}
        
    .tab_menu.type2 .tab_list.list3 li {width:calc(33.33% - 1px);}
    .tab_menu.type2 .tab_list.list3 li:nth-child(3n +0) {/*border-right:1px solid #d5d5d5;*/}
    .tab_menu.type2 .tab_list.list3 li:nth-child(n+1):nth-child(-n+3) {/*border-top:1px solid #d5d5d5;*/}
    
    .tab_menu.type2 .tab_list.list4 li {width:calc(25% - 1px);}
    .tab_menu.type2 .tab_list.list4 li:nth-child(4n +0) {/*border-right:1px solid #d5d5d5;*/}
    .tab_menu.type2 .tab_list.list4 li:nth-child(n+1):nth-child(-n+4) {/*border-bottom: none;border-top:1px solid #d5d5d5;*/}
    
    .tab_menu.type2 .tab_list.list5 li {width:calc(20% - 1px);}
    .tab_menu.type2 .tab_list.list5 li:nth-child(5n +0) {/*border-right:1px solid #d5d5d5;*/}
    .tab_menu.type2 .tab_list.list5 li:nth-child(n+1):nth-child(-n+5) {/*border-top:1px solid #d5d5d5;*/}
    
    .tab_menu.type2 .tab_list.list6 li {width:calc(16.6% - 1%);}
    .tab_menu.type2 .tab_list.list6 li:nth-child(6n +0) {/*border-right:1px solid #d5d5d5;*/}
    .tab_menu.type2 .tab_list.list6 li:nth-child(n+1):nth-child(-n+6) {/*border-top:1px solid #d5d5d5;*/}

    /* 탭메뉴 유형2 활성화 */
    .tab_menu.type2 .tab_item:hover,
    .tab_menu.type2 .tab_item.active {box-shadow:5px 5px 5px rgba(61, 45, 101, 0.1);box-sizing: border-box; z-index:10; border-color:transparent;  border:1px solid #424242; background-color:#424242; }
    
            .tab_menu.type2 .tab_item:hover .tab_open,
    .tab_menu.type2 .tab_item.active .tab_open {color:#fff; text-decoration:none;}
	.tab_menu.type2 .tab_item.active:before{position:absolute; top:17px; left:10px; content: "";  display:block; margin-left:7px;  width:20px; height:20px;background: url(/images/common/icon-sm.png) -75px 0px no-repeat;}

    .tab_menu.type2 .tab_open[target=_blank]:after { content: ""; display:block; margin-left:7px;  width:20px; height:20px;   background: url(/images/common/blank.png) 0px 3px no-repeat;
        transition: all 0s ease 0s;}
    .tab_menu.type2 .tab_item .tab_open[target=_blank]:hover:after { background: url(/images/common/blank.png) 0px 3px no-repeat;}


    /* 탭메뉴 유형1 */
    .tab_menu.type1 {content: "";width:calc(100% + 10px)}
    .tab_menu.type1 .tab_list {position:relative; font-size:0; line-height:0;}
    .tab_menu.type1 .tab_item {display:inline-block; position:relative; width:calc(25% + 1px); vertical-align:top; margin-left:-1px;  margin-top:10px;  border:1px solid #d5d5d5; background-color:#fff; text-align:center; transition-property:border-color, background-color; transition-duration:0.25s; transition-timing-function:linear;}
    .tab_menu.type1 .tab_open {display:block; padding:0 10px; word-break:keep-all; font-size:16px; height:56px; display: flex;  align-items: center;  justify-content: center; line-height:18px; transition:color 0.25s linear;}
    .tab_menu.type1 .tab_list.list2 li {width:50%;}
    .tab_menu.type1 .tab_list.list3 li {width:33.33%;}
    .tab_menu.type1 .tab_list.list4 li {width:25%;}
    .tab_menu.type1 .tab_list.list5 li {width:20%;}
    .tab_menu.type1 .tab_list.list6 li {width:15.6%; margin:0px 0.5% 0px 0.5%;}

    /* 탭메뉴 유형1 활성화 */
    .tab_menu.type1 .tab_item:hover,
    .tab_menu.type1 .tab_item.active {z-index:10; border-color:transparent; box-shadow:0 0 15px 5px rgba(206, 216, 227, 0.3);  border:1px solid #3b53e2; background-color:#f3f9ff; }
    .tab_menu.type1 .tab_item:hover {z-index:9;}
    .tab_menu.type1 .tab_item.active {z-index:10;}
    .tab_menu.type1 .tab_item:hover .tab_open,
    .tab_menu.type1 .tab_item.active .tab_open {color:#1f33c6; text-decoratioN:none}


    /* 탭메뉴 유형3 */
  	.tab_menu.type3 {content: "";width:100%; background:url('/site/mpva/images/contents/line_type1.gif') repeat-x left bottom; padding:0 0 25px 0}
    .tab_menu.type3 .tab_list {overflow:hidden; position:relative; font-size:0; line-height:0;}
    .tab_menu.type3 .tab_item {display:inline-block; position:relative; width:auto; vertical-align:top; margin:6px 19px 6px 0; text-align:center; transition-property:border-color, background-color; transition-duration:0.25s; transition-timing-function:linear; border:none}
    .tab_menu.type3 .tab_open {display:block; padding:0 10px; color:#686868; word-break:keep-all; font-size:16px;  display: flex;  align-items: center;  justify-content: center; line-height:18px; transition:color 0.25s linear;}

    /* 탭메뉴 유형3 활성화 */
    .tab_menu.type3 .tab_item:hover,
    .tab_menu.type3 .tab_item.active {z-index:10; border-color:transparent;  }
    .tab_menu.type3 .tab_item .tab_open:before {background:#686868; width:5px; height:1px; position:absolute; left:0px; top:8px; display:block}
    .tab_menu.type3 .tab_item:hover .tab_open,
    .tab_menu.type3 .tab_item.active .tab_open {color:#000; text-decoratioN:none}
    .tab_menu.type3 .tab_item:hover .tab_open:before,
    .tab_menu.type3 .tab_item.active .tab_open:before {background:#000}

    .tab_menu.type3 .tab_open[target=_blank]:after {margin-left:7px;  width: 13px; height: 11px; content: ""; display:block; opacity:0.6;   background: url(/common/images/template.png) -201px -13px no-repeat; transition: all 0s ease 0s;}
    .tab_menu.type3 .tab_item .tab_open[target=_blank]:hover:after {    opacity:1}


    /* 탭메뉴 유형4 */
    .tab_menu.type4 {content: "";width:100%; background:url('/common/images/board_tab_bg.gif') repeat-x left top; }
    .tab_menu.type4 .tab_nav {position:relative; width:100%; background:url('/common/images/board_tab_bg2.gif') repeat-x left bottom; padding:30px 38px}
    .tab_menu.type4 .tab_nav:before {position:absolute; top:0px; left:0px; width:1px; height:100%; display:block; background:url('/common/images/board_tab_bg.gif') repeat-y left top;}
    .tab_menu.type4 .tab_nav:after {position:absolute; top:0px; right:0px; width:1px; height:100%; display:block; background:url('/common/images/board_tab_bg.gif') repeat-y left top;}
    .tab_menu.type4 .tab_list {overflow:hidden; position:relative; font-size:0; line-height:0;}
    .tab_menu.type4 .tab_item {display:inline-block; position:relative; width:auto; vertical-align:top; margin:6px 30px 6px 0; text-align:center; transition-property:border-color, background-color; transition-duration:0.25s; transition-timing-function:linear; border:none}
    .tab_menu.type4 .tab_open {display:block; padding:0 0 0 12px; color:#686868; word-break:keep-all; font-size:16px;  display: flex;  align-items: center;  justify-content: center; line-height:18px; transition:color 0.25s linear;}


    /* 탭메뉴 유형3 활성화 */
    .tab_menu.type4 .tab_item:hover,
    .tab_menu.type4 .tab_item.active {z-index:10; border-color:transparent;  }
    .tab_menu.type4 .tab_item .tab_open:before {background:#686868; width:5px; height:1px; position:absolute; left:2px; top:11px; display:block}
    .tab_menu.type4 .tab_item:hover .tab_open,
    .tab_menu.type4 .tab_item.active .tab_open {color:#000; text-decoratioN:none}
    .tab_menu.type4 .tab_item:hover .tab_open:before,
    .tab_menu.type4 .tab_item.active .tab_open:before {background:#000}

    .tab_menu.type4 .tab_open[target=_blank]:after {margin-left:7px;  width: 13px; height: 11px; content: ""; display:block; opacity:0.6;   background: url(/common/images/template.png) -201px -13px no-repeat; transition: all 0s ease 0s;}
    .tab_menu.type4 .tab_item .tab_open[target=_blank]:hover:after {opacity:1}
}

@media all and (min-width:801px) and (max-width:1240px) {
    .tab_menu.type2 .tab_item {min-width:150px;}
}

@media all and (max-width:800px) {
    .tab_menu {margin-top:0px; margin-bottom:10px}
    .tab_menu {overflow:visible; margin-top:0px;}
    .tab_list.clearfix > .tab_item {/*float:none;*/}
    .tab_list.center > .tab_item {display:block;}

    /* 탭메뉴 선택 */
    .tab_menu .tab_select{display:block; position:relative; width:100%; padding:14px 37px 16px 26px; background-color:#fff;  border:1px solid #8a92d1; color:#1e297a; font-size:15px; line-height:16px; text-align:left;}
    .tab_menu .tab_select:before{content: " ";display:block; position:absolute; top:50%; border-radius:4px;border: 1px solid #8a92d1; margin-top:-13px; right:21px; width:24px; height:24px; 
    	background: url('/images/common/icon-sm.png') no-repeat;
    	background-position:-75px 0px;
    }
    .tab_menu .tab_list{border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9;  margin-top:-1px}
    .tab_menu .tab_select button {text-align:left;}
    .tab_menu .tab_nav {display:none; position:absolute; z-index: 1; left:0px; width:100%; background-color:#fff;}
    .tab_menu .tab_list {overflow-x:hidden; overflow-y:auto; max-height:250px;}
    .tab_menu .tab_item {margin-top:-1px; border-top:1px solid #d9d9d9;background-color:#f9f8fb;} 
    .tab_menu .tab_item:first-child {margin-top:0;}
    .tab_menu .tab_open {display:block; width:100%; padding:15px 5px 17px 26px; color:#223daf; font-size:14px; line-height:16px; text-align:left;}

    .tab_menu.type4 .tab_nav {padding:0px; left:0px; position:absolute;}
    .tab_menu.type4 .tab_nav:before, .tab_menu.type4 .tab_nav:after {display:none}
    .tab_menu.type4 .tab_item {width:100%;  margin:0px; margin-top: -1px; border-top: 1px solid #4268df; background-color:#f9f8fb;}
    .tab_menu.type4 .tab_item .tab_open:before {display:none}
    .tab_menu.type4 .tab_item:first-child {margin-top:0px}
    .tab_menu.type4 .tab_open {display: block; width: 100%; padding: 16px 5px 16px 26px; background-color:#f9f8fb;color: #223daf; font-size: 14px;  line-height: 16px;   text-align: left;}
    .tab_menu .tab_select.active{ position:relative; width:100%;  background-color:#fff; color:#223daf; border:1px solid #4268df;  }
    .tab_menu .tab_select.active:before{ transform: rotate(180deg); }
    .tab_menu .tab_item.active .tab_btn{background-color:#0092b9; color:#f7f7f7;}

    /*탭 scripttab*/
    .tab_menu.scripttab .tab_btn{display:block; position:relative; width:100%; padding:17px 37px 17px 26px; border-bottom:1px solid #ddd; background-color:#f7f7f7; color:#333; font-size:14px; line-height:16px; text-align:left;}
    .tab_menu.scripttab .tab_select{display:block; position:relative; width:100%; padding:17px 37px 17px 26px; background-color:#0092b9; color:#fff; font-size:14px; line-height:16px; text-align:left;}
}


/* 텝메뉴
.tab_button{padding-left:1px;margin:30px auto 10px;}
.tab_button li{position:relative;z-index:10;float:left; box-sizing:border-box;}
.tab_button li button {display:flex;align-items:center; justify-content:center; width:192px; height:55px;border: 1px solid #d5d5d5;font-size:16px; color:#353434;text-align:center;vertical-align:middle;text-decoration: none;}
.tab_button li button:before{position:absolute;left:0;top:0;display:inline-block;width:100%;height:100%;content:'';background:transparent;}
.tab_button li.active button{z-index:11; border-color: #527fd0; background-color:#527fd0; color: #fff;}
.tab_button li:not(:first-child){margin-left: 10px;}

.tab_content  {display:none;}
.tab_content.active {display:block}

@media all and (max-width:640px) {
    .tab_button li button {height:42px;}
}

*/


/* // 탭메뉴 */


/* clip-path를 이용해서 숨기기 */
.label-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: polygon(0 0, 0 0, 0 0);
}

.lineMap{/*display:none; */ position:relative;z-index:1; padding:14px 0px 5px 0px; font-size:16px;color:#333; font-family:'Pretendard GOV SemiBold';}
.lineMap img{position:relative;top:0px;}
.lineMap span{padding:0px 0px 0px 0px;}
.lineMap a.home{position:relative;display:block;float:left; margin:-2px 10px 0px 0px; width:30px;height:27px;border-radius:3px;background:#585e81 url(../../images/common/icon_home5.png) 50% 50% no-repeat;text-indent:-9999px;}

@media all and (max-width:767px) {
		.lineMap a.home{margin:0px 10px 0px 10px;}
}