@charset "utf-8";

/*reset style */

body.index {width:100%; }
body.index .header.func_fixed {padding-bottom:0;}
body.index .footer {background:#474747; border-top:1px solid #323232; margin-top:-156px;}
body.index .footer .menu li {background-image:url(../../images/webhome/bg_bar_1x11_d3d3d3.png);}
body.index .footer .familysite .tit {border:1px solid #2f2f2f; background:#383838;}
body.index .footer .familysite .tit a {background-image:url(../../images/webhome/bul_arrow_5x3_b_c8c8c8.png); color:#c8c8c8;}
body.index .footer .familysite .tit.on a {background-image:url(../../images/webhome/bul_arrow_5x3_t_c8c8c8.png);}
body.index .footer .familysite .site {border:1px solid #2f2f2f; border-bottom:0; background:#383838;}
body.index .footer .familysite .site ul li a {color:#c8c8c8;}
body.index .footer .familysite .site button.close {background-image:url(../../images/webhome/bul_arrow_5x3_t_c8c8c8.png);}
body.index .footer .footmenu_group01 {border-bottom:1px solid #757575;}

/*2015-7-28 팝업 shadow 추가 */
body.index .wrap_meventpopup {display: none; position:absolute; bottom:-170px; left:50%; margin-left:-492px; width:984px; min-width:984px; background:none; z-index:1; box-shadow:3px 3px 2px 0px rgba(33, 33, 33, 0.3);}
body.index .wrap_meventpopup.on {display: block;}
body.index .wrap_meventpopup .closebtn { margin-left:-492px !important; width:984px !important; min-width:984px !important;}
body.index .wrap_meventpopup .section {/*height:auto; min-height:170px;*/}
body.index .wrap_meventpopup .section .contarea {width:auto; margin:0 auto;}

body.index .mnav {position:fixed; top:50%; margin-top:-105px; width:39px; right:50px; z-index:47; height:210px;}
body.index .mnav #nav {}
body.index .mnav li {width:39px; height:24px; margin:0 auto; position:relative;}
body.index .mnav h1 {padding-right:17px; position:absolute; right:39px; top:-5px; white-space:nowrap; background:url(../../images/webhome/main/nav_span_right.png) no-repeat right top; }
body.index .mnav h1.hide {display:none;}
body.index .mnav span { margin-left:17px; padding-left:11px; background:url(../../images/webhome/main/nav_span.png) no-repeat left 0; height:29px; text-align:center; line-height:29px; display:block; color:white; font-size:12px; letter-spacing:1px;}
body.index .wrap_article {width:1500px; margin:0 auto;}
body.index .mnav li  a {display:block; text-indent:-9999px; background:url('../../images/webhome/main/nav_dot.png') no-repeat left bottom; width:39px; height:24px;}
body.index .mnav li  a.current {background-position:left top;}

body.index .wrap_article {width:984px; margin:0 auto; position:relative;}
body.index .wrap_article .title-nav {position:absolute; top:0; left:0;}
body.index .wrap_article .title {position:absolute; top:00px; left:00px;} /*2014-11-18 modify */
body.index .wrap_article .title a {width:984px; height:800px; display:block;} /*2014-11-18 added*/

/* 메인2번 컷 배너 3개 2014-11-27 원위치 */
body.index .wrap_article .img01 {position:absolute; top:272px; left:21px; box-shadow: -3px 3px 8px 1px rgba(33, 33, 33, 0.2);}
body.index .wrap_article .img02 {position:absolute; top:150px; left:283px; box-shadow: -3px 3px 8px 1px rgba(33, 33, 33, 0.2);}
body.index .wrap_article .img03 {position:absolute; top:503px; left:283px; box-shadow: -3px 3px 8px 1px rgba(33, 33, 33, 0.2);}

/* 메인2번 컷 배너 3개 2014-12-31 modify 위치변경
body.index .wrap_article .img01 {position:absolute; top:202px; left:363px; box-shadow: -3px 3px 8px 1px rgba(33, 33, 33, 0.2);}
body.index .wrap_article .img02 {position:absolute; top:80px; left:625px; box-shadow: -3px 3px 8px 1px rgba(33, 33, 33, 0.2);}
body.index .wrap_article .img03 {position:absolute; top:433px; left:625px; box-shadow: -3px 3px 8px 1px rgba(33, 33, 33, 0.2);}
*/

/* 메인2번 컷 배너 3개 2015-06-25 modify 박스섀도 삭제 
body.index .wrap_article .img01 {position:absolute; top:272px; left:21px; }
body.index .wrap_article .img02 {position:absolute; top:150px; left:283px; }
body.index .wrap_article .img03 {position:absolute; top:503px; left:283px; }
*/

/* 메인2번 컷 통배너 1개
body.index .wrap_article .img01 {position:absolute; top:0px; left:0px; width:984px; height:800px;}
*/

body.index .content-article {width:100%; height:800px; margin:0 auto;}
body.index .content-article.intro .wrap_article .title {left: 50%; margin-left:-263px;}
body.index .content-article.third .wrap_article .title {left: 50%; margin-left:-251px;}
body.index .content-article.fourth .wrap_article .title {left: 50%; margin-left:-251px;}
body.index .content-article.five .wrap_article .title {top:104px; left:282px;}
body.index .content-article.six .wrap_article .title {left: 50%; margin-left:-261px;}

body.index .wrap_article .btn-area {position:absolute; top:55px; right:0;} 
body.index .wrap_article .btn-area a {display:inline-block; margin-left:7px;}
body.index .card-thumb {position:absolute; width:954px; height:314px; top:0; left:50%; margin-left:-477px;}
body.index .card-thumb > div {position:absolute;}
body.index .card-thumb > div.centerCard {position:absolute; top:315px; left:50%; margin-left:-210px; z-index:5;}
body.index .card-thumb > div.left1 {position:absolute; top:315px; left:132px; z-index:4;}
body.index .card-thumb > div.right1 {position:absolute; top:315px; left:508px; z-index:3;}
body.index .card-thumb > div.left2 {position:absolute; top:315px; left:17px;  z-index:2;}
body.index .card-thumb > div.right2 {position:absolute; top:315px; left:698px; z-index:1;}
body.index .btn-area a {display:inline-block; margin-left:7px;}

/* 20150225 : main-문화센터 링크 추가 */
body.index .content-article.six .wrap_article .title {margin-left:-492px !important;top:200px !important;}
body.index .content-article.six .wrap_article .title .cultureLink {display:block;width:984px;height:588px;}
/* //20150225 : main-문화센터 링크 추가 */

/* 2020-01-31 master.css 로 위치 이동 : S */
/* 2016-07-07 팝업영역 추가 */
/*
.popup-event									{display: none; position: fixed; z-index: 35; bottom: 0; left: 50%; margin-left: -492px; width: 984px; overflow: hidden;}
.popup-event.active								{display: block;}
.popup-event h2									{display: block; position: absolute; width: 0; height: 0; font-size: 0; line-height: 0;}
.popup-event .popup-display						{}
.popup-event .popup-display .popup-item			{}
.popup-event .popup-display .popup-item .wrap	{display: block;}
.popup-event .popup-display .popup-item .wrap img	{vertical-align: top; max-width: 100%;}
.popup-event .popup-control						{position: absolute; top: 0; right: 0;}
.popup-event .popup-control:after				{content: ''; display: none; clear: both; width: 0; height: 0; visibility: hidden;}
.popup-event .popup-control .btn				{float: left; background-repeat: no-repeat; background-position: 0 0;}
.popup-event .popup-control .btn+.btn			{margin-left: 10px;}
.popup-event .popup-control .close-today		{width: 118px; height: 31px; background-image: url(../../images/webhome/btn_closetoday.png);}
.popup-event .popup-control .close				{width: 33px; height: 31px; background-image: url(../../images/webhome/btn_close.png);}
*/
/* 2020-01-31 master.css 로 위치 이동 : E */