/*헤더*/
.sound_only { font-size:0; text-indent:-9999; opacity:0; }
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops img {max-width:100%}

#hd_pop { position:absolute; float:left; box-sizing:border-box; z-index:1000; }
#hd_pop .hd_pops { position:absolute; z-index:1000; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
#hd_pop .hd_pops .hd_pops_con { background:#fff;}
#hd_pop .hd_pops .hd_pops_footer { background:#0d2941; color:#fff; padding:10px 20px; }
#hd_pop .hd_pops .hd_pops_footer a , #hd_pop .hd_pops .hd_pops_footer button { color:#fff; font-size:1.3rem; }
#hd_pop .hd_pops .hd_pops_footer .hd_pops_close  { float:right; right:0; }

@media screen and (max-width: 980px){	
	/* 팝업레이어 */
	#hd_pop  { }
	#hd_pop .hd_pops { position:fixed; width:calc(100% - 20%) !important; height:auto !important; top:70px !Important; left:10% !Important;  }
	#hd_pop .hd_pops .hd_pops_con { position:relative; width:100% !important; height:auto !important; }
	.hd_pops_footer {padding:10px 0;background:#000;color:#fff;}
}

.mshow { display:none; }
#container .header {position:fixed; top:0;justify-content: flex-start; align-items:center; width:100vw; padding:30px 80px; z-index:111; transition:all .4s;
	background: linear-gradient(180deg, rgba(0,0,0,0.5), transparent);
    background-size: 100% 100%;
}
.basic_h1 {}
.renew_h1 {}
.renew_footer {display:none;}

#container .header .header_inner { display:flex; justify-content: space-between; align-items: center; }
#container .header .h_color { display:none; }
#container .header .gnb { display:flex; justify-content: center; width:100%; max-width:1330px; }
#container .header .gnb a { display:inline-block;     padding: 0 25px;font-size:18px; color:#FFF; }
#container .header .gnb a:last-child {  }
#container .header .header-btn {  position: absolute; top: 28px; right: 80px; padding: 0; width: 280px; height: 55px; border: solid 1px #ffd799; background: rgba(0, 0, 0, 0.5); cursor: pointer; }
#container .header .header-btn .tel { display: block; font-size: 18px; line-height: 22px; padding-top:3px;color: #ffd799; text-align: center; }
/*
#container .header .header-btn { display:flex; align-items:center; justify-content:center; width:auto; height:55px; padding:0 20px; font-size:16px; border:1px solid#FFF; border-radius:50px; color:#FFF; min-width:250px; }
#container .header .header-btn .tel { font-size:0.9rem; margin-right:5px; padding-right:5px; }
*/

#container .header .header-btn a {  }
#container .header.hv { background:#FFF; }
#container .header.hv a { color:#000;}
#container .header.hv .h_white { display:none; }
#container .header.hv .h_color{ display:block; }
#container .header.hv .header-btn { background:rgba(245, 234, 218, 0.5); border: solid 1px #e0c27a;   }
#container .header.hv .header-btn a {}
#container .header.hv .header-btn .tel { color:#000; }
#container .header.hv .hamburger_wrap .hamburger .line {background-color: #222;;}

#container .header.sb { background:#FFF; }
#container .header.sb a {color:#000 !important;}
#container .header.sb .h_white { display:none; }
#container .header.sb .h_color{ display:inline-block; }
#container .header.sb .header-btn {  position: absolute; top: 28px; right: 80px; padding: 0; width: 280px; height: 55px; border: solid 1px #ffd799; background: rgba(245, 234, 218, 0.5); cursor: pointer; }
#container .header.sb .header-btn a {}
#container .header.sb .header-btn .tel { color:#000; }
#container .header.sb .hamburger_wrap .hamburger .line {background-color: #222;}

#container .header.sb a.on {color:#b59a59 !important; font-weight:600; }
#container .header .gnb a.on { color:#e0c27a !important; font-weight:600; }
#container .header.hv a.on { color:#b59a59 !important; font-weight:600; }

