@charset "UTF-8";

.hide_txt{text-indent: -9999px; font-size: 0;}
.clearfix:after{display:block; clear:both; content:'';}
.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.rel{position:relative;}
.ib{display:inline-block;}
.dt{display:table;}
.tc{display:table-cell; vertical-align:middle;}
.f_left{float:left;}
.f_right{float:right;}
.dis_flex {display: flex; flex-wrap: wrap;}
.jcsb {justify-content: space-between;}
.aic {align-items: center;}
.wbka{word-break:keep-all;}
.white{color:#fff;}
.black{color: #000;}
.gray{color: #c2c2c2;}
.bg_white{background-color: #fff;}
.bg_gray{background-color: #fcfcfc;}
.vat{vertical-align:top;}
.hid{display:none !important;}

.fw200{font-weight:200;}
.fw300{font-weight:300;}
.fw400{font-weight:400;}
.fw500{font-weight:500;}
.fw600{font-weight:600;}
.fw700{font-weight:700;}
.fw800{font-weight:800;}

.fs12{font-size: 12px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs24{font-size: 24px;}
.fs28{font-size: 28px;}

.pt60{padding-top: 60px;}
.pt100{padding-top: 100px;}

.pb60{padding-bottom: 60px;}
.pb180{padding-bottom: 180px;}

.dot {
    position: relative;
    padding-left: 20px;
}
.dot::before {
    position: absolute;
    top: 0;
    left: 0;
}
.dot.circle::before {content: '◎';}
.dot.ball::before {content: '※';}
.dot.hyp::before {content: '-'; left: 10px;}



/* 페이징 */
.paging {text-align: center; font-size: 0; padding-top: 50px; padding-bottom: 0px;}
.paging a {display: inline-block; margin-right: 9px; width: 32px; height: 32px; vertical-align: middle; text-align: center; }
.paging span {display: inline-block;}
.paging span a {line-height: 32px; font-size: 16px; font-weight: 600; color: #000; letter-spacing: -0.075em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.paging span a.on {color: #71d1e7;}
.paging span a.on:after{content:''; width: 12px; height: 2px; background-color: #71d1e7; display: block; margin: -6px auto 0; }


/* 헤더 */
header {position: fixed; top: 0; left: 0; z-index: 10; width: 100%; background: rgba(0, 0, 0, .4); transition: all .3s;}
header .h_inner {display: flex; width: 100%; max-width: 1716px; min-width: 1280px; height: 80px; padding: 0 10px 0 29px; margin: 0 auto; justify-content: space-between; box-sizing: border-box;}
header .logo_wrap {display: flex; padding-left: 19px; align-items: center;}
header .menu_wrap {display: flex; align-items: center;}
header .menu_wrap li ~ li {margin-left: 6px;}
header .menu_wrap li a {display: block; font-family: 'Cafe24Ssurround', sans-serif; color: rgba(255, 255, 255, .7); font-size: 19px; border-radius: 17px; background: transparent; padding: 8px 18px 6px; transform: skew(1deg); transition: all .3s;}
header .menu_wrap li a:hover {color: rgba(255, 255, 255, 1); transition: all .3s;}
header .menu_wrap li.on a {background: #e83828; color: rgba(255, 255, 255, 1); transition: all .3s;}

/* 푸터 */
footer {background: #1b1b1b; padding: 57px 0 120px;}
footer .f_inner {display: flex; width: 100%; min-width: 1280px; padding: 0 160px; margin: 0 auto; justify-content: space-between; box-sizing: border-box;}
footer p {color: #999; font-size: 16px; line-height: 25px;}
footer .footer_logo {display: flex; align-items: center;}
footer .footer_logo .logo_wrap {width: 241px;}
footer .footer_logo .footer_btn {display: block; width: 120px; height: 32px; color: #fff; font-size: 14px; line-height: 28px; text-align: center; border: 1px solid #fff; margin-left: 40px; box-sizing: border-box;}
footer .footer_logo .family_site {position: relative; margin-left: 30px;}
footer .footer_logo .family_site .footer_btn {position: relative; text-align: left; padding-left: 10px; margin-left: 0;}
footer .footer_logo .family_site .footer_btn::after {content: ''; position: absolute; top: 12px; right: 10px; width: 8px; height: 7px; background: url(../images/family_arrow.png) center center no-repeat; background-size: 100% auto;}
footer .footer_logo .family_site .footer_btn.on::after {top: 10px; transform: scaleY(-1);}
footer .footer_logo .family_site ul {position: absolute; display: none; bottom: 38px; left: 50%; width: 102%; z-index: 6; padding: 5px 0 5px 5px; background: #fff; transform: translateX(-50%); box-sizing: border-box;}
footer .footer_logo .family_site ul li {width: 100%; height: 25px; font-size: 11px; font-weight: 600; line-height: 25px; letter-spacing: -0.03em; box-sizing: border-box;}
footer .footer_logo .family_site ul li a {color: #bd191f;}
footer .footer_add {margin-top: 28px;}
footer .footer_add a {color: #999;}
footer .right_con {text-align: right;}
footer .right_con .call a {color: #fff; font-size: 35px;}
footer .footer_info_wrap {margin-top: 54px;}
footer .footer_info_wrap .info a {position: relative; color: #999; font-size: 16px;}
footer .footer_info_wrap .info a ~ a {margin-left: 10px;}
footer .footer_info_wrap .info a::after {content: ''; position: absolute; top: 56%; left: -7px; width: 1px; height: 16px; background: #404040; transform: translateY(-50%);}
footer .footer_info_wrap .info a:first-child:after {display: none;}
footer .footer_info_wrap .copyright {margin-top: 5px;}
footer .sns {width: 54px; margin-left: 20px; padding-bottom: 5px;}

@media screen and (max-width:1280px) {
	
}