@charset "utf-8";
@import url("../css/NotoKR.css");

::-webkit-scrollbar {height: 0px; width: 1px;}
::-webkit-scrollbar-track {background-color: #fff;}
::-webkit-scrollbar-thumb {background-color: #fff;}

/*-- layout --*/
#content {position: relative; width: 100%; margin: 0 auto;}
#content .content_main {padding: 60px 0 54px;}
#content .content_mainbox {padding: 0 0 54px;}
#content .content_inner {padding: 80px 10px;}
#content .content_inner h1{font-size: 24px; font-family: 'Noto Sans bold'; margin: 20px 0}
#content .content_intro {padding: 60px 20px;}
#content .content_intro h1{font-size: 24px; font-family: 'Noto Sans bold'; margin: 50px 0 10px}
#content .content_box{margin-top: 20px; padding: 0 10px; font-family: 'Noto Sans KR';}
#content .content_box02{padding: 0 10px; font-family: 'Noto Sans KR';}

/* #header {position: fixed; width: 100%; height: 60px; margin: 0 auto; background: #fff; border-bottom: 1px solid #ddd; z-index: 999; } */
#header {position: fixed; width: 100%; height: 60px; background: #fff; border-bottom: 1px solid #ddd; z-index: 999; display: flex; align-items: center;}
#header h1 {position: absolute; top: 14px; left: 20px; z-index: 99;}
#header h1 a{display: block; width: auto; height: 35px}
#header h1 a img {height: 35px;}
#header h2 {position: absolute; top: 12px; left: 10px; z-index: 99; padding: 0; width: auto;}
#header h2 a{display: block; width: auto; height: 35px}
#header h2 a img {height: 35px;}
#header .all_menu_btn {position: absolute; top: 20px; right: 20px; width: 27px; height: 20px; border: 0; background: url(../img/menu.png) no-repeat left top; cursor: pointer; background-size: 22px 17px; z-index: 99;}
#header .all_menu_btn02 {position: absolute; top: 18px; right: 10px; width: 24px; height: 24px; border: 0; background: url(../img/ico_menu.png) no-repeat center; cursor: pointer; background-size: 22px 20px; z-index: 99;}
#header .all_menu_btn02_off {position: absolute; top: 18px; right: 10px; width: 24px; height: 24px; border: 0; background: url(../img/ico_menu_off.png) no-repeat center; cursor: pointer; background-size: 22px 20px; z-index: 99;}
#header .back_btn {position: absolute; top: 18px; left: 18px; width: 25px; height: 25px; border: 0; background: url(../img/btn_back.png) no-repeat center center; cursor: pointer; background-size: 15px 20px; z-index: 99;}
#header .back_btn02 {position: absolute; top: 18px; left: 2px; width: 24px; height: 24px; border: 0; background: url(../img/ico_back.png) no-repeat center; cursor: pointer; background-size: 20px 20px; z-index: 99;}
#header .alarm_btn {position: absolute; top: 18px; right: 50px; width: 24px; height: 24px; border: 0; background: url(../img/ico_bell.png) no-repeat center; cursor: pointer; background-size: 22px 24px; z-index: 99;}
#header .alarm_btn_off {position: absolute; top: 18px; right: 50px; width: 24px; height: 24px; border: 0; background: url(../img/ico_bell_off.png) no-repeat center; cursor: pointer; background-size: 22px 24px; z-index: 99;}
#header .home_btn {position: absolute; top: 17px; left: 30px; width: 24px; height: 24px; border: 0; background: url(../img/ico_home.png) no-repeat center; cursor: pointer; background-size: 23px 23px; z-index: 99;}
#header span{position: absolute; width: 200px; top: 21px; left: 55px; font-family: 'Noto Sans Bold'; font-size: 18px; letter-spacing: -0.5px;}
#header select{position: absolute; width: 40%; top: 10px; right: 15px;}
#header a.btn_m{position: absolute; top: 15px; right: 15px;}
#header.scrolled { background-color: #fff !important; transition: background-color 200ms linear; }
#header02 {position: fixed; width: 100%; height: 56px; margin: 0 auto; z-index: 999; background-color: #fff; border-bottom: 1px solid #ccc;}
#header02 h1 {position: absolute; top: 10px; left: 10px; z-index: 99;}
#header02 h1 a{display: block; width: auto; height: 35px}
#header02 h1 a img {height: 35px;}
#header02 .all_menu_btn {position: absolute; top: 16px; right: 10px; width: 24px; height: 24px; border: 0; background: url(../img/menu.png) no-repeat center; cursor: pointer; background-size: 22px 20px; z-index: 99;}
#header02 .back_btn {position: absolute; top: 16px; left: 6px; width: 24px; height: 24px; border: 0; background: url(../img/ico_back.png) no-repeat center; cursor: pointer; background-size: 20px 20px; z-index: 99;}
#header02 .home_btn {position: absolute; top: 15px; left: 42px; width: 24px; height: 24px; border: 0; background: url(../img/ico_home.png) no-repeat center; cursor: pointer; background-size: 23px 23px; z-index: 99;}


#footer {position: relative; width: 100%; height: 180px;}
#footer ul{height: 50px; border-bottom: 1px solid #666}
#footer ul li{display: inline-block; height: 50px; margin-right: 10px; line-height: 50px;}
#footer ul li a{font-size: 12px; color: #bbb}
#footer ul li:first-child a{font-family: 'Noto Sans Medium'; color: #fff; margin-left: 15px}
#footer dl{padding: 10px 15px; font-size: 14px; letter-spacing: -0.5px; }
#footer dl dt{float: left; height: 20px; color: #fff; padding-top: 10px}
#footer dl dd{float: right; height: 20px; padding-top: 5px}
#footer dl dd a{color: #fff;}
#footer dl dd a span{font-size: 18px; margin-left: 5px}
#footer p{padding: 15px 0 70px; color: #bbb; font-size: 0.75rem; font-weight: 400; line-height: 1.5}
#footer p span{font-size: 11px;}
#footer_float {position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999;}

/*-- menu --*/
#side_wrap{position:fixed; width:100%; height: 100vh; right:0; top: 0; background: rgba(0, 0, 0, 0.8); z-index: 1999999; display:none;}

#side_menu {width:100%; max-width: 400px; min-width: 270px; position:absolute; right:-60%; top: 0; height:100%; color: #666; background: #fff; z-index: 1001; overflow-y: auto;}

.side_menu_top {top: 0; left: 0; height: auto; width: 100%; background: linear-gradient(158deg, #04599e 48%, #1a05b3); z-index: 9999;}
.side_menu_top .btn_w{width: 100%; padding: 20px 10px 20px; position: relative; display: flex; align-items: center;}
.side_menu_top .btn_w a.abs { /*width: 20px; height: 20px; margin-right: 10px;*/ position: absolute;   top: 19px; display: block;}
.side_menu_top .btn_w a.btn_close {/*float: right; margin: 0;*/ right:10px; top: 20px;}
.side_menu_top .btn_w a.btn_set02 {right: 44px}
.side_menu_top .btn_w a.btn_set02 img{width: 20px;}
.side_menu_top .btn_w a.btn_noti img{width: 20px;}
.side_menu_top .btn_w a.btn_close img{width: 18px;}
.side_menu_top .btn_w .member_name {font-size: 1.063rem; font-weight: 400; color: #fff; display: inline-block; margin-right: 10px;}
.side_menu_top .btn_w .member_name b {font-weight: 700;}
.side_menu_top .btn_w .member_name .icon img{width: 10px;}
.side_menu_top .btn_w a.logout {display: inline-block; color: #fff; font-size: 0.688rem; border: 1px solid #fff; border-radius: 20px; padding: 4px 8px 2px; vertical-align: top; position: relative;}
.side_menu_top .side_menu_top_menu {display: flex;  justify-content: space-between; padding: 10px 30px 30px;}
.side_menu_top .side_menu_top_menu .icon {display: inline-block; width: 44px; height: 44px; background: #fff; border-radius: 100%; text-align: center; padding-top: 12px; box-sizing: border-box;}
.side_menu_top .side_menu_top_menu .icon img{width: 20px;}
.side_menu_top .side_menu_top_menu .txt {display: block; text-align: center; color: #fff; font-size: 0.75rem; font-weight: 400; padding-top:6px}
.side_menu_top .side_menu_tap{display: inline-block;}
.side_menu_top .side_menu_tap > select{width: 100%; color: #fff; border: 1px solid #fff; padding: 2px 20px 2px 6px; font-size: 0.875rem; font-weight: 400; appearance: none; background: url(/mobile/zones/img/ico_drop02.png) no-repeat 92% 55%; background-size: 12px;}
.side_menu_top .side_menu_tap > select:hover{background: #04599e;}
.side_menu_top .side_menu_tap > select:focus{background: #04599e;}

.side_menu_top .mb_info {width: 100%; margin: 0 auto; padding: 0 20px; overflow: hidden;}
.side_menu_top .mb_info .info {position: relative; height: 50px; padding-left: 60px; margin-top: 10px; display: inline-block;}
.side_menu_top .mb_info .info p{color: #6AAAE4; font-size: 20px; font-weight: 500; padding-top: 3px; font-family: 'Noto Sans Kr';}
.side_menu_top .mb_info .info span {display: block; font-size: 14px; font-weight: 400; color: #fff; margin-top: 4px; font-family: 'Noto Sans Kr'; overflow: hidden; line-height: normal;}

.side_menu_top .mb_info .info img {position: absolute; width: 46px; height: 46px; left: 2px; top:0; border-radius: 50%; border: 2px solid #fff; object-fit: cover;}

.side_menu_top .memq {margin-top: 20px; width: 100%; text-align: center; overflow: hidden;}
.side_menu_top .memq li {float: left; text-align: center; cursor: pointer; width: 33%; overflow: hidden;}
.side_menu_top .memq span {font-size: 14px; color: #fff; font-weight: 400; text-align: center; display: inline-block; font-family: 'Noto Sans Kr';}
.side_menu_top .memq .num {font-size: 30px; height: 40px; color: #fff; font-family: 'Noto Sans Kr'; display: flex; align-items: center; justify-content: center;}
.side_menu_top .memq .nomal {font-size: 32px; height: 40px; font-weight: bold; border-radius: 0 16px 0 16px; background: none; color: #666; display: flex; align-items: center; justify-content: center;}
.side_menu_top .memq .nomal img{width: 30%}

#side_menu .menu_wrap:after {content:"";clear:both; display:table}
#side_menu .menu_wrap {height:calc(100% - 165px)}
#side_menu .menu_wrap > div {float:left}
#side_menu .menu_wrap .menu_depth1 {width:140px; height:100%; background: #f4f4f4;padding-top: 10px;}
#side_menu .menu_wrap .menu_depth2 {width: calc(100% - 140px); padding-top: 5px;}
#side_menu .menu_wrap .menu_depth1 li {display:table; width:100%}
#side_menu .menu_wrap .menu_depth1 li a {width: 100%; height: 50px; padding: 10px; display: table-cell; vertical-align: middle; font-size: 0.938rem; font-weight: 400; color: #60584d;}
#side_menu .menu_wrap .menu_depth1 li.active > a {background: #fff;  color: #6aaae4; font-weight: 500;}
#side_menu .menu_wrap .menu_depth2 ul li a {display: block;   padding: 16px 20px 16px;  font-size: 0.938rem; font-weight: 400; color: #222;}
#side_menu .menu_wrap .menu_depth2 ul li.active > a {color: #6aaae4; font-weight: 500;}
#side_menu .menu_wrap .menu_depth2 ul li a.menu_accent{font-weight: 700; color: #000; text-decoration: underline;}
#side_menu .menu_wrap .menu_depth2 .menu_depth3 {display:none}
#side_menu .menu_wrap .menu_depth2 .menu_depth3 li {padding-left: 20px;}
#side_menu .menu_wrap .menu_depth2 .menu_depth3 li a {padding: 5px 10px 5px; color:#60584d; position: relative;}
#side_menu .menu_wrap .menu_depth2 .menu_depth3 li a:before {content: "-";  font-size: 16px; line-height: 1em;  position: absolute;  left: 0;  top: 2px;}
#side_menu .sub_menu_wrap {display:none}
#side_menu .sub_menu_wrap.active {display:block}
#side_menu .sub_menu_wrap li.has-sub {position:relative}
#side_menu .sub_menu_wrap li.has-sub:after {content:"";width:10px; height:10px; position:absolute; right:20px; top: 20px; background:url(../img/ico_side_menu_arrow.svg) no-repeat center;transform-origin: center;transition: all 0.35s;}
#side_menu .sub_menu_wrap li.has-sub.open:after {transform: rotate(-180deg);}
.menu_accent{font-weight: 700; color: #000; text-decoration: underline;}
.btn_logout{position: relative; left: 10px; top: 30px; font-size: 0.875rem; font-weight: 400; color: #fff; background: #6aaae4; border-radius: 30px; padding: 4px 8px;}
.btn_logout:hover{background: #6aaae4;}


dl.mypage{position: relative; display: block; background: #f4f4f4; padding: 20px; border-bottom: 1px solid #ddd;}
dl.mypage dt{float: left; display: block; width: 50%; height: 25px; line-height: 25px; font-size: 14px; font-weight: 400; font-family: 'Noto Sans Kr';}
dl.mypage dd{float: left; width: 50%; height: 25px; line-height: 25px; text-align: right; font-size: 14px; font-weight: 400; font-family: 'Noto Sans Kr';}
dl.mypage dd a{color: #666}
dl.mypage dd a span{color: #e61938; margin-right: 3px; font-weight: 700;}
dl.mypage:after{display: block; clear: both; content: ''}

ul.quick{position: relative; height: 50px; border-bottom: 1px solid #ddd;}
ul.quick li{float: left; width: 50%; height: 50px; line-height: 50px;}
ul.quick li:first-child{position: relative}
ul.quick li:first-child::after{position: absolute; display: block; content: ''; width: 1px; height: 20px; background: #ddd; right: 0; top:15px}
ul.quick li a{display: block; color: #333; width: 100%; height: 50px; line-height: 50px; font-size: 16px; text-align: center; font-weight: 400; font-family: 'Noto Sans Kr';}

/*-- content --*/
h1:after { content: ""; display: none; width: 120px; margin: 8px auto; border-bottom: 3px solid #04599E;}
h2 {width: 100%; font-family: 'Noto Sans Bold'; font-size: 18px; padding: 10px 0; margin-top: 40px; letter-spacing: -0.5px}
h2 span{font-size: 16px; margin-left: 5px}
h2:first-child {margin-top: 0;}
p.inTxt{color: #666; line-height: 1.4}
h3 {width: 100%; font-family: 'Noto Sans KR'; font-size: 20px; font-weight: 700; padding-bottom: 16px; display: inline-block;}
h4 {width: 100%; font-family: 'Noto Sans KR'; font-size: 30px; font-weight: 700; text-align: center; padding-bottom: 10px;}
/* h5 {display: table-cell; font-family: 'Noto Sans KR'; width: 1%; height: 60px; padding: 0 68px; font-size: 21px; font-weight: 700; text-align: center; vertical-align: middle; letter-spacing: -1px;} */
h5 {font-size: 20px; font-weight: 500; text-align: center; margin: 0 auto;}
h6 {width: 100%; font-family: 'Noto Sans KR'; font-size: 30px; color: #fff; font-weight: 700; text-align: center; padding-bottom: 16px;}


/*-- popup --*/
.mpop{display: none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.75); z-index: 199999; top:0; left: 0}
.mpop .popWrap{position: relative; display: block; width: 80%; height: auto; margin: 50% auto; letter-spacing: -0.5px; background: #fff; border-radius: 10px; padding: 10px}
.mpop .popWrap .tit{position: relative; width: 100%; height: 40px; margin-bottom: 10px}
.mpop .popWrap .tit h1{font: 18px/40px 'Noto Sans Bold'; padding-left: 10px}
.mpop .popWrap .tit span{position: absolute; right: 5px; top: 10px; display: block; width: 20px; height: 20px; background: url(../img/btn_close_b.png) center center no-repeat; text-indent: -10000px}
.mpop .popWrap .tit span a{display: block; width: 20px; height: 20px}
.mpop .popWrap h2{font-size: 16px; color: #04599E; padding: 0 10px}
.mpop .popWrap .info{font-size: 18px; font-weight: 600; padding: 15px 0; margin-bottom: 20px; text-align: center; color: #04599E; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.mpop .popWrap .info1{padding: 10px; margin-bottom: 20px; text-align: left; }
.mpop .popWrap p{text-align: center; font-size: 16px; line-height: 1.5; margin: 10px 0}
.mpop .popWrap p.sub{font-size: 14px; line-height: 1.8; color:#666; text-align: left; padding: 0 40px; margin-bottom: 20px}
.mpop .popWrap .locker{display:inlin-block; height:60px; line-height:55px; font-size: 50px; font-weight: 600; margin: auto; text-align: center; margin:20px 0}
.mpop .popWrap .locker span{display: inline-block; width: 80px; height: 34px; text-align: center; line-height: 34px; color: #fff; border-radius:3px;  font-size:18px; margin-right:20px; vertical-align: middle}
.mpop .popWrap .locker span.man{background: #49729e}
.mpop .popWrap .locker span.woman{background: #cd2e53}

/*-- popup --*/
.fpop{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #fff; z-index: 9999999; border-top:4px solid #c99262}
.fpop .tit{position: fixed; width: 100%; height: 80px; background: #fff; z-index: 10}
.fpop .tit h1{border-bottom: 2px solid #c8c8c8; font: 29px/40px 'Noto Sans Regular'; padding: 20px;}
.fpop .tit span{position: absolute; right: 20px; top: 20px; display: block; width: 36px; height: 36px; background: url(../images/icon_popclose_m.png) center center no-repeat; text-indent: -10000px}
.fpop .tit span a{display: block; width: auto; height: auto}
.fpop .cnt{position: relative; height: 100%; padding: 80px 30px 120px; overflow-y: auto}
.fpop .cnt h2 {font: 29px/40px 'Noto Sans Regular'; margin:30px 0 5px}
.fpop .cnt h2:first-child{margin-top: 20px}
.fpop .cnt iframe{width: 100%; height: 100%;}
.fpop .cnt p{margin: 30px 0 12px 0px; line-height: 1.5}
.fpop .cnt p.cnt1{margin: 0; line-height: 1.5}
.fpop .cnt .btn2{margin: 0}
.fpop .btm{position: fixed; left: 0; bottom: 0;  width: 100%; height: 80px; background: #fff; z-index: 10; border-bottom:4px solid #c99262; border-top: 2px solid #c8c8c8; padding-top: 10px}
.fpop .btm .check{margin-left: 20px}

/*-- button --*/
.btn_b {display:inline-block; width:100%; height:40px; text-align:center; color:#fff; font-size:16px; line-height:40px; background:#04599E; border: 1px solid #04599E; border-radius: 5px;}
.btn_b a{display: block; width: 100%; height: auto; color: #fff}
.btn_b1 {display:inline-block; width:100%; height:40px; text-align:center; color:#04599E; font-size:16px; line-height:40px; background:#fff; border: 1px solid #ddd; border-radius: 5px;}
.btn_b1 a{display: block; width: 100%; height: auto; color: #04599E}
.btn_b1 a span{color: #FF4600; margin-right: 20px}
.btn_bc {display:inline-block; width:100%; height:50px; text-align:center; color:#fff;	font-size:16px; line-height:50px; background:#04599E; border: 1px solid #04599E; border-radius: 5px; margin-bottom: 10px}
.btn_bc a{display: block; width: 100%; height: auto; color: #fff}

div.btn_bh {position: relative; display: block; height: 40px; text-align:center; margin-top: 20px}
div.btn_bh > a {float: left; display: table-cell; width:48.5%; height:40px; text-align:center; color:#04599E; font-size:16px; line-height:40px; background:#fff; border: 1px solid #04599E; border-radius: 5px; margin-bottom: 10px;}

div.btn_bh > a.on {background:#04599E; border: 1px solid #04599E; color: #fff}
div.btn_bh > a:nth-child(2) {float: right}

.btn_m {padding: 8px 10px; font-size: 14px; color: #fff; border-radius: 4px; background: #999}
.btn_mb {padding: 8px 10px; font-size: 14px; color: #fff; border-radius: 4px; background: #04599E}
.btn_s {padding: 5px 6px; border: 1px solid #ddd; font-size: 13px; color: #999; border-radius: 4px;}

/* 하단버튼 1 */
.btn_bottom_join {position: relative; width: 100%; margin: 0 auto; text-align: center;}
.btn_bottom_join a {font-size: 18px; color: #fff; background: #04599E; font-weight: 400; display: block; padding: 18px 0;}
.btn_bottom {position: relative; width: 100%; margin: 8% 0; text-align: center;}
.btn_bottom a {color: #fff; font-weight: bold; font-size: 16px; padding: 16px; display: block; background: #04599E;}
.btn_btm_pack {width: 100%; min-width: 320px; max-width: 768px; margin: 0 auto; text-align: center;}

/* 로그인버튼 스타일 */
.btn_s3 {font-size: 17px;background: #04599E;color: #fff;border-radius: 4px;height: 48px;line-height: 48px;text-align: center;width: 100%;display: flex; align-items: center; justify-content: center;}
.btn_s3:hover, .btn_s3:focus, .btn_s3:active {background: #04599E;}
.btn_s3_1 { font-size: 17px; background: #B1B0AF; color: #fff; border-radius: 4px; margin-top: 8px; height: 48px; line-height: 48px; text-align: center; width: 100%;display: flex; align-items: center; justify-content: center;}
.btn_s3_1:hover, .btn_s3_1:focus, .btn_s3_1:active {background: #999;}

/* 버튼 스타일 */
.btn_s1 {display: inline-block; width: 100%; font-weight: 400; font-size: 15px; height: 50px; line-height: 50px; text-align: center; border-radius: 4px; background-color: #04599E; color: #fff; cursor: pointer;}
.btn_s2 {display: inline-block; width: 100%; font-weight: 400; font-size: 15px; height: 32px; line-height: 32px; text-align: center; border-radius: 2px; background-color: #999; color: #fff; cursor: pointer;}
.btn_s4 {display: inline-block; width: 100%; font-weight: 400; font-size: 14px; height: 32px; line-height: 32px; text-align: center; border-radius: 50px; color: #fff; background: #04599E; margin-left: 4px;}
.btn_s4_no { display: inline-block; width: 100%; font-weight: 400; font-size: 14px; height: 32px; line-height: 32px; text-align: center; border-radius: 50px; background-color: #d2d0b8; color: #fff; margin-left: 4px;}
.btn_s4_qr {display: inline-block; width: 100%; font-weight: 400; font-size: 13px; height: 23px; line-height: 23px; text-align: center; border-radius: 13px; background-color: #fff; color: #000; border: 1px solid #000; margin-top: 4px; cursor: pointer;}
.btn_set {width: 30%; padding: 12px; background: #999; color: #fff; font-size: 16px; line-height: 16px; border-radius: 4px; cursor: pointer; text-align: center; margin: 24px auto;}
.btn_s3_30 {float: right; display: inline-block; width: 32%; font-size: 14px; font-weight: 500; height: 50px; line-height: 50px; text-align: center; background-color: #999; color: #fff; cursor: pointer; border-radius: 4px;}
.btn_s5_70 {display: inline-block; width: 70%; font-size: 14px; font-weight: 400; height: 32px; line-height: 32px; text-align: center; background-color: #999; color: #fff; cursor: pointer;}
.btn_s6 {font-size: 17px;background: #04599E;color: #fff;border-radius: 4px; margin: 8px 0; height: 48px;line-height: 48px;text-align: center;width: 100%;display: block;}
.btn_s6:hover, .btn_s6:focus, .btn_s6:active {background: #04599E;}
.btn_s6_1 { font-size: 17px; background: #999; color: #fff; border-radius: 4px; margin: 8px 0; height: 48px; line-height: 48px; text-align: center; width: 100%; display: block;}
.btn_s6_1:hover, .btn_s6_1:focus, .btn_s6_1:active {background: #999;}

/*-- table --*/
table.tbl01 {table-layout: fixed; width:100%; border-top:2px solid #04599E ; line-height: 1.3}
table.tbl01 tr th {padding: 5px 2px; border:1px solid #ddd; background:#f9f9f9; font-weight:500; font-size:12px;}
table.tbl01 tr td {border:1px solid #ddd; text-align:center; font-size:12px; letter-spacing: -0.5px; padding: 5px 2px}
table.tbl01 tr td a.col {display: inline-block; padding: 3px 14px; color: #fff; background: #666;}
table.tbl01 tr td input label{vertical-align: bottom}

table.tbl01l {width:100%; table-layout: fixed; margin:10px 0; border-top:2px solid #04599E}
table.tbl01ul {width:100%; table-layout: fixed; margin:30px 0;}
table.tbl01l tr th, table.tbl01ul tr th {font-size:14px; text-align: left; padding:5px; border-bottom:1px solid #ddd;}
table.tbl01l tr td, table.tbl01ul tr td {height: 40px; padding:12px 2px; border-bottom:1px solid #ddd; text-align:left; font-size:16px; line-height: 1.4;}

table.tbl02 {width:100%; table-layout: fixed; border-collapse: collapse; margin: 10px 0}
table.tbl02 tr th {padding:8px 2px; border-top:2px solid #04599E; border-bottom:1px solid #999;  font:13px/1.5 'Noto Sans DemiLight'; color:#000; letter-spacing: -1px;}
table.tbl02 tr td {font-size: 14px; line-height: 1.4; color: #333; padding: 5px 2px; height: 50px; letter-spacing: -0.5px; text-align: center; border-bottom: 1px solid #ddd}
table.tbl02 tr td a{display: inline-block; height: 35px; min-width: 46px; line-height: 35px; padding: 0 5px; font-size: 14px; color: #fff; background: #BFCE2F; border-radius: 4px; text-align: center;}
table.tbl02 tr td a.BookingBtn{background: #a394a0;}
table.tbl02 tr td a.btn{background: #04599E;}
table.tbl02 tr td a.btn1{background: #FF4600;}
table.tbl02 tr td .dc {color: #bbb; text-decoration: line-through;}
table.tbl02 tr td img{width: 16px; padding-top: 5px}

table.tbl_nl {width: 100%; letter-spacing: -0.5px; table-layout: fixed;}
table.tbl_nl th{font-size: 14px; line-height: 1.5; color: #666; padding: 10px 2px; letter-spacing: -1px; text-align: left; vertical-align: top}
table.tbl_nl td {font: 18px/1.5 'Noto Sans Medium'; text-align: right; color: #333; letter-spacing: -0.5px; padding: 5px 2px;}
table.tbl_nl td span{font-size: 14px; color: #666; font-family: 'Noto Sans Regular'; margin-right: 8px}
table.tbl_nl td p{font-size: 14px; color: #666; font-family: 'Noto Sans Regular'; margin-top: 5px}

table.tbl_f {width: 100%; letter-spacing: -0.5px; table-layout: fixed;}
table.tbl_f tr.no_post {border-bottom: 0;}
table.tbl_f thead tr {}
table.tbl_f thead tr th {font-size: 14px; padding: 2%; line-height: 20px; border-bottom: 2px solid #04599E; vertical-align: top;}
table.tbl_f tbody tr td.bg_fe {background: #f4f4f4;}
table.tbl_f tbody tr th{font-size: 13px; line-height: 1.4; color: #000; padding: 22px 2px 0 2px; height: 60px; letter-spacing: -1px; text-align: left; vertical-align: top;}
table.tbl_f tbody tr th .noti{color: #FF4600; margin-left: 3px}
table.tbl_f tbody tr td {font-size: 16px; line-height: 1.4; color: #333; padding: 5px 2px; height: 60px; letter-spacing: -0.5px}
table.tbl_f tr td:first-child {border-left: 0;}
table.tbl_f tbody tr td.noLine {border: 0 !important;}
table.tbl_f tbody tr td strong {font-weight: 500;}
table.tbl_f tbody tr td .dc {color: #bbb; text-decoration: line-through;}
table.tbl_f tbody tr td a {display: inline-block; box-sizing: border-box; color: #000; border-bottom: 1px solid rgba(255, 255, 255, 0); font-size: 15px;}
table.tbl_f tbody tr td a:hover { border-bottom: 1px solid #000; padding-bottom: 1px; transition: all 0.1s;}
table.tbl_f tbody tr td .iconPd { padding: 2% 8%; cursor: pointer;}
table.tbl_f tbody tr td button.half {width: 42% !important;}
table.tbl_f tbody tr td a.btn {float: right; display: block; height: 50px; min-width: 80px; line-height: 50px; padding: 0 8px; font-size: 14px; color: #fff; background: #999; border-radius: 4px; text-align: center;}
table.tbl_f tbody tr td a.btn1 {display: inline-block; height: 35px; min-width: 50px; line-height: 35px; padding: 0 8px; font-size: 14px; color: #fff; background: #04599E; border-radius: 4px; text-align: center;}
table.tbl_f tbody tr td a.btn:hover {color: #fff; border: 1px solid #000; background: #000; transition: all 0.2s;}
table.tbl_f tbody tr.no_post:hover {background-color: #fff;}
table.tbl_f tbody tr.no_post td {color: #888; padding: 52px 0;}
table.tbl_f tbody tr td.tbl_tit {position: relative; white-space: nowrap; text-align: left; font-size: 15px;}
table.tbl_f tbody tr td.tbl_tit>.new {top: 50%; font-size: 10px; color: #f22c2d;}
table.tbl_f tbody tr td.tbl_tit a span {padding-top: 8px;}
table.tbl_f tbody tr td.tbl_tit a span:before { content: ''; position: absolute; width: 100%; height: 1px; background: #666; bottom: 3px; left: 0; visibility: hidden; opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
table.tbl_f tbody tr td.tbl_tit a:hover span:before { visibility: visible; opacity: 1}
table.tbl_f tbody tr td.tbl_loc {color: #666;}
table.tbl_f tbody tr td.tbl_loc13 {color: #666; font-size: 13px;}
table.tbl_f tbody tr td.tbl_date {color: #888;}
table.tbl_f tbody tr td.tbl_tit a span {position: relative; display: inline-block; max-width: 560px;}

/*-- list --*/
ul.commonUl01{margin-bottom: 20px}
ul.commonUl01 li {position: relative; margin-bottom: 5px; padding-left: 10px; font-size: 14px; line-height: 1.5; letter-spacing: -0.5px; margin: 5px 0; color: #666}
ul.commonUl01 li:after {position: absolute; top: 10px; left: 2px; content: ''; display: block; width: 2px; height: 2px; border-radius: 50%; background: #04599E;}
ul.commonUl01 li a{font-size: 14px; color: #04599E}
ul.commonUl01 li .tit{font-size: 16px; font-weight: 500;}

ul.commonUl02{}
ul.commonUl02 li {position: relative; margin-bottom: 5px; padding-left: 10px; font-size: 14px; line-height: 1.5; letter-spacing: -0.5px; margin: 10px 0}
ul.commonUl02 li:after {position: absolute; top: 9px; left: 2px; content: ''; display: block; width: 3px; height: 3px; background: #04599E ;}
ul.commonUl02 li a{font-size: 14px; color: #04599E}
ul.commonUl02 li .tit{font-size: 16px; font-weight: 500;}


/* tab */
ul.tab {display: block; width: 100%; margin-bottom: 20px;}
ul.tab:after {display: block; clear: both; content: '';}
ul.tab li{float: left; font-size: 16px; height: 46px; line-height: 46px; text-align: center; border-bottom: 2px solid #ddd}
ul.tab li a{color: #bbb;}
ul.tab li.area {width: 16.66%; cursor: pointer;}
ul.tab li.on {background: #fff; font-size: 16px; border-bottom: 2px solid #04599E}
ul.tab li.on a{font-family: 'Noto Sans Medium'; color: #04599E;}

.tab ul {display: block; width: 100%; margin-bottom: 20px;}
.tab ul:after {display: block; clear: both; content: '';}
.tab ul li {float: left; color: #bbb; font-size: 16px; height: 46px; line-height: 46px; text-align: center; border-bottom: 2px solid #ddd}

.tab ul.tab {display: block; width: 100%; margin-bottom: 20px;}
.tab ul.tab:after {display: block; clear: both; content: '';}
.tab ul li.round {width: 50%; cursor: pointer;}
.tab ul li.on {color: #04599E; background: #fff; font-size: 16px; font-weight: 400; font-family: 'Noto Sans Medium'; border-bottom: 2px solid #04599E}

.menu_w{position: relative; width: 100%; height:50px; overflow: hidden; overflow-x: auto; background: #fff;}
/* .menu_w ul.tab_w{display: block; position: relative; width: 530px; height:50px;}
.menu_w ul.tab_w li{display: inline-block; margin-right: 20px; padding: 20px 0 5px} */
.menu_w ul.tab_w{display: flex; position: relative; justify-content: space-between;}
.menu_w ul.tab_w li{padding: 20px 0 5px}
.menu_w ul.tab_w li:last-child{margin-right: 0}
.menu_w ul.tab_w li a{color: #999;}
.menu_w ul.tab_w li a.active {color: #04599E; border-bottom: 2px solid #04599E; padding-bottom:5px}


@media (max-width:320px) {
.side_menu_top .side_menu_top_menu {padding: 15px 20px 30px;}
}




    


#header.new {height: auto;padding: 16px;display: flex; justify-content: space-between; align-items: center; cursor: pointer;border-bottom: 1px solid #efefef;} 
#header.new .header-logo {position: absolute; height: 20px; width: auto;z-index: 100;} 
#header.new .header-title {font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;font-weight: 700;margin: 0; font-size: 16px; text-align: center; width: 100%;position: relative; top: 0; left: 0; } 
#header.new .notice {position: absolute;right: 16px;z-index: 100;}
#header.new .notice img {width: 22px;cursor: pointer;}