@charset "UTF-8";
@import url('font.css');
@import url('sub.css');

html {margin:0;padding:0; font-size:100%; font-family:"NanumSquare02", '맑은 고딕',Malgun Gothic,'돋움',Dotum,AppleGothic,sans-serif; color:#fff;}
body {margin:0; padding:0; line-height:1.5;color:#292a37;letter-spacing:0;-webkit-text-size-adjust:none; word-break:break-all;}
html, body {position: relative; width:100%; height: 100%; min-height:100vh; box-sizing:border-box;}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal}
img {border:0;vertical-align:top;}
ul,ol,dl,dt,dd,li {list-style:none;}
table, th, td {border-collapse:collapse;border-spacing:0;font-weight: normal;}
caption {display:block;text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0;}
fieldset, blockquote, iframe, button {border:none;}
i, em, u, cite {font-style:normal;}
strong,em, b {font-weight:normal;}
a {color:#292a37;text-decoration:none;}
input {}
input[type="password"] {font-family:"NanumSquare02", '맑은 고딕',Malgun Gothic,'돋움',Dotum,AppleGothic,sans-serif;}
button {background:transparent;cursor:pointer;vertical-align:middle;margin:0;}
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer;-webkit-appearance:none;}
section, nav, article, aside, header, footer, main {display:block;}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button {display:none;}
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="password"]{-webkit-appearance:none;}
input[placeholder] {color:#606164; font-size:1.5rem;}
/*::-webkit-input-placeholder {color: #d4d4d7 !important; }
::-moz-placeholder {color: #d4d4d7 !important}
:-ms-input-placeholder {color: #d4d4d7 !important;}
:-moz-placeholder {color: #d4d4d7 !important;}
::-ms-clear,
::-ms-reveal {display: none;}*/
select, textarea, button { -webkit-appearance: none;border-radius: 0 }
input[type="text"],input[type="search"],input[type="date"] {-webkit-appearance: none;}
.skip {position:fixed;top:0;left:0;width:100%;z-index:500;}
.skip a{display:block;width:0;height:0;font-size:0;}
.skip a:hover, .skip a:focus,.skip a:active {display:block;padding:9px 0;height:16px;width:100%;text-align:center;font-size:14px;color:#fff;background:#282a37;}
.screen_out{ overflow: hidden;position: absolute;top: -9999px; left: -9999px;width: 1px;height: 1px;font-size: 1px;}
.blind{overflow: hidden;position: absolute;top: -9999px; left: -9999px;width: 1px;height: 1px;font-size: 1px;}
.black_dim{width:100%; height:100%; background:rgba(0,0,0,0.4); filter:alpha(opacity=40); background-color:#000; display:none; /*z-index:100;*/ z-index:99; position:fixed; left:0; top:0;  opacity:0.5}
.black_dim.on{display:block; }

/*
@media all and (min-width: 481px) {
    html { font-size: 16px; }
}
@media all and (min-width: 376px) and (max-width: 480px) {
    html { font-size: 16px; }
}

@media all and (min-width: 361px) and (max-width: 375px) {
    html { font-size: 15px; }
}*/

@media all and (max-width: 993px) {
    html { font-size:62.5%;}
}

/* 여백 */
.pbt20 {padding-top: 20px !important}
.pbt25 {padding-top: 25px !important}
.pbt30 {padding-top: 30px !important}
.pbt40 {padding-top: 40px !important}
.pbt55 {padding-top: 55px !important}
.pbt60 {padding-top: 60px !important}

.mgt0 {margin-top: 0px !important}
.mgt30 {margin-top: 30px !important}
.mgt40 {margin-top: 40px !important}
.mgt50 {margin-top: 50px !important}
.mgt46 {margin-top: 46px !important}

/* 정렬 */
.alL {text-align: left !important}
.alC {text-align: center !important}
.alR {text-align: right !important}

.floatL {float: left}
.floatR {float: right}

/* font */
.pointR {color: #e00000}
.pointB {color: #0089ce}
.pointG {color: #005e20}

/* position */
.posR {position: relative}

/*  */
.wrapper{position:relative;}

/* border */
.border_b {border-bottom: 1px solid #dfdfdf}
.main_cont01_ul{
	height: 576px;
	overflow: hidden;
}
/* login-main */
.row-2 {
    padding: 20px 0px 0px 0px;
}
/* clear */
.clear {clear: both}
.clear:after {display: block; content: ""; clear: both}

/* 공통탭 */
.tab_area01{text-align:center}
.tab{display:inline-block; text-align:center; background:#ebebeb; border-radius:90px;}
.tab li{float:left; padding:10px 30px; text-align:center;}
.tab:after{content:""; display:block; clear:both;}
.tab li a{display:block; font-size:16px; color:#777;}
.tab li.on{background:#0089ce; border-radius:90px;}
.tab li.on a{color:#fff;}

@media all and (max-width: 993px) {
	.tab.col2 , .tab.col3{display:block;}
	.tab li a{font-size:1.1rem;}
	.tab.col2 li{width:50%; box-sizing:border-box; padding:10px 5px;}
	.tab.col3 li{width:33.3%; box-sizing:border-box; padding:10px 5px;}
}

.tab02.type02{ text-align:center; }
.tab02.type02:after {content:""; display:block; clear:both}
.tab02.type02 li{float:left;box-sizing: border-box; text-align:center; border:1px solid #ccc; border-bottom:1px solid #222;}
.tab02.type02 li:after{content:""; display:block; clear:both;}
.tab02.type02 li a{display:block; font-size:16px; color:#222; padding:10px 0;}
.tab02.type02 li.on{ border-radius:4px 4px 0 0; border:1px solid #222; border-bottom:1px solid #fff;}
.tab02.type02 li.on a{color:#222;}
.tab02.type02.col2 li{width:50%;}
.tab02.type02.col3 li{width:33.3%;}
.tab02.type02.col4 li{width:25%;}

@media all and (max-width: 993px) {
.tab02.type02 li a{font-size:1.1rem; padding:8px 3px;}
}

.s_tab_catainer > div{display:none;}
.s_tab_catainer > div.on{display:block;}

.tab01_pannel > div,
.tab02_pannel > div{display:none;}
.tab01_pannel > div.on,
.tab02_pannel > div.on{display:block;}


/* 인풋 */
label.label{font-size:16px; color:#222;}
input.input{width:100%; box-sizing: border-box; border:2px solid #ddd; padding:15px 10px; border-radius:5px; margin-top:3px; color:#222; font-size:16px;}
.label_red{font-size:16px; color:#eb0000;}
.disabled{background:#f8f8f8;}
input.input.wd146 {width: 146px}
select.select.wd146 {width: 146px}
div.input {width:100%; min-height: 52px; box-sizing: border-box; border:2px solid #ddd; padding:10px 10px 12px; border-radius:5px; margin-top:3px; color:#222; font-size:16px; }


select.select{-webkit-appearance: none;-moz-appearance: none;appearance: none;width:100%;background:#fff url(../images/btn_select.png) no-repeat right 12px;padding:15px 10px;color:#222;border:2px solid #ddd;border-radius:5px;/* background-position: 105%; */}
select::-ms-expand {display:none}
.check_list{background:#f8f8f8; border:2px solid #dfdfdf; border-radius:5px}
.check_list:after{content:""; display:block; clear:both;}
.check_list li{float:left;  box-sizing: border-box; border-left:2px solid #dfdfdf; width:25%;}
.check_list li:first-child{border-left:none;}
.check_list li label{display: block; position: relative; text-align:center; cursor: pointer; font-size: 16px; padding:12px 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.check_list li label input[type="checkbox"]{position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.check_list li label span{position: absolute; top: 8px; right: 20px; height: 28px; width: 28px; }
.check_list li label input[type="checkbox"]:checked ~ span{background:url(../images/ico_check.png) no-repeat;}

.check_list.col5 li {width: 20%}
.input_check input[type="checkbox"] {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.input_check label {display: inline-block; min-height: 21px; padding-left: 33px; background: url(../images/ico_check2_off.png) 0 0 no-repeat}
.input_check input[type="checkbox"]:checked + label {background-image: url(../images/ico_check2_on.png)}
.check_all label {font-weight: 800}

@media all and (max-width: 993px) {
	label.label{font-size:1.2rem; color:#222;}
	.label_red{font-size:1.2rem;}
	input.input{padding:7px 5px; border:1px solid #ddd;}
	select.select{padding:10px 5px; border:1px solid #ddd; background:#fff url(../images/btn_select.png) no-repeat right 9px; background-size:40px; }
	.check_list{border:1px solid #ddd;}
	.check_list li{width:50%; border-left:1px solid #ddd;}
	.check_list li:nth-of-type(3){border-left:none}
	.check_list li:nth-of-type(1), .check_list li:nth-of-type(2){border-bottom:1px solid #ddd}
	.check_list li label{font-size:1.0rem;}
	.check_list li label span{position: absolute; top: 10px; right: 5px; height: 28px; width: 28px; }
	.check_list li label input[type="checkbox"]:checked ~ span{background:url(../images/ico_check.png) no-repeat; background-size:20px;}
    
    .check_list.col5 li {width: 50%}
    .check_list.col5 li:nth-of-type(5) {width: 100%; border-top:1px solid #ddd;}
    
    
}


/* 라디오버튼 */
label.radio_label{display: inline-block;  position: relative; text-align:center; cursor: pointer; font-size: 16px; padding-left:35px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
label.radio_label input[type="radio"]{position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
label.radio_label .bg{position: absolute; top: 0; left: 10px; height: 20px; width: 20px; background:url(../images/radio_off.png) no-repeat;}
label.radio_label input[type="radio"]:checked ~ .bg{background:url(../images/radio_on.png) no-repeat;}

@media all and (max-width: 993px) {
	label.radio_label .bg{position: absolute; top: 3px; left: 10px; height: 20px; width: 20px; background-size:17px 17px;}
	label.radio_label input[type="checkbox"]:checked ~ .bg{background-size:17px 17px;}
}


/* 버튼  */
.btn{display:inline-block; font-size:18px; border-radius:90px; padding:10px 25px; margin:0 5px; color:#fff; text-align:center;}
.btn.black{background:#000;}
.btn.blue{background:#0089ce;}
.link_file {border-bottom: 1px solid transparent}
.link_file:hover {border-bottom: 1px solid #5f5f5f}
.link_file.type2 {color: #0081c2}
.link_file.type2:hover {border-bottom: 1px solid #0081c2}
.wd45{width:45%; box-sizing:border-box;}
.wd137 {width:137px}
.wd146 {width:146px}
.wd237 {width:237px}
.wd328 {width:328px}

@media all and (max-width: 993px) {
	.btn{font-size:1.1rem; padding:13px 5px;}
    .link_file {font-size:1.1rem;}
    div.input{min-height: 34px; padding:3px 5px 11px; border:1px solid #ddd;}
}


/* 테이블 */
.table_area{border-top:2px solid #222;}
.table_area table{width:100%;}
.table_area table thead tr th{font-size:16px; color:#222; padding:15px 0; text-align:center; border-bottom:1px solid #cfcfcf; font-weight:bold;}
.table_area table tbody tr td{font-size:16px; color:#222; padding:15px 10px; border-bottom:1px solid #cfcfcf;}
.table_area table tfoot tr th{font-size:16px; color:#222; padding:15px 10px; border-bottom:1px solid #cfcfcf; background: #f6fafe}
.table_area table tfoot tr td{font-size:16px; color:#222; padding:15px 10px; border-bottom:1px solid #cfcfcf; background: #f6fafe}
.table_area table tfoot tr strong {font-weight: 800}

.table_area.type3 tbody tr td {background: #f6fafe}

@media all and (max-width: 993px) {
	.table_area table thead tr th{font-size:1.2rem; color:#222; padding:15px 0; text-align:center; border-bottom:1px solid #cfcfcf; font-weight:bold;}
	.table_area table tbody tr td{font-size:1.2rem; color:#222; padding:15px 10px; border-bottom:1px solid #cfcfcf;}
    .table_area table tfoot tr th{font-size:1.2rem; color:#222; padding:15px 10px; border-bottom:1px solid #cfcfcf;}
    .table_area table tfoot tr td{font-size:1.2rem; color:#222; padding:15px 10px; border-bottom:1px solid #cfcfcf;}
}


/* 페이징 */
.paging a{display:inline-block; font-size:16px; color:#222; width:33px; height:33px; text-align:center; line-height: 33px; margin-left:5px; vertical-align: middle}
.paging a:first-child{margin-left:0;}
.paging a.on{background:#222; color:#fff;}
.paging a.pg_prev{color:transparent; font-size:0; width:33px; height:33px; background:url(../images/page_prev.png) 50% 50% no-repeat;}
.paging a.pg_next{color:transparent; font-size:0; width:33px; height:33px; background:url(../images/page_next.png) 50% 50% no-repeat;}

@media all and (max-width: 993px) {
    .paging {text-align: center}
	.paging a{width:30px; height:30px; line-height:30px;}
}


/* 검색영역 */
.search_area{background:#f8f8f8; padding:15px; text-align:center;}
.search_area .title, .search_area .dash{font-size:18px; color:#000; margin: 0 16px;}
.search_area .title {margin: 0 40px 0 0}
.search_area input{border:2px solid #ddd; border-radius:3px; padding:18px 15px; font-size:16px; color:#222; background:#fff url(../images/ico_cal.png) no-repeat right 10px;}
.search_area .btn_search{font-size:0; color:transparent; display:inline-block; width:57px; height:57px; margin-left: 20px; background:#000 url(../images/btn_search.png) no-repeat center center; border-radius:3px;}

@media all and (max-width: 993px) {
	.search_area{position:relative; padding:10px;}
	.search_area .title{position:absolute; left:0; top:-35px; font-size:1.2rem;}
	.search_area input{float: left; font-size:1.0rem; padding:10px 10px; border:1px solid #ddd; background:#fff url(../images/ico_cal.png) no-repeat right 5px; background-size:25px; width:45%; box-sizing: border-box;}
	.search_area .dash{float: left; width:10%; text-align:center; margin: 0}
	.search_area .inner{padding-right:38px; position:relative;}
    .search_area .inner:after {display: block; content: ""; clear: both}
	.search_area .btn_search{position:absolute; right:0; top:0; width:33px; height:33px; margin-left: 0}
	.search_area .btn_search{background-size:20px;}
    .tab02_contents .search_area {margin-top: 20px}

}

/* 오른쪽 영역 */
.right_bar{position:fixed; right:0; top:0; z-index:1000; width:80px; background:#f8f8f8; padding-top:50px; box-sizing: border-box;}
.right_bar ul li{margin-bottom:40px;}
.right_bar ul li a{font-size:13px; color:#0089ce;}
.right_bar ul li.btn_mypage a{display:block; text-align: center}
.right_bar ul li.btn_mypage a:before{content:""; display:block; width:100%; height:40px; background:url(../images/btn_right01.png) no-repeat center center; margin-bottom:5px;}
.right_bar ul li.btn_logout a{display:block; text-align: center}
.right_bar ul li.btn_logout a:before{content:""; display:block; width:100%; height:40px; background:url(../images/btn_right02.png) no-repeat center center; margin-bottom:5px;}
.right_bar ul li.btn_login a{display:block; text-align: center}
.right_bar ul li.btn_login a:before{content:""; display:block; width:100%; height:40px; background:url(../images/btn_right03.png) no-repeat center center; margin-bottom:5px;}
.right_bar ul li.btn_join a{display:block; text-align: center}
.right_bar ul li.btn_join a:before{content:""; display:block; width:100%; height:40px; background:url(../images/btn_right04.png) no-repeat center center; margin-bottom:5px;}

.right_bar.on {position: absolute; z-index:1100; width: 561px; padding: 0}
.right_bar.on > ul {display: none}
.right_bar.on .right_bar_container {position: relative; padding: 69px 40px}
.right_bar.on .btn_close_side {position: absolute; right: 40px; top: 69px; width: 32px; height: 32px; font-size: 0; color: transparent; background: url(../images/btn_close_side.png) 0 0 no-repeat}
.right_bar.on .area_top {padding-bottom: 20px; border-bottom: 2px solid #00467f}
.right_bar.on .area_top:after {display: block; content: ""; clear: both}
.right_bar.on .area_top .wrap_pic {position: relative; float: left; margin-right: 9px}
.right_bar.on .area_top .ico_pick {overflow: hidden; width: 40px; height: 40px; border-radius: 50%; text-align: center; background: #0089ce}
.right_bar.on .area_top .ico_pick img {display: inline-block;vertical-align: middle; width: 100%}
.right_bar.on .area_top .num {position: absolute; right: -8px; top: -6px; width: 22px; height: 22px; font-size: 12px; line-height: 22px; color: #fff; text-align: center; border-radius: 50%; background: #e95958}
.right_bar.on .area_top .txt {float: left; padding-top: 10px}
.right_bar.on .btn_blue {display: inline-block; margin-top: 3px; margin-left: 15px; line-height: 35px; font-size: 13px; padding: 0 12px; color: #fff; background: #00467f; border-radius: 18px}

.right_bar.on .area_body {padding-top: 47px}
.right_bar.on .area_body .tit_top {display: inline-block; margin-right: 12px; font-size: 22px; color: #00467f; vertical-align: middle}
.right_bar.on .area_body .num_top {display: inline-block; min-width: 28px; padding: 0 10px; line-height: 38px; text-align: center; vertical-align: middle; background: #e2e2e2; border-radius: 19px;}
.right_bar.on .area_body .cont {margin-top: 12px; min-height: 837px; background: #ebedee; border-radius: 15px}
.right_bar.on .area_body .txt_parking_no {width: 100%; height: 837px; font-size: 0; color: transparent; background: url(../images/ico_parking_no.png) 50% 50% no-repeat}
.right_bar.on .btn_blue.none_mobile {display: inline-block !important}

@media all and (max-width: 993px) {
    .right_bar.on {display: block; left: 50%; top: 114px; width: 80%; height: auto !important; margin-left: -40%;}
    .right_bar.on .btn_close_side {right: 3px; top: -34px; width: 30px; height: 30px; background: url(../images/btn_close_layer_m.png) 0 0 no-repeat; background-size: 30px 30px}
    .right_bar.on .right_bar_container {padding: 28px 20px 38px;}
    .right_bar.on .area_top {padding-bottom: 8px;}
    .right_bar.on .area_top .ico_pick {width: 30px; height: 30px;}
    .right_bar.on .area_top .ico_pick img {width: 100%}
    .right_bar.on .area_top .num  {width: 17px; height: 17px; font-size: 0.9rem; line-height: 17px;}
    .right_bar.on .area_top .txt {font-size: 1.1rem}
    .right_bar.on .area_body {padding-top: 15px;}
    .right_bar.on .area_body .tit_top {font-size: 1.1rem}
    .right_bar.on .area_body .num_top {line-height: 19px; font-size: 0.8rem; min-width: 14px; padding: 0 5px}
    .right_bar.on .area_body .cont {margin-top: 6px; min-height: 418px}
    .right_bar.on .area_body .txt_parking_no {height: 418px; background-image: url(../images/ico_parking_no_m.png); background-size: 180px 167px}
    .right_bar.on .btn_blue {width: 100%; margin-top: 14px; margin-left: 0; line-height: 37px; font-size: 1.2rem}
}

/* gnb */
.gnb{position:absolute; right:100px; top:50px;}
.gnb ul li{float:left; margin-left:35px;}
.gnb ul:after{content:""; display:block; clear:both;}
.gnb ul li a{font-size:18px; color:#fff; display:block;}
.gnb ul li.all_menu a {
    font-size: 0;
	width: 74px;
    text-align: center;
    font-size: 12px;
    border-radius: 8px;
    background: #fff;
    line-height: 31px;
}

.m_left_spot{display:none;}

@media all and (max-width: 993px) {
	.gnb{
		display: none;
	}
	.gnb{position:absolute; right:10px; top:-26px;}
	.gnb ul li a{font-size:0.9rem; color:#000; display:block;}
	.gnb ul li{float:left; margin-left:15px;}
	.gnb ul li:first-child{margin-left:0;}
	.gnb ul li.all_menu{display:none;}


	.m_left_spot{position:absolute;right: 15px;top: -60px;display:block;}
	.m_left_spot ul li{float:left;margin-right: 10px;}
	.m_left_spot ul:after{content:""; display:block; clear:both;}
	.m_left_spot ul li a{font-size:0;color:transparent;display:inline-block;cursor: pointer;width:20px;height:20px;}
	.m_left_spot ul li:nth-of-type(1) a{background: url(../images/btn_right03.png) no-repeat;background-size: 100%;width: 35px;height: 35px;}
	.m_left_spot ul li:nth-of-type(2) a{background: url(../images/btn_right04.png) no-repeat;background-size: 100%;width: 35px;height: 35px;}
	.m_left_spot ul li:nth-of-type(3) a{background: url(../images/btn_right05.png) no-repeat;background-size: 100%;width: 28px;height: 35px;position: relative;top: 6px;}
	/* .m_left_spot ul li:nth-of-type(3) a{background:url(../images/m_menu03.png) no-repeat; background-size:20px;} */
}



/* 푸터영역 */
.notice_area{border-top:1px solid #d8d8d8;}
.notice_area .inner{width: 100%; max-width: 1200px; margin:0 auto; padding:30px 0; position:relative; box-sizing: border-box}
.notice_area .inner .title{font-size:23px; color:#222; font-weight:bold; position:absolute; left:0; top:30px; background:url(../images/foot_alram_ico.png) no-repeat 0 10px; padding-left:20px;}
.notice_area .inner .title span{font-weight:normal;}
.notice_area .inner .notice_list{width: 100%; box-sizing: border-box; padding-left:130px; padding-right: 210px; height:42px; overflow: hidden}
.notice_area .inner .notice_list li{padding:5px 0;}
.notice_area .inner .notice_list li a{display: block; height: 42px; position: relative; font-size:14px; color:#666;}
.notice_area .inner .notice_list li a span.tag{position: absolute; left: 0; top: 0; display:inline-block; padding:3px 10px; background:#bfbfbf; font-size:14px; color:#fff; border-radius:5px;}
.notice_area .inner .notice_list li a span.date{ font-size:14px; color:#c0c0c0; display:inline-block; margin-left:10px; vertical-align: middle}
.notice_area .inner .notice_list .txt {display: inline-block; padding: 2px 0 0 50px; box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; overflow: hidden; vertical-align: middle}

.notice_btn_area{position:absolute; right:0; top:30px;}
.notice_btn_area button{display:inline; font-size:0; color:transparent; width:32px; height:32px;}
.notice_btn_area .prev{background:url(../images/foot_prev.png) no-repeat 0 0;}
.notice_btn_area .stop{background:url(../images/foot_stop.png) no-repeat 0 0;}
.notice_btn_area .next{background:url(../images/foot_next.png) no-repeat 0 0;}

.footer_area{background: #fff;}
.footer_area .inner{max-width: 74%;margin:0 auto;padding:70px 0;position:relative;}
.footer_area .inner:after{content:""; display:inline-block; width:64px; height:64px; background:url(../images/foot_img02.png) no-repeat 0 0; position:absolute; right:0; top:70px;}
.footer_area .inner .foot_menu li{float:left;}
.footer_area .inner .foot_menu:after{content:""; display:block; clear:both;}
.footer_area .inner .foot_menu li a{color: #2f2f2f;font-size:14px;margin-right:20px;}
.footer_area .inner .foot_label{font-size:0; color:transparent; width:358px; height:81px; background:url(../images/foot_img01.png) no-repeat 0 0; margin-top:25px;}
.footer_area .inner footer{font-size:13px; color:#69717d; margin-top:35px;}
.footer_area .inner .sns_link li{float:left; margin-right:15px;}
.footer_area .inner .sns_link:after{content:""; display:block; clear:both;}
.footer_area .inner .sns_link li a{font-size:0; color:transparent; display:inline-block; width:24px; height:24px;}
.footer_area .inner .sns_link li.link01 a{background:url(../images/foot_img03.png) no-repeat 0 0;}
.footer_area .inner .sns_link li.link02 a{background:url(../images/foot_img04.png) no-repeat 0 0;}
.footer_area .inner .sns_link li.link03 a{background:url(../images/foot_img05.png) no-repeat 0 0;}
.footer_area .inner .sns_link li.link04 a{background:url(../images/foot_img06.png) no-repeat 0 0;}
.footer_area .inner .foot_select{position:absolute; right:0; bottom:70px;}
.footer_area .inner .foot_select select{-webkit-appearance: none;-moz-appearance: none;appearance: none;width:270px;background:url(../images/foot_img07.png) no-repeat right 12px;padding:10px;color:#c7c7c7;font-size:14px;position: relative;border:none;border-bottom: 2px solid #172336;bottom: 40px;}


/* layer */
.dim {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,00.6); z-index: 1001}
.layer_pop {position: absolute; left: 50%; top:50%; margin-left: -372px; margin-top: -321px; z-index: 1100}
.layer_pop .layer_inner {position: relative}
/* .layer_pop  login */ 
.layer_pop.login {border-top: 2px solid #000}
.layer_pop .tit {font-size: 50px; text-align: center; font-weight: 800; line-height: 1}
.layer_pop .row {border-top: 0; padding-bottom: 0}
.layer_pop.login .btn {height: 68px}
.layer_pop .btn_layer_close {position: absolute; right: 30px; top: 24px; width: 30px; height: 30px; font-size: 0; color: transparent; background: url(../images/btn_close_layer.png) 0 0 no-repeat; }


/* side */

@media all and (max-width: 1500px) {
    .notice_btn_area {right: 80px;}
    .notice_area .inner .notice_list {padding-right: 210px}
    .footer_area .inner:after {right: 80px}
    .footer_area .inner .foot_select {right: 80px}
    .notice_area .inner .notice_list li a span.date{display: block; position: absolute; right: 0; top: 2px; font-size:14px; color:#c0c0c0; margin-left:10px;}
    .notice_area .inner .notice_list .txt {display: block; width: 100%; padding: 2px 100px 0 50px; box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; overflow: hidden;}
}

@media all and (max-width: 993px) {
	.logo{
		top: -54px;
		background: url(../images/logo-m.png) no-repeat;
		background-size: 227px;
		left: 17px;
	}
	.right_bar{
		display: none;
	}
	.notice_area .inner{width:100%; padding:15px 20px 15px 20px; box-sizing: border-box;}
	.notice_area .inner .title{font-size:1.2rem;  position:absolute; left:20px; top:13px; background:url(../images/foot_alram_ico.png) no-repeat 0 0; padding-left:20px; background-size:15px;}
	.notice_area .inner .notice_list{padding-left:0; height:50px; overflow: hidden; padding-top:15px;}
	.notice_area .inner .notice_list li a{font-size:1.0rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.notice_area .inner .notice_list li a span.tag{display:inline-block;padding:2px 5px;background:#bfbfbf;font-size:1.1rem;margin-top: 5px;color:#fff;border-radius:5px;}
	.notice_btn_area{position:absolute; right:20px; top:10px;}
	.notice_btn_area button{display:inline; font-size:0; color:transparent; width:20px; height:20px;}
	.notice_btn_area .prev{background:url(../images/foot_prev.png) no-repeat 0 0; background-size:100%;}
	.notice_btn_area .stop{background:url(../images/foot_stop.png) no-repeat 0 0; background-size:100%;}
	.notice_btn_area .next{background:url(../images/foot_next.png) no-repeat 0 0; background-size:100%;}
	.notice_area .inner .notice_list li a span.date{display:block; font-size:0.9rem; text-align:right;}
    
   
    .notice_area .inner .notice_list {padding-right: 0}
    .footer_area .inner:after {right: 100px}
    .footer_area .inner .foot_select {right: 100px}
    .notice_area .inner .notice_list li a span.date{display: inline-block;position: static;margin-top: 5px;}
    .notice_area .inner .notice_list .txt {display: inline-block;width: 84%;padding: 2px 100px 0 50px;box-sizing: border-box;white-space: nowrap;text-overflow: ellipsis;margin-top: 5px;word-wrap: normal;overflow: hidden;}

	.footer_area .inner{width:100%;padding:15px 15px 70px 15px;box-sizing: border-box;max-width: 98%;}
	.footer_area .inner footer{font-size: 1.3rem;color:#69717d;margin-top:20px;}
	.footer_area .inner footer span, .footer_area .inner footer em{display:block;}
	.footer_area .inner .foot_menu li a{font-size: 1.4rem;margin-right:10px;}
	.footer_area .inner .foot_label{font-size:0; color:transparent; width:180px; height:40px; background:url(../images/foot_img01.png) no-repeat 0 0; margin-top:25px; background-size:100%;}
	.footer_area .inner:after{content:""; display:inline-block; width:35px; height:35px; background:url(../images/foot_img02.png) no-repeat 0 0; position:absolute; right:20px; top:55px; background-size:100%;}
	.footer_area .inner .foot_select{position:absolute; left:20px; bottom:30px;}
	.footer_area .inner .foot_select select{font-size:1.1rem;width: 245px;bottom: 0px;}
	.footer_area .inner .sns_link li a{font-size:0; color:transparent; display:inline-block; width:18px; height:18px;}
	.footer_area .inner .sns_link li.link01 a{background:url(../images/foot_img03.png) no-repeat 0 0; background-size:100%;}
	.footer_area .inner .sns_link li.link02 a{background:url(../images/foot_img04.png) no-repeat 0 0; background-size:100%;}
	.footer_area .inner .sns_link li.link03 a{background:url(../images/foot_img05.png) no-repeat 0 0;background-size:100%;}
	.footer_area .inner .sns_link li.link04 a{background:url(../images/foot_img06.png) no-repeat 0 0;background-size:100%;}
    
    .layer_pop {width: 80%; margin-left: -40%}
    .layer_pop .tit {font-size: 2.5rem}
    .layer_pop.login .btn {height: 35px;  width: 70%;}
    .layer_pop .info_txt {padding-bottom: 20px}
    .layer_pop .btn_layer_close {top:-42px; right: 5px; background-image: url(../images/btn_close_layer_m.png); background-size: 30px;}
}

/* table-btn */
button.btn-table-purple {
    background: #0089ce;
    color: #ffffff;
    width: 100%;
    line-height: 30px;
    border-radius: 5px;
    font-size: 16px;
}
.transBg3{
	display: none;
}

.displyN{
	display: none;
}
.transBg3 {
    background: #000000a6;
    position: absolute;
    width: 100%;
    z-index: 999;
    height: 100vh;
}
.mobileMenuDiv {
    width: 285px;
    background: #fff;
	height: 100vh;
	float: right;
}
.mobileTopBg {
    display: block;
    height: 77px;
    background: #005d9f;
}
.mobileLine {
    width: 100%;
    height: 1px;
    background: #487697;
}
i.xBtn {
    background: url(../images/xBtn.png)no-repeat;
    width: 22px;
    height: 22px;
    background-size: 22px;
    float: right;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-top: 27px;
    margin-right: 12px;
}
li.mlb {
    text-indent: 18px;
    line-height: 55px;
    font-size: 13px;
    border-bottom: 1px solid #c7c7c7;
    cursor: pointer;
}
.blueBgM {
    background: #005d9f;
    color: #fff;
    line-height: 50px;
    height: 50px;
}
.mArrowDown {
    background: url(../images/mArrowCicle.png)no-repeat;
    width: 20px;
    height: 23px;
    background-size: 20px;
    cursor: pointer;
    float: right;
    display: inline-block;
    margin-top: 20px;
    vertical-align: middle;
    margin-right: 16px;
}
i.mobileRightA {
    background: url(../images/mobileRightA.png)no-repeat;
    width: 28px;
    height: 28px;
    background-size: 12px;
    float: right;
    display: inline-block;
    margin-top: 14px;
    vertical-align: middle;
    /* margin-right: 16px; */
}