/* 레이아웃 */
html, body ,
#gaonwrap { min-width:1400px; width:100%; }

#top { position:relative; min-width:1400px; width:100%; height:129px; border-bottom:1px solid #ddd; background:#fff; }
	#toparea { position:relative; width:1400px; margin:0 auto; }
	
#container { position:relative; width:100%; z-index:2; }
	#cont1 { width:100%; padding:60px 0 60px 0; background:#dbe5f7; }		
	#cont2 { width:100%; padding:60px 0 100px 0; }
		.containerarea { position:relative; width:1400px; margin:0 auto; }
	

@media (min-width:1281px) and (max-width:1400px){
	html, body, #gaonwrap { min-width:100%; width:100%; }
	
	#top { position:relative; min-width:100%; width:100%; height:129px; border-bottom:1px solid #ddd; background:#fff; }
		#toparea { position:relative; width:100%; margin:0 auto; }
	
	#container { position:relative; width:100%; z-index:2; }
		#cont1 { width:100%; padding:60px 30px 60px 30px; background:#dbe5f7; }		
		#cont2 { width:100%; padding:60px 30px 100px 30px; }
			.containerarea { position:relative; width:100%; margin:0 auto; }
}

@media (min-width:1025px) and (max-width:1280px){
	html, body, #gaonwrap { min-width:100%; width:100%; }
	
	#top { position:relative; min-width:100%; width:100%; height:129px; border-bottom:1px solid #ddd; background:#fff; }
		#toparea { position:relative; width:100%; margin:0 auto; }
	
	#container { position:relative; width:100%; z-index:2; }
		#cont1 { width:100%; padding:60px 30px 60px 30px; background:#dbe5f7; }		
		#cont2 { width:100%; padding:60px 30px 100px 30px; }
			.containerarea { position:relative; width:100%; margin:0 auto; }
}

@media (min-width:769px) and (max-width:1024px){
	html, body, #gaonwrap { min-width:100%; width:100%; }
	
	#top { position:relative; min-width:100%; width:100%; height:88px; border-bottom:1px solid #ddd; background:#fff; }
		#toparea { position:relative; width:100%; margin:0 auto; }
	
	#container { position:relative; width:100%; z-index:2; }
		#cont1 { width:100%; padding:50px 30px 50px 30px; background:#dbe5f7; }		
		#cont2 { width:100%; padding:50px 30px 75px 30px; }
			.containerarea { position:relative; width:100%; margin:0 auto; }
		
	
}


@media (max-width:768px){
	html, body, #gaonwrap { min-width:100%; width:100%; }
	
	#top { position:relative; min-width:100%; width:100%; height:65px; border-bottom:1px solid #ddd; background:#fff; }
		#toparea { position:relative; width:100%; margin:0 auto; }
	
	#container { position:relative; width:100%; z-index:2; }
		#cont1 { width:100%; padding:40px 15px 40px 15px; background:#dbe5f7; }		
		#cont2 { width:100%; padding:40px 15px 50px 15px; }
			.containerarea { position:relative; width:100%; margin:0 auto; }
			
	
}


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




#top .inner .header-brand .header-action { display:none; }




.header-util { margin:1.2rem 0 29px 0; }




/* Header || 헤더 */
#top > .inner { padding:.8rem 2.4rem .8rem; }

.header-brand { display:flex; justify-content:space-between; }
.header-brand .logo { display:inline-flex; font-size:3.2rem; }
.header-brand .logo a { display:inline-flex; align-items:center; }
.header-brand .logo a::before { content:''; display:block; width:5rem; height:4.8rem; background:url(/images/common/mark.png) no-repeat center/contain; margin-right:.8rem; }

.header-action { display:flex; align-items:center; }
.header-action > button { margin-left:.8rem; }


.header-action .btn-navi.mobile { display:none; }

@media (max-width: 1024px) {
	
	#top .inner .header-brand .header-action { display:block; }


	#top > .inner { padding:.8rem 1.6rem .8rem; border-bottom:.1rem solid #CDD1D5; }

	.header-brand .logo { font-size:2.4rem; }
	.header-brand .logo a::before { width:3.4rem; height:3.2rem; }

	.header-action > button { margin-left:.4rem; }

	.header-action .btn-navi.pc { display:none; }
	.header-action .btn-navi.mobile { display:flex; position:absolute; right:10px; top:7px;  }

}







/* 타이틀 */
.header-brand { display:inline-block; }

