@charset "utf-8";
/* *******************************************************
 * filename : layout.css
 * description : 전체 레이아웃 CSS
******************************************************** */
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');

/* layout */
body, table, th, td, button, select, input {
	font-family:"Poppins", "Noto Sans KR", "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
	font-size:13px;
	color:#666;
}

body { background-color:#fff; }
#wrap {overflow:hidden; width:100%; position:relative; } /* min-width 홈페이지 컨텐츠 가로값에 맞게 변경 */

/* ****************** 공통클래스 ********************** */
.area{ width:1020px; margin:15px auto;} /* width 홈페이지 컨텐츠 가로값에 맞게 변경 */
.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;}
.font-square{font-family:"Nanum Square",'NanumSquare',sans-serif;}


@media all and (max-width:1220px){
	.area{width:94%;}
}

@media all and (max-width:800px){

}

@media all and (max-width:480px){

}

/* ****************** HEADER ********************** */
#header{position:fixed; width:100%; height:120px; background-color:#fff; z-index:99999; border-bottom:1px solid #fff;
	-webkit-transition:height 0.4s; -moz-transition:height 0.4s; -o-transition:height0.4s; -ms-transition:height 0.4s; transition:height 0.4s;
}
#headerInner{width:100%; height:100%;}
.logo										{position:absolute; top:6px; left:1.2%; z-index:999;}
.util{position:absolute; top:24px; right:1.2%; z-index:999;}
.util > li{display:inline-block; vertical-align:top; margin-left:10px;}
#languageBox{position:relative; margin-left:0;}
#languageBox .language-open-btn{display:block; width:128px; height:39px; border:1px solid #cfcfcf; font-size:15px; line-height:39px; color:#333; font-weight:500; font-style:italic; background:#fff url(/images/icon/icon_language_arrow.png) no-repeat 90% center; text-indent:10px;}
#languageBox .language-open-btn span{display:inline-block; vertical-align:middle; width:16px; height:16px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; background:#111 url(/images/icon/language_icon_2.gif) no-repeat center center; background-size:cover; margin-right:6px;}
#languageBox > ul{display:none; position:absolute; top:40px; left:0; width:128px; border:1px solid #cfcfcf; background-color:#fff;}
#languageBox > ul li a{display:block; text-indent:10px; font-size:15px; line-height:28px; color:#333;}
#languageBox > ul li:hover a{color:#0b4199;}
.sitemap-btn > a{display:block; /*width:128px;*/ height:39px; border:1px solid #cfcfcf; font-size:13px; line-height:39px; color:#333; font-weight:500; font-style:italic; text-align:center; /*text-indent:5px;*/ padding: 0 5px; background: #0b4199; color: #fff;}
.sitemap-btn > a{color:#FFF; background:#0b4199; border-radius:22.5px; padding:0 15px; font-size:13px; font-weight:500;}
.sitemap-btn > a:hover{background:#333;}

@media all and (max-width:1500px){
	.sitemap-btn > a{width:35px; border:none; }	
	.sitemap-btn > a span{display:none; }
}

@media all and (max-width:1220px){
	.util{display:none;}
}

@media all and (max-width:800px){
	#header{height:60px;}
	.logo{/*top:15px;*/top:15px;}
	.logo img{max-width:108px;}
}

@media all and (max-width:480px){
	#header{height:60px;}
	.logo{/*top:15px;*/top:15px;}
	.logo img{max-width:108px;}
}


/* ****************** GNB ********************** */
#gnb							{position:absolute; top:0px; left:0; width:100%; z-index:100; background:#FFF; text-align:center;}
#gnb > ul						{width:100%; text-align:center;}
#gnb > ul > li					{display:inline-block; vertical-align:top; width:170px; text-align:center; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}

#gnb > ul > li > a				{display:block; font-weight:600; font-size:19px; line-height:120px; color:#000; letter-spacing:-1px; position:relative; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
#gnb > ul > li > a:hover		{color:#0071c0;}

.gnb-bg							{display:none; position:fixed; top:120px; left:0; width:100%; height:100%; background-color:#000; opacity:0.5;filter:Alpha(opacity=50); z-index:98;}
#gnb2depBg						{position:absolute; top:120px; width:100%; height:0; z-index:98; visibility:hidden; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
#gnb2depBg.active				{height:190px; visibility:visible; border-top:1px solid #333; background:rgba(0,0,0,0.5);}

#gnb > ul > li .gnb-2dep-wrap			{width:100%; z-index:99; position:absolute; top:120px; left:0; opacity:0;filter:Alpha(opacity=0); visibility:hidden;}
#gnb > ul > li .gnb-2dep-wrap.open		{height:200px; opacity:1.0;filter:Alpha(opacity=100); visibility:visible; -webkit-transition-delay:0.05s; -moz-transition-delay:0.05s; -o-transition-delay:0.05s; transition-delay:0.05s; -webkit-transition-duration:0.15s; -moz-transition-duration:0.15s; -o-transition-duration:0.15s; transition-duration:0.15s;}

#gnb > ul > li .gnb-2dep-wrap .gnb-2dep-inner{height:100%; position:relative;}
/*
.gnb-2dep-inner .gnb-2dep-info{width:20%; max-width:240px; float:left; height:100%; text-align:left; position:relative; }
.gnb-2dep-info > h2{font-size:30px; color:#fff; font-weight:400; letter-spacing:-0.75px; padding-top:30px;}
.gnb-2dep-info > strong{display:block; font-size:24px; line-height:50px; color:#fff; font-weight:400; letter-spacing:-0.75px; margin-bottom:20px;}
.gnb-2dep-info > p{font-size:14px; line-height:23px; color:#fff; color:rgba(255,255,255,0.5); font-weight:300; letter-spacing:-0.75px; }
*/
#gnb .gnb-2dep				{float:left; display:inline-block; width:170px;  height:100%;}
#gnb .gnb-2dep > li			{width:100%; line-height:30px; font-size:16px; line-height:50px; letter-spacing:-0.75px; font-weight:400;}
#gnb .gnb-2dep > li a		{color:#FFF; }
#gnb .gnb-2dep > li a:hover	{color:#03b7fa;}


@media all and (max-width:1220px){
	#gnb{display:none;}
	#gnb2depBg{display:none;}
	.gnb-bg{z-index:999;}
}

@media all and (max-width:800px){
	.gnb-bg	{top:0px;}
}

@media all and (max-width:480px){
	.gnb-bg	{top:0px;}
}

/* ****************** GNB Mobile ********************** */
/* GNB Mobile :: OPEN BUTTON */
.nav-open-btn{
	position:fixed; top:45px; 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:#0b4199; 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);
}
/* GNB Mobile */
#gnbM{ 
	display:block; 
	overflow-y:auto; 
	position:fixed; 
	top:0px; 
	right:-82%; 
	width:80%; 
	height:100%;  
	max-width:280px; 
	background-color:#0b4199; 
	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:87px;}	/* Header 높이값 */
/* GNB Mobile :: 1차 */
#gnbM #navigation > li{border-bottom:1px solid rgba(255,255,255,0.33);}
#gnbM #navigation > li.active{background-color:#003283;}
#gnbM #navigation > li > a {position:relative; display:block; padding:20px 15px; color:#fff; font-size:18px;  }
#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:15px 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:15px; 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;}
/* GNB Mobile :: sns-box */
.sns-box{padding:0px;}
.sns-box a{display:inline-block; vertical-align:top; margin-right:5px;}
.sns-box a img{max-width:40px;}

@media all and (max-width:1220px){
	.nav-open-btn{right:2%; opacity:1.0;filter:Alpha(opacity=100); visibility:visible;}
	#gnbM.open{visibility:visible;}
}

@media all and (max-width:800px){
	.nav-open-btn{top:32px; right:15px;}
	#gnbM{max-width:230px;}
	#gnbM #navigation{margin-top:60px;}

	#gnbM #navigation > li .gnb-2dep > li.m{display:none;}
}

@media all and (max-width:480px){

}


/* ****************** HEADER :: Fixed ********************** */
#header.fixed{height:120px; border-bottom:2px solid #cfcfcf;}
/*#header.fixed .logo							{top:5px; left:0.5%;}
#header.fixed .logo	img						{height:60px !important;}
#header.fixed .util{top:17px; right:1%;}*/
#header.fixed #gnb2depBg{top:120px;}
#header.fixed #gnb > ul > li > a{line-height:120px; }
#header.fixed #gnb > ul > li .gnb-2dep-wrap{top:120px;}
/*#header.fixed .nav-open-btn{top:38px;}*/

@media all and (max-width:1220px){
	#header.fixed .nav-open-btn{right:1%;}
}

@media all and (max-width:800px){
	#header.fixed{height:60px;}
	#header.fixed .logo{/*top:15px;*/top:8px;}
	#header.fixed .nav-open-btn{top:32px;}
	#header.fixed #gnbM #navigation{margin-top:60px;}
}

@media all and (max-width:480px){
	#header.fixed .logo{top:10px;}
}


/* ****************** FOOTER ********************** */
.to-top-btn{position:fixed; bottom:50px; right:2%; background:#000; color:#fff; padding:15px 10px; border-radius: 50%;}
.to-top-btn:hover {color: #fff;}
#footer{background-color:#fff; border-top:1px solid #ddd;}
#footerTop{border-bottom:1px solid #ddd; }
.footer-top-inner{padding:19px 0;}
.footer-top-inner > ul{float:left;}
.footer-top-inner > ul li{display:inline-block; }
.footer-top-inner > ul li:before{display:inline-block; vertical-align:middle; content:""; width:4px; height:4px; background-color:#cfcfcf; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; margin:0 10px;}
.footer-top-inner > ul li a{display:inline-block; font-size:16px; line-height:42px; color:#666; letter-spacing:-0.75px;}
.footer-top-inner > ul li:first-child:before{display:none;}
.footer-top-inner > ul li:first-child a{color:#0b4299;}
.footer-top-inner > .mail-address{float:right; font-size:16px; line-height:42px; color:#666; letter-spacing:-0.75px;}
.footer-bottom-inner{padding:30px 0;}
.footer-bottom-inner > .footer-logo{display:inline-block; vertical-align:middle; margin-right:3%;}
.footer-bottom-inner > p{display:inline-block; vertical-align:middle; font-size:16px; line-height:24px; color:#666; letter-spacing:-0.75px;}
.footer-bottom-inner > p a{color:inherit; margin:0 10px; }
.footer-bottom-inner > p span{display:block; font-size:13px; color:#999;}
#familySiteBox{position:relative; float:right;}
#familySiteBox .family-open-btn{display:block; width:190px; height:41px; background:#f4f4f4 url(/images/icon/icon_familysite_arrow.png) no-repeat 90% center; border:1px solid #d1d1d1; font-size:15px; line-height:41px; color:#333; letter-spacing:-0.5px; text-indent:15px;}
#familySiteBox > ul{display:none; position:absolute; bottom:41px; left:0; width:190px; background-color:#f4f4f4; border:1px solid #d1d1d1;}
#familySiteBox > ul li a{display:block; font-size:13px; line-height:30px; text-indent:15px; color:#333;}

@media all and (max-width:1220px){
	.footer-top-inner{padding:15px 0;}
	.footer-top-inner > ul{float:none; text-align:center;}
	.footer-top-inner > .mail-address{display:none;}
	.footer-bottom-inner{padding:20px 0;}
	.footer-bottom-inner > .footer-logo{display:block; margin:0px auto; margin-bottom:17px; text-align:center;}
	.footer-bottom-inner > p{display:block; text-align:center; margin-bottom:10px;}
	#familySiteBox{float:none; width:190px; margin:0px auto;}
	#familySiteBox .family-open-btn{margin:0px auto;}

}

@media all and (max-width:800px){
	.footer-bottom-inner > .footer-logo img{max-width:155px;}
	.footer-top-inner > ul li:before{margin:0 5px;}
	.footer-top-inner > ul li a{font-size:15px; line-height:30px;}
	.footer-bottom-inner{padding:15px 0;}
	.footer-bottom-inner > p{font-size:15px; line-height:30px;}
	.footer-bottom-inner > p a{margin:0 5px;}
}

@media all and (max-width:480px){
	.footer-top-inner{padding:10px 0;}
	.footer-bottom-inner > p{line-height:20px;}
}

/* ****************** SUB LAYOUT ********************** */
#visual{/*margin-top:72px;margin-top:87px;*/ width:100%; height:394px;}
.sub-visual-inner{height:100%;}
.sub-visual-txt{text-align:center; /*padding:9% 0 7% 0;*/padding:180px 0 7% 0; position:relative;}
.sub-visual-txt > strong{display:block; font-size:50px; color:#fff; font-weight:500; letter-spacing:-0.25px; margin-bottom:3%;}
.sub-visual-txt > p{font-size:16px; color:#fff; color:rgba(255,255,255,0.6); letter-spacing:-0.75px; font-weight:300;}
.sub-visual-txt .sub-page-loc{position:absolute; top:50%; margin-top:-9px; font-size:18px; color:#fff; color:rgba(255,255,255,0.7); font-weight:400;}
.sub-page-loc i{color:inherit; vertical-align:middle;}
.sub-page-loc.page-prev{left:10%;}
.sub-page-loc.page-next{right:10%;}
#sidebar{width:100%; background-color:rgba(0,0,0,0.2);}
#sidebar .snb{width:1200px; text-align:center; margin: 0 auto;}
#sidebar .snb > li{display:inline-block; vertical-align:top; /*width:13.3%;*/width:18%; max-width:220px; height:58px; background-color:#000; background-color:rgba(0,0,0,0.2); border:1px solid #fff; border:1px solid rgba(255,255,255,0.3); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
#sidebar .snb > li a{display:block; width:100%; font-size:18px; color:#fff; line-height:58px; letter-spacing:-0.3px;}
#sidebar .snb > li.on, #sidebar .snb > li:hover{background-color:#0b4199; border-color:#093d8d;}

#middleArea{width:100%; /*background-color:#ededed;*/}
#subLocation{width:100%; background-color:#fff;}
.sub-loc-inner{border-bottom:1px solid #cfcfcf; padding-top:57px; height:78px; max-height:136px; overflow:hidden;}
.sub-loc-tit{float:left; font-size:38px; color:#333; font-weight:400; letter-spacing:-0.75px; padding-bottom:40px; position:relative; padding-right:2.5%;}
.sub-loc-tit:after{display:inline-block; content:""; width:100%; height:1px; background-color:#00538f; position:absolute; bottom:0; left:0;}
.sub-loc-txt{float:right; line-height:78px;}
.sub-loc-txt > span{display:inline-block; vertical-align:middle; font-size:15px; color:#000; color:rgba(51,51,51,0.5); letter-spacing:-0.75px;}
.sub-loc-txt > span.current{color:#333;}
.sub-loc-txt > span i{vertical-align:middle; font-size:20px;}
.sub-loc-txt > span.home{color:#0b4199;}
#content{padding:4% 0 5%  0;}

/* -------- 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;}


@media all and (max-width:1220px){
	#sidebar, #subLocation{display:none;}
	#topMenuBar{display:block;}
	.sub-visual-inner{display:table;}
	.sub-visual-txt{display:table-cell; width:100%; vertical-align:middle; padding:0;}
}

@media all and (max-width:800px){
	#visual{margin-top:61px; 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;}

	#topMenuBar .top-menu-list li.m{display:none;}
}

@media all and (max-width:480px){
	#visual{height:200px;}
	.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;}
}

/* ****************** MODAL LAYERPOPUP ********************** */
/* modal layer */
.modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:100px; left:0px; width:100%; height:100%; z-index:9999; background:#000; background:rgba(0,0,0,0.8);}
.modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.modal-inner-content{text-align:left;}
.loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 8px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
/* modal layer content */
.footer-modal-content{position:relative; width:1000px; margin:20px auto; background-color:#fff;}
.footer-modal-content h1{height:60px; line-height:60px; font-size:30px; font-weight:500; letter-spacing:-1px; text-align:center; padding:0;  color:#fff; background-color:#0b4199;}
.footer-modal-content p{ /*text-align:center; color:#fff; opacity:0.5;*/ margin-top:10px;}
.modal-close-btn{position:absolute; top:11px; right:10px; color:#fff; font-size:38px;}
.modal-close-btn i{font-size:inherit}
.modal-close-btn i:hover {color:#fff}
/* 개인정보, 이용약관 등 */
.footer-inner-box{padding:5%; }
.footer-inner{padding:2%; height:400px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd;  line-height:20px;}
/* 사이트맵 */
.sitemap-wrapper{padding:5%;}
.sitemap-wrapper > ul{overflow:hidden;}
.sitemap-wrapper > ul > li{float:left; width:20%; text-align:center;}	/* 메뉴 갯수에 맞게 %로 계산, 두줄로 들어갈 경우 height값 설정 */
.sitemap-wrapper.menu4 > ul > li{width:25%;}
.sitemap-wrapper.menu6 > ul > li{width:16.6%;}
.sitemap-wrapper.menu7 > ul > li{width:14.2%;}
.sitemap-wrapper > ul > li > h2{color:#191919; margin:0 2% 20px 2%; padding-bottom:20px; font-size:16px; border-bottom:1px solid #888; letter-spacing:-1.0px; margin-bottom:20px; font-weight:500;}
.sitemap-wrapper > ul > li .sitemap-2dep {padding:0 5%;}
.sitemap-wrapper > ul > li .sitemap-2dep a{display:block; padding:10px 0; color:#666; font-size:13px; font-weight:400; line-height:1.2em;}
.sitemap-wrapper > ul > li .sitemap-2dep a:hover{color:#0b4199; text-decoration:underline;}
/* 인증서 팝업 */
.footer-modal-content.certification{background:none; width:94%; max-width:600px;}
.footer-inner.certification{padding:0; height:auto; border:0;}
.footer-inner.certification > img{max-width:100%; display:block; margin:0px auto;}
.modal-close-btn.certification{top:-10px; right:0;}
/* 동영상 */
.video-box{width:100%; padding-top:55%; position:relative; background-color:#000;}
.video-box iframe, .video-box object, .video-box embed, .video-box video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-inner-box{width:100%;}
.video-modal-content .modal-close-btn{top:-40px; right:-8px;}
.video-modal-content{background:none;}
.video-modal-content h1{background:none; color:#fff;}


@media all and (max-width:1220px){
	.footer-modal-content{width:94%;}
}

@media all and (max-width:800px){

}

@media all and (max-width:480px){

}


/* **** BUTTON STYLE 01 **** */
.cm-button-style01{
    position:relative; 
    overflow:hidden; 
    display:inline-block; 
    letter-spacing:-0.3px; 

    color:#fff; 
    text-align:center;
    -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s 
}
.cm-button-style01 span{position:relative; z-index:1; left:0px; color:#fff;-webkit-transition:left 0.4s;-moz-transition:left 0.4s;-o-transition:left 0.4s;-ms-transition:left 0.4s;transition:left 0.4s}
.cm-button-style01:before{
    display:block; position:absolute; top:0px; left:-130%; content:""; width:130%; height:100%; background:#1e5eff; border-radius: 0 20px 20px 0; opacity:0;filter:Alpha(opacity=0);
    -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
.cm-button-style01 i{position:absolute; top:13px;right:50px; margin-left:15px; margin-top:-3px; vertical-align:middle; opacity:0;filter:Alpha(opacity=0); 
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;} 
.cm-button-style01:hover{border:1px solid #1e5eff}
.cm-button-style01:hover i { position:absolute; top:13px;right:20px;  opacity:1.0;filter:Alpha(opacity=100);}

.cm-button-style01:hover span{color:#fff; left:-20px;}
.cm-button-style01:hover:before{left:0px; opacity:1.0;filter:Alpha(opacity=100);}

/* **** BUTTON STYLE 02 **** */
.cm-button-style02{
    position:relative; 
    overflow:hidden; 
    display:inline-block; 
    letter-spacing:-0.3px; 

    color:#fff; 
    text-align:center;
    -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s 
}
.cm-button-style02 span{position:relative; z-index:1; left:0px; color:#666;-webkit-transition:left 0.4s;-moz-transition:left 0.4s;-o-transition:left 0.4s;-ms-transition:left 0.4s;transition:left 0.4s}
.cm-button-style02:before{
    display:block; position:absolute; top:0px; left:-130%; content:""; width:130%; height:100%; background:#0b4199; border-radius: 0 20px 20px 0; opacity:0;filter:Alpha(opacity=0);
    -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
.cm-button-style02 i{position:absolute; top:10px;right:50px; margin-left:10px; font-size: 12px; margin-top:-3px; vertical-align:middle; opacity:0;filter:Alpha(opacity=0); 
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;} 
.cm-button-style02:hover{border:1px solid #0b4199}
.cm-button-style02:hover i { position:absolute; top:10px;right:15px;  opacity:1.0;filter:Alpha(opacity=100);}

.cm-button-style02:hover span{color:#fff; left:-8px;}
.cm-button-style02:hover:before{left:0px; opacity:1.0;filter:Alpha(opacity=100);}

/* ******************  모바일 전용 레이어 인트로 팝업 ********************** */
.mobile-fixed-pop-wrapper{overflow-y:auto; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:999999; opacity:1.0;filter:Alpha(opacity=100);}
.mobile-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center; background:rgba(0,0,0,0.75); }
.mobile-fixed-pop-inner-box{ position:relative; display:table-cell; vertical-align:middle; top:0px;}
.mobile-fixed-img-con{display:inline-block; min-width:250px; max-width:92%; margin:4% auto; }
.mobile-popup-img{display:block;}
.mobile-popup-img img{max-width:100%; max-height:100%;}
.mobile-popup-btn-controls{overflow:hidden; text-align:center; background-color:#f2f2f2; border-top:1px solid #f2f2f2;}
.mobile-popup-btn-controls button{float:left; border:0; padding:0; margin:0px; background:none; width:50%; height:50px; background-color:#fff; font-size:14px; color:#333; cursor:pointer;}
.mobile-popup-btn-controls .today-close-btn{background-color:#eee;}