@charset "utf-8";


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

#top { position:relative; min-width:1400px; width:100%; border-bottom:1px solid #ddd; }
	#toparea { position:relative; width:1400px; height:186px; margin:0 auto; overflow:visible; } 
	
#scontainer { width:1400px; margin:0 auto 70px; overflow:hidden; }	
		
	#sleft { float:left; width:280px; margin-right:60px; }
	#sright { float:left; position:relative; width:calc(100% - 340px); }
		#content { width:100%; }
		

@media (min-width:1281px) and (max-width:1400px){
	#gaonwrap { min-width:100%; width:100%; }

	#top { position:relative; min-width:100%; width:100%; }
		#toparea { position:relative; width:100%; height:178px; margin:0 auto; overflow:visible; } 
		
	#scontainer { width:100%; padding:0 15px; margin:0 auto 70px; }	
			
		#sleft { float:left; width:250px; margin-right:50px; }
		#sright { float:left; position:relative; width:calc(100% - 300px); }
			#content { width:100%; }
}


@media (min-width:1025px) and (max-width:1280px){
	html, body, #gaonwrap { min-width:100%; width:100%; }		
	
	#top { position:relative; min-width:100%; width:100%;  }
		#toparea { position:relative; width:100%; height:170px; margin:0 auto; overflow:visible; }	
		
	
	#scontainer { width:100%; padding:0 15px; margin:0 auto 70px; }
		
		#sleft { float:left; width:220px; margin-right:30px; }
		#sright { float:left; position:relative; width:calc(100% - 250px); }
			#content { width:100%; }
		
}


@media (min-width:769px) and (max-width:1024px){
	html, body, #gaonwrap { min-width:100%; width:100%; }
		
	#top { position:relative; min-width:100%; width:100%; border-bottom:1px solid #ddd; background:#fff; }
		#toparea { position:relative; width:100%; height:90px; margin:0 auto; overflow:visible; } 
		
	
	#scontainer { width:100%; margin:0 auto 50px; }
		
		#sleft { display:none; }
		#sright { float:none; position:relative; width:100%; padding:0 30px; }
			#content { width:100%; }
}


@media (max-width:768px){
	html, body, #gaonwrap { min-width:100%; width:100%; }
		
	#top { position:relative; min-width:100%; width:100%; border-bottom:1px solid #ddd; background:#fff; }
		#toparea { position:relative; width:100%; height:70px; margin:0 auto; overflow:visible; }
		
	#scontainer { width:100%; margin:0 auto 30px; }
		
		#sleft { display:none; }
		#sright { float:none; position:relative; top:0; width:100%; padding:0;  }
			#content { width:100%; padding:0 15px; }
}


