/*  공통  */
.e_font {font-family: 'Anton', sans-serif;}
.font_color {color: #b11515;}
.gray_bg {background: #f4f4f4;}
.gray_line {display: block; width: 100%; height: 1px; background: #d9d9d9;}
.sub_title {font-size: 35px;}
.mar_t_100 {margin-top: 100px;}
.mar_b_100 {margin-bottom: 100px;}
.mar_t_80 {margin-top: 80px;}
.mar_b_80 {margin-bottom: 80px;}
.mar_t_40 {margin-top: 40px;}
.mar_b_40 {margin-bottom: 40px;}
.mar_t_20 {margin-top: 20px;}
.mar_b_20 {margin-bottom: 20px;}
.pad_t_100 {padding-top:100px;}
.pad_b_100 {padding-bottom: 100px;}
.pad_t_80 {padding-top:80px;}
.pad_b_80 {padding-bottom: 80px;}
.kakao {width:100px; position:fixed; bottom: -700px;  right: 2%; z-index:9999;}


/*  헤더  */
/*스크롤 전*/
#main_header {width: 100%; height: 120px; border-bottom: none;}
#main_header h1 {margin-top: 30px; width: 100px; height: 60px; background: url('/images/logo_white.png') no-repeat; text-indent: -9999px;background-size: 100px;}
#main_header ul {margin-top: 30px;}
#main_header ul li {font-family: 'Noto_light', sans-serif; color: white; font-size: 18px; line-height: 50px; padding: 0 35px; transition: 0.3s; position: relative;}
#main_header ul li a {display: block; transition: none;}
/*스크롤 후*/
#main_header.change {background: rgba(255,255,255,0.95); border-bottom: 1px solid #ddd; z-index: 9999;}
#main_header.change h1 {background: url('/images/logo_black.png') no-repeat; background-size: 100px;}
#main_header.change ul li {color: #666;transition: 0.1s;}
/*메뉴 호버 후*/
#main_header ul li:before, #main_header ul li:after {
  height: 2px; width: 35%; background-color: #b11515; position: absolute; content: ''; opacity: 0;}
#main_header ul li:before { top: 0; left: 0;}
#main_header ul li:after { bottom: 0; right: 0;}
#main_header ul li:hover a {color: #b11515; font-weight: bold;}
#main_header ul li:hover:before,#main_header ul li.hover:before, #main_header ul li:hover:after, #main_header ul li.hover:after {opacity: 1;}
#main_header ul li:hover:before, #main_header ul li.hover:before {left: 55%;}
#main_header ul li:hover:after, #main_header ul li.hover:after {right: 55%;}

/*  푸터  */
footer {background: #262626;}
footer h1 {width: 148px; height: 84px; background: url('/images/logo_gray.png') no-repeat; text-indent: -9999px;background-size: 148px; margin: 0 auto 30px;;}
footer .info {border-top: 1px solid #666; border-bottom: 1px solid #666; padding: 20px 20px 10px; position: relative; width: 600px; transform: translateX(-50%); left: 50%;}
footer .info li  {color: #666; font-size: 15px; margin-bottom: 10px; letter-spacing: -0.3px;}
footer .info li h5 {color: #999; display: inline-block; margin-right: 20px;}
footer .info li .tel_icon {background: url('/images/tel_icon.png') no-repeat; display: inline-block; width: 15px; height: 15px; background-size: 15px; margin-right: 5px; margin-left: 10px; vertical-align: bottom;}
footer .info li .addr_icon {background: url('/images/addr_icon.png') no-repeat; display: inline-block; width: 15px; height: 15px; background-size: 15px;margin-right: 5px; vertical-align: bottom;}
footer .copy {text-align: center; font-size: 13px; margin-top: 20px; letter-spacing: -0.3px;}




/*  메인페이지  */

/*메인이미지*/
#main_img {width: 100%; height: 1000px; background: url('/images/main_img.jpg') no-repeat center; background-size: cover;}

/*메인슬로건*/
.main_slogan {font-size: 90px; line-height: 100px; text-align: center; padding: 20px 0; border-top: 3px solid #333; border-bottom: 3px solid #333; display: inline-block;}
.main_slogan .spacing {letter-spacing: 3px;}

/*메인 슬라이드*/
.main_quick .owl-carousel li {position: relative;}
.main_quick .owl-carousel .title {position: absolute; z-index: 99; transform: translateX(-50%) translateY(-50%); left: 50%; top: 50%; text-align: center;}
.main_quick .owl-carousel .title h3 {color: white; font-size: 45px; font-weight: bold; padding: 40px; border-top: 1px solid #999; border-bottom: 1px solid #999;}
.main_quick .owl-carousel .title p {color: #999;}
.main_quick .owl-carousel .owl-dots {position: absolute; bottom: 20px; left: 20px;}
.main_quick .owl-carousel .owl-dot {margin-right: 10px;}
.main_quick .owl-carousel .owl-dot span:before {font-family: 'Anton', sans-serif; font-size: 13px; width: 40px; height: 40px; display: inline-block; line-height: 40px; border-radius: 40px; text-align: center; border: 1px solid #444; color: #444; }
.main_quick .owl-carousel .owl-dot:nth-child(1) span:before {content: '1';}
.main_quick .owl-carousel .owl-dot:nth-child(2) span:before {content: '2';}
.main_quick .owl-carousel .owl-dot:nth-child(3) span:before {content: '3';}
.main_quick .owl-carousel .owl-dot.active span:before {border: 1px solid #999; color: white;}

/*메인 유튜브*/
#main_latest .title {font-size: 35px; text-align: center;}
#main_latest .title .line {width: 40px; height: 2px; display: block; margin: 20px auto 30px; background: #333;}
#main_latest .video_wrap {width: 54%;}
#main_latest .video {width: 100%; height: 350px; background: #333;}
#main_latest .notice {width: 44%; margin-left: 2%;}




/*  소개페이지  */

/*상단이미지*/
#sub_title {width: 100%; height: 700px; background: url('/images/sub_title.png') no-repeat center; background-size: cover;}

/*관훈*/
.motto li {float: left; width: 200px; height: 200px; border-radius: 200px; border: 1px solid #d9d9d9; text-indent: -9999px; margin-right: 3%;}
.motto li.motto_1 {background: url('/images/motto_1.png') no-repeat center; background-size: 47px; }
.motto li.motto_2 {background: url('/images/motto_2.png') no-repeat center; background-size: 47px; }
.motto li.motto_3 {background: url('/images/motto_3.png') no-repeat center; background-size: 47px;}
.motto li.motto_4 {background: url('/images/motto_4.png') no-repeat center; background-size: 47px;}

/*로고다운*/
.down li {font-size: 15px; width: 200px; height: 50px; border: 1px solid #d9d9d9; line-height: 50px; text-align: center; margin-right: 20px;}
.down li img {width: 20px; vertical-align: sub; margin-right: 5px;}
.down li a {display: block;}
.logo_img {width: 100%; height: 300px; border: 1px solid #d9d9d9; background: url('/images/logo_pattern.jpg') repeat; position: relative;}
.logo_img img {position: absolute; transform: translateX(-50%) translateY(-50%); left: 50%; top: 50%; width: 350px;}

/*프로필*/
.profile_main h4 {font-size: 75px; color: #ccc; float: left;}
.profile_main p {float: left; font-weight: bold; margin-left: 20px; line-height: 25px;}

/*무에타이소개*/
.history li {float: left; border-radius: 5px; background: #f4f4f4; width: 18%; height: 150px; margin-right: 2%; margin-bottom: 2%; padding: 20px;}
.history li h5 {font-size: 18px; color: #999; margin-bottom: 15px; letter-spacing: 0px;}
.history li.current {background: #b11515; }
.history li.current h5 {color: white;}
.history li.current p {color: white;}
#muay_story ul li {width: 100%; height: 400px; position: relative;}
#muay_story ul li.story_1 { background: url('/images/story_1.jpg') no-repeat center;}
#muay_story ul li.story_2 { background: url('/images/story_2.jpg') no-repeat center;}
#muay_story ul li.story_3 { background: url('/images/story_3.jpg') no-repeat center;}
#muay_story ul li.story_4 { background: url('/images/story_4.jpg') no-repeat center;}
#muay_story ul li h5 {font-size: 35px; color: white;}
#muay_story ul li p {color: white; line-height: 25px;}
#muay_story ul li .text {position: absolute; transform: translateX(-50%) translateY(-50%); left: 50%; top: 50%;}

/*  지관페이지  */

/*탭*/
.branch_tab {border: 1px solid #d9d9d9;}
.branch_tab li {width: 20%; line-height: 50px; text-align: center; font-size: 18px; border-right: 1px solid #d9d9d9; color: #ccc; transition: none;}
.branch_tab li:last-child {border-right: 0;}
.branch_tab li:hover {color: #333; background: #f4f4f4;}
.branch_tab li.active {background: #b11515; color: white;}
.branch_tab li a {display: block;}

/*지관 타이틀 이미지*/
.branch_bg {width: 100%; height: 300px; position: relative;}
.branch_bg.daesin_bg {background: url('/images/daesin.jpg') no-repeat center;background-size: cover;}
.branch_bg.hadan_bg {background: url('/images/hadan.jpg') no-repeat center;background-size: cover;}
.branch_bg.gaya_bg {background: url('/images/gaya.jpg') no-repeat center;background-size: cover;}
.branch_bg.myeongji_bg {background: url('/images/myeongji.jpg') no-repeat center;background-size: cover;}
.branch_bg.sinpyeong_bg {background: url('/images/sinpyeong.jpg') no-repeat center;background-size: cover;}
.branch_bg .text {position: absolute; transform: translateX(-50%) translateY(-50%); left: 50%; top: 50%; text-align: center;}
.branch_bg .text h3 {color: white; font-size: 100px; margin-bottom: 30px;}
.branch_bg .text p {color: white; font-size: 25px; letter-spacing: 10px;}

/*시간표*/
table.class {width: 100%;}
table.class th, table.class td {height: 40px; vertical-align: middle; text-align: center; font-size: 18px; color: #666; line-height: 25px;}
table.class tr:first-child {background: #fff3f3; border-top: 1px solid #fad5d5; border-bottom: 1px solid #fad5d5; }
table.class tr:last-child {border-bottom: 1px solid #fad5d5;}
table.class tr:nth-child(2) td:nth-child(2) {border-bottom: 1px solid #fad5d5;    padding: 0 10px;}
table.class tr:first-child th {font-size: 18px; color: #666; letter-spacing: 0; border-right: 1px solid #fad5d5; width: 50%;}
table.class tr:first-child th:first-child {border-left: 1px solid #fad5d5;}
table.class td.gray {background: #f9f9f9;}

/*요금*/
table.cost {width: 100%;}
table.cost th, table.cost td {height: 40px; vertical-align: middle; text-align: center; font-size: 18px; color: #666; line-height: 25px;}
table.cost tr:first-child {background: #fff3f3; border-top: 1px solid #fad5d5; border-bottom: 1px solid #fad5d5; }
table.cost tr:first-child th {font-size: 18px; font-weight: bold; color: #666; border-right: 1px solid #fad5d5; width: 25%;}
table.cost tr:first-child th:first-child {border-left: 1px solid #fad5d5;}
table.cost td.gray {background: #f9f9f9;}
table.cost tr:last-child {border-bottom: 1px solid #fad5d5;}
.cost_info {font-size: 15px; margin-top: 20px;}

/*지관정보*/
.branch_info #map {width: 48%; height: 250px; background: #999; margin-right: 2%; float:left;}
.branch_info .text {width: 48%; height: 250px; padding: 30px; border: 1px solid #d9d9d9; float:left;}
.branch_info .text h5 {    font-family: 'Noto_regular';font-size: 18px; font-weight: bold; color: #666; margin-bottom: 20px;}
.branch_info .text table tr {height: 30px;}
.branch_info .text table th {color: #999; font-size: 15px; width: 80px; text-align: left; vertical-align: middle;}
.branch_info .text table td {color: #666; font-size: 15px; vertical-align: middle;}


/*  프로그램페이지  */
.program .list {background: white; }
.program .list .img_box {float: left; width: 33%;}
.program .list .img_box.muay {background: url('/images/program_1.jpg') no-repeat top center; background-size: cover; padding-bottom: 30%;}
.program .list .img_box.core {background: url('/images/program_2.jpg') no-repeat center; background-size: cover; padding-bottom: 30%;}
.program .list .img_box.cordi {background: url('/images/program_3.jpg') no-repeat center; background-size: cover; padding-bottom: 30%;}
.program .list .img_box.bell {background: url('/images/program_4.jpg') no-repeat center; background-size: cover; padding-bottom: 30%;}
.program .list .img_box.tabata {background: url('/images/program_5.jpg') no-repeat center; background-size: cover; padding-bottom: 30%;}
.program .list .text {float: left; width: 67%; padding: 3%;}
.program .list .text h4 {font-size: 30px; font-weight: bold; margin-bottom: 20px;}











/*  게시판  */
/*버튼*/
#bo_list a.btn_b02, #bo_gall a.btn_b02 {background: #666; color: #fff;border-radius: 5px; font-size: 13px; font-weight: normal;}
#bo_list a.btn_admin {background: white; color: #666; font-size: 13px; border: 1px solid #ddd; border-radius: 5px;}
#bo_list a.btn_admin:focus, #bo_list .btn_admin:hover, #bo_gall a.btn_admin:focus, #bo_gall .btn_admin:hover {background: white; color: #666; font-size: 13px; border: 1px solid #ddd; border-radius: 5px;}
.btn_submit, .bo_vc_w .btn_submit {background: #333; color: #fff;border-radius: 5px; font-size: 13px; font-weight: normal;    vertical-align: bottom;}
.btn_submit:hover {background: #b11515;}
a.btn_cancel {font-size: 13px; font-weight: normal; border-radius: 5px;}
a.btn_admin, .btn_admin, a.btn_b01, .btn_b01, .btn_b01:hover, .btn_b01:hover {background: white; color: #666; font-size: 13px; border: 1px solid #ddd; border-radius: 5px;cursor:pointer;}


#bo_v a.btn_admin {background: white; color: #666; font-size: 13px; border: 1px solid #ddd; border-radius: 5px; }

#bo_v a.btn_b01 {background: white; color: #666; font-size: 13px; border: 1px solid #ddd; border-radius: 5px;}
#bo_v a.btn_b02 {background: #666; color: #fff;border-radius: 5px; font-size: 13px; font-weight: normal;}



/*리스트*/
.empty_list {font-size:13px; color:#ddd;}
.tbl_wrap table {border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-left:none; border-right:none;}
#bo_list_total {font-size: 13px; color:#666; background:none; padding:0;}
#bo_list .tbl_head01 thead th {vertical-align: middle; font-size:13px; display: none;}
#bo_list .tbl_head01 td {vertical-align: middle; font-size:18px; height: 100px;}
#bo_list tbody tr {transition:none;}
#bo_list tbody tr .td_subject {transition:none;}
#bo_list tbody tr:hover {border:none;}
.tbl_head01 tbody tr:hover td {background:none;}
#bo_list tbody tr:hover .td_subject {text-indent: 5px; text-decoration:underline; }
#bo_list .bo_tit .fa-lock {text-indent: 0; background:#333;border: none; line-height: 16px; color: white;}
#bo_list .td_name {text-align:center;}
#bo_list .td_num, #bo_list .td_datetime {color:#666;font-style: inherit;}
#bo_list .tbl_head01 thead th.th_date, #bo_list .td_datetime {width:100px;}
#bo_list .td_num {display: none;}

/*읽기*/
#bo_v_title .bo_v_tit {font-size:30px; font-weight:bold; margin:0;}
#bo_v_info {font-size:13px;}
#bo_v_con {font-size:15px; color:#666; line-height:23px;}
#bo_v_con span, #bo_v_con p {font-family: 'Noto_demi', sans-serif !important;}
.bo_v_nb li {font-size:15px;}
.bo_v_nb li .nb_tit {color: #b11515;}
#bo_vc header {font-size: 13px;}
.bo_vc_act li a {font-size: 11px;}
#bo_vc .cmt_contents {    background-color: whitesmoke; border:1px solid #ddd;}
.cmt_btn {color: #333; font-size: 15px; border-bottom: 1px solid #ddd; background: url(/images/select.png) no-repeat 85px 8px;}


/*쓰기*/
#bo_w .write_div {font-size: 13px;}
#bo_w .bo_w_tit .frm_input {font-size: 15px;}
#bo_w button.btn_frmline {font-size:13px;}
#bo_w .write_div.option {font-size:13px;}






/*  페이징  */
.pg_wrap {clear:both;margin:30px 0 ;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg_page, .pg_current {display:inline-block; vertical-align:middle; border:1px solid #ddd; background: white;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#555;font-size:15px;height:40px;line-height:38px;padding:0 5px;min-width:40px; border-radius: 0;}
.pg_page:hover{background-color:#ddd}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ddd;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ddd}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ddd}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ddd}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}

.pg_current {display:inline-block;background:#001a57;color:#fff;font-weight:bold;height:40px;line-height:40px;padding:0 10px;min-width:40px;border-radius:0px; box-shadow: none; font-size: 15px;}