@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
* {margin:0; padding:0;font-family: 'Noto Sans KR', sans-serif;}

a{text-decoration:none; color:inherit;}

li {list-style:none;}

.clearfix{*zoom:1}

.clearfix:after{clear:both;display:block;content:'';}

.nanumS {font-family: 'NanumSquare', sans-serif !important;}

/* 상단유틸 */
#top_utilwrap {position:relative; height:40px; /*background:#2e2e38;*/ background:#fff; }

.layout {position:relative; margin: 0 auto; max-width: 1200px;}

#top_utilwrap .top_util_right {float: right;}


#top_utilwrap .top_util_right .site_link > li {position: relative; float: left; padding: 0 12px; line-height: 42px; font-size:14px;}
#top_utilwrap .top_util_right .site_link > li a {/*font-family: 'NanumSquare',sans-serif; transform:skew(-0.03deg);*/}
#top_utilwrap .top_util_right .site_link > li:before {position: absolute; right: 0; top: 50%; width: 1px; height: 12px; margin-top:-6px; background:#ccc; content:'';}


.top-lnk {float:left;}
.top-lnk a {float:left;font-size:14px;text-align:center; padding:13px 15px 0 15px; height:40px; box-sizing:border-box; color:#fff !important;}
.top-lnk a span {display:inline-block;position:relative;/*font-family: 'NanumSquare',sans-serif;*/ transform:skew(-0.03deg); }
.top-lnk a.lnk01 {font-weight:bold; /*border-top:4px solid #0173bc;*/ box-sizing:border-box; height:40px;   /*  padding: 10px 15px 0 15px;*/ background:#00b09b;}
.top-lnk a.lnk02 {background:#ffc000;}
.lnk02 span {color:#fff;}

.link_ic {margin-left:5px; vertical-align:middle;}




/*헤더*/
.header * {font-family: 'NanumSquare', sans-serif;}
.header {position:relative; width:100%; height:130px;}
.top-wrap {width:1200px; position:relative; left:50%; margin-left:-600px;}


#topLogo {width:110px; position:absolute; top:-35px; left:50%; margin-left:-55px;}





/* 메뉴 */
#navigation * {font-family: 'NanumSquare', sans-serif;}
#navigation {position:relative; top:0px; /*margin-top:20px;*/  font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.3px;}
#navigation .t_nav > li{float:left}
#navigation .subnav > ul > li a{transition:color 0.2s linear}
#navigation .subnav > ul > li a:hover{/*color:#fff !important*/}
#navigation .btn_sitemap{position:absolute; font-size:0}
#navigation .btn_sitemap:before,
#navigation .btn_sitemap:after{content:""; position:absolute}
#navigation.default{position:relative; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
#navigation.default br{display:none}
#navigation.default .t_nav{width:1200px; display:inline-block; vertical-align:middle; }
#navigation.default .t_nav > li{/*padding:0 10px 0 13.5px;*/ position:relative; /*width:200px;*/width:240px; text-align:center;}
#navigation.default .t_nav > li.t_etc{display:none}
#navigation.default .t_nav > li > a{display:inline-block; /*padding:0 40px;*/ line-height:50px; font-size:20px; font-weight:700; color:#222; text-decoration:none; transition:color 0.2s linear}
#navigation.default .t_nav > li.on > a{color:#222;}

#navigation.default .t_nav > li > a:before {position: absolute; right: 0; top: 50%; width: 1px; height: 15px; margin-top:-6px; background:#ccc; content:'';}
#navigation.default .t_nav > li.t_nav6 a:before {display:none;}

#navigation.default .subnav{display:none; z-index:1600; position:absolute; top:42px; left:50%; margin-left:-85px; width:170px; padding-top:8px; text-align:center}

#navigation.default .subnav > ul{display:block;/* padding:27px 0; */background-color:#fff; border-top: 2px solid #00b09b;}
#navigation.default .subnav > ul > a > li{height:50px; line-height:50px;font-size:14px; border-bottom:1px solid #e1e1e1; color:#212121; transform:skew(-0.3deg);}
/*#navigation.default .subnav > ul > li + li{margin-top:18px}*/

#navigation.default .subnav > ul > a > li:hover {background:#f8f8f8;}
#navigation.default .subnav2{display:none}



.holder{position:relative; left:50%; margin-left:-600px; width:1200px;}
.hd{width:0; height:0; overflow:hidden; font-size:0; line-height:0}

.more_arr {display:inline-block; width:24px; height:24px; background:url('/spart/images/more_arr.png'); vertical-align:middle;}




#mainSlide {width:100%; height:500px;}

.main-contents {width:1200px; margin:50px auto;}
.main-contents02  {margin:0 auto;}
.banners div {float:left; width:590px; height:250px; margin:5px;}

.main-contents02-wrap {padding:75px 0; background:url(/images/mainbg.jpg)no-repeat center center;}
.notice {float:left; width:590px; height:320px; box-sizing:border-box;}
.popupzone {float:left; width:350px; height:320px;  margin-left:15px;}
.rentzone {float:left; width:220px; height:320px; background:#fff; border:1px solid #e1e1e1; margin-left:20px; font-family: 'NanumSquare', sans-serif;  text-align:center;}
.rentzone-icon {width:81px; height:81px; background:url(/images/rent-icon.png)no-repeat center center; margin:15px auto;}
.rentzone-tit {font-size:20px; font-weight:700;font-family: 'NanumSquare', sans-serif;}
.rentzone-list {margin-top:15px; }
.rentzone-list li {width:80%; margin-left:10%; padding:15px 0; font-size:17px; border-bottom:1px solid #e1e1e1; font-weight:600;font-family: 'NanumSquare', sans-serif;}
.rentzone-list li:last-child {border-bottom:0;}
.rentzone-list li:hover {color:#00b09b;}
.rentzone-list a {font-family: 'NanumSquare', sans-serif;}
.list-arrow {width:19px; height:19px; background:url(/images/list-arr.png)no-repeat center center; display:inline-block; vertical-align:middle; margin:0 10px 0 -20px;}



/*footer*/

footer {padding:50px 0; background:#2e2e2e;}
footer *{font-family: 'NanumSquare',sans-serif; transform:skew(-0.03deg);}
.footer-wrap {width:1200px; margin:0 auto;}
.footer-wrap::after {content:""; display:block; clear:both;}

.bottom-logo {float:left; width:13%; margin-top:25px;}


.footer-info-wrap {float:left; width:87%; padding-left:20px; box-sizing:border-box;}

.footer-menu {border-bottom:1px solid #555}
.footer-menu li {display:inline-block; padding:10px 15px 15px 0; box-sizing:border-box; color:#fff;}

.footer-info-box {padding:20px 0; color:#fff;}
.footer-info-box::after {content:""; display:block; clear:both;}
.footer-info-box .copy {margin-top:15px; color:#999;}

.footer-info-txt {line-height:1.8; color:#fff;}

.footer-info {float:left; font-size:14px;}
.top-btn {width:50px; height:60px; margin-top:20px; float:right; cursor:pointer;}


/* 배너존 */
.T2_Abanner{width:100%; position:relative; border-top:1px solid #e1e1e1; background:#fff;}
.T2_Abanner .bnZone {height:70px; }
.T2_Abanner .bnZone .inner {position:relative; width:1200px; height:100%; overflow:hidden; margin:0 auto; }
.T2_Abanner .bnZone h2 {position:absolute; left:-1000em; top:-1000em; }
.T2_Abanner .bnZone .control {position:absolute; left:0; top:14px; }
.T2_Abanner .bnZone .control a {display:block; width:40px; height:40px; float:left; text-indent:-10000em; margin:0 2px; }
.T2_Abanner .bnZone .control a.prev {background:url('/images/btn_b_prev.png') no-repeat; }
.T2_Abanner .bnZone .control a.next {background:url('/images/btn_b_next.png') no-repeat; }
.T2_Abanner .bnZone .control a.stop {background:url('/images/btn_b_stop.png') no-repeat; }
.T2_Abanner .bnZone .control a.play {background:url('/images/btn_b_play.png') no-repeat; }
.T2_Abanner .bnZone .control a.list {background:url('/images/btn_b_list.png') no-repeat; }
.T2_Abanner .bnZone .obj {height:50px; margin:10px 0px 14px 190px; overflow:hidden; }
.T2_Abanner .bnZone .obj li { width:20%; height:50px; text-align:center; float:left; }
.T2_Abanner .bnZone .obj li a{display:block; margin:0 5px; /*border:1px solid #ccc;*/}
.T2_Abanner .bnZone .obj li img {width:auto; height:50px; }