@media (max-width:500px){
body { background:#fff; }	
	
}


/* 로그인 */
#loginBg { width:100%; height:100%; padding-top:130px; box-sizing:border-box; background:#eee; }
#loginBox { width:1000px; height:700px; margin: 0 auto;background: #fff; box-shadow:5px 5px 15px #888; }
#loginImgarea { float:left; width:50%; height:100%; background:url(/images/council/sub/login_img.jpg) no-repeat; }
#loginBoxarea { float:left; width:50%; height:100%; padding:170px 30px 0 30px; box-sizing:border-box; }
#loginBoxarea h1 { width:100%; text-align:center; font-family: esamanru-Medium, "이사만루 미디엄"; margin-bottom:30px; }
#loginBoxarea .login_box { width:100%; }
#loginBoxarea .login_box #login_id { width:100%; padding-left:15px; box-sizing:border-box; height:50px; border:1px solid #ccc; margin-bottom:20px; }
#loginBoxarea .login_box #login_pw { width:100%; padding-left:15px; box-sizing:border-box; height:50px; border:1px solid #ccc; margin-bottom:20px; }
#loginBoxarea .login_box .login_btn { width:100%; height:60px; background:#ee402e; border:none; color:#fff; font-size:130%;  cursor:pointer; }


@media (max-width:1000px){
	#loginBg { padding-top:200px; }
	#loginBox { width:500px; height:350px; margin: 0 auto; background: #fff; box-shadow:none; }
	#loginImgarea { display:none; }
	#loginBoxarea { float:none; width:100%; padding:30px; box-sizing:border-box; }
	
}

@media (max-width:500px){
	#loginBg { padding-top:0; background:#fff; }
	#loginBox { width:100%; height:auto; margin: 0 auto; background: #fff; box-shadow:none; }
	#loginImgarea { display:none; }
	#loginBoxarea { float:none; width:100%; padding:30px; box-sizing:border-box; }
	
}

/* 좌측메뉴 */
.leftmenu { position:relative; width:100%; margin-bottom:30px; }
.leftmenu h1 { height:170px; line-height:170px; background:linear-gradient(120deg, #06c, #113d8e, #5229a5, #8f6bda); background-size:200%; color:#fff; text-align:center; text-shadow:2px 2px 5px rgba(0,0,0,0.4); font-size:200%; font-family:esamanru-Medium, "이사만루 미디엄";
	animation : leftmenu 10s ease-in-out infinite;
}
.leftmenu > ul { width:100%; border:1px solid #ddd; border-top:none; }
.leftmenu > ul > li { width:100%; border-bottom:1px solid #ddd; }
.leftmenu > ul > li:last-child { border-bottom:none; }
.leftmenu > ul > li > a:link,
.leftmenu > ul > li > a:visited { width:100%; height:50px; line-height:50px; padding-left:15px; box-sizing:border-box; background:url(/images/common/leftmenu_blt1_off.gif) no-repeat right top; font-size:105%; display:block; }
.leftmenu > ul > li > a:active,
.leftmenu > ul > li > a:focus,
.leftmenu > ul > li > a:hover { font-weight:bold; background:#f3f8fc url(/images/common/leftmenu_blt1_on.gif) no-repeat right top; color:#1757b7; }
.leftmenu > ul > li.selected > a { background:#f3f8fc url(/images/common/leftmenu_blt1_on.gif) no-repeat right top; color:#1757b7; font-family:esamanru-Medium, "이사만루 미디엄"; }

.leftmenu > ul ul {  width:100%; padding:10px 0 10px 15px;  border-top:1px solid #ddd; box-sizing:border-box;background:#fafafa; }
.leftmenu > ul ul li {  width:100%;  }
.leftmenu > ul ul li a:link,
.leftmenu > ul ul li a:visited { width:100%; height:30px; line-height:30px; padding-left:15px; box-sizing:border-box; background:url(/images/common/leftmenu_blt2_off.gif) no-repeat 0px 12px; color:#666; font-size:95%; font-family: NotoSans-DemiLight, "본고딕 데미라이트"; display:block;  }
.leftmenu > ul ul li a:active,
.leftmenu > ul ul li a:focus,
.leftmenu > ul ul li a:hover { background:url(/images/common/leftmenu_blt2_on.gif) no-repeat 0px 13px; color:#e96576; }
.leftmenu > ul ul li a.select { background:url(/images/common/leftmenu_blt2_on.gif) no-repeat 0px 13px; color:#e96576; font-family:esamanru-Medium, "이사만루 미디엄";  }


.leftmenu > ul > li > a.double:link,
.leftmenu > ul > li > a.double:visited { height:auto; line-height:1.3; padding:15px 0 10px 15px; background:url(/images/common/leftmenu_blt1_off.gif) no-repeat right 9px; }
.leftmenu > ul > li > a.double:active,
.leftmenu > ul > li > a.double:focus,
.leftmenu > ul > li > a.double:hover,
.leftmenu > ul > li > a.double.select { background:#f4f4f4 url(/images/common/leftmenu_blt1_on.gif) no-repeat right 9px;  }



@keyframes leftmenu {
	0% { background-position:0 50%; }
	50% { background-position:100% 50%; }
	100% { background-position:0 50%; }
}




/* 페이지 타이틀 */
.pagetitle { position:relative; width:100%; height:100px; border-bottom:1px solid #ddd; margin-bottom:50px; }

.pagetitle .path { position:absolute; left:0; top:100px; font-size:90%; color:#888; word-spacing:5px; }
.pagetitle .path span { position:relative; width:4px; height:7px; line-height:7px; background:url(/images/common/path_blt.gif) no-repeat 0 50%; text-indent:-9999em; display:inline-block; }
.pagetitle .path strong { color:#666; font-weight:normal; }

.pagetitle h1 { padding:41px 0 0 0px; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:220%; color:#000; }


.pagetitle .snsbtn { position:absolute; right:0; bottom:15px; height:35px; }
.pagetitle .snsbtn ul { height:35px; overflow:hidden;}

.pagetitle .snsbtn ul.pcTabletBtn { display:block; }
.pagetitle .snsbtn ul.mobileBtn { display:none; }

.pagetitle .snsbtn ul li { float:left; margin-left:10px; }


@media (min-width:1281px) and (max-width:1400px){
	.pagetitle .snsbtn { right:15px; }
}


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


@media (min-width:769px) and (max-width:1024px){
	.pagetitle { height:80px; }
	
	.pagetitle .path { top:60px; }	
	.pagetitle h1 { padding:18px 0 0 0px; font-size:200%;  }
	
	.pagetitle .snsbtn { bottom:15px; }
	
	.pagetitle .snsbtn ul.pcTabletBtn { display:none; }
	.pagetitle .snsbtn ul.mobileBtn { display:block; }
	.pagetitle .snsbtn ul li { margin-left:5px; }
			
}

@media (max-width:768px){
	.pagetitle { height:40px; border:none;  }
	.pagetitle .path { position:static; width:100%; height:55px; line-height:55px; padding:0 80px 0 10px; border-bottom:1px solid #008abd; box-sizing:border-box; background:#25479e; color:#fff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; }	
	.pagetitle .path strong { color:#fff; }
	
	.pagetitle h1 { padding:30px 15px 0 15px; font-size:200%; }

	.pagetitle .snsbtn { right:8px; top:10px; }
	
	.pagetitle .snsbtn ul.pcTabletBtn { display:none; }
	.pagetitle .snsbtn ul.mobileBtn { display:block; }
	.pagetitle .snsbtn ul li { margin-left:8px; }
}

/* 타이틀 */
#top .title { position:absolute; left:calc(50% - 100px); top:40px; height:65px; padding-left:80px; background:url(/images/common/mark.png) no-repeat; font-size:55%; font-family: esamanru-Medium, "이사만루 미디엄"; color:#111; letter-spacing:-1px;  }
#top .title h1 { margin-top:8px; }
#top .title span { font-size:155%; display:block; }
#top .title a { color:#000 !important; text-align:left; }

@media (min-width:1281px) and (max-width:1600px){
	#top .title { left:calc(50% - 100px); }
}


@media (min-width:1025px) and (max-width:1280px){
	#top .title { left:calc(50% - 100px); }
}


@media (min-width:769px) and (max-width:1024px){
	#top .title { left:calc(50% - 97px); top:15px; padding-left:75px; background-size:auto 60px; font-size:52%; text-align:left; }
	
	.sidenav h1 { height:70px; padding-left:75px; background:url(/images/common/mark.png) no-repeat 25px 15px; background-size:auto 40px; font-size:100%; font-family: esamanru-Medium, "이사만루 미디엄"; color:#fff; letter-spacing:-1px;   }
	.sidenav h1 strong { font-size:155%; display:block; }
}

@media (max-width:768px){
	#top .title { left:calc(50% - 66px); top:15px; padding-left:50px; background-size:auto 40px; font-size:37%; }
	.sidenav h1 { height:70px; padding-left:75px; background:url(/images/common/mark.png) no-repeat 25px 15px; background-size:auto 40px;  font-size:100%; font-family: esamanru-Medium, "이사만루 미디엄"; color:#fff; letter-spacing:-1px;  }
	.sidenav h1 strong { font-size:155%; display:block; }
}



/* 정보변경 */
.memberMenu { position:absolute; top:5px; right:0; ; height:30px; line-height:30px; }
.memberMenu ul {  }
.memberMenu ul li { float:left; margin-left:15px;}
.memberMenu ul li i { display:none; }

@media (max-width:1280px){
	.memberMenu ul { margin-right:15px; }
	
}

@media (max-width:1024px){
	.memberMenu { top:30px; right:0; ; }
	.memberMenu ul li { width:28px; height:30px; }
	.memberMenu ul li i { display:block; }
	.memberMenu ul li i img { width:100%; height:100%; }
	.memberMenu ul li span { display:none; }
	
}

@media (max-width:768px){
	.memberMenu { top:25px; right:0; }
	
}



/* 메인 메뉴 */
#menu { position:absolute; right:0; top:130px; width:100%; }
#topMenu { position:relative; overflow:visible !important; display:flex; }
#top::before { position:absolute; left:0; bottom:56px; content:''; width:100%; height:1px; background:#ddd; z-index:1000; }

#topMenu > li { position:relative; float:left; text-align:center; display:inline-block; flex-grow:1; }

#topMenu > li > a:link,
#topMenu > li > a:visited { vertical-align:top; padding:16px 0px 17px; color:#222; font-size:125%; font-family:esamanru-Medium, "이사만루 미디엄"; letter-spacing:-3px; display:block; }
#topMenu > li > a:active,
#topMenu > li > a:focus,
#topMenu > li > a:hover,
#topMenu > li > a.select { color:#d26f8e;  }

#topMenu > li.selected > a { color:#d26f8e;  }


@media (min-width:1280px) and (max-width:1440px){
	#topMenu > li > a:link,
	#topMenu > li > a:visited { padding:12px 28px 13px; }

	#top::before { bottom:48px; }
}

@media (min-width:1025px) and (max-width:1280px){
	#topMenu > li > a:link,
	#topMenu > li > a:visited { padding:8px 15px 9px;  }

	#top::before { bottom:40px; }
}


@media (max-width:1024px){
	#menu,
	#top::before { display:none; } 
}

/* 서브비주얼 */
.memSvisible { width:100%; height:200px; background:url(/images/council/sub/members_sv.jpg) no-repeat; }
.memSvisible p { padding-top:50px; box-sizing:border-box; line-height:30px; font-size:120%; color:#fff; font-family:esamanru-Medium, "이사만루 미디엄"; text-align:center; margin-bottom:10px; }
.memSvisible a { width:150px; padding:5px 10px; background:#ff8003; color:#fff; border-radius:5px; text-align:center; display:block; margin:0 auto; }
.memSvisible h1 { line-height:200px; box-sizing:border-box; font-size:180%; color:#fff; font-family:esamanru-Medium, "이사만루 미디엄"; text-align:center; }

@media (max-width:1024px){
	.memSvisible { width:100%; height:200px; padding:0 30px; background:url(/images/council/sub/members_sv.jpg) no-repeat; }
	.memSvisible p { padding-top:40px; box-sizing:border-box; line-height:30px; font-size:110%; color:#fff; font-family:esamanru-Medium, "이사만루 미디엄"; text-align:center; margin-bottom:10px; }
	.memSvisible a { width:150px; padding:5px 10px; background:#ff8003; color:#fff; border-radius:5px; text-align:center; display:block; margin:0 auto; }
}


@media (max-width:640px){
	.memSvisible { width:100%; height:200px; padding:0 15px; background:url(/images/council/sub/members_sv.jpg) no-repeat; }
	.memSvisible p { padding-top:30px; box-sizing:border-box; line-height:30px; font-size:110%; color:#fff; font-family:esamanru-Medium, "이사만루 미디엄"; text-align:center; margin-bottom:10px; }
	.memSvisible a { width:150px; padding:5px 10px; background:#ff8003; color:#fff; border-radius:5px; text-align:center; display:block; margin:0 auto; }
}

@media (max-width:500px){
	.memSvisible { width:100%; height:200px; padding:0 15px; background:url(/images/council/sub/members_sv.jpg) no-repeat; }
	.memSvisible p { padding-top:15px; box-sizing:border-box; line-height:30px; font-size:100%; color:#fff; font-family:esamanru-Medium, "이사만루 미디엄"; text-align:center; margin-bottom:10px; }
	.memSvisible a { width:150px; padding:5px 10px; background:#ff8003; color:#fff; border-radius:5px; text-align:center; display:block; margin:0 auto; }
}

/* 전체 다운로드 버튼 */
.all_down { text-align:right; }
.all_down a { display:inline-block; padding:4px 8px; border-radius:2px; background:#CE4856; color:#fff; }

/* 개인정보변경 */
.membersPw { padding:50px 50px 50px 350px; box-sizing:border-box; background:url(/images/council/sub/pw_img.png) no-repeat 50px center; margin-top:50px; }
.membersPw .stable { margin-bottom:10px; }
.membersPw #pw1, 
.membersPw #pw2, 
.membersPw #pw3 { width:100%; height:40px; padding-left:15px; box-sizing:border-box; border:1px solid #ccc; }
.membersPw .pw_btn { width:150px; height:50px; background:#ee402e; border:none; color:#fff; font-size:100%; border-radius:5px; cursor:pointer; }

@media (max-width:768px){
	.membersPw { padding:300px 15px 15px 15px; box-sizing:border-box; background:url(/images/council/sub/pw_img.png) no-repeat center 30px; }
}