@charset "utf-8"; 
/* CSS Document */

/********************************************************************************************
	 공통레이아웃 
*********************************************************************************************/
/* 메인 */
body{background:#d8d8d8 url("../images/common/bg_wrapper.png"); }
.wrapper{position:relative; }
.container{position:relative; width:1300px; padding-right:236px; margin:auto; overflow:hidden; box-shadow:0 0 10px #999; }
.contents{overflow:hidden; clear:both; width:; background-color:#FFF; }
.contents_wrap{padding:40px; }
.btnGnb{display:none; }
.footer {position:relative; background:#1c212b; z-index:1000; text-align:center; padding:20px 0; color:#79849a; }
.footer .add span{display:inline-block; padding:0 5px; }
.footer .copy{margin-top:5px; }

/* gnb메뉴 */
.gnbWrap{position:absolute; right:0px; top:0; z-index:999; width:236px; height:100%; background:url("../images/common/bg_gnb_shadow.png") repeat-y 0 0; }
.gnb{position:absolute; right:0; top:0; width:100%; height:100%; min-height:926px; background:#2a3242 url("../images/common/bg_gnb.png"); }
.gnb p{height:123px; border-bottom:1px solid #171b22; font-size:24px; color:#FFF; text-align:center; line-height:1.2em; font-weight:500; background:#1c212b url("../images/common/bg_gnb.png"); }
.gnb p a {display:table; height:100%; width:100%; background-repeat:no-repeat; background-position:center center; background-size:60px 60px; }
.gnb p span{display:table-cell; width:300px; height:100%; overflow:hidden; vertical-align:middle; background:#1c212b url("../images/common/bg_gnb.png"); font-size:20px; }
.gnb p a:hover span {display:none; }
.gnb p .gnbTit_public_01:hover{text-indent:-9999px; background:transparent url("../images/common/ico_private_01.png") no-repeat center; }
.gnb>ul>li{height:64px; border-bottom:1px solid #171b22; color:#FFF; font-size:16px; line-height:68px; ; text-align:center; }
.gnb li a{display:block; width:100%; height:100%; }
.gnb li:hover,.gnb li .on{background:#1d222c url("../images/common/bg_gnb.png")}
.gnb_public,.gnb_private{position:relative; clear:both; } 
.library_list {display:none; position:absolute; right:236px; top:-65px; width:231px; background:#2a3242; }
.gnb_private_list {top:-185px; }
.library_list ul {overflow:hidden; }
.library_list ul li{display:inline-block; overflow:hidden; float:left; width:33.3333%; height:83px; border-right:1px solid #171b22; border-bottom:1px solid #171b22; }
.library_list ul li a {display:block; background-size:45px 45px; background-repeat:no-repeat; background-position:center center; }
.library_list ul li a span{display:none; }
.library_list ul li a:hover span {display:table-cell; background:#1d222c url("../images/common/bg_gnb.png"); height:83px; width:100px; vertical-align:middle; font-size:13px; color:#FFF; line-height:1.3em; text-align:center; padding:0 10px; }
.gnb_public .btn_subadd,.gnb_private .btn_subadd{display:inline-block; position:absolute; left:20px; top:28px; width:13px; height:12px; background:url("../images/common/ico_subadd.gif") no-repeat 0 0; }
/*
.gnb_public_list{display:none; position:absolute; right:236px; top:-65px; width:231px; background:#2a3242 url("../images/common/ico_public.png") no-repeat 0 0; }
.gnb_private_list{display:none; position:absolute; right:236px; top:-261px; width:231px; background:#2a3242 url("../images/common/ico_private.png") no-repeat 0 0; }
.gnb_public_list li,.gnb_private_list li{overflow:hidden; float:left; width:33.3333%; border-right:1px solid #171b22; border-bottom:1px solid #171b22; }
.gnb_public_list li,.gnb_private_list li a span {display:table-cell; height:83px; vertical-align:middle; font-size:13px; color:#FFF; line-height:1.3em; text-align:center; }
.gnb_public_list li:hover,.gnb_private_list li:hover{background-color:#1d222c; }
.gnb_public_list li a,.gnb_private_list li a{display:block; width:100%; height:100%; }
.gnb_public_list li:hover,.gnb_public_list li .on{background:#1d222c; }
.gnb_public_list li span,.gnb_private_list li span{visibility:hidden; }
.gnb_public_list li:hover span,.gnb_private_list li:hover span{visibility:visible; }
*/
.directLink{width:196px; margin:180px auto 0; padding-bottom:28px; }
.directLink button{display:block; width:196px; height:36px; margin-bottom:2px; font-size:13px; color:#fff; text-align:center; line-height:36px; background-color:#424b5e; }
@media screen and (max-width:1300px) {
	.wrapper{width:1000px; margin:0 auto;}
	.container {width:1000px; margin:0 auto;}
}

@media screen and (max-width:1000px) {
	.wrapper{width:900px; margin:0 auto;}
	.container {width:900px; margin:0 auto;}
}


@media screen and (max-width:768px) {
	.wrapper{width:100%; background:none; }
	.container{width:100%; height:100%; margin:0; padding:0; background:none; }
	.contents{width:100%; padding:0; height:auto; }
	.btnGnb{display:block; position:absolute; right:15px; top:-10px; width:0; height:0; padding:35px 35px 0 0; z-index:20;}
	.btnGnb button{position:absolute; background:transparent; }
	.gnbWrap{right:-236px; }

	.contents_wrap{padding:20px; }
}

@media screen and (max-width:600px) {
	.gnbWrap{right:-600px; width:100%; height:100%; padding-bottom:110px;background:#2a3242;}
	.gnb{position:relative; width:100%; text-align:center;  min-height:100%; overflow-y:auto; }
	.gnb>ul>li{height:auto; } 

	.library_list {display:none; position:relative; right:auto; top:auto; width:100%; background:#2a3242; }
	.gnb_private_ list {top:auto; }
	.library_list ul {overflow:hidden; }
	.library_list ul li{display:block; overflow:hidden; float:left; width: 100%; height:auto; border-right:1px solid #171b22; border-bottom:1px solid #171b22; }
	.library_list ul li a {display:block; background-size:45px 45px; background-repeat:no-repeat; background-position:center center; }
	.library_list ul li a span, .library_list ul li a:hover span{display:block; background:#1d222c url("../images/common/bg_gnb.png"); height:auto; width:auto; vertical-align:middle; font-size:13px; color:#FFF; line-height:1.3em; text-align:center; padding:10px; }
	.library_list ul li a span br {display:none;}
	.directLink{display:block; width:100%; margin:0; padding:10px 10px 28px; text-align:center; overflow:hidden;}
	.directLink button{float:left; width:46%; margin:0 2%}
}

/********************************************************************************************
	 메인레이아웃 
*********************************************************************************************/
/* 메인비주얼 */
.visual{overflow:hidden; position:relative; }
.visual .visual_txt{position:absolute; left:0; bottom:0; width:33.3333%; height:237px; padding:40px 25px; background:rgba(30, 140, 123, .9); }
.visual .visual_txt>span{font-family:NanumSquareR; font-size:18px; color:#FFF; margin-left:4px; }
.visual .visual_txt .bar{display:block; width:34px; height:3px; background-color:#FFF; margin:10px 4px 20px; }
.visual .visual_txt dt{display:block; overflow:hidden; width:100%; margin-bottom:15px; font-family:NanumSquareR; font-size:33px; color:#FFF; line-height:1.2em; }
.visual .visual_txt dd{display:block; overflow:hidden; width:100%; min-height:40px; font-size:15px; font-weight:500; line-height:1.4em; color:#FFF; }

@media screen and (max-width:890px) {
	.visual .visual_txt {width:50%;}
}
@media screen and (max-width:600px) {
	.visual{height:317px; }
	.visual .visual_img{position:absolute; left:50%; top:0; width:120%; min-width:510px; height:317px; margin-left:-60%; }
	.visual .visual_txt{width:100%; padding:20px; height:auto;}
	.visual .visual_txt>span{font-family:NanumSquareR; font-size:16px; color:#FFF; margin-left:0; float:left;  vertical-align:middle;}
	.visual .visual_txt .bar {display:inline-block; float:left; width:1px; height:15px; margin:5px 10px 0; vertical-align:middle; opacity:0.7}
	.visual .visual_txt dl{ float:left; width:80%; vertical-align:middle;}
	.visual .visual_txt dt{font-size:20px; margin-bottom:0;}
	.visual .visual_txt dd{font-size:14px; }
	.visual .visual_txt br{display:none; }
}

.public .visual .visual_txt {background:rgba(55, 105, 164, .9)}

/* 공지사항 */
.notice{overflow:hidden; float:left; position:relative; width:33.3333%; padding:0 25px 20px; }
.notice .noticeHeader{height:65px; border-bottom:1px solid #e5e5e5; margin-bottom:15px; }
.notice .noticeTit{display:inline-block; margin:28px 3px 20px; font-size:18px; font-weight:500; }
.notice .more,.schedule .more{display:inline-block; position:absolute; right:25px; top:23px; width:20px; height:20px; background:url("../images/common/btn_more.gif") no-repeat 0 0; text-indent:-9999px; }
.public .more{background-image:url("../images/common/btn_more2.gif"); }
.notice li a{display:block; float:left; overflow:hidden; width:65%; padding-left:10px; line-height:2.2em; background:url("../images/common/dot.gif") no-repeat 2px center; white-space:nowrap; text-overflow:ellipsis; }
.notice li span.date{display:block; overflow:hidden; float:right; width:35%; text-align:right; color:#999; line-height:2.2em; white-space:nowrap; text-overflow:ellipsis; }


/* 행사일정 */
.schedule{overflow:hidden; float:left; position:relative; width:33.3333%; height:255px; border-left:1px solid #ccc; border-right:1px solid #ccc; background-color:#efefef; box-sizing:border-box; }
.schedule .scheduleHeader{height:90px; font-size:18px; color:#333; text-align:center; background-color:#FFF; }
.schedule .month{display:inline-block; margin-top:22px; font-weight:500; }
.schedule  ul{position:absolute; left:50%; top:30px; width:142px; height:14px; margin-left:-71px; text-indent:-9999px; }
.schedule  li span{display:block; position:absolute; top:0; width:15px; height:13px; background:url("../images/common/btn_arr.gif") no-repeat; }
.schedule  li span.prev{left:0; background-position:left 0; }
.schedule  li span.next{right:0; background-position:right 0; }
.schedule table{width:96%; margin:-28px auto 0; }
.schedule table tr{height:28px; }
.schedule table th{font-size:12px; color:#4fa498; font-style:normal; background-color:#FFF; }
.schedule table td{font-size:13px; color:#666; text-align:center; }
.schedule table td span.event{display:inline-block; width:24px; height:24px; color:#FFF; line-height:24px; text-align:center; background-color:#1e8c7b; border-radius:12px; }

.public .schedule  li span{background-image:url("../images/common/btn_arr2.gif"); }
.public .schedule table th{color:#3769a4; }
.public .schedule table td span.event{background-color:#3769a4; }

/* 휴관일안내+고객문의 */
.banner{overflow:hidden; float:right; width:33.3333%; color:#666; }
.banner span{display:block; margin-left:30px; }
.ban_holiday{overflow:hidden; height:127px; border-bottom:1px solid #ccc; background:url("../images/common/ico_holiday.gif") no-repeat right 50px; }
.ban_holiday .tit{display:block; margin:35px 30px 17px; font-size:18px; color:#333; font-weight:500; }
.ban_req{overflow:hidden; height:127px; background:url("../images/common/ico_req.gif") no-repeat right 50px; }
.ban_req .tit{display:block; margin:22px 30px 10px; font-size:18px; color:#333; font-weight:500; }

@media screen and (max-width:1073px) {
	.notice{width:50%; }
	.schedule{width:50%; }
	.banner{float:none; clear:both; width:100%; }
	.ban_holiday, .ban_req {width:50%; float:left; border-top:1px solid #ccc; }
	.ban_req {border-left:1px solid #ccc; }
}

@media screen and (max-width:728px) {
	.notice, .schedule, .banner{width:100%; border:none; border-top:1px solid #ccc; }
	.ban_holiday, .ban_req {border-top:none; }
}
@media screen and (max-width:480px) {
	.ban_holiday, .ban_req {background:none; }
}

/********************************************************************************************
	 서브레이아웃 
*********************************************************************************************/
/* 서브타이틀 */
.sub_visual{overflow:hidden; position:relative; }
.sub_visual .sub_tit{position:absolute; left:50px; bottom:22px; font-family:NanumSquareR; font-size:30px; color:#FFF; font-weight:500; }
.sub_visual .sub_tit .bar{display:block; width:42px; height:2px; background-color:#FFF; margin-bottom:15px; }
.sub_visual .location{display:none; }

.sub_visual.fixed{position:fixed; top:0; width:1074px; height:62px; border-bottom:1px solid #ccc; background-color:#FFF; }
.sub_visual.fixed .sub_visual_img{display:none; }
.sub_visual.fixed .sub_tit{bottom:0; font-size:22px; color:#333; line-height:62px; }
.sub_visual.fixed .sub_tit .bar{display:none; }
.sub_visual.fixed .location{display:block; position:absolute; right:60px; bottom:20px; font-size:13px; color:#666; }
.sub_visual.fixed .location .home{padding-left:25px; color:#a2a2a2; background-color:#FFF; background:url("../images/common/ico_home.gif") no-repeat 0 0; }
.sub_visual.fixed .location .div{display:inline-block; width:30px; color:#a2a2a2; text-align:center; }

@media screen and (max-width:600px) {
	.sub_visual{height:200px; }
	.sub_visual .sub_visual_img{position:absolute; left:50%; top:0; width:200%; height:200px; margin-left:-210px; }
	.sub_visual .sub_tit{left:30px; bottom:18px; font-size:28px; }
	
	.sub_visual.fixed{left:0; width:100%; height:65px; }
	.sub_visual.fixed .sub_tit{position:relative; left:0; bottom:0; width:100%; height:45px; padding-left:20px; line-height:52px; }
	.sub_visual.fixed .location{display:block; position:relative; right:0; bottom:0; width:100%; height:20px; padding-left:20px; font-size:12px; line-height:14px; }
}