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

/* 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;}
.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:#e0067d; text-decoration:none; cursor:hand; outline:0;}
a:active {color:#28241f;}
pre{font-size:12px;	width:100%;	overflow:auto; -webkit-overflow-scrolling:touch;}
textarea{width:95%; font:11px/14px '돋움'; background:#fcfcfc; color:#666; border:3px solid #ddd; padding:5px; margin:auto; resize:none}
iframe{line-height:0}

/* index */
.index{height:240px; background:url(../img/main01.jpg) center center no-repeat; background-size:cover}
.index h1{height:75px; text-align:center;}
.index .menu{position:absolute; width:40px; height:40px; top:16px; left:12px;}

.quick {position:relative; width:100%; height:400px;}

.quick ul{position:absolute; display:block; width:100%; height:400px; text-align:center;}
.quick ul li{display:block; width:100%; height:100px;}
.quick ul li.reserv{background:url(../img/bg_reserv.jpg) right center no-repeat; background-size:cover; text-align:left}
.quick ul li.rc{background:url(../img/bg_rc.jpg) left center no-repeat; background-size:cover; text-align:right}
.quick ul li.course{background:url(../img/bg_course.jpg) right center no-repeat; background-size:cover; text-align:left}
.quick ul li.map{background:url(../img/bg_map.jpg) left center no-repeat; background-size:cover; text-align:right}
.quick ul li a{display:block; width:auto; height:100px;}
.quick ul li img{vertical-align:middle}

