@charset "utf-8";

/* 웹폰트 */
@font-face {
    font-family:'SUIT';
    src: url('/parkgolf/webfont/SUIT-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family:'SUIT';
    src: url('/parkgolf/webfont/SUIT-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family:'SUIT';
    src: url('/parkgolf/webfont/SUIT-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family:'SUIT';
    src: url('/parkgolf/webfont/SUIT-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family:'SUIT';
    src: url('/parkgolf/webfont/SUIT-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* 초기화 */
html {overflow-y:scroll}
body {width:100%;min-width:320px;margin:0;padding:0;font-weight:500;font-size:0.775em;font-family:'SUIT', 'Malgun Gothic', sans-serif;background:#fff;color:#333}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-weight:700;font-size:1em;font-family:'SUIT', 'Malgun Gothic', sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul, dl, dt, dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button, select, textarea {margin:0;padding:0;font-size:1em;font-family:'SUIT', 'Malgun Gothic', sans-serif}
input, button, textarea {-webkit-appearance:none;appearance:none}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}
select {margin:0;background:none}
p {margin:0;padding:0;word-break:break-all}
a {color:#000;text-decoration:none}
*, :after, :before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}


/* 공통 */
.clear {clear:both}
.tac {text-align:center !important}
.tal {text-align:left !important}
.tar {text-align:right !important}
.fl {float:left !important}
.fr {float:right !important}
.pointer {cursor:pointer}
.bold {font-weight:bold}
.ovfh {overflow:hidden}
.list_init {margin:0;padding:0;list-style:none}
.readonly, .disabled {background-color:#ddd}
.al{text-align:left !important;}
.dpb_pc{display:none}
.cl_blue {color:#0b3797 !important} 
.cl_red {color:#ed1556 !important}

.mgt0 {margin-top:0 !important}
.mgt5 {margin-top:5px !important}
.mgt10 {margin-top:10px !important}
.mgt15 {margin-top:15px !important}
.mgt20 {margin-top:20px !important}
.mgr0 {margin-right:0 !important}
.mgl0 {margin-left:0 !important}
.mgb0 {margin-bottom:0 !important}
.mgb5 {margin-bottom:5px !important}
.mgb10 {margin-bottom:10px !important}
.mgb20 {margin-bottom:20px !important}
.mgb50 {margin-bottom:50px !important}
.pdt0 {padding-top:0 !important}
.pdb0 {padding-bottom:0 !important}
.pdb10 {padding-bottom:10px !important}
.pdb20 {padding-bottom:20px !important}
.pdl0 {padding-left:0 !important}
.pdl5 {padding-left:5px !important}
.pdl10 {padding-left:10px !important}
.pdl20 {padding-left:20px !important}

.nbg {background:none !important}
.w100 {width:100%}
.inputw10 {width:9.5%}
.inputw20 {width:19.5%}
.inputw30 {width:29.5%}
.inputw70 {width:69.5%}
.inputw80 {width:79.5%}
.inputw90 {width:89.5%}

/* 반투명 검은 배경 */
#blackback {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); z-index:998;}

.ellipsis1 {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ellipsis2 {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.ellipsis3 {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

.visual .bg_vis li .vis_img{position:absolute; left:0; top:0; z-index:100; width:100%; height:100%; overflow:hidden; background-size:cover !important; -webkit-transition:all 1.5s ease 0s; transition:all 1.5s ease 0s; -webkit-transform:scale(1.5, 1.5) rotate(0.1deg); transform:scale(1.5, 1.5) rotate(0.1deg); z-index:30}
.visual .bg_vis li.vis_on .vis_img{-webkit-transform:scale(1) rotate(0.1deg); transform:scale(1) rotate(0.1deg);}
.youtube_wrap {position:relative;width:100%;padding-bottom:56.25%}
.youtube_wrap iframe {position:absolute;left:0;top:0;width:100%;height:100%}


/* 헤더 */
#header{width:100%; height:124px; background:#fff}
#header .header_gnb{width:100%; border-bottom:1px solid #d4d4d4;}
#header .header_gnb .in_1200{display:flex; justify-content:space-between;}
#header .header_gnb li{float:left; position:relative}
#header .header_gnb a{font-size:1.333em; font-weight:400; display:block; line-height:45px; color:#333; padding:0 8px}
#header .header_gnb .fl li:first-child:after{position:absolute; right:-2px; top:21px; width:3px; height:3px; border-radius:50%; background:#b9b9b9; content:''}
#header .header_gnb .fr li:first-child{background:#f0f0f0}
#header .header_gnb .fr li:last-child{background:#2fb088}
#header .header_gnb .fr li:last-child a{color:#fff; font-weight:700;}
#header .header_top{position:relative;border-bottom:1px solid #d4d4d4;}
#header .header_top .in_1200{position:relative; width:100%; display:flex; padding:0 65px 0 10px; justify-content:space-between}
#header .header_top .logo{width:60%; max-width:224px; height:77px; display:block; background:url(../images/top_logo.jpg) center no-repeat; background-size:100% auto}
#header .header_top .toggle{position:absolute; right:0; top:0; width:36px; height:77px; cursor:pointer; padding:19px 0 0; margin-right:15px}
#header .header_top .toggle span{width:100%; height:2px; background:#333; display:block; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#header .header_top .toggle .tg01{margin:9px 0 0; background:#2fb088}
#header .header_top .toggle .tg02{margin:8px 0; background:#000}
#header .header_top .toggle .tg03{margin:0 0 9px; background:#000}
#header .header_top .toggle.close span:nth-child(1){-webkit-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); -o-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg);}
#header .header_top .toggle.close span:nth-child(2){opacity: 0;}
#header .header_top .toggle.close span:nth-child(3){-webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); -o-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg);}


/* 메뉴 */
#header .hd_menu_bg {display:none;overflow:hidden;position:absolute;left:0;top:158px;z-index:500;width:100%; background:#f8f8f8; border-bottom:1px solid #d4d4d4}
#header .hd_menu_bg > div {height:100%}
#header .container_menu {position:relative}
#hd_menu {display:none;position:absolute;top:-1px;left:0;z-index:1000;width:100%;background:#f5f5f5; border-top:2px solid #1f4bad}
#hd_menu .main_menu > li{border-bottom:1px solid #ddd; background:#fff}
#hd_menu .main_menu > li > a {display:block; padding:15px 0 15px 30px; font-size:1.375em; line-height:1.5; color:#232323}
#hd_menu .sub_menu {display:none; padding:5px 0; background:#f5f5f5}
#hd_menu .sub_menu > ul > li > a{display:block; padding:5px 20px 5px 40px; font-size:1.333em; line-height:1.6; color:#555}
#hd_menu .sub_menu > ul > li.on > a {color:#1f4bad}

/* 메인컨텐츠 - 공통*/
.col_g{color:#2fb088 !important}
.col_b{color:#1f4bad !important}

/* 메인컨텐츠 - main_booking*/
.boarda .n_con:not(.tabsel){display:none}
.main_booking{padding:35px 15px 40px; text-align:center; width:100%; background:#fff url(../images/bg_booking.svg) left -50px bottom -50px no-repeat; background-size:80%}
.main_booking h3{font-size:2.75em; font-weight:700; letter-spacing:-0.7px; word-break:keep-all; padding:195px 0 20px; background:url(../images/character.jpg) center top no-repeat; line-height:1.5; background-size:auto 180px}
.main_booking .boarda_btn ul{display:flex; flex-wrap:wrap; justify-content:center;}
.main_booking .boarda_btn li, .main_booking .boarda_btn li:after{transition:all .6s ease-in-out}
.main_booking .boarda_btn li{margin:10px; text-align:left; width:calc(50% - 20px); display:flex; align-items:center; border:2px solid #1f4bad; position:relative; height:100px; border-radius:106px; background:#fff; cursor:pointer}
.main_booking .boarda_btn li:after{position:absolute; right:16px; top:50%; transform:translateY(-50%); width:39px; height:39px; border-radius:50%; background:#ececec url(../images/icon_arr.svg) center no-repeat; background-size:13px auto; content:''}
.main_booking .boarda_btn li p{font-size:1.925em; font-weight:700;padding:0 63px 0 38px}
.main_booking .boarda_btn li p span{font-size:0.77em; color:#696969}
.main_booking .boarda_btn li.selected{border:2px solid transparent; background:#1f4bad}
.main_booking .boarda_btn li.selected:after{background-color:#fff}
.main_booking .boarda_btn li.selected p, .main_booking .boarda_btn li.selected p span{color:#fff}

/* 메인컨텐츠 - main_parkgolf*/
.main_parkgolf{padding:40px 15px 50px; background:linear-gradient(to top, #fdfff1, #eef4f7)}
.main_parkgolf .in_1200 {position:relative;}
.main_parkgolf h3{text-align:center; line-height:78px; font-size:3.33em; margin-bottom:25px}
.main_parkgolf h3 span{display:inline-block; padding:0 122px; background:url(../images/icon_golf.svg) left top no-repeat; background-size:95px auto; font-weight:700; color:#333}
.main_parkgolf h3 span strong{font-weight:800;}
.main_parkgolf .mpg_booking{width:100%; padding:20px 20px 25px; border-radius:30px; border:2px solid #1f4bad; background:#fff}
.main_parkgolf .n_con table{width:100%; border-collapse:separate; border-spacing:0; border-top:2px solid #2c2c2c; text-align:center;}
.main_parkgolf .n_con th, .main_parkgolf .n_con td{border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; padding:10px 8px}
.main_parkgolf .n_con th{font-size:1.5em; font-weight:700; color:#555; line-height:48px; padding:0}
.main_parkgolf .n_con .mpgb_calendar .cal_tit{display:flex; justify-content:center;}
.main_parkgolf .n_con .mpgb_calendar .cal_tit span{display:inline-block; width:60px; height:88px; cursor:pointer; background-size:14px auto !important}
.main_parkgolf .n_con .mpgb_calendar .cal_tit span.cal_prev{background:url(../images/icon_arr_prev.svg) center no-repeat}
.main_parkgolf .n_con .mpgb_calendar .cal_tit span.cal_next{background:url(../images/icon_arr_next.svg) center no-repeat}
.main_parkgolf .n_con .mpgb_calendar .cal_tit h4{line-height:88px; font-size:2.33em; color:#333; padding:0 22px}
.main_parkgolf .n_con .mpgb_calendar th:first-child, .main_parkgolf .n_con .mpgb_calendar td:first-child{border-left:1px solid #d4d4d4; color:#ed1c24}
.main_parkgolf .n_con .mpgb_calendar th:last-child, .main_parkgolf .n_con .mpgb_calendar td:last-child{color:#007dc5}
.main_parkgolf .n_con .mpgb_calendar td{padding:0 8px; line-height:68px; font-size:1.583em; font-weight:700; color:#333}
.main_parkgolf .n_con .mpgb_calendar td.bk_closed{background:#f4f4f4}
.main_parkgolf .n_con .mpgb_calendar td.bk_open{background:#e1eefa}
.main_parkgolf .n_con .mpgb_calendar td.bk_select{background:#dd5696; color:#fff}
.main_parkgolf .n_con .mpgb_calendar ul{display:flex; margin-top:20px}
.main_parkgolf .n_con .mpgb_calendar li{padding-left:32px; line-height:24px; font-size:1.5em; color:#555; position:relative; margin-right:25px}
.main_parkgolf .n_con .mpgb_calendar li:after{position:absolute; left:0; top:0; width:24px; height:24px; border:1px solid #d4d4d4; content:''}
.main_parkgolf .n_con .mpgb_calendar li:first-child:after{background:#f4f4f4}
.main_parkgolf .n_con .mpgb_calendar li:nth-child(2):after{background:#e1eefa}
.main_parkgolf .n_con .mpgb_calendar li:last-child:after{background:#dd5696}
.main_parkgolf .n_con .mpgb_list{padding-top:35px}
.main_parkgolf .n_con .mpgb_list p{text-align:right; font-size:1.5em; font-weight:700; color:#333; padding-bottom:15px}
.main_parkgolf .n_con .mpgb_list tr.active-row td{background:#f2f8fd}
.main_parkgolf .n_con .mpgb_list th{border-right:0; background:#f6f6f6}
.main_parkgolf .n_con .mpgb_list td{border-right:0; font-size:1.417em}
.main_parkgolf .n_con .mpgb_list td.bk_empty{color:#ed1c24}
.main_parkgolf .n_con .mpgb_list > a{display:table; margin:25px auto 0; border-radius:50px; line-height:50px; padding:0 58px; color:#fff; font-size:1.5em; font-weight:700; background:#1f4bad}
.main_parkgolf .n_con .mpgb_list .chk_wrap input[type="checkbox"] {position:absolute; opacity:0; width:0; height:0;}
.main_parkgolf .n_con .mpgb_list .custom_chk{width:17px; height:17px; border:1px solid #d4d4d4; border-radius:4px; display:inline-block; vertical-align:middle; position:relative; transition:.2s;}
.main_parkgolf .n_con .mpgb_list .chk_wrap input[type="checkbox"]:checked + .custom_chk{border-color:#db4b8f; background:#db4b8f}
.main_parkgolf .n_con .mpgb_list .custom_chk:after{position:absolute; left:0; top:0; width:100%; height:100%; background:#db4b8f url(../images/icon_check.svg) center no-repeat; background-size:9px auto; opacity:0; transition:.2s; content:''}
.main_parkgolf .n_con .mpgb_list .chk_wrap input[type="checkbox"]:checked + .custom_chk::after {opacity: 1;}
.main_parkgolf .n_con .mpgb_list .chk_wrap input[disabled] + .custom_chk {background:#e8e8e8; cursor:not-allowed;}
  

/* 서브 공통 */
.page_nav{width:100%; padding:0 15px; background:#f0f0f0}
.page_nav ul{display:flex; justify-content:right;}
.page_nav li{position:relative; font-size:1.333em; color:#555; line-height:54px; margin-left:28px;}
.page_nav li:first-child{padding-left:22px; background:url(../images/sub/icon_home.svg) left center no-repeat; background-size:14px auto}
.page_nav li:last-child{color:#2fb088}
.page_nav li:not(:last-child):after{position:absolute; right:-16px; top:25px; width:4px; height:4px; border-radius:50%; background:#bebebe; content:''}
h1.page_title{position:relative; margin:35px 0 0; font-size:3.33em; text-align:center; line-height:1; color:#333; font-weight:700}
.page {width:100%;height:auto;min-height:300px;margin:0 auto;padding:25px 15px 10%}
.page h3.stit{font-size:2.25em; color:#333; position:relative; padding-left:31px; margin:55px 0 15px; line-height:1.4}
.page h3.stit:before{position:absolute; left:0; top:7px; width:22px; height:22px; border:5px solid #1f4bad; border-radius:50%; content:''}
.page h4.sstit{font-size:1.83em; color:#1f4bad; position:relative; padding-left:31px; margin:35px 0 15px; line-height:1.4}
.page h4.sstit:before{position:absolute; left:5px; top:11px; width:18px; height:5px; border-radius:5px; background:#1f4bad; content:''}
p.txt_c{font-size:1.38em; color:#444; line-height:1.6; word-break:keep-all; margin-bottom:10px}
.ul01{padding-left:15px}
.ul01 > li{position:relative; padding-left:15px; font-size:1.38em; color:#444; line-height:1.6; display:flex; word-break:keep-all; margin-top:7px; flex-wrap:wrap}
.ul01 > li:after{position:absolute; left:0; top:8px; width:4px; height:4px; border-radius:50%; background:#f9a032; content:''}
.ul01 > li ul{width:100%; padding-top:10px}
.ul01 > li li{position:relative; padding-left:11px; font-size:0.96em; color:#555; line-height:1.6; word-break:keep-all; margin-bottom:5px}
.ul01 > li li:after{position:absolute; left:0; top:0; content:'-'}
.impor{color:#ed1c24; font-weight:600; font-size:1.05em}

/* 시설안내 */
.gayo_img{width:100%; border-radius:25px; overflow:hidden; margin-bottom:25px}
.gayo_img img{width:100%; height:auto;}
.tbl01{width:100%; border-collapse:separate; border-spacing:0; border-top:2px solid #2c2c2c}
.tbl01 caption{display:none}
.tbl01 th, .tbl01 td{border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; padding:14px; text-align:center; line-height:1.6}
.tbl01:not(.tbl_r) th:last-child, .tbl01:not(.tbl_r) td:last-child{border-right:0}
.tbl01 th{font-size:1.417em; font-weight:700; color:#555; background:#f6f6f6;}
.tbl01 td{font-size:1.375em}
.tbl01 td li{padding-left:13px; position:relative; text-align:left; word-break:keep-all}
.tbl01 td li:not(:last-child){margin-bottom:5px}
.tbl01 td li:after{position:absolute; left:0; top:0; content:'-'}
.nbor_r{border-right:0 !important}
.bor_r{border-right:1px solid #d4d4d4 !important}
.mapp_wrap{border-radius:25px; border:3px solid #1f4bad; overflow:hidden; height:300px}
.mapp_wrap .wrap_controllers, .mapp_wrap .cont{display:none}
.sisul_wrap{display:flex; flex-wrap:wrap}
.sisul_wrap > li{width:100%;}
.sisul_wrap > li:not(:last-child){margin-bottom:30px}
.sisul_wrap > li .ss_img{width:100%; border-radius:25px; border:3px solid #2fb088; overflow:hidden}
.sisul_wrap > li .ss_img img{width:100%; height:auto}
.sisul_wrap > li .ss_tit{display:table; margin:-24px auto 20px; padding:0 26px; min-width:165px; color:#fff; font-size:1.583em; text-align:center; line-height:48px; border-radius:48px; background:#2fb088; position:relative; z-index:6}
.sisul_wrap > li .ul01{padding:0 10px}
.wheelchair{display:inline-block; margin-left:7px; width:23px; height:23px; border-radius:3px; background:#1f4bad url(../images/sub/icon_wheelchair.svg) center no-repeat; background-size:13px auto}

/* 예약 안내 */
.proc_wrap .proc_img{width:100%; border-radius:25px; background:#f7f7f7; padding:35px 25px}
.proc_wrap .proc_img > ul{display:flex; flex-wrap:wrap; justify-content:space-between;gap:10px 10px}
.proc_wrap .proc_img > ul > li .proc_cir{position:relative; width:150px; height:150px; border-radius:50%; padding:14px; background-size:cover !important}
.proc_wrap .proc_img > ul > li .proc_cir div{width:100%; height:100%; border-radius:50%; background:#fff; display:flex; justify-content:center; align-items:center;}
.proc_wrap .proc_img > ul > li p{width:100%; text-align:center; font-size:1.583em; color:#333; line-height:1.5}
.proc_wrap .proc_img > ul > li p span{font-size:0.84em}
.proc_wrap .proc_img > ul > li:first-child .proc_cir{background:#ddd}
.proc_wrap .proc_img > ul > li:nth-child(2) .proc_cir{background:url(../images/sub/proc_bg01.svg) center no-repeat}
.proc_wrap .proc_img > ul > li:nth-child(3) .proc_cir{background:url(../images/sub/proc_bg02.svg) center no-repeat}
.proc_wrap .proc_img > ul > li:nth-child(4) .proc_cir{background:url(../images/sub/proc_bg03.svg) center no-repeat}
.proc_wrap .proc_img > ul > li:nth-child(5) .proc_cir{background:url(../images/sub/proc_bg04.svg) center no-repeat}
.proc_wrap .proc_txt{padding:30px 25px 0}

.scroll{display:none;}
.tbl_scroll::-webkit-scrollbar {width:6px;height:4px}
.tbl_scroll::-webkit-scrollbar-thumb{background-color: #1f4bad; border-radius: 10px; background-clip: padding-box}
.tbl_scroll::-webkit-scrollbar-track{background-color: #f1f1f1; border-radius: 10px; }

/*예약페이지*/
.booking_cont{display:block !important;}
p.choose_data{font-size:2em;color:#333;text-align:center;background:#eff5f6;padding:20px 15px;font-weight:700;}
.booking_cont .booking_tit{font-size:2.25em; color:#333; position:relative; padding-left:31px; margin:50px 0 15px; line-height:1.4}
.booking_cont .booking_tit:before{position:absolute; left:0; top:7px; width:22px; height:22px; border:5px solid #1f4bad; border-radius:50%; content:''}
.booking_info{}
.booking_info > div{margin:10px 0}
.booking_info label{font-size:1.415em;color:#555;position:relative;padding-left:15px;width:95px;display:inline-block;}
.booking_info label:before{content:'';width:5px;height:5px;border-radius:50%;background:#db4b8f;position:absolute;left:0;top:7px;}
.booking_info input[type="text"]{border:1px solid #d4d4d4;background:#f6f6f6;border-radius:3px;line-height:37px;width:calc(100% - 100px);font-size:1.417em;color:#555;padding:0 15px}
.booking_info .cost{}
.booking_info .cost ul{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 0px}
.booking_info .cost li{}
.booking_info .cost li button{background:#1f4bad;line-height:37px;color:#fff;border-radius:3px;padding:0 20px;font-size:1.417em;border:none;width:170px}
.booking_info .disc{}
.booking_info .disc ul{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 0px}
.booking_info .disc li button{background:#1f4bad;line-height:37px;color:#fff;border-radius:3px;padding:0 20px;font-size:1.417em;border:none;width:170px}

.total_cost{border:2px solid #db4b8f;padding:20px 20px;}
.total_cost p{font-size:1.417em;color:#555;width:215px;margin:5px auto;display:flex;justify-content:space-between;align-items:center;}
.total_cost b{font-weight:normal;width:100px;display:inline-block;}
.total_cost span{color:#333;font-weight:700;font-size:1.35em;}
.total_cost span strong{}
.total_cost div p:last-child{border-top:1px dashed #ccc;padding-top:15px;margin-top:15px;}
.total_cost div p:last-child span{color:#db4b8f;}

.per_info{border:1px solid #d4d4d4;height: 150px;overflow-y: scroll; background-color: #f6f6f6;font-size:1.25em;padding: 1em;}

.per_check{text-align:center;}
.per_check input[type="checkbox"]{width: 17px;height: 17px;border: 1px solid #d4d4d4;border-radius: 4px;display: inline-block;vertical-align: middle;position: relative;transition: .2s; -webkit-appearance:checkbox; appearance:checkbox;}
.per_check label{width: auto !important;padding-left:8px;}
.per_check label:before{display:none;}

.booking_btn{text-align:center;margin-top:60px !important;}
.booking_btn button{background:#db4b8f;border-radius:60px;padding:15px 15px;text-align:center;color:#fff;font-size:1.55em;width:250px;margin:0 auto;border:none; transition:all ease-out 0.3s; }
.booking_btn button:hover{background:#c1206c;}

.disc_pop{width:100%;height:auto; border:1px solid #a5a5a5;position:absolute;left:0;top:0px;z-index:1000;background:#fff;display:none;}
.disc_pop > div{padding:12px 12px}
.disc_pop > div > p{font-size:1.25em;color:#555;text-align:center;margin-bottom:20px}
.disc_pop h4.pop_tit{background:#1f4bad;color:#fff;font-size:2em;text-align:center;padding:20px 15px}
.disc_pop .pop_c{font-size:1.25em;color:#555;line-height:1.4;padding:15px 20px;border:1px solid #d4d4d4;}
.disc_pop .pop_c strong{font-size:1.15em;color:#333;margin:12px 0 8px;display:block;font-weight:600}
.disc_pop .pop_c li{position:relative;padding-left:15px;margin:3px 0}
.disc_pop .pop_c li:before{content:'';width:4px;height:1px;background:#555;position:absolute;left:0;top:10px;}

.pop_tbl{width:100%; border-spacing:0;border-collapse:separate;border-top:1px solid #1f4bad;text-align:center;border-left:1px solid #d4d4d4;}
.pop_tbl th{border-bottom:1px solid #d4d4d4;color:#333;background:#eff2f7;padding:3px 3px;border-right:1px solid #d4d4d4;}
.pop_tbl td{border-bottom:1px solid #d4d4d4;padding:3px 3px;border-right:1px solid #d4d4d4;}
.col_p{color:#db4b8f !important;}
.p_noti{margin:8px 0}

.disc_sel{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:30px 0 20px}
.disc_sel label{font-size:1.415em;color:#222 !important;width:100px;font-weight:600;}
.disc_sel select{width:calc(100% - 100px);border:1px solid #a5a5a5;height:48px;border-radius:3px;font-size:1.15em;padding:0 15px}

.agre_check{text-align:center}
.agre_check label{font-size:1.1em;color:#333;padding-left:5px;}
.agre_check input[type="checkbox"]{width:17px;height:17px;border-radius:3px; -webkit-appearance:checkbox; appearance:checkbox;}

.conf_btn {display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px}
.conf_btn button{border:1px solid #1f4bad;width:49%;font-size:1.5em;color:#fff;background:#1f4bad;line-height:60px;}
.conf_btn button:last-child{border:1px solid #d4d4d4;background:#fff;color:#333;}

p.booking_noti{font-size:1.415em;color:#e92964;text-align:center;margin-bottom:15px}

/*마이페이지*/
.my_info{border-top:2px solid #2c2c2c;}
.my_info dl{display:flex;border-bottom:1px solid #d4d4d4;text-align:center;width:100%}
.my_info dt{background:#f6f6f6;font-weight:600;color:#333;font-size:1.333em;padding:12px 5px;width:140px;line-height:30px}
.my_info dd{color:#555;font-size:1.333em;padding:12px 5px;line-height:30px}
.my_info button.pay{color:#fff;background:#238b6b;border:none;border-radius:60px;padding:5px 0px;width:95px;}
.my_info button.cancel{color:#fff;background:#e92964;border:none;border-radius:60px;padding:5px 0px;width:95px;}

.pay_cancel{width:100%;max-width:450px;border:1px solid #a5a5a5;padding:15px 15px;position:fixed;display:none;background:#fff;z-index:1000;top:0%;left:0}
.pay_cancel p{font-size:1.415em;color:#555;margin:10px 0}
.cancel_info{border-top:2px solid #2c2c2c;}
.cancel_info dl{display:flex;border-bottom:1px solid #d4d4d4;text-align:center;width:100%}
.cancel_info dt{background:#f6f6f6;font-weight:600;color:#333;font-size:1.333em;padding:12px 5px;width:140px;line-height:30px}
.cancel_info dd{color:#555;font-size:1.333em;padding:12px 5px;line-height:30px}

.cancel_btn{display:flex;justify-content:space-between;}
.cancel_btn button{color:#fff;background:#e92964;padding:15px 5px;border:none;font-size:1.415em;width:49%;margin-top:15px}
.cancel_btn button:last-child{background:#ccc;}

.sound_only{display: inline-block !important;position: absolute;top: 0;left: 0;width: 0;height: 0;margin: 0 !important;padding: 0 !important;font-size: 0;line-height: 0;border: 0 !important;overflow: hidden !important;}

/* 푸터 */
#footer{width:100%; height:auto; background:#25282f}
#footer .flink{width:100%; border-bottom:1px solid rgba(255,255,255,0.4); margin-bottom:25px}
#footer .flink ul{display:flex;}
#footer .flink li{position:relative}
#footer .flink li:not(:last-child):after{position:absolute; right:0; top:50%; width:1px; height:11px; background:#7e7f82; transform:translateY(-50%); content:''}
#footer .flink li a{display:block; color:#fff; font-size:1.333em; line-height:60px; padding:0 22px}
#footer .copyright{padding:60px 15px 40px; background:url(../images/foot_logo.jpg) 15px top no-repeat}
#footer .copyright p{display:flex; flex-wrap:wrap; font-size:1.333em; color:#fff; line-height:1.6}
#footer .copyright p span:not(:last-of-type){margin-right:20px; position:relative}
#footer .copyright p span:not(:last-of-type):after{position:absolute; right:-10px; top:50%; transform:translateY(-50%); width:2px; height:11px; background:#fff; content:''}
#footer .copyright p.f_copy{padding-top:10px}
#footer .copyright p.f_copy, #footer .copyright p.f_copy a{color:#9f9f9f}

/*media query - 모바일 + 태블릿 */
@media screen and (max-width:1199px) {    
    #hd_pop .hd_pops {left:0 !important}
    #hd_pop .hd_pops_con {width:100% !important;max-width:100%;height:auto !important}

    /* 메뉴 */
    #hd_menu .main_menu > li.on{background:#0574b5}
    #hd_menu .main_menu > li.on > a {color:#ffffff} 

    /* 메인컨텐츠 - mcon_board */
    .mcb_media li:not(.empty_list):nth-child(n+3){display:none}

    /* 예약 안내 */
    .proc_wrap .proc_img > ul{justify-content:center}
    .proc_wrap .proc_img > ul > li .proc_cir div{position:relative; padding-top:15px}
    .proc_wrap .proc_img > ul > li .proc_cir div:after{position:absolute; left:0; top:18px; width:100%; text-align:center; font-size:1.333em; color:#1f4bad}
    .proc_wrap .proc_img > ul > li:first-child .proc_cir div:after{content:'Step 1'}
    .proc_wrap .proc_img > ul > li:nth-child(2) .proc_cir div:after{content:'Step 2'}
    .proc_wrap .proc_img > ul > li:nth-child(3) .proc_cir div:after{content:'Step 3'}
    .proc_wrap .proc_img > ul > li:nth-child(4) .proc_cir div:after{content:'Step 4'}
    .proc_wrap .proc_img > ul > li:last-child .proc_cir div:after{content:'Step 5'}

}
 
/*media query - mobile*/
@media screen and (max-width:767px) {
    /* 헤더 */
    #header .header_gnb a{font-size:1.167em; letter-spacing:-0.7px}
    
    /* 메인컨텐츠 - 공통 */
    .main_contents{font-size:0.85em}
    .main_contents h3{font-size:2.5em !important}

    /* 메인컨텐츠 - main_booking*/
	.main_booking .boarda_btn li{border-radius:15px}
    .main_booking .boarda_btn li p{letter-spacing:-0.8px; padding:0 40px 0 15px}
    .main_booking .boarda_btn li:after{right:10px; width:30px; height:30px;}

    /* 메인컨텐츠 - main_parkgolf*/
    .main_parkgolf h3{line-height:1.4}
    .main_parkgolf h3 span{padding:0 0 0 80px; background-size:65px auto}
    .main_parkgolf .n_con .mpgb_calendar .cal_tit span{height:60px}
    .main_parkgolf .n_con .mpgb_calendar .cal_tit h4{line-height:60px; padding:0 8px}
    .main_parkgolf .n_con .mpgb_calendar li{margin-right:10px;}
	.main_parkgolf .n_con .mpgb_calendar td{line-height:52px}
    .main_parkgolf .n_con .mpgb_list > a{line-height:43px}
    

    /* 서브 비주얼 */
    .sub_visual .bg_vis li{background-position:40% 50% !important}
    .sub_visual .svis_txt h2{font-size:2.7em}

    /* 서브 공통 */
    .sub_contents{font-size:1em}
    .tbl01 th, .tbl01 td{padding:8px 6px}

    /* 예약 안내 */
    .proc_wrap .proc_img > ul{justify-content:center}
    .proc_wrap .proc_img > ul > li:nth-child(n+3){*margin-top:25px}
    .proc_wrap .proc_img > ul > li:nth-child(even){*margin-left:calc(100% - 300px)}
	
	.scroll{font-size: 1.25em;color: #898989;margin-bottom: 5px;display: block;}
	.tbl_scroll{overflow: hidden;overflow-x: auto;}
	.tbl_scroll table{width:800px;}

    /* 푸터 */
    #footer{font-size:0.8em}
    #footer .flink li a{line-height:50px; padding:0 8px}

}

/*media query - tablet pc*/
@media screen and (min-width:768px) {
    /* 헤더 */
    #header{height:144px}
    #header .header_gnb .fr li a{padding:0 22px; min-width:98px; text-align:center}
    #header .header_gnb .fr li:first-child span{padding-left:24px; display:inline-block; background:url(../images/icon_join.svg) left center no-repeat; background-size:15px auto}
    #header .header_top .logo{height:97px; background-position:45% center}
    #header .header_top .toggle{height:97px; padding:29px 0 0}

    /* 메인컨텐츠 - main_booking*/
    .main_booking{padding:55px 15px 60px; background:#fff url(../images/bg_booking.svg) left -50px bottom -100px no-repeat; background-size:80%}
    .main_booking h3{padding:195px 0 25px}
    .main_booking .boarda_btn li{margin:12px; width:calc(50% - 20px); height:106px; max-width:283px;}
    .main_booking .boarda_btn li p{letter-spacing:-0.5px}
    .main_booking .n_con{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap}

    /* 메인컨텐츠 - main_parkgolf*/
    .main_parkgolf{padding:50px 15px 60px}
    .main_parkgolf h3{width:100%; margin-bottom:25px}
    .main_parkgolf .mpg_booking{padding:20px 30px 35px; display:flex; justify-content:space-between;}
    .main_parkgolf .n_con .mpgb_calendar{width:50%}
    .main_parkgolf .n_con .mpgb_list{padding-top:52px; width:46%}
    .main_parkgolf .n_con .mpgb_list td{line-height:58px; padding:0}
  
    /* 시설안내 */
    .gayo_wrap{width:100%; display:flex; justify-content:space-between; align-items:flex-start}
    .gayo_wrap .gayo_img{width:46%; margin-bottom:0}
    .gayo_wrap .tbl01{width:50%}
    .tbl01 td p{width:100%; display:flex; align-content:center; justify-content:center; margin:3px 0}
    .sisul_wrap{justify-content:space-between;}
    .sisul_wrap > li{width:48%; margin-bottom:0; margin-top:40px}
    .sisul_wrap > li:first-child, .sisul_wrap > li:nth-child(2){margin-top:0}
    
    /* 예약 안내 */
    .proc_wrap .proc_img > ul > li{width:30%}
    /* .proc_wrap .proc_img > ul > li .proc_cir{display:table; margin:0 auto} */
	
	
	/*예약페이지*/
	.disc_pop{width:650px;left:calc(50% - 325px)}
	.disc_pop > div{padding:40px 40px}
	
	/*마이페이지*/
	.pay_cancel{top:10%;left:calc(50% - 225px);}	


}

/*media query - only 태블릿 */
@media screen and (min-width:768px) and (max-width:1199px){
    /* 메인컨텐츠 - 공통 */
    .main_contents{font-size:0.9em}

    /* 서브 공통 */
    .sub_contents{font-size:0.96em}    
}


/*media query - PC*/
@media screen and (min-width:1200px) {
    .in_1200{width:100%; max-width:1200px; position:relative; margin:0 auto; padding:0}
    .dpb_pc{display:block}
    .dpn_pc{display:none}
    .youtube_wrap {width:800px;height:450px;margin:0 auto;padding:0}

    /* 헤더 */
    #header{height:158px}
    #header .header_gnb .fl{margin-left:-14px}
    #header .header_top .in_1200{padding:0; height:auto; margin:0 auto}
    #header .header_top .logo{position:relative; z-index:610; height:111px}
    #header .header_top .toggle{display:none}
	
	#header .header_gnb a{padding:0 14px;}

    /* 메뉴 */
    #header .container_menu{position:absolute; left:calc(50% - 600px); top:46px; width:100%; height:127px; z-index:600}
    #hd_menu {position:static; background:transparent; border:0; display:block}
    #hd_menu .main_menu {position:relative; z-index:150; display:flex; justify-content:right; margin-right:-45px}
    #hd_menu .main_menu:after {display:block;clear:both;content:""}
    #hd_menu .main_menu > li{position:relative; border:0; text-align:center; background:transparent}
    #hd_menu .main_menu > li > a {position:relative; display:block; line-height:111px; padding:0 45px; letter-spacing:-0.6px; font-size:1.63em; color:#333; font-weight:500}
    #hd_menu .main_menu > li > a span{display:inline-block; position:relative; padding:0 3px}
    #hd_menu .main_menu > li > a span:after{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all .4s; height:100%; width:0; border-bottom:3px solid #1f4bad; content:''}
    #hd_menu .main_menu > li.on{background:transparent}
    #hd_menu .main_menu > li.on > a > span{color:#1f4bad}
    #hd_menu .main_menu > li.on > a > span:after{width:100%}	
    #hd_menu .sub_menu {position:absolute;left:0;top:111px;z-index:160;width:100%;padding:0;background:transparent;overflow:hidden;}
    #hd_menu .sub_menu > ul{padding:35px 0 35px 45px;}
    #hd_menu .sub_menu > ul > li {position:relative; text-align:left}
    #hd_menu .sub_menu > ul > li:after{display:none}
    #hd_menu .sub_menu > ul > li > a{position:relative; padding:6px 0; line-height:1.5; word-break:keep-all; font-size:1.417em; letter-spacing:-0.8px; color:#555}
    #hd_menu .sub_menu > ul > li > a span{position:relative}
    #hd_menu .sub_menu > ul > li > a span:after{position:absolute; left:0; bottom:0; width:0; height:1px; background:#1f4bad; opacity:0; content:''; transition:all .4s ease-in-out;}
    #hd_menu .sub_menu > ul > li.on > a span:after{width:100%; opacity:1}
    .hd_menu_bg > div{width:100%; max-width:1200px; margin:0 auto; height:100%}

    /* 메인컨텐츠 - main_booking*/
    .main_booking{padding:0 0 50px; background:#fff url(../images/bg_booking.svg) left calc(50% - 681px) top 29px no-repeat; background-size:804px; overflow:hidden}
    .main_booking h3{position:relative; padding:11px 0 0; height:255px; display:flex; align-items:center; width:100%; justify-content:center; background:none; line-height:42px}
    .main_booking h3:after{position:absolute; right:116px; bottom:12px; width:165px; height:195px; background:url(../images/character.jpg) center no-repeat; background-size:auto; content:''}
    .main_booking .boarda_btn ul{justify-content:space-between;}
    .main_booking .boarda_btn li{margin:0 0 12px 0;}
    .main_booking .boarda_btn li p{padding-bottom:5px}

    /* 메인컨텐츠 - main_parkgolf*/
    .main_parkgolf{padding:66px 0 141px}
    .main_parkgolf h3{margin-bottom:0; line-height:135px}
    .main_parkgolf h3 span{background-position:0 21px}
    .main_parkgolf .mpg_booking{padding:50px 68px 79px; border:3px solid #1f4bad}
    .main_parkgolf .n_con .mpgb_calendar{width:52%; max-width:533px; position:relative}
    .main_parkgolf .n_con .mpgb_calendar ul{/* position:absolute; left:0; bottom:26px */margin-top:40px}
    .main_parkgolf .n_con .mpgb_list{padding-top:48px; width:44%; max-width:459px}
    .main_parkgolf .n_con .mpgb_list > a{margin:45px auto 0}
    .main_parkgolf .n_con .mpgb_list p{padding-bottom:17px}
    .main_parkgolf .n_con .mpgb_list th{line-height:49px}
    .main_parkgolf .n_con .mpgb_list td{line-height:56px}
	
	/*예약페이지*/
	.choose_data{font-size:2.2em;}


    /* 서브 비주얼 */
    .sub_visual .bg_vis{height:240px}
    .sub_visual .svis_txt{padding:0 calc(50% - 600px) 0}
    .sub_visual .svis_txt > div{padding:0}

    /* 서브 컨텐츠 - 탭 */
    .tab_menu{padding:0 calc(50% - 600px)}
    .tab_menu ul{position:relative; width:100%;}
    .tab_menu li{position:relative; width:200px; margin:0; text-align:center; z-index:1}
    .tab_menu li:after{position:absolute; left:-30px; top:8px; width:200px; height:56px; background:#0574b5; border-radius:56px; transition:all .5s ease-in-out; content:''; z-index:0; opacity:0}
    .tab_menu li a{color:#959da7; line-height:72px; display:block; padding:0; position:relative; z-index:7}
    .tab_menu li.selected{background:transparent; border:0}
    .tab_menu li.selected:after{left:0; opacity:1}
    .tab_menu li.selected a{color:#fff; font-weight:500}
	.tab_menu .tm02 li{width:171px;}
	.tab_menu .tm02 li:after{width:171px;}

    /* 서브 컨텐츠 - 공통*/
    .sub_contents h1.page_title{margin:79px 0 0 0; line-height:1}    
    .page {min-height:500px; padding:80px 0 100px}
    .page h3.stit{margin:80px 0 20px}
    .page h4.sstit{margin:60px 0 15px}
    .tbl01 th, .tbl01 td{word-break:keep-all}

      
    /* 시설안내 */
    .gayo_wrap .gayo_img{width:554px}
    .gayo_wrap .tbl01{width:calc(100% - 614px)}
    .tbl01 td{padding:18px 25px 19px}
    .tbl01 td li:not(:last-child){margin-bottom:8px}
    .mapp_wrap{height:430px}
    .sisul_wrap{justify-content:left;}
    .sisul_wrap > li{width:calc((100% - 90px) / 3);}
    .sisul_wrap > li:nth-child(3){margin-top:0}
    .sisul_wrap > li:nth-child(3n-1){margin-right:45px; margin-left:45px}

    /* 예약 안내 */
    .proc_wrap .proc_img{padding:50px 0}
    .proc_wrap .proc_img > ul{justify-content:center;}
    .proc_wrap .proc_img > ul > li{width:auto}
    .proc_wrap .proc_img > ul > li:not(:last-child){margin-right:70px; position:relative}
    .proc_wrap .proc_img > ul > li:not(:last-child):after{position:absolute; right:-70px; top:50%; transform:translateY(-50%); width:70px; height:100%; background:url(../images/sub/proc_arr.svg) center no-repeat; background-size:22px auto; content:''}
    .proc_wrap .proc_img > ul > li{}
    .proc_wrap .proc_img > ul > li .proc_cir{width:160px; height:160px}
    .proc_wrap .proc_txt{padding:35px 45px 0}
	
	/*마이페이지*/
	.my_info{display:flex;width:100%;justify-content:space-between;border-top:none;}
	.my_info dl{display:block;}
	.my_info dt{width:auto;display:none}
	.my_info:first-child{border-top:2px solid #2c2c2c}
	.my_info:first-child dt{display:block}
	.my_info dl{border-right:1px solid #d4d4d4;}
	.my_info dl:last-child{border-right:none;}
	
	.pay_cancel{padding:30px 30px;}
	
	
	
    /* 푸터 */
    #footer .flink{margin-bottom:0}
    #footer .flink ul{margin-left:-22px}
    #footer .copyright{padding:0; background:none}
    #footer .copyright .in_1200{padding:43px 0 62px 283px; background:url(../images/foot_logo.jpg) 7px 46px no-repeat}
    #footer .copyright p.f_copy{padding-top:3px}
}