@charset "utf-8";



#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center; z-index:11111;}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover,
#skip li a:focus,
#skip li a:active {background:#363636;position:absolute;top:0px;left:0;z-index:5000;color:#fff;width:100%;height:25px;padding:5px 0 0 0;}





/* 전체레이아웃 설정값 */
#wrap{min-width:1400px; position: relative;}
.ly_center{ width:1400px; margin:0 auto; position:relative;} /* 모바일일떄 100% 센터정렬*/
.ly_center_m{ width:1400px; margin:0px auto; position:relative;}/* 모바일일떄 마진이 들어간 센터정렬*/
.ly_w100{position:relative;}


#main_container { overflow:hidden;position:relative; }
#main_container *{ box-sizing: border-box;}

#container{ overflow:hidden; background:url("/images/point/inc/container_bg01.jpg") center top repeat-x; min-height: 700px; vertical-align: top; position: relative;}
#container *{box-sizing: border-box;}

#content_guide01{position:relative; vertical-align: top; margin: 0 auto; width: 1260px;}
#content_guide02{font-family:"SBAggroL", sans-serif; word-break: keep-all;}
#content{ min-height:700px; font-size:17px; padding-bottom: 150px;}

@media all and (max-width :1700px) {
#content_guide01{width: 1200px;}
}

@media all and (max-width :1600px) {
#content_guide01{width: 1100px;}
}

@media all and (max-width :1420px) {
#wrap{min-width:360px;}
.ly_center{ width:100%;}
.ly_center_m{ width:90%; margin:0 5%;}
.ly_w100{width:100%;}

#content_guide01{width:100%; padding: 0 5%;}
}

@media all and (max-width :768px) {
#content{ min-height:500px; font-size:15px; padding-bottom: 50px;}
}









