@charset "utf-8";

/* 서브레이아웃 */
#scontainer { width:1400px; margin:0 auto 100px; }
	#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){
	#scontainer { width:100%; padding:0 15px; margin:0 auto 100px; }				
		#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){
	#scontainer { width:100%; padding:0 15px; margin:0 auto 100px; }		
		#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){
	#scontainer { width:100%; margin:0 auto 75px; }		
		#sleft { display:none; }
		#sright { float:none; position:relative; width:100%; padding:0 30px; }
			#content { width:100%; }
}


@media (max-width:768px){
	#scontainer { width:100%; margin:0 auto 50px; }		
		#sleft { display:none; }
		#sright { float:none; position:relative; width:100%;  }
			#content { width:100%; padding:0 15px; }
}





/* 서브비주얼 */
#svisible { position:relative; width:100%; height:150px; background:#ffefef url(/ansantalktalk/images/inc/svisible_bg.jpg) no-repeat right 50%;  }

#svisible .txt1 { position:absolute; top:50px; font-size:140%; font-family:esamanru-Medium, "이사만루 미디엄"; opacity:0; letter-spacing:-1px;
	animation-name:txtMove1;
	animation-duration:1.0s; /* 걸리는 시간 */
	animation-fill-mode:forwards;
	animation-delay:0.2s;
	animation-timing-function:ease;
	animation-iteration-count:1; /* 반복횟수 */
	animation-direction:normal; /* 진행방향 alternate : 순방향 -> 역방향*/ 
	/*
	animation:txtMove1 1.5s 0.2s 1 ease fowards normal;
	*/
}

