@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Roboto&display=swap');
body {margin:0;}
.ov { position: fixed; height: 100%; overflow: hidden; }
.ov_position_relative { height: 100%; overflow: hidden; }
.fl { float: left; }
.fr { float: right !important; }
.red { color: #d9422c !important; }
.ac { text-align: center !important; }
.ar { text-align: right !important; }
.al { text-align: left !important; }
.clearfix:after { display: block; content: ''; clear: both; }
/* 하단고정버튼 */
.fix_f.fix_open { height: auto; }
.fix_f select { margin: 20px 5%; width: 90%; color: #969696; font-size: 14px; padding-left: 10px; box-sizing: border-box; height: 40px; line-height: 40px; background: #fff url(../image/sub/join_sel.png) no-repeat 95% center; -webkit-background-size: 20px auto; background-size: 20px auto; }
.fix_f .close { display: none; position: absolute; top: -30px; left: 50%; width: 75px; height: 30px; margin-left: -37.5px; z-index: 9998; }
.fix_f .close img { width: 100%; }
.fix_f.fix_open .close { display: block; }
.fix_f { position: fixed; bottom: 0; left: 0; right: 0; height: 70px; /*background: #1B232E;*/ background:#D9422C; z-index: 99; border-top:1px solid #d9d9d9;}
.fix_f li { float: left; width: 25%; text-align: center; position: relative; padding-top: 15px; }
.fix_f .li03:after { width: 0; }
.fix_f li:after { position: absolute; top: 50%; margin-top: -5px; right: 0; content: ''; width: 1px; height: 10px; background: #fff; }
.fix_f .li01 a { background-image: url(/image/common/li01.png) }
.fix_f .li02 a { background-image: url(/image/common/li02.png) }
.fix_f .li03 a { background-image: url(/image/common/li03.png) }
.fix_f .li04 a { background-image: url(/image/common/li04.png) }
.fix_f .li05 a { background-image: url(/image/common/li05.png) }
.fix_f li a { color: #FFF; display: block; padding-top: 25px; -webkit-background-size: 22px auto; background-size: 22px auto; background-repeat: no-repeat; background-position: center 0; font-size: 12px; }

/* gnb 햄버거 버튼 */
.btnGnb { height: 27px; position: relative; width: 20px; top: 15px; cursor:pointer;}
.btnGnb span { height: 3px; background: #757575; display: block; position: absolute; top: 50%; margin-left: -2px; left: 0; right: 0; }
.btnGnb span:before { content: ''; position: absolute; left: 0; right: 0; height: 3px; background: #757575; top: -8px; }
.btnGnb span:after { content: ''; position: absolute; left: 0; right: 0; height: 3px; background: #757575; bottom: -8px; }
/* 헤더 로고 */
#logo { position: absolute; top: 10px; left: 50%; margin-left: -55px; width: 110px; }
/* 헤더 지점안내 */
.spot a { position: absolute; top: 10px; right: 0; color: #d9422c; background: url(/image/common/spot.png) no-repeat center 0; -webkit-background-size: 20px auto; background-size: 20px auto; padding-top: 24px; font-weight: 600; font-size: 12px; letter-spacing: -1px;}
/* gnb 오픈 바탕 */
.blind { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 999; }
/* gnb */
#gnb_wrap { position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 999; }
#gnb_wrap .head { height: 60px; background: #D9422C; width: 100%; z-index: 1000; position: relative; }
#gnb_wrap .head li { float: left; width: 50%; }
#gnb_wrap .head a { color: #fff; display: block; font-size: 13px; border-right: 1px solid #fff; line-height: 60px; text-align: center; }
#gnb_wrap .head .li01 a { background: url(/image/common/login.jpg) no-repeat 35% center; padding-left: 40px; -webkit-background-size: 30px auto; background-size: 30px auto; }
#gnb_wrap .head .li02 a { background: url(/image/common/join.jpg) no-repeat 28% center; padding-left: 40px; -webkit-background-size: 30px auto; background-size: 30px auto; }
#gnb_wrap .head .li10 a { background: url(/image/common/logout.jpg) no-repeat 25% center; padding-left: 40px; -webkit-background-size: 30px auto; background-size: 30px auto; }
#gnb_wrap .head .li11 a { background: url(/image/common/mypage.jpg) no-repeat 28% center; padding-left: 40px; -webkit-background-size: 30px auto; background-size: 30px auto; }
#gnb_wrap .close { position: absolute; top: 0; right: 0; width: 15%; background: #D9422C; z-index: 1000; height: 60px; text-align: center; transform: translate(-320px, 0); -webkit-transform: translate(-320px, 0); -moz-transform: translate(-320px, 0); -o-transform: translate(-320px, 0); transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; }
#gnb_wrap.opened .close { transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); ; }
#gnb_wrap .close img { width: 50%; position: absolute; top: 50%; left: 50%; margin-left: -25%; margin-top: -25%; }
.gnbBox { width: 85%; height: 100%; background: #fff; z-index: 1000; position: relative; transform: translate(-320px, 0); -webkit-transform: translate(-320px, 0); -moz-transform: translate(-320px, 0); -o-transform: translate(-320px, 0); transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; }
.opened .gnbBox { transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); ; }
.gnb_scroll { overflow-y: auto; position: absolute; top: 0; bottom: 0; right: 0; left: 0; padding-top: 60px; }
.gsu { display: table; width: 100%; }
.gsu li { background: #EFF0F3; height: 45px; vertical-align: middle; display: table-cell; width: 25%; text-align: left; padding-left: 2px; position: relative; }
.gsu li:after { position: absolute; top: 0; bottom: 0; right: 0; width: 1px; background: #fff; content: ''; }
.gsu li:last-child:after { width: 0; }
.gsu li a { color: #363636; line-height: 1.3; display: block; text-align: left; padding: 0 5px; font-size: 13px; }
.gsub { display: table; width: 100%; }
.gsub li { background: #EFF0F3; height: 40px; vertical-align: middle; display: table-cell; width: 25%; text-align: left; padding-left: 2px; position: relative; }
.gsub li:after { position: absolute; top: 0; bottom: 0; right: 0; width: 1px; background: #fff; content: ''; }
.gsub li:last-child:after { width: 0; }
.gsub li a { color: #363636; line-height: 1.3; display: block; text-align: left; padding: 0 5px; font-size: 10.5px; }
.gsub:after { display: block; content: ''; clear: both; }
.gsub02 li { width: 50%; }
.gsub03 li { width: 33.333333%; }
.gsub05 li { width: 20%; }
.gnb .tit {font-size: 14px;
    font-weight: 600; line-height: 2; margin-top: 10px; margin-bottom: 10px; padding-left: 10px; }
.depth02 { border-bottom: 1px solid #CFCFCF; }
.depth02 > a { font-size: 14px; font-weight: 600; line-height: 2.5; height: 46px; line-height: 46px; padding-left: 10px; display: block; position: relative; }
.depth02 > a:after { position: absolute; content: ''; width: 15px; height: 15px; background: url(/image/common/arws.png) 0 -42px; top: 15px; right: 10px; -webkit-background-size: cover; background-size: cover; }
.depth02.on > a:after { background-position: 0 -20px; }
.depth02 .gsub { display: table; opacity: 0; transition: .3s ease; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; height: 0 !important; overflow: hidden; }
.depth02 .gsub.active { opacity: 1; height: auto !important; }
.depth02 { height: 46px; overflow: hidden; transition: .3s ease; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; }
.depth02.on { height: auto; }
.bdb { border-bottom: 1px solid #fff; }
.ngsub { border-bottom: 1px solid #CFCFCF; }
.ngsub > a { font-size: 14px; font-weight: 600; line-height: 2; padding-left: 10px; height: 46px; line-height: 46px; display: block; position: relative; }
.ngsub > a:after { position: absolute; content: ''; background: url(/image/common/arws.png) 0 0; top: 15px; right: 10px; width: 15px; height: 15px; -webkit-background-size: cover; background-size: cover; }
.pop a img { vertical-align: top; width: 100%; }
.pop a { display: block; }
.m_link li { float: left; width: 20%; background: #D9422C; }
.m_link a { border-right: 1px solid #fff; display: block; text-align: center; padding: 14px 0; }
.m_link li:last-child a { border-right: 0; }
.m_link img { width: 35px; vertical-align: middle; }
/* 처음 레이어팝업 */
.layer_popup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.8); z-index: 999999 }
.layer_popup_inner { position: absolute; top: 20%; right: 10%; left: 10%; }
.layer_popup a { display: block; }
.layer_popup img { width: 100%; vertical-align: top; }


.today_hide input[type="checkbox"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; display:none; background: url(/image/common/today_chk.jpg) no-repeat 0 -18px; background-size: 18px 36px; border-radius: 0; border: 0; outline: 0; margin-right: 5px; vertical-align: middle; width: 18px; height: 18px; }
.today_hide input[type="checkbox"]:checked { background-position: 0 0; }

.pop_btn_box {background:#171B24;}
.today_hide { display:inline-block; width:48%; height:40px; line-height:40px; font-size:13px; box-sizing:border-box; text-align: center; color:#fff;}
.layer_popup .close { text-align: center; display: inline-block; width:48%; height: 40px; line-height: 40px; font-size: 13px; color:#fff;}


#footer { font-size: 12px; letter-spacing: -1px; }
#footer .ac { color: #909090; line-height: 1.3; }
#footer .copy { color: #919191; margin-top: 8px; }
#footer .a_wrap { border-top: 1px solid #D8D8D8; margin-top: 15px; padding-top: 15px; }
#footer .a_wrap a { padding: 0 10px; font-size: 12px; line-height: 1.5; }
img { max-width: 100%; }
img.bl { display: block; }
img.mid { vertical-align: middle; }
.show-default { display: block; }
.hide-default { display: none; }
html.no-scroll,
.no-scroll body { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; }
/* attribute */
.plain { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: transparent; padding: 0; border-radius: 0; border: 0; }
/* footer */


/* form */
select { height: 36px; border: 1px solid #ccc; border-radius: 0; }

/* 공통 */
.no-ie select,
input[type="text"],
input[type="password"],
input[type="button"] button { appearance: none; -webkit-appearance: none; -moz-appearance: none; }



/* 모바일 가로 이하 */
@media all and (max-width:567px) {

}
/* 모바일 최소 */
@media all and (max-width:479px) {

}
 @media all and (max-width:414px) {
	#gnb_wrap .head .li01 a { background-position: 34% center; }
	#gnb_wrap .head .li02 a { background-position: 29% center; }
}
 @media all and (max-width:380px) {
	.gsu li a { font-size: 11px; }
}
@media all and (max-width:375px) {
	#gnb_wrap .head .li01 a { background-position: 32% center; }
	#gnb_wrap .head .li02 a { background-position: 27% center; }
}
@media all and (max-width:335px) {
	#gnb_wrap .head .li01 a { background-position: 30% center; }
	#gnb_wrap .head .li02 a { background-position: 25% center; }
}

/* 공통 : select */
/* .no-ie select {background:url("../m/image/common/cm_select.png") no-repeat right center; background-size:auto 100%; padding-left:5px; padding-right:24px;}
.no-ie #lang {background:#284152 url("../m/image/common/lang_sel.png") no-repeat right center;}
.no-ie #fsite {background:#8e8e8e url("../m/image/common/site_sel.png") no-repeat right center;}
#fsite {padding-left:10px;} */

.sub_Title {margin-top:20px; padding-bottom:3px; color:#d9422c; border-bottom:1px solid #d9422c;font-size:15px;}
.mapButton {padding:3px 3px;cursor:pointer;border-radius: 2px 2px 2px 2px;border:1px solid gray;}

/* 타블렛 세로(768) 기준. inner : 90.625%; */
@media all and (min-width:767px) {
	.layer_popup { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.8); z-index: 999999 }
	.layer_popup_inner { position: absolute; top: 1%; right: 10%; left: 10%; }


}