@charset "utf-8";

/* namo 추가 */
ul, ol, li { list-style:none; display:inline-block; }
i, em { font-style:normal; }
img { vertical-align:top; }
button { border:none; background:none; cursor:pointer; }
button > span { position:relative; }



/*- 메인과 서브의 전체 영역 정의 ---------------------------------------------------------------------------------------------------------------------------*/
	.wrapper_main, .wrapper_sub { position:relative; min-height:100%; min-width:1200px;}


/* 메인 공통 css */
	#mid { padding-bottom:150px; } /* 푸터만큼 패딩을 줌 */
	.main_mid_slide_area { position:relative; width:100%; height:450px;  background:#fff; overflow:hidden; text-align:center;}
	.main_mid_slide_area #slider { position:absolute; width:2000px; height:450px; left:50%; margin-left:-1000px; }
	.main_mid_slide_area #slider.custommainimage { width:1100px; margin-left:-550px; }
	.main_mid_area { padding-bottom:120px; }

	#bgm { width:0px; height:0px; position:absolute; left:0; top:0; }

/* 메인페이지 위젯별 css */

	/* 공통 */
		.main_mid_area_widget .tit { height:16px; margin-bottom:10px; }
		.main_mid_area_widget .btn-more { position:absolute; top:5px; right:0; font-size:11px; color:#aaa; }

		.main_mid_area * { line-height:1.3; }
		
	/* album */
		.main_mid_area .photo-list { border:0px solid #00f; }
		.main_mid_area .photo-list ul li.rightmost_thumbnail { margin-right:0px; }
		.main_mid_area .photo-list ul li a.thumbnail_link {display: block;overflow: hidden;width: 100%;border:0px solid #f00;}
		.main_mid_area .photo-list ul li a.thumbnail_link div.image {width: 100%;}
		.main_mid_area .photo-list ul li a.thumbnail_link div.title {overflow: hidden;height: 16px;padding-top: 1px;font-size: 13px;line-height: 16px;text-align: center;letter-spacing: -1px;margin-bottom:5px;font-weight:700;font-family:'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;}
		.main_mid_area .photo-list ul li a.thumbnail_link div.desc { display:none; }

	/* 최근글, 특정게시판 글 */
		.main_mid_area .newTx-list { padding:8px 0; border-top:1px solid #c3c3c3; width:100%; }
		.main_mid_area .newTx-list li { margin-top:8px; height:18px; width:100%;  }
		.main_mid_area.vertical-layout .newTx-list li { width:49.8%; padding:0px 10px; box-sizing:border-box; }
		
		.main_mid_area .newTx-list li a { display:block;  width:100%; line-height:18px; overflow:hidden; position:relative;  }
		.main_mid_area .newTx-list li a i { display:block; float:left; width:100%; padding-left:10px; padding-right:80px; font-size:14px; box-sizing:border-box; background:url(img/ico_blet1.png) no-repeat left 9px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
		.main_mid_area.vertical-layout .newTx-list li a i { font-size:20px; }
		.main_mid_area .newTx-list li a .date { display:block; position:absolute; right:0px; }

	/* 자동 생일축하 */
		.main_mid_area .birthday_autobanner { width:271px; height:145px; background: url('img/img-birth.jpg'); position:relative; overflow:hidden;}
		.main_mid_area .birthday_autobanner .month { position:absolute;  width:61px; height:26px; left:105px; top:49px; text-align:center; font-size:21px; font-weight:bold; color:#c1484e;}
		.main_mid_area .birthday_autobanner .namelist { position:absolute;  width:100%; height:26px; left:0px; top:109px; text-align:center; font-size:17px; font-weight:bold; color:#fff; white-space:nowrap; }
		.main_mid_area .birthday_autobanner .namelist * { color:inherit; font-size:inherit; }

	/* 슬라이드 */
		.main_mid_area .photo-img { position:relative; width:100%; }
		.main_mid_area .btn-left { position:absolute; top:50%; left:0; margin-top:-20px; }
		.main_mid_area .btn-right { position:absolute; top:50%; right:0; margin-top:-20px; }


	/* 배너 */
		.blank_banner { width:100%; box-sizing:border-box; padding:0px; border:1px dashed #aaa; text-align:center; vertical-align:middle; line-height:100%; color:#aaa;}
		.widget_banner { display:block; margin-top:10px; }
		.main_mid_area.vertical-layout .widget_banner { display:inline-block; width:auto; margin-left:20px;}
		.main_mid_area.vertical-layout .widget_banner.first-banner { margin-left:0px; }
		.widget_banner img { width:100%; height:100%; }
		.widget_banner:first-child { margin-top:0px; }

	/* 퀵링크 */
		.widget_quicklink_list { width:100%; box-sizing:border-box; background:#fff; margin:0px 0px 0px; text-align:center; }
		.widget_quicklink_list li { position:relative; padding:0px 0px; height:145px; display:inline-block;  box-sizing:border-box; border:1px solid #ccc; margin-left:10px; }
		.widget_quicklink_list li:first-child { margin-left:0px; }

		.widget_quicklink_list li>a>div.imgwrapper { position:relative; width:100%; height:65px; text-align:center;} 
		.widget_quicklink_list li>a>div.imgwrapper img { max-width:100%; max-height:100%; }
		.widget_quicklink_list li>a>div.title { position:relative; top:5px; width:100%; overflow:hidden; font-size:15px; color:#333; font-weight:normal; text-align:center; text-overflow: ellipsis; white-space:nowrap; } 

		/*vertical용*/
		.main_mid_area.vertical-layout .widgetname_quicklink p.tit { display:none; }
		.main_mid_area.vertical-layout .widgetname_banner p.tit { display:none; }
		
		.main_mid_area.vertical-layout .widget_quicklink_list { background:none; }
		.main_mid_area.vertical-layout .widget_quicklink_list li { background:#fff; border:0px none; border-radius:50%; height:212px; padding:40px 20px; box-sizing:border-box;}
		.main_mid_area.vertical-layout .widget_quicklink_list li>a>div.imgwrapper { width:90px; height:90px; margin:0 auto; line-height:100px; vertical-align:middle;}
		.main_mid_area.vertical-layout .widget_quicklink_list li>a>div.imgwrapper img { vertical-align:middle; } 
		.main_mid_area.vertical-layout .widget_quicklink_list li>a>div.title { top:20px; font-size:18px; }


	/* 메인페이지 - 위젯 - 중요링크 */
		.widget_importantlink_list { margin:-10px 0px 0px; }
		.widget_importantlink_list li { position:relative; width:100%; height:60px; padding:10px 0px; border-top:1px solid #f4f4f4; vertical-align:middle; line-height:60px;  }
		.widget_importantlink_list li:first-child { border-top:0px none; }
		.widget_importantlink_list li.phoneli { height:70px; }
		.widget_importantlink_list li a { display:block; height:100%; vertical-align:middle; }
		.widget_importantlink_list li>a>div.title { vertical-align:middle;  display:inline-block; padding-right:80px; font-size:18px; color:#333; font-weight:bold; border:0px solid #f00; } 
		.widget_importantlink_list li>a>div.title .arrow { font-weight:normal; font-size:15px;  }
		.widget_importantlink_list li>a>div.desc { position:relative; font-size:15px; color:#969696; padding-right:55px; } 
		.widget_importantlink_list li>a>div.phonedesc { position:relative; font-size:12px; color:#969696; } 
		.widget_importantlink_list li>a>div.desc .phone { font-size:24px; font-weight:bold; }
		.widget_importantlink_list li>a>div.imgwrapper { position:absolute; right:0px; top:15px; width:50px; height:50px; font-size:18px; color:#333; } 
		.widget_importantlink_list li>a>div.imgwrapper img { max-width:100%; max-height:100%; }

		/*vertical용*/
		.main_mid_area.vertical-layout .widget_importantlink_list { width:100%; margin-top:0px;}
		.main_mid_area.vertical-layout .widget_importantlink_list li { padding:10px 20px; width:320px; border-top:0px none; border-left:1px solid #ddd; margin-bottom:10px; }
		.main_mid_area.vertical-layout .widget_importantlink_list li:nth-child(3n+1)  { border-left:0px none; }
		.main_mid_area.vertical-layout .widget_importantlink_list li>a>div.imgwrapper { right:20px; }


	/* 분원 찾기 */
		.widget_branchsearch_wrapper { position:absolute; top:26px; bottom:0px; left:0px; right:0px; }
		.branch_list { position:absolute; left:20px; top:100px; font-size:16px;}
		.branch_list option {font-size:16px;}
		.branch_go_btn { position:absolute; left:170px; top:95px; width:50px; height:32px; border-radius:6px; font-weight:bold; border:0px none; cursor:pointer;}
		.branch_go_btn { color:#fff; }

	/* youtube */

		.widgetname_youtube { overflow:hidden; }
		
/* 서브페이지 공통 */

	.sub_visual { position:relative; width:100%; height:200px; border-top:1px solid #887766; border-bottom:1px solid #887766; background:#f8f8f8; overflow:hidden; }
	.sub_visual .inbox { position:absolute; width:2000px; top:0; left:50%; margin-left:-1000px; }
 

/* footer 영역 */

	.footer_area_wrapper { clear:both; position:absolute; bottom:0; left:0; width:100%; height:95px; padding-top:25px; border-top:1px solid #b5b5b5; background:#f8f8f8; }
	.footer_area_wrapper .inbox { position:relative; width:1004px; margin:0 auto; }
	.logo-footer { float:left; margin-right:20px; }
	.footer-cnt { float:left; width:600px; }
	.fooer-menu-list li { float:left; vertical-align:top; }
	.fooer-menu-list li a { display:block; height:12px; padding:0 7px; border-left:1px solid #939393; }
	.fooer-menu-list li:first-child a { padding-left:0; border-left:none; }
	.footer-tx { font-size:11px; color:#888888; line-height:1.5em; }
	.footer-tx .tx-red { color:#dd333a; }

	.footer_btn_wrapper { position:absolute; right:0px; border:0px solid #888; text-align:right; height:67px; overflow-y:hidden; line-height:47px; vertical-align:top;}

	.footer_contact { display:inline-block; height:67px; padding-left:55px; background:url(img/btn_tel.png) left top no-repeat; }
	.footer_contact .phonenumber { text-align:left; font-size:24px; color:#ac94e9; font-weight:bold;}
	.footer_contact .workingtime { text-align:left; font-size:13px; color:#999; font-weight:bold; line-height:130%;}

	.footer_blog { display:inline-block; height:47px; width:47px; line-height:47px; margin-right:5px; vertical-align:top;}
	.footer_blog a, .footer_blog img { display:inline-block;height:47px; width:47px; line-height:47px; margin:0px; padding:0px; vertical-align:top; }