/* 히스토리 */
.history{overflow:hidden; text-align: right; margin: 0 5%;font-family:"SBAggroL", sans-serif;}
.history ul{display: inline-block; margin-top: 20px;}
.history li{ display:inline-block; background:url("/images/point/inc/icon02.png") right 6px no-repeat; padding-right:20px; font-size:14px; line-height:30px; vertical-align:middle; padding-left: 3px;}
.history li:first-child{ background:none; padding: 0;}
.history li:last-child{ background:none; padding: 0 0 0 3px;}
.history .hpoint{color:#00b16d;}	


/* 서브타이틀 */
.title_guide{ margin: 20px 0 30px 0;}
.title_guide h3{font-size:28px; text-align: center; word-break:keep-all;font-family:"SBAggroM", sans-serif;}


@media all and (max-width :1024px) {
.title_guide{ margin: 10px 0 20px 0;}
.title_guide h3{font-size:24px;}
}


@media all and (max-width :768px) {
.history ul{ margin-top: 10px;}
.history li{ padding-right:10px; font-size:12px; line-height:20px;background-size: 4px;}
.title_guide{ margin: 10px 0;}
.title_guide h3{font-size:18px;}
}



/* 푸터레이아웃 */

footer{ position: relative; font-size: 0;}
.copyright { padding:40px 5% 60px 5%; background: #f1f1f1;}

.copyright h1 { display: inline-block; vertical-align: top; margin-right: 20px; margin-bottom: 10px;}
.copyright address { font-size:13px; font-style: normal; text-align: left; display: inline-block; margin-bottom: 10px;}

.copyright .ftxt { display: inline-block; float: right;}
.copyright .ftxt li{ display:inline-block;}
.copyright .ftxt li a{ font-size:14px; background: url("/images/point/inc/icon_check01.png") left center no-repeat; padding-left: 20px; margin: 0 10px;}

/* 맨위로버튼 */
.first_top_go {  position: absolute; right:2%; z-index:9; top:10px; opacity:0.5;}


@media all and (max-width :768px) {
.copyright { padding:20px 5% 40px 5%;}
.copyright h1 { text-align: center; display: block; margin-right: 0;}
.copyright h1 img{ width: 100px;}
.copyright address { font-size:12px; }
.copyright .ftxt { float:inherit; display: block;}
.copyright .ftxt li a{ font-size:12px;}
}




/* 사이트맵*/
.sitemap_guide{ width:100%;}
.sitemap_guide > ul{ font-size:0;}
.sitemap_guide > ul > li{ display:inline-block; width:20%; vertical-align:top; padding:0 10px; margin-bottom: 40px;}
.sitemap_guide > ul > li > a{ background:#00b16d url(/images/point/inc/sub_menu_bg01.png) left bottom no-repeat;  padding:15px 0; border-radius:20px 0; color:#fff; font-size:17px; display: block; text-align: center;box-shadow: 0 5px 5px #eee; overflow: hidden; height: 50px;}
.sitemap_guide > ul > li > a:hover,
.sitemap_guide > ul > li > a:focus{background-color:#ffce22; font-size: 20px;}

.sitemap_guide > ul > li > ul{ margin-top:10px;}
.sitemap_guide > ul > li > ul > li{ border-bottom:1px solid #eee;}
.sitemap_guide > ul > li > ul > li > a{ background:url(/images/point/inc/point02.png) 15px center no-repeat; font-size: 16px; display: block; padding: 15px 0 15px 30px }

.sitemap_guide > ul > li > ul > li > a:hover,
.sitemap_guide > ul > li > ul > li > a:focus{ font-size: 18px; color: #00a364;}

@media all and (max-width:1280px){
.sitemap_guide > ul > li{ width:33.33%;}	

.sitemap_guide > ul > li > a{  border-radius:16px 0; padding:12px 0; font-size:15px;height: 40px;}
.sitemap_guide > ul > li > a:hover,
.sitemap_guide > ul > li > a:focus{font-size: 18px;}

.sitemap_guide > ul > li > ul > li > a{ font-size: 14px;padding: 10px 0 10px 30px }
.sitemap_guide > ul > li > ul > li > a:hover,
.sitemap_guide > ul > li > ul > li > a:focus{ font-size: 16px;}
}

@media all and (max-width:768px){
.sitemap_guide > ul > li{ width:50%;}
}

@media all and (max-width:480px){

.sitemap_guide > ul > li{ width:100%; padding:0;margin-bottom: 20px;}	
.sitemap_guide > ul > li > a{ border-radius:12px 0; padding:12px 0; font-size:14px;height: 35px;}
.sitemap_guide > ul > li > a:hover,
.sitemap_guide > ul > li > a:focus{font-size: 16px;}

.sitemap_guide > ul > li > ul > li > a{ font-size: 13px;padding: 7px 0 7px 25px }
.sitemap_guide > ul > li > ul > li > a:hover,
.sitemap_guide > ul > li > ul > li > a:focus{ font-size: 15px;}

}





/*레이어창*/
#layer_popup01{display: none;  position: fixed; z-index: 999999;  width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.layer_guide01{ top:50%;left:50%; transform: translate(-50%, -50%); position: absolute; width: 350px;  border: 1px solid #00b16d; box-shadow: 1px 10px 10px #000; background: #fff; border-radius: 10px; text-align: center; padding-bottom: 25px;}

.layer_guide01  h7{ background: #00b16d; color: #fff; padding:5px 0; display: block;border-radius: 9px 9px 0 0; position: relative;}
.layer_guide01  h7 > strong{font-size: 15px;}
.layer_guide01  h7 > a{ display: inline-block; width: 33px; height: 30px; text-indent: -5000px; background: url("/images/point/board/top_close01.png") center center no-repeat; cursor: pointer; position: absolute; top:0;left:calc(100% - 33px); background-size: 25px;}
.layer_guide01 p{font-size: 15px; padding: 7%; word-break: keep-all;}
.layer_guide01 span{ color:red; font-weight: 500;}
#layer_popup01 .sbtn_style{ min-width:60px;}
@media all and (max-width:480px) {
.layer_guide01{ width: 100%;}
}




/* 메인에 사용되는 레이어 및 팝업창 */
#popup_wrap{ width: 100%; height: 100%; overflow: hidden;position: relative; }
#popup_footer{ padding: 10px;font-size: 13px;}
#popup_footer input{ background: red}
#popup_footer button{  float: right; font-size: 12px; background: #000; color: #fff; padding: 2px 10px;}
#popup_wrap img{ width: 100%;}