#svisible .txt2 { position:absolute; top:83px; font-size:150%; opacity:0; font-family:esamanru-Medium, "이사만루 미디엄"; letter-spacing:-1px;
	animation:txtMove2 1.0s 0.5s 1 forwards;
}

	@keyframes txtMove1 {
		from { right:100px; opacity:0; color:#fff; }
		to { right:210px; opacity:1; color:#000; }	
	}
	
	@keyframes txtMove2 {
		from { right:100px; color:#fff; opacity:0; }
		to { right:210px; color:#000; opacity:1; }	
	}


@media (max-width:768px){
	#svisible { display:none; } 
}






/* 좌측메뉴 */
.leftmenu { position:relative; top:-110px; width:100%; margin-bottom:30px; }
.leftmenu h1 { height:110px; line-height:110px; background:linear-gradient(120deg, #2a8e9d, #ff5244, #0d2c68); background-size:200%; color:#fff; text-align:center; text-shadow:2px 2px 5px rgba(0,0,0,0.4); font-size:165%; 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(/ansantalktalk/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:#e9f3f5 url(/ansantalktalk/images/common/leftmenu_blt1_on.gif) no-repeat right top; color:#ff5244; }
.leftmenu > ul > li > a.select { background:#e9f3f5 url(/ansantalktalk/images/common/leftmenu_blt1_on.gif) no-repeat right top; color:#ff5244; 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(/ansantalktalk/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(/ansantalktalk/images/common/leftmenu_blt2_on.gif) no-repeat 0px 13px; color:#2a8e9d; }
.leftmenu > ul ul li a.select { background:url(/ansantalktalk/images/common/leftmenu_blt2_on.gif) no-repeat 0px 13px; color:#2a8e9d; 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(/ansantalktalk/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(/ansantalktalk/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:140px; 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(/ansantalktalk/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:120px; }
	
	.pagetitle .path { top:80px; }	
	.pagetitle h1 { padding:32px 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:110px; border:none;  }
	.pagetitle .path { position:static; width:100%; height:55px; line-height:55px; padding:0 80px 0 10px; background:#f33333; color:#fff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; }	
	.pagetitle .path strong { color:#fff; }
	
	.pagetitle h1 { padding:40px 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; }
}



/*1. e-book*/
/*1. e-book*/
/*1. e-book*/

.contentview .quickButton{margin:0 auto 50px !important; width:320px;  }
.contentview .quickButton li{width:150px; float:left; margin-right:20px;}
.contentview .quickButton li:nth-child(2){margin:0px; width:150px !important; }
.contentview .quickButton li:last-child{width:100%; }



/*4. 참여talk*/
/*4. 참여talk*/
/*4. 참여talk*/

/*소통talk-게시판 글쓰기*/
.talkBox .bold{margin-top:30px; }
.talkBox .bold .boldBox{margin-left:30px; margin-right:10px;}
.talkBox .bold .boldBox2{margin-left:48px; margin-right:10px;}

.talkBox dt{font-weight:bold; }
.talkBox dd{margin:5px 0;}






/* 6. 구독신청/참여마당 */
/* 6. 구독신청/참여마당 */
/* 6. 구독신청/참여마당 */


/* 구독/신청/변경 */
#bjwrap { width:100%; overflow:auto; }
#bjwrap #wrap { display:none; border:1px solid; width:500px; height:300px; margin:5px 0; position:relative }
#bjwrap #btnFoldWrap { cursor:pointer;position:absolute;right:0px;top:-1px;z-index:1 }
#bjwrap #subAddr1 { margin:5px 0; }


.subscription { width:100%; }
.subscription .subscription_top { width:100%; height:65px; }
.subscription .subscription_top h1 { color:#113d8e; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:130%; margin-bottom:5px; }
.subscription .subscription_top h1 strong { color:#ee5f08; font-weight:normal; }
.subscription .subscription_top p { color:#666; line-height:1.3; font-size:90%; }

.subscription .subscription_body { width:100%; min-height:660px; height:calc(100% - 90px); padding:15px 15px 15px 15px; border:5px solid #c9d6e4; border-radius:10px; background:#fff; }
.subscription .subscription_body p { line-height:1.5; }
.subscription .subscription_body .formarea { width:100%; font-size:90%; }
.subscription .subscription_body .formarea h3 { color:#113d8e; font-weight:bold; text-align:center; margin-bottom:5px; }
.subscription .subscription_body .formarea dl { margin-bottom:5px; }
.subscription .subscription_body .formarea dt { font-weight:bold; margin-bottom:5px; }
.subscription .subscription_body .formarea dd { padding:3px 10px; background:url(/ansantalktalk/images/common/blt_gray.gif) no-repeat 0 12px; }
.subscription .subscription_body .formarea .check { text-align:center; color:#b40f0b; }

.subscription .abtn_tdbtn { width: 70px; height: 32px; line-height: 32px; text-align: center; background: #666; color: #fff !important; border-radius: 3px; font-size: 90%; display: inline-block; vertical-align: top; }
.subscription .text_normal { width: 100%; height: 30px; line-height: 30px; border: 1px solid #ccc; padding-left: 10px; display: block; box-sizing: border-box; }
.space10 { margin-bottom:10px; display:block; }
.space15 { margin-bottom:15px; display:block; }

.subscription .subscription_body table td .text_150 { width:150px !important; }



.subscription .check_box { width:100%; padding:15px; background:#f4f4f4; text-align:center; }

















/* 8. 이용안내 */
/* 8. 이용안내 */
/* 8. 이용안내 */

/* 사이트맵 */
.sitemap { width:100%; }
.sitemap ul { width:99%; margin:0 auto; }
.sitemap ul li { float:left; width:27%; margin:0 3% 50px 3%; }

.sitemap ul li:nth-child(3n + 1) { clear:both; }


.sitemap ul li ul { width:100%; }
.sitemap ul li ul li { float:none; width:100%;  border-bottom:1px solid #ddd; margin:0; }
.sitemap ul li ul li ul { width:100%; background:#f9f9f9; }
.sitemap ul li ul li ul li{ float:none; width:100%; border-bottom:none; border-top:1px dashed #ddd; margin:0; }

.sitemap ul li a { width:100%; padding:10px 0 10px 0; border-radius:5px; box-sizing:border-box; background:#aedcf6; color:#113d8e; display:inline-block; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:140%; text-align:center; }


.sitemap ul li ul li a:link,
.sitemap ul li ul li a:visited { width:100%; height:auto; padding:10px 0 10px 28px; border-bottom:none; box-sizing:border-box; background: url(/ansantalktalk/images/common/sitemap_blt1.gif) no-repeat 10px 18px; font-family:NotoSans-DemiLight, "본고딕 데미라이트"; font-weight:normal; font-size:100%; color:#333; text-align:left;  }
.sitemap ul li ul li a:active,
.sitemap ul li ul li a:focus,
.sitemap ul li ul li a:hover { color:#1757b7;  }


.sitemap ul li ul li ul li a:link,
.sitemap ul li ul li ul li a:visited { width:100%; height:auto; padding:7px 0 7px 30px; box-sizing:border-box; background:url(/ansantalktalk/images/common/sitemap_blt2.gif) no-repeat 20px 17px; font-size:90%; color:#666;  }
.sitemap ul li ul li ul li a:active,
.sitemap ul li ul li ul li a:focus,
.sitemap ul li ul li ul li a:hover { color:#222;  }


@media (max-width:768px){
	.sitemap ul li { float:none; width:100%; margin:0 0 25px 0; }
}




/* 통합검색결과 */
.resultview .resultlist { position:relative; width:100%;  }
.resultview .resultlist ul.resultlistUl { width:100%; border-top:1px solid #ddd; overflow:hidden; }
.resultview .resultlist ul.resultlistUl li { width:100%; height:40px; line-height:40px; padding-left:25px; border-bottom:1px solid #eee; box-sizing:border-box; background:url(/ansantalktalk/images/common/blt_ulDepth3.gif) no-repeat 15px 17px; display:block; }
	
.resultview .resultlist ul.resultlistUl li a:link,
.resultview .resultlist ul.resultlistUl li a:visited { color:#333; }
.resultview .resultlist ul.resultlistUl li a:active,
.resultview .resultlist ul.resultlistUl li a:focus,
.resultview .resultlist ul.resultlistUl li a:hover { color:#06c; text-decoration:underline; }

.resultview .resultlist ul.resultlistUl li strong { color:#da131a; }









/* sns공유 카카오스토리 */
.pagetitle .snsbtn ul li { float:left; margin-left:10px; }
.pagetitle .snsbtn ul li.kakaostory { width:35px; height:35px; line-height:35px; background:#fcb700; border-radius:50%; text-align:center; }
.pagetitle .snsbtn ul li.kakaostory img { padding-top:5px; }