.weather {position:relative; width:100%; height:45px; background:#999; z-index:100}
.weather ul{height:45px; font:13px/45px 'Noto Sans', sans-serif; color:#fff; letter-spacing:-1px; margin-left:10px}
.weather ul li{float:left; height:45px; width:120px}
.weather ul li a{display:inline-block; width:120px; height:45px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.weather ul li img{vertical-align:middle; width:25px; margin:-8px 5px 0 0}
.weather ul li span{line-height:18px; display:inline-block; width:80px; height:45px; vertical-align:middle; margin-top:3px; color:#fff}

.banner {margin-top:35px}
.banner img{background-size:cover}


/* menu title */
#page nav{display:none;}
#header, .header{background:#9c979f; font-size:16px; font-weight:bold; color:#fff; text-align:center; height:65px;}
#header, .header h1{height:65px; text-align:center; margin:auto; padding-top:2px; font:18px/73px 'Noto Sans', sans-serif; color:#eee; letter-spacing:-1px}
#header .left a{background:url(../img/btn_menu.png); background-size:contain; display:block; width:50px; height:50px; position:absolute; top:12px; left:10px;}
#header .right a{background:url(../img/logo1.png) no-repeat; background-size:contain; display:block; width:57px; height:68px; position:absolute; top:0px; right:20px;}
#content

.contents{padding:10px; line-height:24px;}
.contents .titbox { margin-top:30px; }
.contents .s_tit01{font:12px/18px 'Noto Sans', sans-serif; color:#999; padding-top: 50px; letter-spacing: -1px;}
.contents .tit01{display:inline-block; width:100%; font:700 15px/20px 'Noto Sans', sans-serif; color:#4aa6b6; border-bottom:2px solid #ddd; padding-bottom:5px}
.contents > p{font:13px/19px 'Noto Sans', sans-serif; color:#999; margin:10px 0 10px; line-height:24px; }
.contents > p strong{font:700 14px/20px 'Noto Sans', sans-serif; color:#666; margin:10px 0 20px}
.contents ul{margin:10px 0 20px}
.contents ul li{font:14px/22px 'Noto Sans', sans-serif; color:#666; list-style-image:url(../img/listicon.png); margin:0 0 5px 20px}
.contents ul li strong{font:700 14px/22px 'Noto Sans', sans-serif;}

/* 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{background:#eee ; 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, .gnb2 > ul > li a{display:block; width:auto; height:46px; color:#999 !important;}
.gnb > ul > li.on a, .gnb2 > ul > li.on a{color:#6e6273 !important;}
.gnb > ul > li:nth-child(2) {width:34%}
.gnb > ul > li a:active, .gnb2 > ul > li a:active{display:block; width:auto; height:43px; background:#eee; border-bottom:3px solid #9cb12f; color:#9cb12f !important}
.gnb > ul > li.on, .gnb2 > ul > li.on{background:#eee; border-bottom:3px solid #6e6273; height:43px; color:#6e6273 !important}
.gnb2 > ul > li{width:50%; 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%}

.fullselect{height:40px;}
.fullselect select { width:100%; height:35px; font:15px/35px 'Noto Sans', sans-serif; background:#b9b9b9; border:none; border-radius:3px;  color:#fff; text-indent:10px}

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:#999; text-align:center; line-height:28px; color:#fff}
ul.hole > li.on a{display:block; width:28px; height:28px; border-radius:14px; background:#3c899c; 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 .left{position:absolute; display:block; width:25px; height:25px; top:24px; left:15px; line-height:0}
.cal_tit .left a, .cal_tit .right a{display:block; width:auto; height:25px}
.cal_tit .right{position:absolute; display:block; width:25px; height:25px; top:24px; right:15px; 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 #adaaaf;}
.month tbody tr{height:50px;}
.month th {height:30px;}
.month td {font:15px/18px 'Noto Sans', sans-serif; color:#333; text-align:center; border-bottom:1px solid #ddd; padding-top:7px;}
.month td .today{border-radius:15px; background:#2fb181; color:#fff; 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 .date{border-radius:15px; background:#6ba819; color:#fff; width:30px; height:30px; line-height:30px; margin:auto;}
.month td .sat{border-radius:15px; color:#4da1cd; width:30px; height:30px; line-height:30px; margin:auto}
.month td .sun, .month td .holy{border-radius:15px; color:#ff7e00; width:30px; height:30px; line-height:30px; margin:auto}
.month td p{font:11px/14px 'NGothic'; color:#e0067d; margin-top:5px; height:20px; letter-spacing:-1px}
.month td .close{font:11px/14px 'NGothic'; color:#a2a2a2; margin-top:5px}
.month td.onclick {cursor:pointer}
.month td a{color:#fff; display:block; width:auto;}

.join {width:100%; table-layout:fixed; border-collapse:collapse; margin:0 auto 20px}
.join thead {font:16px/40px 'Noto Sans', sans-serif; color:#666; border-bottom:3px solid #9cb12f;}
.join th {height:30px;}
.join td {font:11px/18px 'Noto Sans', sans-serif; color:#333; text-align:center; border-bottom:1px solid #ddd; padding-top:5px;}
.join td p{font:13px/14px 'NGothic'; color:#4da1cd; height:25px; letter-spacing:-1px; margin:5px auto; text-align:center}
.join td p span{display:block; width:38px; margin:auto}
.join td a{color:#fff; display:block; width:auto;}

/* 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:#6e6273; font:11px/18px 'Verdana'; padding-top:5px; margin-left:15px;}
.board li .date .area{font:700 13px/20px 'Noto Sans', sans-serif; color:#3c899c; 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 !important}
.txt_small{font-size:0.75em}
.txt_medium{font-size:13px}
.txt_date{font:700 16px/50px 'Noto Sans', sans-serif; color:#6e6273; height:50px; text-align:center;}

.txt01{font:13px/20px 'Noto Sans', sans-serif; color:#999; text-align:center; margin:5px 0 10px}

.txt_point01{color:#e09200}
.txt_point02{color:#888}
.txtc_sat{color:#00a6ce !important}
.txtc_sun{color:#ff5e52 !important}
.txtc_green{color:#4da1cd !important}

.tit02{height:30px; font:700 15px/30px 'Noto Sans', sans-serif; color:#6e6273; margin:20px 0 5px 0}
strong{font-family:700 'Noto Sans', sans-serif !important}

/* common background */
.bg_point01{background:#e1eece;}
.mgT10{margin-top:10px !important}
.mgT20{margin-top:20px !important}
.mgTB5{margin:5px 0}

/* common box */
.box01{border:2px solid #d0d0d0; border-radius:5px; padding:10px; background:#eee; margin:8px;}
.box01 li{margin-bottom:6px; font-size:13px; line-height:18px; color:#666; list-style:disc; margin-left:15px}
.box01 li:last-child{margin-bottom:0}
.box01 li a{color:#f36d00}

/* common button */
.btn_s01{display:inline-block; min-width:30px; background:#3c899c; border-radius:5px; line-height:25px; text-align:center; color:#fff; font-size:12px; padding:0 3px}
.btn_s02{display:inline-block; min-width:30px; background:#999; border-radius:5px; line-height:25px; text-align:center; color:#fff; font-size:12px; padding:0 3px}
.btn_b01{display:block; height:30px; min-width:80px; background:#3c899c ; padding-bottom:2px; border-radius:6px; line-height:30px; text-align:center; color:#fff;  padding:0 8px}
.btn_b02{display:block; height:30px; min-width:80px; background:#999; padding-bottom:2px; border-radius:6px; line-height:30px; text-align:center; color:#fff; padding:0 8px}
.btn_b03{display:block; height:30px; min-width:80px; background:#4da1cd ; padding-bottom:2px; border-radius:6px; line-height:30px; text-align:center; color:#fff; padding:0 8px}
.btn_s01 a, .btn_s02 a{color:#fff; display:block; width:auto; height:20px}
.btn_b01a, .btn_b02 a, .btn_b03 a{color:#fff; display:inline-block; min-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; border-top:2px solid #7a7b7f; }
.tbl02 th{font:700 13px 'Noto Sans', sans-serif; padding:8px 0; border-bottom:1px solid #ddd; color:#757575; letter-spacing:-1px; vertical-align:middle; background:#fcfcfc}
.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;}
.tbl02 td img, .tbl02 td input[checkbox] {vertical-align:middle}
.tbl02 td a{margin:0 5px}
.tbl02 td .btn{display:inline-block; background:#3c899c; 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, .tbl03 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 #6e6273;}  /* line table */
.tbl03 thead {background:#f4f4f4; height:30px;}
.tbl03 thead th {border-right:1px solid #ddd; border-bottom:1px solid #ddd; font:13px/18px "NGothicB"; color:#6e6273; padding:5px 0; vertical-align:middle}
.tbl03 th:last-child, .tbl03 td:last-child {border-right:none}
.tbl03 tbody th {background:#fcfcfc; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font:700 14px/18px 'Noto Sans', sans-serif; color:#6e6273; vertical-align:middle; padding:8px 0; text-align:center;}
.tbl03 tfoot th {background:#fcfcfc; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font:700 13px/18px 'Noto Sans', sans-serif; color:#6e6273; 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 2px; 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}
.tbl03 td input[type=radio]{vertical-align:middle}
.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 #57a5b8}
.tbl_join th{font:13px'NGothicB'; text-align:left; padding:8px 0 8px 10px; border-bottom:1px solid #ddd; color:#57a5b8}
.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 li{float:left; width:49%; text-align:center; color:#a6a6a6; border-bottom:1px solid #666 ; background:#e8e8e8; font:14px/30px 'Noto Sans', sans-serif; letter-spacing:-2px; list-style:none; padding:0; margin:0}
.tab_btn li.on{background-color:#aaaaaa; color:#fff;}
.tab_btn 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.7); border-radius:10px}
.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:transparent; border:none; border-bottom:1px solid #666; color:#eee; text-align:center}
.login p{line-height:40px}
.login p > a{margin:0 10px; color:#ddd}

.txt_box1 {overflow-x:hidden; overflow-y:scroll; width:100%; height:150px; padding:10px; box-sizing:border-box; text-align:left; font:13px/18px 'Noto Sans', sans-serif; border-top: 2px solid #4da1cd;  border-bottom:1px solid #ddd; background:#fcfcfc}


/* weater */
.weater {width:220px; margin:34% auto 0; padding:10px 0; text-align:center; color:#ddd; background:rgba(0,0,0,0.6); border-radius:10px; }
.weater>div { float:left; }
.weater>div img { margin-left:15px; width: 70px; height: 62px;}
.weater .w_tit { text-align: left; font-size: 12px; margin-left: 10px; }
.weater .w_tit>span{ font-size: 26px; }


/* 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-radius:5px;}
.pop .box h1{position:relative; font:700 16px/30px 'Noto Sans', sans-serif; color:#666; text-align:center; margin-top:10px; border-bottom:2px solid #4da1cd}
.pop .box .popcnt{padding:10px; color:#ddd}
.pop .box .popcnt p{font:14px/18px 'NGothic'; margin:15px 0; 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 ul{ margin-bottom:20px}
.pop .box .popcnt ul li{font:13px/18px 'NGothic'; color:#666; text-align:left; margin-bottom:5px}

/*course*/
.course_list { text-align:center; }
.course_list a  { display: inline-block; width: 140px; height: 34px;  background: #ccc; text-align:center; font:16px/32px 'Noto Sans', sans-serif; font-weight:700; color: #666; }
.course_list a.cour_on { background: #6e6273; color: #fff; }


/* footer */
#footer { position: absolute; bottom: 0; left:0; right:0; margin: auto; }
.notic_line { width: 100%; height:30px; background:rgba(0,0,0,0.6); text-align:center; color: #fff; line-height: 30px; margin-bottom: -10px;}
.notic_line a{ color: #fff; font-size:16px; }

.go_btn li { float:left; width:33.3%; height:80px; text-align: center; border-right: 1px solid #ccc;}
.go_btn li:last-child { border: none;}
.go_btn li img { margin-top:5px; }

.go_btn li a { display: block; width:100%; height:80px;  }
.go_btn li a.btn1 { background: #9c979f; }
.go_btn li a.btn2 { background: #da4559; }

.clear:after{ /*자식이 모두 float 을 사용할때 부모가 높이를 갖게 하기 위함*/
	content: "";
	display: block;
	clear: both;
	*zoom:1; /*IE8 이하버전 대응*/