@charset "utf-8";

.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:#2D7CC7; 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; background:transparent; border:0; }
#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;}
}

.mark_history { position:absolute; float:right; right:18px; top:18px; 
									padding:10px; 
									font-size:1.6rem; color:#fff; 
									border-radius: 3px; 
									background:  radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
																radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%); 
									box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
								}
								
.mark_history em:first-child { display:inline-block; position:absolute; width:3px; height:100%; left:3px; top:0;  }
.mark_history em:last-child { display:inline-block; position:absolute; width:3px; height:100%; right:3px; top:0;  }
.mark_history em:before { content:""; display:inline-block; position:absolute; top:3px; left:0; width:3px; height:3px; border-radius:3px; background:  radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
																radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%); }
.mark_history em:after { content:""; display:inline-block; position:absolute; bottom:3px; left:0; width:3px; height:3px; border-radius:3px;  background:  radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
																radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%); }
								
/*-------------- header -------------*/
.header {position:fixed; top:0; width:100%; background: #141414; z-index:110;}
.header .header_inner { display:flex; max-width:1700px; margin:0 auto; padding:2.2rem;}
.header .gnb {display:flex; justify-content:center; align-items:center; width:calc(100% - 180px - 180px);}
.header .gnb li {}
.header .gnb li a {display:inline-block; padding:0 2rem; font-size:1.6rem; color:#FFF;}
.header .h_number { position:absolute; display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; padding:0 3rem; right:0; top:0; font-size:1.8rem; color:#FFF; background: #2D7CC7; color:#fff;}
.header .h_number a {line-height:1.3; color:#fff;}
.header .h_number em {display:block; font-size:2.2rem; font-weight:700;}

.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:12px; text-align:center; line-height:48px; cursor:pointer; transition:all 0.3s; z-index:10; }
.f_top.active { opacity:1; }
footer {  margin:0 auto; background:#222; color:#AAA; }
footer a {color:#AAA;}

footer .footer-wrap { padding:0 20px; font-size:15px; }
footer .footer-wrap .inner { max-width:1400px; margin:auto; }
footer .foot-section {}
footer .foot-section span {display:inline-block; position:relative;}
footer .foot-section a {}
footer .foot-section span:after,
footer .foot-section .terms a:after { content:''; display:inline-block; vertical-align:super; margin:0 5px; padding:0;  width:2px; height:2px; background:#258EA5; }
footer .foot-section .no_a::after {display:none !important;}
footer .foot-section a > svg { margin-right: 5px;  vertical-align: sub;}
footer .footer-top { display:flex; align-items:center; justify-content:space-between; padding:40px 0; border-bottom:1px solid#AAA; }
footer .footer-top span:after { padding:0px; }
footer .footer-bottom { padding:40px 0;}
footer .footer-bottom span { display:inline-block; margin:0 0px 5px 0; }
footer .footer-bottom .copyright { margin-top:10px; font-size:15px; color:#DDD; }

/*-------------- side -------------*/
.side {position:fixed; right:0; top:20rem; width:7.2rem; height:28.8rem; z-index:1; border-radius: 25px 0px 0px 25px; background: #333333; z-index:100; transition:.4s;}
.side:hover {background:#222;}
.side .mo_view {display:none;}
.side li {height:100%;}
.side li a {height:100%; display:flex;  flex-direction:column; color:#FFF;}
.side li a > span {display:flex; flex:1; align-items:center; justify-content:center;}
.side li a > span.side01 {font-size:1.1rem; font-weight:500;}
.side li a > span.side02 {font-size:1.7rem; writing-mode: vertical-lr; font-weight:600; }
.side li a > span.side03 {background:url(/tf/img/side_btn.png)no-repeat center center; background-size:25px;}

.f_follow {display:none;}

/* 페이징 */
.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;}