.header-brand .logo { display:block; font-size:3.2rem; }
.header-brand .logo a { height:50px; padding-left:58px; background:url(/images/common/mark.png) no-repeat; background-size:auto 50px; color:#000; font-size:50%; vertical-align:top; display:block; }
.header-brand .logo a::before { display:none; }
.header-brand .logo a strong { font-size:160%; display:block; }


@media (max-width:1024px){
.header-brand .logo { margin-top:5px; }
}






/* 모바일용 상단 버튼 */
.mobileTopBtn { display:none; width:0; height:0; overflow:hidden;  }

@media (min-width:769px) and (max-width:1024px){
	.mobileTopBtn { display:block; }
	.mobileTopBtn li.mobileTopBtn1 { position:absolute; left:25px; top:25px; display:block; }
	.mobileTopBtn li.mobileTopBtn2 { position:absolute; left:79px; top:28px; display:block; }
	.mobileTopBtn li.mobileTopBtn3 { position:absolute; right:73px; top:24px; display:block; }
	.mobileTopBtn li.mobileTopBtn4 { position:absolute; right:21px; top:24px; display:block; }
}


@media (max-width:768px){
	.mobileTopBtn { display:block; }
	.mobileTopBtn li.mobileTopBtn1 { position:absolute; left:15px; top:25px; display:block; }
	.mobileTopBtn li.mobileTopBtn2 { position:absolute; left:44px; top:26px; display:block; }
	.mobileTopBtn li.mobileTopBtn3 { position:absolute; right:44px; top:24px; display:block; }
	.mobileTopBtn li.mobileTopBtn4 { position:absolute; right:16px; top:24px; display:block; }
	
	.mobileTopBtn li.mobileTopBtn1 img { width:18px; }
	.mobileTopBtn li.mobileTopBtn2 img { width:16px; }
	.mobileTopBtn li.mobileTopBtn3 img { width:20px; }
	.mobileTopBtn li.mobileTopBtn4 img { width:20px; }
}



/* 모바일용 외부 링크 */
.mobileLink { display:none; width:0; height:0; overflow:hidden; }

@media (min-width:769px) and (max-width:1024px){
	.mobileLink {position:absolute; left:0; top:88px; width:100%; height:auto; border-top:1px solid #ddd; border-bottom:1px solid #afc1c8; background:#8dafb9; overflow:visible; z-index:10; }
	.mobileLink ul { width:100%; overflow:hidden; }
	.mobileLink ul li { float:left; width:calc(20% + 1px); height:40px; line-height:40px; border:1px solid #afc1c8; box-sizing:border-box; text-align:center; font-size:90%; letter-spacing:-1px; margin:-1px 0 0 -1px; }
    .mobileLink ul li:nth-child(5n) { border-right:none; } 
	
	.mobileLink ul li a:link,
	.mobileLink ul li a:visited { width:100%; color:#cbdee3; display:block; }
	.mobileLink ul li a:active,
	.mobileLink ul li a:focus,
	.mobileLink ul li a:hover,
	.mobileLink ul li a.select { background:#8dafb9; color:#fff; }
}


@media (max-width:768px){
	.mobileLink { position:absolute; left:0; top:65px; width:100%; height:auto; border-top:1px solid #afc1c8; border-bottom:1px solid #afc1c8; background:#8dafb9; z-index:1000; }
	.mobileLink ul { width:100%; overflow:hidden; }
	.mobileLink ul li { float:left; width:calc(20% + 1px); height:auto; padding:10px 0 10px 0; border:1px solid #afc1c8; box-sizing:border-box; text-align:center; font-size:90%; letter-spacing:-1px; margin:-1px 0 0 -1px; }	
	.mobileLink ul li:nth-child(5n) { border-right:none; }
	
	.mobileLink ul li a:link,
	.mobileLink ul li a:visited { width:100%; color:#cbdee3; display:block; }
	.mobileLink ul li a:active,
	.mobileLink ul li a:focus,
	.mobileLink ul li a:hover,
	.mobileLink ul li a.select { background:#8dafb9; color:#fff; }
}
@media (max-width:425px){
	.mobileLink ul li { float:left; width:calc(25% + 1px); padding:8px 0 8px 0; }	
	.mobileLink ul li:nth-child(5n) { border-right:1px solid #afc1c8; }
	.mobileLink ul li:nth-child(4n) { border-right:none; } 
	
}


/* 외부 링크 */
.underLink { position:relative; float:left; margin-top:12px; }
.underLink > ul { overflow:hidden; }
.underLink > ul > li { float:left; padding:0 16px 0 15px; background:url(/images/minutesHome/inc/underLink_line.gif) no-repeat right 5px; }
.underLink > ul > li > a:link,
.underLink > ul > li > a:visited { color:#e6e6e6; font-size:95%; display:block; }
.underLink > ul > li > a:active,
.underLink > ul > li > a:focus,
.underLink > ul > li > a:hover { color:#fff; }

.underLink > ul > li:first-child > a:link,
.underLink > ul > li:first-child > a:visited { color:#ffd40c; }
.underLink > ul > li:first-child > a:active,
.underLink > ul > li:first-child > a:focus,
.underLink > ul > li:first-child > a:hover { color:#fff; }

.underLink > ul > li:first-child { padding-left:0; }
.underLink > ul > li:last-child { background: url(/images/inc/underLink_arrow.gif) no-repeat right 50%; }

.underLink .languageList { position:absolute; left:184px; top:38px; width:310px; height:70px; line-height:68px; padding:0 10px; border:1px solid #658995; background:#fff; display:none; z-index:1000;}
.underLink .languageList li { float:left; padding:0 15px;}
.underLink .languageList li a { font-size:95%;}


@media (min-width:1025px) and (max-width:1280px){
	.underLink { margin-left:15px; }
}


@media (min-width:769px) and (max-width:1024px){
	.underLink { display:none;}
}

@media (max-width:768px){
	.underLink { display:none;  }
}


/* 폰트설정 */
.fontszie { float:right; margin-top:15px; }
.fontszie ul { overflow:hidden; }
.fontszie ul li { float:left; width:16px; height:16px; margin-left:15px; }
.fontszie ul li.pz { width:auto; line-height:16px;  font-size:95%;  }
.fontszie ul li.pz a:link,
.fontszie ul li.pz a:visited { color:#e6e6e6; }
.fontszie ul li.pz a:active,
.fontszie ul li.pz a:focus,
.fontszie ul li.pz a:hover { color:#fff }

.fontszie ul li.pz a { padding-right:15px;background:url(/images/inc/font_popup_off.gif) no-repeat right 10px; }
.fontszie ul li.pz a.on { background:url(/images/inc/font_popup_on.gif) no-repeat right 10px; }

@media (min-width:1025px) and (max-width:1280px){
	.fontszie {  margin-right:15px; }
}



@media (max-width:1024px){
	.fontszie { display:none; } 	 	
}





/* 메인 메뉴 */
#pc-nav { position:absolute; right:0; top:50px; width:600px; background:#fff;/* border-bottom:1px solid #CDD1D5;*/ z-index:1; }

/*
#pc-nav .depth2,
#pc-nav .depth3 { flex-direction:column; overflow:hidden; transition:.4s; }

#pc-nav .depth2 { position:absolute; top:calc(100% + .1rem); width:100%; height:0; border-right:.1rem solid #CDD1D5; }
#pc-nav ul li:first-child .depth2 { border-left:.1rem solid #CDD1D5; }

#pc-nav .inner { position:relative; }

#pc-nav .inner > ul > li > a.on ~ .depth2 { background:#fafafa; }
#pc-nav .depth2 > li { padding:.4rem .8rem; }
#pc-nav .depth2 > li > a { padding:.2rem .6rem; }

#pc-nav .depth3 { display:none; }
*/



#pc-nav ul.gnb-menu { display:flex; width:100%; }
#pc-nav ul.gnb-menu > li { position:relative; flex:0 0 calc(100% / 3); z-index:3; }
#pc-nav ul.gnb-menu > li > a:link,
#pc-nav ul.gnb-menu > li > a:visited { position:relative; display:flex; justify-content:center; align-items:center; width:100%; height:7.8rem; padding:0 1.2rem 2.0rem 1.6rem; font-size:2.3rem; font-weight:700; color:#333; letter-spacing:-1.5px; }
#pc-nav ul.gnb-menu > li > a:active,
#pc-nav ul.gnb-menu > li > a:focus,
#pc-nav ul.gnb-menu > li > a:hover { color:#00796B; }

#pc-nav ul.gnb-menu > li > a:before { content:''; position:absolute; left:50%; bottom:0; width:0; height:4px; background:#00796B; transform:translateX(-50%); display:inline-block; transition:0.4s; }
#pc-nav ul.gnb-menu > li > a:active::before,
#pc-nav ul.gnb-menu > li > a:focus::before,
#pc-nav ul.gnb-menu > li > a:hover::before { width:100%; }

#pc-nav ul.gnb-menu > li > a.on { color:#00796B; }
#pc-nav ul.gnb-menu > li > a.on::before { width:100%; }
#pc-nav ul.gnb-menu > li > a.on::after { transform:rotate(-180deg); }


#pc-nav .menubox { display:none; }


@media (min-width: 1280px) and (max-width: 1440px) {
	#pc-nav .gnb-main-trigger { font-size:1.8rem; }
}


@media (min-width: 1024px) and (max-width: 1279px) {
	#pc-nav .gnb-main-trigger { padding:0 .8rem; font-size:1.7rem; }
}

@media (max-width: 1023px) {
	#pc-nav { display:none; }
}
	








/* 하단 */
#bottom .link-site { display:none; }
#bottom .f-menu { display:none !important; }
#bottom .f-link { display:none !important; }