@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans);

/*-- slider 메인 슬라이드 --*/
.header {position:fixed; top:0; left:0; width:100%; height:60px; z-index:7777;}
.header h1 {display: block; width: 132px; height: 60px; text-align:center;  margin: auto;}
.header h1 a {display:block; width: 132px; height: 60px;}
.header h1 a img {height: 35px; padding-top: 12px}
.header .login {position:absolute; width:55px; height:40px; right:20px; top:10px;}
.header .login a {display:block; width:auto; height:100%; color: #333; font-size: 14px; line-height: 40px; text-align: right}

div.sliderwrap {position:relative;}
div.sliderwrap .txt {position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); text-align:center; color:#fff; z-index:99; font-size:22px;}
div.sliderwrap .txt p {font-size:40px; margin-bottom:10px;}
ul.bxslider {position:relative; top:0; left:0; width:100%; height:250px;}
ul.bxslider img {width:100%;}
/* 슬라이드버튼 */
.bx-pager {position: absolute; bottom:15px; width:100%; text-align:center;
}
.bx-pager-item {display: inline;}
.bx-pager-item > a {display:inline-block; margin:0 3px; width:10px; height:10px; background-color:#fff; border-radius:5px; font-size:0; color:transparent;}
/* 버튼클릭시 */
.bx-pager-item > a.active {width:20px; background: #00a6ce}
/* 이전버튼 */
.bx-prev {display: none;}
/* 다음버튼 */
.bx-next {display: none;}
/*-- END slider 메인 슬라이드 --*/

/* tab */
.tabs_r {height:35px; width:400px; }
.tabs_r li {position:relative; display:inline-block; width:100px; height:30px; border:2px solid #ddd; overflow:hidden; text-align:center}
.tabs_r li a {color:#999; display:block; font:14px/30px "NGothicB"; padding:0;}
.tabs_r li.active {background:#15294b; color:#fff; border:2px solid #15294b;}
.tabs_r li.active a {color:#fff}

/* Slide */
.slider {position:relative; overflow: hidden; width:100%; min-height:1230px; text-align:center !important; display:block; }
.slider .bd {width:1920px; height:1000px; position:absolute; left:50%; margin-left:-940px; }
.slider .bd li {width:1920px; height:1000px; overflow:hidden; text-align:center; }
.slider .bd li img {display:block; width:1900px; height:1000px; text-align:center; }
/*.slider .imgnavi{position:absolute; height:625px; width:100%; text-align:center; background:url(../main_img/img_navi_back.png) center 190px no-repeat;} */
.slider .tempWrap {overflow:visible !important}
.slider .tempWrap ul {margin-left:-1930px !important;}

.slider .pnBtn {position:absolute; z-index:1; top:0px; width:100%; height:400px; cursor:pointer;}
.slider .prev {left:-50%; margin-left:-450px; top: ;}
.slider .next {left:50%; margin-left:450px;}
.slider .pnBtn .blackBg {display:block; position:absolute; left:0; top:0; width:100%; height:400px; }
.slider .pnBtn .arrow {display:none; position:absolute; top:122px; z-index:1; width:60px; height:300px;}
.slider .pnBtn .arrow:hover {filter:alpha(opacity=60); opacity:0.6;}
.slider .prev .arrow {right:0; background:url(/main_img/slider-arrow.png) -120px 120px no-repeat;}
.slider .next .arrow {left:0; background:url(/main_img/slider-arrow.png) 0 120px no-repeat;}

.slider .txt_visual{ position:absolute; top:230px; width:100%; margin:auto; }


/* Reset  */
*{-webkit-text-size-adjust:none;} 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0;	font-size:100%;	font:inherit; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';	content:none;}
table {border-collapse:collapse; border-spacing:0;}

body{height:100%; width:100%; background:#fff; font:15px/22px 'Noto Sans', sans-serif; color:#333; -webkit-text-size-adjust:none;}
body.main{background:#fff;}
body.reserv{background:#fff;}
body.course{background:#fff;}
body.mem{background:url(../img/bg_mem.jpg) center top no-repeat fixed; background-size:cover;}


/* input[type=text], input[type=password]{font:1em 'Noto Sans', sans-serif; background:#1c1c1c; border:none; height:35px;}
input[placeholder] {color:#5a5a5a}
input[type=checkbox], input[type=radio]{margin:0; padding:0; vertical-align:baseline; -webkit-transform:scale(1.5,1.5); -moz-transform:scale(1.5,1.5); -mstransform:scale(1.5,1.5); -0-transform:scale(1.5,1.5); transform:scale(1.5,1.5); border:none;} */
a, a:link, a:active, a:hover, a:visited {color:#666; text-decoration:none; cursor:hand; outline:0;}
a:active {color:#28241f;}
pre{font-size:12px;	width:100%;	overflow:auto; -webkit-overflow-scrolling:touch;}
label{margin-left:5px}
textarea{width:95%; font:11px/14px '돋움'; background:#fcfcfc; color:#666; border:2px solid #666; padding:5px; margin:auto}
iframe{line-height:0}

/* index */
.top{position: relative; width: 100%; height: 215px; background: url(../img/main_bg.jpg) center top no-repeat; background-size: cover;}
.top h1{height:70px; text-align:center; padding-top:15px}
.top .menu{position:absolute; width:40px; height:40px; left:15px; top:15px}

.top_n{position:fixed; width:100%; height:70px; top: 0; background: rgba(255,255,255,0.7); z-index: 999}
.top_n h1{height:70px; text-align:center; padding-top:15px}
.top_n .menu{position:absolute; width:40px; height:40px; left:15px; top:15px}

.banner {height:115px; text-align:center}
.banner img{height:115px;}

.quick {position:relative; width:100%; height:310px; background:url(../img/bg_quick.jpg) center top no-repeat; background-size:cover}
.quick .weather {position:relative; width:100%; height:50px; padding-top:10px; margin:auto}
.quick .weather ul{width:100%; height:50px; text-align:center}
.quick .weather ul li{width:100%; height:50px; text-align:center}
.quick .weather ul li a{display:inline-block; width:100%; height:50px; color:#fff;}
.quick .weather ul li a img{vertical-align:middle; width:50px;}
.quick .weather ul li span{height:40px; vertical-align:middle; font:24px/50px 'Noto Sans', sans-serif; letter-spacing:-1px; margin:-5px 0 0 5px;}
.quick .weather ul li .info{font:700 14px/20px 'Noto Sans', sans-serif; color:#fff; margin-top:6px; letter-spacing:0; text-align:center}

.quick > ul{position:absolute; display:block; width:100%; height:auto; text-align:center; margin-top:10px}
.quick > ul li{display:inline-block; width:30%; height:115px;}
.quick > ul li a{display:block; width:auto; height:115px;}
.quick > ul li img{vertical-align:middle}
.quick > ul li p{height:20px; font:14px/20px 'Noto Sans', sans-serif; color:#fff; text-align:center; margin-top:5px}

/* menu title */
#page nav{display:none;}
#header, .header{background:#1688c3 !important; font-size:16px; font-weight:bold; color:#fff; text-align:center; height:65px;}
.header h1{height:65px; text-align:center; margin:auto; font:20px/75px 'Noto Sans', sans-serif; color:#fff; letter-spacing:2px}
.left a{background:url(../img/btn_menu.png); background-size:contain; display:block; width:40px; height:40px; position:absolute; top:16px; left:12px;}
.right a{background:url(../img/btn_home.png); background-size:contain; display:block; width:45px; height:45px; position:absolute; top:16px; right:12px;}
#content {margin-top:65px}

.contents{padding:10px; line-height:24px;}
.contents .tit01{display:inline-block; height:30px; font:700 15px/30px 'Noto Sans', sans-serif; color:#1788c3; border-bottom:3px solid #1788c3; margin:15px 0 5px}
.contents .tit02{height:30px; background:url(../img/ico_tit.png) left 8px no-repeat; background-size:15px; padding-left:20px; font:700 15px/30px 'Noto Sans', sans-serif; color:#1788c3; margin:10px 0 -5px 0}
.contents p{font:15px/22px 'Noto Sans', sans-serif; color:#999; margin:10px 0 20px}
.contents p strong{font:700 15px/22px 'Noto Sans', sans-serif; color:#666; margin:10px 0 20px}
.contents ul{margin:10px 0 20px}
.contents ul li{font:14px/1.4 'Noto Sans', sans-serif; color:#666; list-style:disc; margin:0 0 5px 18px; letter-spacing:-0.5px}
.contents ul li strong{font:700 14px/22px 'Noto Sans', sans-serif;}

.contents .course{display:inline-block; height:30px; font:24px/30px 'Noto Sans', sans-serif; color:#1788c3; border-bottom:3px solid #1788c3; margin:15px 0 5px; letter-spacing:-2px}
.contents .course span{font:14px/20px 'Noto Sans', sans-serif; color:#666; letter-spacing:0; margin-left:10px}

/* tab btn */
.gnb {height:46px;}
.gnb span{padding-left:30px; color:#FFF}
.gnb em{padding:0 10px}
.gnb div{position:absolute; right:20px; top:12px}

.gnb > ul, .gnb2 > ul, .gnb4 > ul{background:#1c1c1c ; height:46px;}
.gnb > ul > li{width:33%; float:left; display:block; text-align:center; font:700 15px/46px 'Noto Sans', sans-serif; letter-spacing:-1px;}
.gnb > ul > li a{display:block; width:auto; height:46px; color:#888 !important;}
.gnb > ul > li.on a, .gnb2 > ul > li.on a, .gnb4 > ul > li.on a{color:#fff !important;}
.gnb > ul > li:nth-child(2) {width:34%}
.gnb > ul > li a:active, .gnb2 > ul > li a:active, .gnb4 > ul > li a:active{display:block; width:auto; height:43px; background:#1c1c1c; border-bottom:3px solid #23a952; color:#fff !important}
.gnb > ul > li.on, .gnb2 > ul > li.on, .gnb4 > ul > li.on{background:#1c1c1c; border-bottom:3px solid #ff6009; height:43px; color:#fff !important}
.gnb2 > ul > li{width:33.3%; float:left; display:block; text-align:center; font:700 15px/46px 'Noto Sans', sans-serif; letter-spacing:-1px;} 
.gnb4 > ul > li{width:25%; float:left; display:block; text-align:center; font:700 15px/46px 'Noto Sans', sans-serif; letter-spacing:-1px;} 

/*탭 5개*/
.gnb > ul, .gnb2 > ul, .gnb5 > ul{background:#1c1c1c ; height:46px;}
.gnb > ul > li.on a, .gnb2 > ul > li.on a, .gnb5 > ul > li.on a{color:#fff !important;}
.gnb > ul > li a:active, .gnb2 > ul > li a:active, .gnb5 > ul > li a:active{display:block; width:auto; height:43px; background:#1c1c1c; border-bottom:3px solid #23a952; color:#fff !important}
.gnb > ul > li.on, .gnb2 > ul > li.on, .gnb5 > ul > li.on{background:#1c1c1c; border-bottom:3px solid #ff6009; height:43px; color:#fff !important}
.gnb5 > ul > li{width:20%; float:left; display:block; text-align:center; font:700 15px/46px 'Noto Sans', sans-serif; letter-spacing:-1px;} 

.nav_b {position:relative; height:40px; border-bottom:2px solid #5f2800}
.nav_b > ul{background:url(../img/gnb_bg.png) repeat-x; background-size:contain; height:40px}
.nav_b > ul > li{width:33%; float:left; display:block; text-align:center; font-size:1em; line-height:40px; font-family:'Noto Sans', sans-serif; letter-spacing:-1px}
.nav_b > ul > li a{display:block; width:auto; height:40px}
.nav_b > ul > li.on, .nav_b > ul > li:active{background:url(../img/gnb_bg_on1.png) repeat-x; background-size:contain; height:40px; color:#004a7b}
.nav_b > ul > li.on a{color:#004a7b}
.nav_b > ul > li:nth-child(2) {width:34%}

ul.hole{ display:block; width:100%; height:28px; margin:10px auto 0; text-align:center}
ul.hole > li{display:inline-block; width:9%; height:28px; margin:0}
ul.hole > li a{display:block; width:28px; height:28px; border-radius:14px; background:#666; text-align:center; line-height:28px; color:#ddd}
ul.hole > li.on a{display:block; width:28px; height:28px; border-radius:14px; background:#23a952; text-align:center; line-height:28px; color:#fff}

/* table calndar */
.cal_tit{position:relative; height:60px;}
.cal_tit .mon{display:inline-block; vertical-align:middle; font:14px/70px 'Noto Sans', sans-serif; color:#999;}
.cal_tit span{display:inline-block; vertical-align:middle; font:700 28px/70px 'Noto Sans', sans-serif; color:#666; margin-left:10px}
.cal_tit .prev{position:absolute; display:block; width:54px; height:54px; top:24px; left:0; line-height:0}
.cal_tit .left a, .cal_tit .right a{display:block; width:auto; height:54px}
.cal_tit .next{position:absolute; display:block; width:54px; height:54px; top:24px; right:0; line-height:0}
.cal_tit .hole{font:30px/65px 'NGothic'; letter-spacing:-4px; margin-right:8px}
.cal_tit .course{font:13px/65px 'NGothic'; margin-left:10px;}

.month {width:100%; table-layout:fixed; border-collapse:collapse; margin:0 auto 20px}
.month thead {font:16px/40px 'Noto Sans', sans-serif; color:#666; border-bottom:3px solid #00a6ce;}
.month tbody tr{height:50px;}
.month th {height:30px;}
.month td {font:12px/18px 'Noto Sans', sans-serif; color:#333; text-align:center; letter-spacing:-1px; text-indent:-1px; border-bottom:1px solid #ddd; padding-top:7px;}
.month td div{height:30px; line-height:30px;}
.month td .date{border-radius:15px; background:#6ba819; color:#fff; width:30px; height:30px; line-height:30px; margin:auto;}
.month td .today{border-radius:15px; background:#fff; color:#333; width:30px; height:30px; line-height:30px; margin:auto;}
.month td .closed{border-radius:15px; background:#ddd; color:#fff; width:30px; height:30px; line-height:30px; margin:auto;}
.month td .doday{border-radius:15px; color:#666; width:30px; height:30px; line-height:30px; margin:auto}
.month td .sat{border-radius:15px; background:#00a6ce; color:#fff; width:30px; height:30px; line-height:30px; margin:auto}
.month td .sun, .month td .holy{border-radius:15px; background:#ff7e00; color:#fff; width:30px; height:30px; line-height:30px; margin:auto}
.month td p{font:11px/14px 'NGothic'; color:#1788c3; margin-top:5px; height:20px; letter-spacing:-1px}
.month td .close{font:11px/14px 'NGothic'; color:#ff7e00; margin-top:5px}
.month td.onclick {cursor:pointer}
.month td a{color:#fff; display:block; width:auto;}
.txt_darkpink{color:#e705af !important}
.txt_skyBlue{color:#5d80c5 !important}
/* board */
.board li{background:url(../img/btn_view.gif) right 12px no-repeat; background-size:40px 27px; height:50px; border-bottom:1px solid #ddd; list-style:none;}
.board li a{display:block; width:auto; height:50px;}
.board li a img{float:left; width:80px; height:40px; margin:5px}
.board li .date{display:block; color:#00a6ce; font:11px/18px 'Verdana'; padding-top:5px; margin-left:15px;}
.board li .date .area{font:700 13px/20px 'Noto Sans', sans-serif; color:#2eabb2; margin-right:5px}
.board li .title{display:block; width:82%; font:14px/24px 'Noto Sans', sans-serif; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-left:15px;}
.board li .title2{display:inline-block; width:60%; font:14px/24px 'Noto Sans', sans-serif; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board li .titleMain{display:block; width:82%; height:47px; line-height:47px; color:#c2922d; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-left:10px; font-family:'Noto Sans', sans-serif;}
.board li .main_tit{display:block; width:82%; height:47px; line-height:47px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-left:15px;}

.gallery {border-top:2px solid #666}
.gallery ul:after{display:block; visibility:hidden; clear:both; height:0; width:0; content:''}
.gallery li{float:left; width:50%; border-bottom:1px dotted #666; list-style:none; padding:0; margin:8px 0 0 0}
.gallery li a{display:block; width:auto; padding:5px}
.gallery li a img{width:100%; height:85px; border:1px solid #666}

.page_nav{display:block; height:30px; text-align:center; margin-bottom:15px}
.page_nav a{display:inline-block; width:30px; height:30px; border:1px solid #666; text-align:center; background:rgba(0,0,0,0.3); font-size:12px; line-height:28px; color:#a2a2a2}
.page_nav a.on, .page_nav a:active{display:inline-block; width:30px; height:30px; border:1px solid #0083ca; text-align:center; background:#ff9000; font-size:12px; line-height:28px; color:#fff}

/* common text */
.txt_ac{text-align:center !important}
.txt_al{text-align:left !important}
.txt_ar{text-align:right}
.txt_small{font-size:0.75em}
.txt_medium{font-size:13px}
.txt_date{font:700 16px/50px 'Noto Sans', sans-serif; color:#1788c3; height:50px; text-align:center;}
.txt_point01{color:#e09200}
.txt_point02{color:#888}
.txtc_sat{color:#00a6ce !important}
.txtc_sun{color:#ff5e52 !important}
.txtc_green{color:#1788c3 !important}
strong{font-family:700 'Noto Sans', sans-serif !important}

/* common background */
.bg_point01{background:#e1eece;}
.mgT01{margin-top:10px}
.mgTB05{margin:5px 0}

/* common box */
.box01{margin:0 0 10px 10px;}
.box01 li{font-size:13px; line-height:18px; color:#666; list-style:disc; margin:0 0 6px 15px;}
.box01 li:last-child{margin-bottom:0}
.box01 li a{color:#f36d00}

/* common button */
.btn_small{display:inline-block; min-width:30px; background:#00a6ce; line-height:25px; text-align:center; color:#fff; font-size:12px; padding:0 3px}
.btn_small2{display:inline-block; min-width:30px; background:#f36d00; line-height:25px; text-align:center; color:#fff; font-size:12px; padding:0 3px}
.btn_big{display:block; height:30px; width:80px; background:#00a6ce; padding-bottom:2px; line-height:30px; text-align:center; color:#fff;}
.btn_big1{display:block; height:30px; width:80px; background:#999; padding-bottom:2px; line-height:30px; text-align:center; color:#fff;}
.btn_big2{display:block; height:30px; width:80px; background:#f36d00 ; padding-bottom:2px; line-height:30px; text-align:center; color:#fff;}
.btn_small a, .btn_small2 a{color:#fff; display:block; width:auto; height:20px}
.btn_big a, .btn_big1 a{color:#fff; display:block; width:80px; height:30px}
.btn_area{margin:20px 0; text-align:center}
.btn_area span{margin:0 3px; display:inline-block;}

/* common table */
.tbl01 {width:100%; table-layout:fixed; border-collapse:collapse; margin:10px 0 20px}
.tbl01 thead{font:13px/30px'Noto Sans', sans-serif; color:#b9b9b9; border-bottom:2px solid #666; background:rgba(0,0,0,0.5)}
.tbl01 tbody th{font:12px/16px 'Noto Sans', sans-serif; color:#b9b9b9; border:1px dotted #7f8181; border-right:none; border-left:none; padding:3px 0 5px; background:rgba(50,50,50,0.5); vertical-align:middle}
.tbl01 td{border:1px dotted #7f8181; border-left:none; border-right:none; color:#b9b9b9 ; text-align:center; padding:3px 0; vertical-align:middle; line-height:18px; font-size:13px; height:35px; letter-spacing:-1px}

.tbl02 {width:100%; table-layout:fixed; border-collapse:collapse; margin:5px 0; border-top:2px solid #1688c3}
.tbl02 th{font:700 13px 'Noto Sans', sans-serif; padding:8px 0; border-bottom:1px solid #ddd; color:#1688c3; letter-spacing:-2px; vertical-align:middle; background:#f4f4f4}
.tbl02 td{color:#999 ; text-align:center; vertical-align:middle; font:13px/18px NGothic; padding:8px 0; border-bottom:1px solid #ddd}
.tbl02 td > input{font:13px 'Noto Sans', sans-serif; background:#ddd; border:none; border-radius:3px; height:26px; color:#666; vertical-align:middle; margin:3px; text-align:center;}


.txt_al a > input {
    font: 13px 'Noto Sans', sans-serif;
    background-color: #cfcfcf;
    border: none;
    border-radius: 3px;
    height: 26px;
    color: #666;
    vertical-align: middle;
    margin: 3px;
    text-align: center;
}
.tbl02 td > input[readonly="true"] {background-color: #cfcfcf;}
.tbl02 td img, .tbl02 td input[checkbox] {vertical-align:middle}
.tbl02 td .btn{display:inline-block; background:#1688c3; border-radius:3px; text-align:center; color:#fff; font:12px/26px 'NGothic'; padding:0 5px; vertical-align:middle}
.tbl02 td .btn a{color:#fff; display:block; width:auto;}
.tbl02 td > label {vertical-align:middle}
.tbl02 select{font:13px 'NGothic'; background:#b9b9b9; border:none; border-radius:3px; height:28px; color:#fff; vertical-align:middle; margin-left:3px}

.tbl01 caption, .tbl02 caption, .tbl04 caption{padding:7px; color:#f26522; font:16px/25px 'Noto Sans', sans-serif; margin-top:10px}
.tbl03 {width:100%; border-collapse:collapse; table-layout:fixed; border-top:2px solid #1788c3; margin:5px 0;}  /* line table */
.tbl03 thead {background:#ddd; height:30px;}
.tbl03 thead th {border-right:1px solid #999; border-bottom:1px solid #999; font:13px/18px "NGothicB"; color:#1788c3; padding:5px 0; vertical-align:middle}
.tbl03 th:last-child, .tbl03 td:last-child {border-right:none}
.tbl03 tbody th {background:#f4f4f4; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font:13px/18px "NGothicB"; color:#1788c3; vertical-align:middle; padding:5px 0}
.tbl03 tfoot th {background:#f4f4f4; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font:13px/18px "NGothicB"; color:#1788c3; vertical-align:middle; padding:5px 0}
.tbl03 tfoot td{background:#fcfcfc}
.tbl03 td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:middle; color:#888; padding:8px 1px; font:13px/20px "NGothic"; text-align:center; letter-spacing:-1px}
.tbl03 td label{display:inline-block; font:12px/18px "NGothic"; color:#999; vertical-align:top}
.tbl03 td input{font:12px "NGothic"; height:20px; vertical-align:baseline; text-align:center}
.border_r{border:1px dotted #7f818 !important;}

.bbs_contents {padding:10px; border-bottom:1px solid #ddd; line-height:20px; margin:auto}
.bbs_contents p{margin-bottom:10px; color:#999}
.bbs_contents p:last-child{margin-bottom:0}
.bbs_contents p > img{width:100%; text-align:center}
.bbs_contents img{width:100%; text-align:center}

.tbl_join {width:100%; table-layout:fixed; border-collapse:collapse; margin:5px 0; border-top:2px solid #00a6ce}
.tbl_join th{font:13px'NGothicB'; text-align:left; padding:8px 0 8px 10px; border-bottom:1px solid #ddd; color:#00a6ce}
.tbl_join td{color:#999 ; text-align:left; vertical-align:middle; font:13px/18px NGothic; padding:4px; border-bottom:1px solid #ddd}
.tbl_join td > input{font:13px 'NGothic'; background:#ddd; border:none; border-radius:3px; height:26px; padding-left:4px; color:#666; vertical-align:middle;}
.tbl_join td img, .tbl_join td input[checkbox] {vertical-align:middle}
.tbl_join td .btn{display:inline-block; background-image:linear-gradient(180deg, #00aedd, #2d6c7c); background-image:-webkit-linear-gradient(-90deg, #00aedd, #2d6c7c); border-radius:3px; text-align:center; color:#fff; font:12px/26px 'NGothic'; padding:0 5px; margin-left:5px; vertical-align:middle}
.tbl_join td .btn a{color:#fff; display:block; width:auto;}
.tbl_join td > label {vertical-align:middle}
.tbl_join select{font:13px 'NGothic'; background:#b9b9b9; border:none; border-radius:3px; height:28px; color:#fff; vertical-align:middle; margin-left:2px}

/* background */
.bgsum{background:#f8f6ef}
.bgsumT{background:#eae6d9}

/* tap */
.tab_btn {height:30px;}
.tab_btn ul{padding:0}
.tab_btn ul li{float:left; width:48%; text-align:center; color:#a6a6a6; border-bottom:1px solid #666 ; background:#e8e8e8; font:14px/30px 'NGothicB'; letter-spacing:-2px; list-style:none; padding:0; margin:0}
.tab_btn ul li.on{background-color:#666;}
.tab_btn ul li.on a{color:#fff}
.tab_btn ul li:active{background-color:#666 ; color:#fff; cursor:pointer;}

/* login */
.login {width:280px; margin:50px auto 0; padding:20px 0; text-align:center; color:#ddd; background:rgba(0,0,0,0.5); border-radius:15px}
.login label{margin-right:10px; line-height:50px}
.login > input{margin-bottom:10px; padding:7px 0 7px 5px; width:206px; font:1em 'Noto Sans', sans-serif; background:#333; border:none; color:#999; text-align:center}
.login p{line-height:40px}
.login p > a{margin:0 10px}

/* pop */
.pop{display:block; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:999;}
.pop .box{position:fixed; top:18%; display:block; width:90%; margin-left:5%; background:#fff; border:3px solid #00a6ce;}
.pop .box h1{position:relative; font:700 15px/20px 'Noto Sans', sans-serif; color:#00a6ce; text-align:center; margin-top:10px}
.pop .box .popcnt{padding:5px; color:#ddd}
.pop .box .popcnt p{font:12px/18px 'NGothic'; margin:15px 0 10px; color:#666; text-align:center}
.pop .box .popcnt input{font:1em 'NGothic'; background:#ddd; border:none; border-radius:3px; height:30px; width:240px; color:#666; vertical-align:middle; letter-spacing:-1px; margin-bottom:5px; padding:0 5px; text-align:center}
.pop .box .popcnt .btn_big3 a{display:inline-block; height:30px; width:250px; border-radius:3px; background-image:linear-gradient(180deg, #00a6ce, #006f00); background-image:-webkit-linear-gradient(-90deg, #00a6ce, #006f00); padding-bottom:2px; line-height:28px; text-align:center; color:#fff;}
.pop .box .popcnt ul{max-height:200px; overflow:auto; padding:5px 10px 5px 0}
.pop .box .popcnt li{font-size:12px; line-height:18px; text-align:left; margin-bottom:5px}