/*햄버거메뉴*/
.hamburger_wrap { display:none; z-index:9999;}
.hamburger{ position: fixed; right:15px; top:18px; width: 30px; height: 30px; margin-left:10px; box-sizing: border-box; transition: all 0.3s ease-in-out; z-index:9999; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.hamburger .line{ display: block; width: 23px; height: 2px; background-color: #FFF; margin: 6px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.hamburger:hover{cursor: pointer;}
.hamburger.is-active .line { height: 2px;  background-color: #222; }
.hamburger.is-active .line:nth-child(2) { opacity: 0; }
.hamburger.is-active .line:nth-child(1) { -webkit-transform: translateY(13px) rotate(45deg); -ms-transform: translateY(12px) rotate(45deg);  -o-transform: translateY(12px) rotate(45deg); transform: translateY(7px) rotate(45deg); } 
.hamburger.is-active .line:nth-child(3) { -webkit-transform: translateY(-9px) rotate(-45deg); -ms-transform: translateY(-9px) rotate(-45deg);   -o-transform: translateY(-9px) rotate(-45deg); transform: translateY(-9px) rotate(-45deg); }
.hamburger.hov .line { background-color: #222; }

/*사이드메뉴*/
#container.view {height:100vh; }
#container.view .header {z-index: 11111;}
#container.view .header .h_white { /* display:none; */}
#container.view .header .h_color { /* display:block; display:inline-block; */ }
.side_menu { display:none; position:fixed; left:100%; top:0; width:50vw; height:100vh;  transition:all .5s; background:#FFF; z-index:99; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;}
.side_menu.close {  display:block; animation: close 0.3s linear both; z-index:11;}
.side_menu.view {  display:block; z-index:111; overflow:hidden; animation: open 0.3s linear both; }
@keyframes open {
	0% { left:100%; opacity:0; }
	50% { left:80%; }
	100% { left:50%; opacity:1; }
}
@keyframes close {
	0% { left:50%; opacity:1; }
	50% { left:80%; }
	100% { left:100%; opacity:0; }
}
.side_menu .side_nav { margin:70px 0; padding:30px 20px; text-align:left; border-top:1px solid#EEE; }
.side_menu .side_nav li {margin-bottom:25px;}
.side_menu .side_nav li a { display:inline-block;  font-size:1rem; font-weight: 500; transform: rotate(0.1deg); }



/*푸터*/
.f_top { opacity:0; position:fixed; width:50px; height:50px;  float:right; right:10px; bottom:10px; background: #194C58; background-image: linear-gradient(45deg, #130E0F,#258EA5); color:#fff; font-weight:500; font-size:0.8rem; text-align:center; line-height:48px; cursor:pointer; transition:all 0.3s; z-index:10; }
.f_top.active { opacity:1; }
#container footer {  margin:0 auto; background:#222; color:#AAA; }
#container footer .footer-wrap { padding:0 20px; font-size:15px; }
#container footer .footer-wrap .inner { max-width:1400px; margin:auto; }
#container footer .foot-section {}
#container footer .foot-section span {display:inline-block; position:relative;}
#container footer .foot-section a {}
#container footer .foot-section span:after,
#container footer .foot-section .terms a:after { content:''; display:inline-block; vertical-align:super; margin:0 5px; padding:0;  width:2px; height:2px; background:#258EA5; }
#container footer .foot-section .no_a:after {display:none !important;}
#container footer .foot-section a > svg { margin-right: 5px;  vertical-align: sub;}
#container footer .footer-top { display:flex; align-items:center; justify-content:space-between; padding:40px 0; border-bottom:1px solid#AAA; }
#container footer .footer-top span:after { padding:0px; }
#container footer .footer-bottom { padding:40px 0;}
#container footer .footer-bottom span { display:inline-block; margin:0 0px 5px 0; }
#container footer .footer-bottom .copyright { margin-top:10px; font-size:15px; color:#DDD; }

/*푸터 팝업*/
.popup {position:relative;}
.popup .popup_head { padding:13px 20px; background: #194C58;}
.popup .popup_head svg { width:130px; }
.popup .popup_text {padding:20px 20px; border:1px solid #ddd; margin:30px 20px;  font-size:1rem; line-height:1.6; }
.popup strong {display:block; margin-bottom:20px; font-size:1.2rem;}





/*페이징*/
.board_page {
    display: block;
    padding: 70px 0 0px 0;
    text-align: center;
	font-size:16px;
}
.board_page ul {
    display: inline;
}
.board_page ul li {
    display: inline-block;
}
.board_page a {
    display: inline-block;
    margin: 0 1px;
    width: 40px;
    height: 40px;
    border: 1px solid #e2e2e2;
    color: #7c7c7c;
    vertical-align: top;
    line-height: 40px;
}
.board_page > a {
    background: url(/wl/img/ico_board_page.png) no-repeat;
    font-size: 0;
    line-height: 0;
}
.board_page > a.all_prev {
    background-position: center 0px;
}
.board_page > a.prev {
    background-position: center -50px;
}
.board_page > a.next {
    background-position: center -100px;
}
.board_page > a.all_next
 {
    background-position: center -150px;
}
.board_page a.pg_start {
	font-size: 0;
	background: url(/wl/img/ico_board_page.png) no-repeat;
    background-position: center 0px;
}
.board_page a.pg_prev {
	font-size: 0;
	background: url(/wl/img/ico_board_page.png) no-repeat;
    background-position: center -50px;
}

.board_page a.pg_next {
	font-size: 0;
	background: url(/wl/img/ico_board_page.png) no-repeat;
    background-position: center -100px;
}

.board_page a.pg_end {
	font-size: 0;
	background: url(/wl/img/ico_board_page.png) no-repeat;
    background-position: center -150px;
}


.sound_only {
    font-size: 0;
    text-indent: -999;
    opacity: 0;
}
.board_page a.on, .board_page .pg_current {
    display: inline-block;
    margin: 0 1px;
    width: 40px;
    height: 40px;
    color: #fff;
    
	background-image:  linear-gradient(to right, #130E0F,#258EA5); background-origin: border-box; background-clip: content-box, border-box; 
	border: 1px solid #258EA5;
    vertical-align: top;
    line-height: 40px;
    
}



/*뒤로가기*/
.sub_wrap .go_list em::before {content: ""; display: inline-block; position: absolute; float: left;left: 0;margin-top:15px; width: 25px;height: 5px; background: #222; border-radius: 8px;}
.sub_wrap .go_list em::after { content: ""; display: inline-block;position: absolute; float: left;left: 0;margin-top:5px;width: 25px; height: 5px;background: #222;border-radius: 8px;}