@charset "utf-8";

#visual{height:390px; position:relative; z-index:55;}
.vis01{width:100%; overflow:hidden; background:url(../../images/main/visual.png) no-repeat center top; height:390px;}
.vis_text{position:absolute; left:50%; margin-left:-484px; top:52px;}
main section{width:1000px; margin:0 auto;}
#quick{background:url(../../images/main/main_img.png) no-repeat top left; height:120px; position:relative;}
#quick dt{display:block; width:180px; height:120px; background:url(../../images/main/main_img.png) no-repeat left -120px; overflow:hidden; text-indent:-9999px; position:absolute; left:0px;}
#quick dd{margin-left:220px;}
#quick dd li{float:left; }
#quick dd a{display:block; width:120px; padding-top:81px;background-image:url(../../images/main/main_img.png); background-position:-230px -120px; color:#614e40; font-family:"NanumGothicBold", NGB; text-align:center;}
#quick dd .qu02 a{background-position:-350px -120px;}
#quick dd .qu03 a{background-position:-470px -120px;}
#quick dd .qu04 a{background-position:-590px -120px;}
#quick dd .qu05 a{background-position:-830px -120px;}
#quick dd .qu06 a{background-position:-698px -120px; width:145px;}

#event_banner{border:1px #d5d1ce solid; background:#fff; margin-top:20px; height:74px; position:relative;}
.eb_button{position:absolute; left:0; top:0; width:35px; z-index:999;}
.eb_button button{width:35px; height:36px; overflow:hidden; font-size:0px; background-image:url(../../images/main/main_img.png); background-position:left -277px;}
.eb_button button:first-child{ background-image:url(../../images/main/main_img.png); background-position:left -240px; height:37px; border-bottom:1px #d5d1ce solid;}
.banner_box{position:relative; overflow:hidden; height:74px;}
.banner-list{position:absolute; top:0px; left:0px;}
.eb_img{margin-left:35px}
.eb_img a{border-left:1px #d5d1ce solid; display:inline-block; width:320px;}

#content{background:#fff; margin-top:12px; border:1px #d5d1ce solid; border-bottom:4px #74635a solid; position:relative;}
#content article{ padding:33px 35px;}
#content article h2{display:block; overflow:hidden; text-indent:-9999px; background-image:url(../../images/main/main_img.png); background-repeat:no-repeat; margin-bottom:30px;}
.more_btn a{display:block; width:37px; height:39px; overflow:hidden; text-indent:-9999px; background:url(../../images/main/main_img.png) no-repeat left -315px; top:23px; right:24px; position:absolute}

#notice{width:263px; height:172px; border-right:1px #e2dfdd solid; position:relative;}
#notice h2{width:68px; height:20px; background-position:-100px -240px;}
#notice li{background:url(../../images/main/notice_but.gif) no-repeat left 10px; padding-left:10px; height:25px; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }
#notice li a{line-height:1.8;}
#notice .first{position:relative; margin-bottom:13px; *border:1px transparent solid;}
#notice .first span{position:absolute; left:0; top:0;}
#notice .first span img{width:88px; height:60px;}
#notice .first p{margin-left:100px; line-height:1.5; vertical-align:middle; font-size:13px; height:60px; overflow:hidden;}
#notice .first p a{line-height:1.5;}

#news{position:absolute; top:0px; left:333px; border-right:1px #e2dfdd solid; width:200px; width:263px; height:172px;}
#content #news h2{width:68px; height:20px; background-position:-100px -270px; margin-bottom:25px;}
#news li{overflow:hidden; height:26px;}
#news li a{line-height:1.8; background:url(../../images/main/notice_but.gif) no-repeat left 5px; padding-left:10px;}

#review{position:absolute; top:0; left:666px; height:172px; overflow:hidden; }
#content #review h2{width:85px; height:20px; background-position:-100px -300px; margin-bottom:26px;}
#review dl{position:relative; margin-bottom:12px;}
#review dl dt{border:1px 0 transparent solid; border-radius:28px; background:transparent; width:56px; height:56px; position:absolute; overflow:hidden; left:0px;}
#review dl dd{margin-left:73px; vertical-align:text-top; line-height:normal;}
#review dl dd span{font-size:13px; font-family:"NanumGothicBold", NGB; display:block; height:22px; overflow:hidden; color:#444;}
#review a{text-align:left; font-size:12px; line-height:18px; color:#666; display:block; height:58px; overflow:hidden;}

#content #photo{position:relative; border-top:1px #e2dfdd solid; border-right:1px #e2dfdd solid; width:631px; height:222px; padding-right:0px;}
#content #photo h2{width:85px; height:20px; background-position:-100px -330px; margin-bottom:22px}
#photo dl{float:left; width:180px; overflow:hidden; margin-right:27px;}
#photo a{font-size:12px; display:inline-block; margin-top:13px; overflow:hidden; max-height:35px;}
#photo p{font-size:12px; font-family:roboto; color:#999;}
#photo p .reply{background:url(../../images/main/main_img.png) no-repeat left -497px; display:inline-block; *display:inline; padding-left:15px; margin-left:8px; color:#3fa7b3;}
#photo .more_btn a{margin-top:0px;}

#newsletter{position:absolute; top:238px; left:666px; border-top:1px #e2dfdd solid; width:264px;}
#content #newsletter h2{width:85px; height:20px; background-position:-100px -360px; margin-bottom:22px;}
.newsletter_btn{position:absolute; top:219px;}
.newsletter_btn a{display:inline-block; border:1px #999 solid; border-left:0; width:79px; height:32px; line-height:32px; background-image:url(../../images/main/main_img.png); background-repeat:no-repeat; background-position:-870px -500px; text-align:right; padding-right:50px; color:#7a6552;  font-family:"맑은 고딕","Malgun Gothic"; font-size:12px; font-weight:bold;}
.newsletter_btn a:first-child{background-color:#7a6552; border-color:#7a6552; width:85px; height:32px; color:#fff; background-position:-738px -500px; padding-right:45px;}
#newsletter dl{position:relative;}
#newsletter dt{width:98px; height:119px; border:1px #c2c2c2 solid; position:absolute; right:0;}
#newsletter dd{ line-height:1;}
#newsletter dd .nst01{font-family:NGB; color:#64aa00; font-size:18px; margin:11px 0 21px;}
#newsletter dd .nst02{font-family:roboto; color:#999; font-size:12px;}

#bank{position:relative;border-top:1px #e2dfdd solid; border-right:1px #e2dfdd solid; width:263px; height:132px; background:url(../../images/main/main_img.png) no-repeat right -280px;}
#content #bank h2{width:110px; height:20px; background-position:-100px -390px; margin-bottom:15px;}
#bank .number{font-size:26px; color:#64aa00; font-family:roboto; letter-spacing:-0.02em;}
#bank .name{font-size:14px; font-family:"NanumGothicBold", NGB; height:15px; line-height:14px; margin-top:3px}
#bank .name img{margin-right:7px;}
#bank .donation{margin-top:8px; color:#614e40; line-height:22px; font-size:12px;}
#bank .donation dt{font-size:14px;}
	
#tel{position:absolute; border-top:1px #e2dfdd solid; border-right:1px #e2dfdd solid; width:263px; height:132px; top:527px; left:333px;}
#tel h2{width:110px; height:20px; background-position:-100px -420px;}
#tel ul{margin-top:-10px;}
#tel ul li{font-size:13px; margin-bottom:15px;}
#tel ul li span{font-size:14px; font-family:"NanumGothicBold", NGB;}
#tel ul li em{font-size:15px; color:#a56d44; font-family:roboto}

#icon_link{position:absolute; border-top:1px #e2dfdd solid; width:264px; height:132px; top:527px; left:666px;}
#icon_link ul li{float:left; width:130px;}
#icon_link ul li a{display:block; text-align:left; height:22px; line-height:22px; padding-left:32px; background-image:url(../../images/main/main_img.png); background-repeat:no-repeat; background-position:-350px -270px; color:#614e40; font-family:"NanumGothicBold", NGB; margin-bottom:33px;}
#icon_link ul .IC02 a{background-position:-480px -270px;}
#icon_link ul .IC03 a{background-position:-350px -312px;}
#icon_link ul .IC04 a{background-position:-480px -312px;}
#icon_link ul .IC05 a{background-position:-350px -354px;}
#icon_link ul .IC06 a{background-position:-480px -354px;}
#icon_link ul:after{clear:both; display:block; visibility:hidden; content:"."; height:0;}
	
#content #related_banner{position:relative; border-top:1px #e2dfdd solid; height:67px; padding:15px 35px;}
#content #related_banner h2{width:70px; height:20px; background-position:-100px -450px; margin-bottom:12px; margin-top:-10px;}


/*190930 후원계좌 추가, 후원문의 전화 변경, 바로가기 메뉴 타이틀 추가*/
#bank.third-box, #tel.third-box, #icon_link.third-box{height:208px; padding:28px 35px;}
#bank.third-box{background:url(../../images/sub/support_img.png) no-repeat  256px 184px;}
#bank.third-box p.first{padding-top:5px;}
#bank .number{font-size:22px; margin-top:3px; margin-bottom:15px;}
#bank .line{margin:5px 0 15px; border-top:1px solid #e2dfdd ;}
#bank .donation{ margin-top:-5px; }
#content #tel h2{margin-bottom:28px;}
#tel .title{display:block;margin-bottom:3px; color:#74635a;}
#content #icon_link h2{width: 110px; height: 20px; background-position: -100px -474px; margin-bottom:28px;}
#icon_link ul li{/* border-bottom:1px solid  #e2dfdd;*/  padding:15px 10px;  box-sizing:border-box;}
#icon_link ul li:nth-child(2n+1){border-left:0;}
#icon_link ul li:nth-child(5),#icon_link ul li:nth-child(6){border-bottom:0; padding-bottom:0;}
#icon_link ul li a{margin-bottom:0;}


/*배너*/
.slide_banner{clear:both;position:relative; width:928px; margin:0 auto;}
#bannerListBox{width:100%;height:67px;overflow:hidden; position:absolute; left:72px; top:0;}
#bannerListBox ul{}
#bannerListBox ul li{float:left;width:274px;}
#bannerListBox ul li a{display:block;width:274px;margin:0;padding:0;height:65px;border:1px solid #dcdcdc; border-right:0px;text-align:center}
#banner_btn{position:absolute;left:0}
#banner_btn button{position:absolute; float:left;width:32px; height:32px;border:0;background:url(../../images/main/banner_btn.gif);-webkit-appearance:none;border-radius:0;cursor:pointer;}
#banner_btn button span{position:absolute;left:-1000%;top:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
#banner_btn button.roll_prev{height:67px; background-position:-32px 0px; left:41px;}
#banner_btn button.roll_prev:hover,#banner_btn button.roll_prev:focus{background-position:-32px -67px;}

#banner_btn button.roll_next{height:67px; background-position:-63px 0px; left:894px;}
#banner_btn button.roll_next:hover,#banner_btn button.roll_next:focus{background-position:-63px -67px;}

#banner_btn button.roll_stop{background-position:0px 0px; left:0px;}
#banner_btn button.roll_stop:hover,#banner_btn button.roll_stop:focus{background-position:0px -67px;}

#banner_btn button.roll_play{background-position:0px -35px; left:0; top:35px;}
#banner_btn button.roll_play:hover,#banner_btn button.roll_play:focus{background-position:0px -102px;;}