@charset "utf-8";

/* 라인 */
.guideLine { display:block; width:100%; margin-top:20px; padding-top:20px;}

/* 타이틀 */
.tit01 {position:relative; font-size:25px; font-weight:700; color:#333; padding-top:8px; margin-bottom:14px; letter-spacing:-0.3px; line-height: 1.4}
.tit02 {position:relative; font-size:22px; font-weight:600; color:#333; margin-bottom:8px; line-height:1.4; padding-left: 1.6rem; background: url(/images/web/ghfm/sub/tit02Ico.png) no-repeat 0 5px; margin-top: 2rem;}
.tit03 {position:relative; font-size:20px; font-weight:600; color:#eb9046; margin-bottom:8px; line-height:1.4;}
.tit04 {position:relative; font-size:15px; font-weight:bold; color:#42546a; padding-left:12px; margin-bottom:6px; line-height:1.4;}
.tit04:after {content:''; position: absolute; left:0; top:9px; width:5px; height:5px; border-radius:50%; background:#42546a}
.tit05 {position:relative; font-weight:bold; font-size:15px; line-height:1.4; margin-bottom:6px; color:#444; padding-left:22px; background:url('/images/com/gne/tit_2.png') no-repeat 0 5px}
.tit01 + a.fr { margin-top:-50px;}

/* 폰트 스타일 */
/* 컬러 */
.col_red{color:#dd2d2d;}
.col_org{color:#f26522;}
.col_gr {color:#058e42;}
.col_ygr{color:#8db427;}
.col_bl {color:#2160d4;}
.col_bk {color:#000;}
.col_wt {color:#fff;}

.font_Fb{ font-weight:600 !important;}

.bg_blue {padding:2px; color:#fff; background:#264988;}
.bg_green {padding:2px; color:#fff; background:#4db02c;}
.bg_orange {padding:2px; color:#fff; background:#f7941d;}
.fs_22 {font-size:22px;}
.fs_24 {font-size:24px;}

/* 텍스트 */
.comment1 {padding:8px 0 0 25px; font-size:18px; line-height:1.6; color:#111; background:url("/images/com/gne/bu_comment.png") no-repeat left top; }
.comment2 {padding:9px 0 0 25px; font-size:14px; line-height:1.4; color:#444; background:url("/images/com/gne/bu_comment.png") no-repeat left top; }

/* 리스트 스타일 */
.listTy01 li, .bullTy01 {position:relative; line-height:140%; padding-left:14px; margin:6px 0; color:#333; font-weight: 600;}
.listTy01 li:before, .bullTy01:before {content:''; position:absolute; top: 7px; left: 3px; width: 4px; height: 8px; transform: rotate(40deg); -webkit-transform: rotate(40deg); background:#3377b1; border-radius: 0.5rem;}
.listTy02 li, .bullTy02{position:relative; line-height:140%; padding-left:10px; margin:5px 0; margin-left: 1rem;}
.listTy02 li:before, .bullTy02:before {content:''; position:absolute; top:9px; left:0; width:5px; height:5px; background:#21a67f; border-radius: 50%;}
.listTy03{margin-left: 1rem;}
.listTy03 li, .bullTy03 {position:relative; font-size:14px; line-height:140%; padding-left:13px; margin:1px 0; margin-left: 2rem; }
.listTy03 li:before, .bullTy03:before {content:''; position:absolute; top:9px; left:0; width:5px; height:2px; background:#42567e; transform: rotate(0); -webkit-transform: rotate(0);}
.listTy01 li ul, .listTy02 li ul, .listTy03 li ul, .listTy04 li ul { margin-top:6px;}
.bu_atte {padding-left:20px; font-size:14px; line-height:1.4; color:#222; background:url('/images/com/gne/bu_atte.png') no-repeat 0 4px;}
.bu_link {padding-left:20px; font-size:14px; color:#3d7dd5; text-decoration:underline; background:url('/images/com/gne/bu_link.png') no-repeat 5px 5px;}
.bu_down { position:relative; font-size:14px; color:#3d7dd5}
.bu_down:after {content:''; display:inline-block; vertical-align:middle; width:11px; height:11px; background:url('/images/com/gne/bu_down.png') no-repeat 0 0; margin-left:4px}

.numTy01 > li::before,
.numTy02 > li::before{display: none;}
.numTy01 li,.numTy02 li{margin: 5px 0;}
.numTy01 li{font-weight: 600;}
.numTy01 li .num{display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; background: #3377b1; color: #fff; border-radius: 0.3rem; margin-right: 10px;}
.numTy02 li .num{display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #3377b1; border: 1px solid #3377b1; border-radius: 0.3rem; margin-right: 10px;}
.numTy02 > li {padding-left: 0;}

 /* 탭메뉴  */
.tabTy01 {position:relative; display: flex; margin-bottom:30px; background:#f3f3f3; border-radius: 0.5rem;}
.tabTy01 li {position: relative; width:25%; font-size:15px;}
.tabTy01 li a {position: relative; display:block; height: 50px; line-height: 50px; font-size: 17px; padding: 0 0.8rem; text-align: center;}
.tabTy01 li ~ li::before{position: absolute; content: ''; width: 1px; height: 20px; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: #95a890;}
.tabTy01 li a span {display:block; color:#266653; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.tabTy01.li30p li {width:33%}
.tabTy01.li30p li:first-child, .tabTy01.li30p li:nth-child(4n) {width:34%}
.tabTy01.li50p li {width:50%}
/* active */
.tabTy01 li.on a span, .tabTy01 li:hover a span, .tabTy01 li a:focus span {color: #fff; }
.tabTy01 li.on a,
.tabTy01 li:hover a,
.tabTy01 li a:hover,
.tabTy01 li a:focus,
.tabTy01 li a.on {background: #21a67f; font-weight: 600; width: calc(100% + 1px); height: calc(100% + 0.3rem); border-radius: 1rem 0 1rem 1rem; box-shadow: 0 0 10px rgba(7, 133, 96, 0.35); z-index: 1;}

/* tab02 */
.tabTy02 {position:relative; display: flex; overflow:hidden; margin-bottom:30px;background:#fff; border-radius: 0.5rem;}
.tabTy02 li {width:20%; font-size:15px;}
.tabTy02 li a {position: relative; display:block; background:#fff; height: 50px; line-height: 50px; font-size: 17px; border:1px solid #cacfda; padding: 0 0.8rem;}
.tabTy02 li a::before{position: absolute; content: '\e91b'; font-family: 'xeicon'; font-size: 1rem; top: 50%; right: 0.8rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); color:#778299;}
.tabTy02 li:first-child a{border-radius: 0.5rem 0 0 0.5rem;}
.tabTy02 li ~ li a{ border-left: 1px solid transparent;}
.tabTy02 li:last-child a{border-radius: 0 0.5rem 0.5rem 0;}
.tabTy02 li a span {display:block; color:#778299; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.tabTy02 li.on a span, .tabTy02 li:hover a span, .tabTy02 li a:hover span {color:#3377b1;}
.tabTy02.li30p li {width:33%}
.tabTy02.li30p li:first-child, .tabTy01.li30p li:nth-child(4n) {width:34%}
.tabTy02.li50p li {width:50%}
/* acti2e */
.tabTy02 li.on a,
.tabTy02 li:hover a,
.tabTy02 li a:hover, .tabTy02 li a:focus {border:2px solid #3377b1; margin-left: -2px; color: #3377b1; font-weight: 600;}
.tabTy02 li:first-child a:hover,
.tabTy02 li:first-child a:focus,
.tabTy02 li:first-child a{margin-left: 0;}
.tabTy02 li.on a::before,
.tabTy02 li a:hover::before,
.tabTy02 li a:focus::before{content: '\e942'; color: #3377b1;}

/* 박스스타일 */
.boxTy01 {position:relative; padding:20px; line-height:1.5; border:1px solid #cacfda; border-radius:10px; overflow:hidden; background:#fff;}
.boxTy02 {position:relative; padding:20px; line-height:1.4; border:2px dashed #cacfda;border-radius:10px; overflow:hidden; background:#fff;}
.boxTy03 {position:relative;}
/* .boxTy03 {position:relative; padding:20px; border-radius:10px; line-height:1.4; background: #f6f6f6;} */

/* 아이콘 박스 */
.icoWrap{position: relative; display: flex; align-items: center; border: 2px solid #bac4cc; border-radius: 0 2rem 2rem; padding: 45px;}
.icoWrap::before{position: absolute; content: ''; width: 110px; height: 99px; left: -2px; top: -2px; background: url(/images/web/ghfm/sub/boxDeco.png) no-repeat;}
.icoWrap .icoImg{padding-right: 40px;}
.icoWrap .txtBox{position: relative; padding-left: 20px;}
.icoWrap .txtBox::before{position: absolute; content: ''; width: 6px; height: 100%; background: url(/images/web/ghfm/sub/boxIco_ptrn.png); left: -10px;}
.icoWrap .txtBox .icoBoxTit{position: relative; font-size: 20px; font-weight: bold; color: #000; padding-bottom: 20px; line-height: 1.2;}
.icoWrap .txtBox .icoBoxTit::before{position: absolute; content: ''; width: 30px; height: 3px; background: #eb9046; bottom: 0; border-radius: 10px;}
.icoWrap .txtBox p{line-height: 1.5; margin-top: 10px;}

/* 예약신청 박스 스타일 */
.boxTy03 .booking {position: relative; display: flex; flex-wrap: wrap; align-items: center; border: 2px solid #bac4cc; border-radius: 0 2rem 2rem; padding: 45px;}
.boxTy03 .booking::before{position: absolute; content: ''; width: 110px; height: 99px; left: -2px; top: -2px; background: url(/images/web/ghfm/sub/boxDeco.png) no-repeat;}
.boxTy03 .booking img {padding-right: 40px; width: 300px;}
.boxTy03 .booking .txt{position: relative; width: calc(100% - 300px); padding-left: 20px;}
.boxTy03 .booking .txt:before{position: absolute; content: ''; width: 6px; height: 235%; background: url(/images/web/ghfm/sub/boxIco_ptrn.png); left: -10px;}
.boxTy03 .booking img {padding-right: 40px; width: 300px;}
.boxTy03 .booking .txt p {line-height: 1.3;}
.boxTy03 .booking .btn_booking {position: relative; margin-left: 320px; margin-top: 10px; display: inline-flex; align-items: center; justify-content: space-between; min-width: 150px; height: 45px; vertical-align: middle; border-radius: 0.6rem; line-height: 45px; text-align: center; padding: 0 20px; transition: 0.15s; font-size: 16px; border: 1px solid #3377b1; background: #3377b1; color: #fff;}
.boxTy03 .booking .btn_booking::after {content: '\e980'; font-family: 'xeicon'; font-size: 20px;}
.boxTy03 .booking .btn_booking:hover,
.boxTy03 .booking .btn_booking:focus {background: #fff; color: #3377b1;}

/* 버튼 : 기본 */
.btWrap{margin-bottom: 2rem;}
[class^="combt_"] {display: inline-block; min-width: 130px; height: 45px; vertical-align: middle; border-radius: 0.6rem; line-height: 45px; text-align: center; margin: 0.25rem 0.1rem; padding: 0 13px; transition: 0.15s; font-size: 16px; }
[class^="combt_"] i {vertical-align: middle; font-size: 20px; padding-left: 22px;}
.fnc{width: auto; min-width: 100px; padding: 0 0.8rem;}
.big{min-width: 160px; height: 55px; line-height: 55px; padding: 0 30px;}
/* 버튼 : 컬러 */
.combt_bl {border: 1px solid #3377b1; background: #fff; color: #3377b1;}
.combt_bl:hover,
.combt_bl:focus {background: #3377b1; color: #fff;}
.combt_blL {border: 1px solid #3377b1; background: #3377b1; color: #fff; }
.combt_blL:hover,
.combt_blL:focus {background: #fff; color: #3377b1;}

.combt_disable {border: 1px solid #888; background: #eee; color: #888; }
.combt_disable:hover,
.combt_disable:focus {background: #888; color: #fff;}
.combt_disableL {border: 1px solid #888; background: #fff; color: #888;}
.combt_disableL:hover,
.combt_disableL:focus {background: #888; color: #fff;}

.combt_gr {border: 1px solid #028287; background: #028287; color: #fff; }
.combt_gr:hover,
.combt_gr:focus {background: #fff; color: #028287;}
.combt_grL {border: 1px solid #028287; background: #fff; color: #028287;}
.combt_grL:hover,
.combt_grL:focus {background: #028287; color: #fff;}

.combt_nv {border: 1px solid #13547a; background: #13547a; color: #fff; }
.combt_nv:hover,
.combt_nv:focus {background: #fff; color: #13547a;}
.combt_nvL {border: 1px solid #13547a; background: #fff; color: #13547a;}
.combt_nvL:hover,
.combt_nvL:focus {background: #13547a; color: #fff;}

.combt_cncl {border: 1px solid #555555; background: #555555; color: #fff;}
.combt_cncl:hover,
.combt_cncl:focus {background: #fff; color: #555555;}
.combt_cnclL {border: 1px solid #555555; background: #fff; color: #555555;}
.combt_cnclL:hover,
.combt_cnclL:focus {background: #555555; color: #fff;}
/* 버튼 : 기능 */

/* 스텝플로우 */
.stepBox{display: flex; gap: 40px;}
.stepBox .stepCon{position: relative; width: 25%; border: 1px solid #cacfda; border-radius: 1rem;}
.stepBox .stepCon::before{position: absolute; content: ''; width: 13px; height: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: -28px; background: url(/images/web/ghfm/sub/stepArrow.png) no-repeat;}
.stepBox .stepCon:last-child:before{display: none;}
.stepBox .stepCon div{ padding: 20px; text-align: center;}
.stepBox .stepCon p{height: 60px; line-height: 60px; background: #ecf2ff; color: #0f338d; font-weight: 600; text-align: center; border-radius: 1rem 1rem 0 0;}
.stepBox .stepCon:nth-child(2n) p{background: #dff4f5; color: #028287;}
.stepBox .stepCon div > .listTy01{width: fit-content;}

/* 테이블 */
/* 테이블 : 테이블 기본 타입 */
div[class*='tbl_st'],
.tbl_type01 {background: #fff; overflow: hidden; margin-top: 0.5rem; position: relative;}
div[class*='tbl_st']:after,
.tbl_type01:after {content: ""; display: block; width: 100%; height: 1px; background: #ced4e0; position: absolute; left: 0; bottom: 0;}
div[class*='tbl_st'] + div[class*='tbl_st'] {margin-top: 1rem;}
div[class*='tbl_st'] table,
.tbl_type01 table {text-align: center; position: relative; word-break: break-all; border-top: 2px solid #8ca5c7;}
div[class*='tbl_st'] table tbody,
.tbl_type01 table tbody {border-top: 1px solid #ced4e0;}
div[class*='tbl_st'] table th,
.tbl_type01 table th {border-bottom: 1px solid #ced4e0; padding: 0.75rem 1rem; font-size: 17px; color: #010101; font-weight: 500; vertical-align: middle;}
div[class*='tbl_st'] table td,
.tbl_type01 table td {border-bottom: 1px solid #ced4e0; padding: 0.5rem 1.2rem; font-size: 15px; color: #111; vertical-align: middle;}
div[class*='tbl_st'] table thead th,
.tbl_type01 table thead th {border-bottom: 1px solid #ccc; background: #e5f0ff; color: #000;}
div[class*='tbl_st'] table tbody th,
div[class*='tbl_st'] table tfoot th,
div[class*='tbl_st'] table tfoot td, 
.tbl_type01 table tbody th,
.tbl_type01 table tfoot th,
.tbl_type01 table tfoot td {background: #fffbf0; color: #222425;}

div[class*='tbl_st'].scroll_wide { width:100%; overflow-x:auto; background-repeat:no-repeat; background-image:linear-gradient(to left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); background-position:right 5px; background-size:30px 100%; z-index:1; }

.tbl_st table,
.tbl_type01 table {width: calc(100% + 1px); margin-left: -1px;}
.tbl_st table th,
.tbl_st table td,
.tbl_type01 table th,
.tbl_type01 table td {border-left: 1px solid #ced4e0;}

/* 테이블 : PC 스크롤 */
div[class*='tbl_st'].scroll_wide {overflow: auto;}

/* 테이블 : 세로테이블 */
.tbl_st_row table {width: calc(100% + 1px); margin-left: -1px;}
.tbl_st_row table th,
.tbl_st_row table td {border-left: 1px solid #ced4e0;}

/* 테이블 :테이블 4면 선 */
.tbl_st2 table {width: 100%; border-left: 1px solid #ced4e0; margin-left: 0;}
.tbl_st2 table th,
.tbl_st2 table td {border-right: 1px solid #ced4e0;}

/* 테이블 - form */
table select,
table input {height: 1.0rem; border-radius: 2px; border: 1px solid #ccc; padding: 0 0.75rem; font-size: 0.75rem; color: #555;}
table select {background: url('/images/con_com/sel_arrow.png') right 15px center no-repeat; padding-right: 2.1rem; appearance: none;}
table a[class^='btn_'] {padding: 0.3rem 0.75rem !important; font-size: 15px; border: 1px solid #3377b1; color: #3377b1; }
table a[class^='btn_']:hover,
table a[class^='btn_']:focus { background: #3377b1; color: #fff; }
table a[class^='btn_'].btn_icn_only {display: inline-flex; justify-content: center; align-items: center; width:45px; height:45px; border-radius: 0.7rem; padding: 0 !important; margin: 0.25rem 0.1rem; vertical-align: middle;}
table a[class^='btn_'].btn_icn_only i {margin-left: 0; font-size: 20px;}
table a[class^='btn_'].tbBl { background: #3377b1; color: #fff; }
table a[class^='btn_'].tbBl:hover,
table a[class^='btn_'].tbBl:focus { background: #fff; color: #3377b1; }
.bu_st1.excpt { line-height: 1.3; }

/* 테이블 - 기타 */
.tbl_utile {font-size: 0.75rem; text-align: right; line-height: 0.8rem; margin-top: -20px;}

/* td 정렬사용 */
.tb_txtL td { text-align:left; }
.tb_txtC td { text-align:center; }
.tb_txtR td { text-align:right; }

/* tr 색상 */
.tbl_bg_bl, .tbl_bg_bl th {color:#111; background-color:#dfe9f8 !important;} /* 블루 */
.tbl_bg_ye, .tbl_bg_ye th {color:#111; background-color:#f5f0df !important;} /* 옐로우 */
.tbl_bg_re, .tbl_bg_re th {color:#111; background-color:#fceff0 !important;} /* 레드 */
.tbl_bg_gr, .tbl_bg_gr th {color:#111; background-color:#effcf6 !important;} /* 그린 */

/* 테이블_굵은선 */
.tbl_L {border:2px solid #333 !important;}/* 기본 */
.tbl_Lbl { border:2px solid #014d9b !important;}/* 파랑 */
.tbl_Lre { border:2px solid #ff6363 !important;}/* 빨강 */
.tbl_Lgr { border:2px solid #099e5e !important;}/* 초록 */
.tbl_Lye { border:2px solid #f9ba00 !important;}/* 노랑 */

/* 상단 */
.tbl_L_T {border-top:2px solid #333 !important;}/* 기본 */
.tbl_Lbl_T {border-top:2px solid #014d9b !important;}/* 파랑 */
.tbl_Lre_T {border-top:2px solid #ff6363 !important;}/* 빨강 */
.tbl_Lgr_T {border-top:2px solid #099e5e !important;}/* 초록 */
.tbl_Lye_T {border-top:2px solid #f9ba00 !important;}/* 노랑 */

/* 하단 */
.tbl_L_B {border-bottom:2px solid #333 !important;}/* 기본 */
.tbl_Lbl_B {border-bottom:2px solid #014d9b !important;}/* 파랑 */
.tbl_Lre_B {border-bottom:2px solid #ff6363 !important;}/* 빨강 */
.tbl_Lgr_B {border-bottom:2px solid #099e5e !important;}/* 초록 */
.tbl_Lye_B {border-bottom:2px solid #f9ba00 !important;}/* 노랑 */

/* 왼쪽 */
.tbl_L_L {border-left:2px solid #333 !important;}/* 기본 */
.tbl_Lbl_L {border-left:2px solid #014d9b !important;}/* 파랑 */
.tbl_Lre_L {border-left:2px solid #ff6363 !important;}/* 빨강 */
.tbl_Lgr_L {border-left:2px solid #099e5e !important;}/* 초록 */
.tbl_Lye_L {border-left:2px solid #f9ba00 !important;}/* 노랑 */

/* 오른쪽 */
.tbl_L_R {border-right:2px solid #333 !important;}/* 기본 */
.tbl_Lbl_R {border-right:2px solid #014d9b !important;}/* 파랑 */
.tbl_Lre_R {border-right:2px solid #ff6363 !important;}/* 빨강 */
.tbl_Lgr_R {border-right:2px solid #099e5e !important;}/* 초록 */
.tbl_Lye_R {border-right:2px solid #f9ba00 !important;}/* 노랑 */

/* 선 없음 : 테이블 좌, 우 선 없는 테이블 사용시 필요 */
.tbl_LT_none {border-top:none !important;}
.tbl_LB_none {border-bottom:none !important;}
.tbl_LL_none {border-left:none !important;}
.tbl_LR_none {border-right:none !important;}

/* 페이징 */
.bbs_pagerA {	margin: 20px 0; text-align: center; line-height: 0;font-size: 0;}
.bbs_pagerA a, .bbs_pagerA span, .bbs_pagerA strong {display: inline-block; margin: 0 2px; border-radius: 0.7rem;	vertical-align: middle;}
.bbs_pagerA div {display: inline-block; margin: 0 0.25rem;}
.bbs_pagerA .bbs_arr {width: 38px;height: 38px;line-height: 38px;text-indent: -10000em; border: 1px solid #21a67f; transition: all 0.3s ease;}
.bbs_pagerA .bbs_arr:hover, .bbs_pagerA .bbs_arr:focus {background-color: #edf8eb; border-color: #21a67f;}
/* .bbs_pagerA .bbs_arr.pgeL1:hover,
.bbs_pagerA .bbs_arr.pgeL1:focus,
.bbs_pagerA .bbs_arr.pgeL2:hover,
.bbs_pagerA .bbs_arr.pgeL2:focus {background-position: -1px center;}
.bbs_pagerA .bbs_arr.pgeR1:hover,
.bbs_pagerA .bbs_arr.pgeR1:focus,
.bbs_pagerA .bbs_arr.pgeR2:hover,
.bbs_pagerA .bbs_arr.pgeR2:focus {background-position: 1px center;} */
.bbs_pagerA .pgeL1 {background: url('/images/web/ghfm/sub/bbs_PAarrL1.png') no-repeat center;}
.bbs_pagerA .pgeL2 {background: url('/images/web/ghfm/sub/bbs_PAarrL2.png') no-repeat center;}
.bbs_pagerA .pgeR1 {background: url('/images/web/ghfm/sub/bbs_PAarrR1.png') no-repeat center;}
.bbs_pagerA .pgeR2 {background: url('/images/web/ghfm/sub/bbs_PAarrR2.png') no-repeat center;}
.bbs_pagerA .bbs_pge_num {min-width: 40px;height: 40px; line-height: 40px; font-size: 15px;}
.bbs_pagerA .bbs_pge_num:hover, .bbs_pagerA .bbs_pge_num:focus {color: #21a67f; background: #edf8eb;}
.bbs_pagerA strong.bbs_pge_num, .bbs_pagerA strong.bbs_pge_num:hover, .bbs_pagerA strong.bbs_pge_num:focus {color: #21a67f;font-weight: 400; background: #edf8eb;}

/* .tbl_type01 table {width:100%; text-align:center; border-top:2px solid #2b405b; margin-left:-1px; border-bottom:1px solid #bbb;}
.tbl_type01 th, .tbl_type01 td {padding:12px 8px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc; word-wrap:break-word; line-height:1.4; font-size:14px;}
.tbl_type01 th {background:#fcfcfc; color:#222; font-weight:normal}
.tbl_type01 td {background:#fff; color:#555}
.tbl_type01 thead th {background:#eff4fd; color:#333; border-bottom:1px solid #bbb; font-weight:bold}
.tbl_type01 thead tr:last-child th {border-bottom:1px solid #000}
.tbl_type01 thead th.bdr_b {border-bottom:1px solid #000}
.tbl_type01 th:first-child, .tbl_type01 td:first-child {border-left:0}
.tbl_type01 th:last-child, .tbl_type01 td:last-child {border-right:0}
.tbl_type01 tfoot td {background:#f7f7f7;}

.tbl_type02 table {width:100%; text-align:center; margin-left:-1px; border-bottom:1px solid #bbb;}
.tbl_type02 th, .tbl_type02 td {font-size:13px; padding:9px 5px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc; line-height:1.3}
.tbl_type02 th {background:#f8f8f8; color:#222;}
.tbl_type02 td {background:#fff; color:#555;}
.tbl_type02 thead th {background:#f9f9f9; color:#524245; border-bottom:1px solid #c4c4c4;}
.tbl_type02 th:first-child, .tbl_type02 td:first-child {border-left:0}
.tbl_type02 th:last-child, .tbl_type02 td:last-child {border-right:0}

.tbl_type01 .util, .tbl_type02 .util{ font-size:13px; text-align:right; margin:-23px 1px 6px auto} */

/* 콘텐츠 준비중 */
.Coming_soon {text-align: center;}
.Coming_soon img {max-width: 100%;}
.Coming_soon p{width: fit-content; color: #516e88; padding: 20px 0; border-top: 1px dashed #4d86d1; border-bottom: 1px dashed #4d86d1; margin: 0 auto;}

/* 버튼 */
.cw-btn, .cg-btn, .cb-btn, .cgr-btn, .cor-btn {position:relative; display:inline-block; font-size:14px; vertical-align:middle; line-height:1;}
.cw-btn, a.cw-btn {background:#fff; border:1px solid #aaa; color:#444}
.cw-btn:hover, .cw-btn:focus {background:#42546a; border:1px solid #42546a; color:#fff;}
.cg-btn, a.cg-btn {background:#42546a; border:1px solid #42546a; color:#fff;}
.cg-btn:hover, .cg-btn:focus {background:#22344b; border:1px solid #22344b; color:#fff;}
.cb-btn, a.cb-btn {background:#005fca; border:1px solid #005fca; color:#fff;}
.cb-btn:hover, .cb-btn:focus {background:#004a98; border:1px solid #004a98; color:#fff;}
.cgr-btn, a.cgr-btn {background:#1f9e50; border:1px solid #1f9e50; color:#fff;}
.cgr-btn:hover, .cgr-btn:focus {background:#00703a; border:1px solid #00703a; color:#fff;}
.cor-btn, a.cor-btn {background:#f78b1f; border:1px solid #f78b1f; color:#fff;}
.cor-btn:hover, .cor-btn:focus {background:#b6620f; border:1px solid #b6620f; color:#fff;}
a.cw-btn span, a.cg-btn span, a.cb-btn span, a.cgr-btn span, a.cor-btn span {display:block; padding:10px 45px 12px 15px; line-height:1;}
input.cw-btn, button.cw-btn {padding:0 40px 0 15px; height:50px; cursor:pointer;}

.cw-btn .ico, .cg-btn .ico, .cb-btn .ico, .cgr-btn .ico, .cor-btn .ico {position:absolute; right:15px; top:50%; padding:0; width:16px; height:16px; margin-top:-8px; background:url('/images/com/gne/ico_cbtn.png') no-repeat 0 0;-webkit-transition:right .25s ease; transition:right .25s ease-out}
.cw-btn .arr {background-position:6px 0;}
.cg-btn .arr, .cb-btn .arr, .cgr-btn .arr, .cor-btn .arr {background:url('/images/com/gne/ico_cbtn.png') no-repeat 6px -44px;}
.cw-btn:hover .arr, .cw-btn:focus .arr {background-position:6px -44px;}
.cw-btn .plus {background-position:-20px 0;}
.cg-btn .plus, .cb-btn .plus, .cgr-btn .plus, .cor-btn .plus {background:url('/images/com/gne/ico_cbtn.png') no-repeat -20px -44px;}
.cw-btn:hover .plus, .cw-btn:focus .plus {background-position:-20px -44px;}
.cw-btn .nw {background-position:-48px 0;}
.cg-btn .nw, .cb-btn .nw, .cgr-btn .nw, .cor-btn .nw {background:url('/images/com/gne/ico_cbtn.png') no-repeat -48px -43px;}
.cw-btn:hover .nw, .cw-btn:focus .nw {background-position:-48px -43px;}
.cw-btn .zoom {background-position:-77px 0;}
.cg-btn .zoom, .cb-btn .zoom, .cgr-btn .zoom, .cor-btn .zoom {background:url('/images/com/gne/ico_cbtn.png') no-repeat -77px -44px;}
.cw-btn:hover .zoom, .cw-btn:focus .zoom {background-position:-77px -44px;}
.cw-btn .down {background-position:-107px 0;}
.cg-btn .down, .cb-btn .down, .cgr-btn .down, .cor-btn .down {background:url('/images/com/gne/ico_cbtn.png') no-repeat -107px -44px;}
.cw-btn:hover .down, .cw-btn:focus .down {background-position:-107px -44px;}
.cw-btn .calendar {background-position:-137px 0;}
.cg-btn .calendar, .cb-btn .calendar, .cgr-btn .calendar, .cor-btn .calendar {background:url('/images/com/gne/ico_cbtn.png') no-repeat -137px -44px;}
.cw-btn:hover .calendar, .cw-btn:focus .calendar {background-position:-137px -44px;}
.cw-btn:hover .ico, .cg-btn:hover .ico, .cb-btn:hover .ico, .cgr-btn:hover .ico, .cor-btn:hover .ico {right:20px;}
a.cg-btn .fh {padding:11px 45px 13px 15px;}
input.cb-btn, button.cb-btn {padding:18px 45px 16px 15px}

/* 작은버튼 */
.sw-btn, .sg-btn, .sb-btn, .sgr-btn, .sor-btn {position:relative; display:inline-block; font-size:13px; vertical-align:middle; transition:all .25s ease; line-height:1;}
.sw-btn, a.sw-btn {background:#fff; border:1px solid #aaa; color:#444}
.sw-btn:hover, .sw-btn:focus {background:#42546a; border:1px solid #42546a; color:#fff;}
.sg-btn, a.sg-btn {background:#42546a; border:1px solid #42546a; color:#fff;}
.sg-btn:hover, .sg-btn:focus {background:#22344b; border:1px solid #22344b; color:#fff;}
.sb-btn, a.sb-btn {background:#005fca; border:1px solid #005fca; color:#fff;}
.sb-btn:hover, .sb-btn:focus {background:#004a98; border:1px solid #004a98; color:#fff;}
.sgr-btn, a.sgr-btn {background:#1f9e50; border:1px solid #1f9e50; color:#fff;}
.sgr-btn:hover, .sgr-btn:focus {background:#00703a; border:1px solid #00703a; color:#fff;}
.sor-btn, a.sor-btn {background:#f78b1f; border:1px solid #f78b1f; color:#fff;}
.sor-btn:hover, .sor-btn:focus {background:#b6620f; border:1px solid #b6620f; color:#fff;}
a.sw-btn span, a.sg-btn span, a.sb-btn span, a.sgr-btn span, a.sor-btn span {display:block; padding:6px 40px 8px 15px; line-height:1;}
input.sw-btn, button.sw-btn {padding:0 40px 0 15px; height:50px; cursor:pointer;}

.sw-btn .ico, .sg-btn .ico, .sb-btn .ico, .sgr-btn .ico, .sor-btn .ico {position:absolute; right:12px; top:50%; padding:0; width:16px; height:16px; margin-top:-8px; background:url('/images/com/gne/ico_cbtn.png') no-repeat 0 0;-webkit-transition:right .25s ease; transition:right .25s ease-out}
.sw-btn .arr {background-position:6px 0;}
.sg-btn .arr, .sb-btn .arr, .sgr-btn .arr, .sor-btn .arr {background:url('/images/com/gne/ico_cbtn.png') no-repeat 6px -44px;}
.sw-btn:hover .arr, .sw-btn:focus .arr {background-position:6px -44px;}
.sw-btn .plus {background-position:-20px 0;}
.sg-btn .plus, .sb-btn .plus, .sgr-btn .plus, .sor-btn .plus {background:url('/images/com/gne/ico_cbtn.png') no-repeat -20px -44px;}
.sw-btn:hover .plus, .sw-btn:focus .plus {background-position:-20px -44px;}
.sw-btn .nw {background-position:-48px 0;}
.sg-btn .nw, .sb-btn .nw, .sgr-btn .nw, .sor-btn .nw {background:url('/images/com/gne/ico_cbtn.png') no-repeat -48px -44px;}
.sw-btn:hover .nw, .sw-btn:focus .nw {background-position:-48px -43px;}
.sw-btn .zoom {background-position:-77px 0;}
.sg-btn .zoom, .sb-btn .zoom, .sgr-btn .zoom, .sor-btn .zoom {background:url('/images/com/gne/ico_cbtn.png') no-repeat -77px -44px;}
.sw-btn:hover .zoom, .sw-btn:focus .zoom {background-position:-77px -44px;}
.sw-btn .down {background-position:-107px 0;}
.sg-btn .down, .sb-btn .down, .sgr-btn .down, .sor-btn .down {background:url('/images/com/gne/ico_cbtn.png') no-repeat -107px -44px;}
.sw-btn:hover .down, .sw-btn:focus .down {background-position:-107px -44px;}
.sw-btn .calendar {background-position:-137px 0;}
.sg-btn .calendar, .sb-btn .calendar, .sgr-btn .calendar, .sor-btn .calendar {background:url('/images/com/gne/ico_cbtn.png') no-repeat -137px -44px;}
.sw-btn:hover .calendar, .sw-btn:focus .calendar {background-position:-137px -44px;}
.sw-btn:hover .ico, .sg-btn:hover .ico, .sb-btn:hover .ico, .sgr-btn:hover .ico, .sor-btn:hover .ico {right:20px;}
a.sg-btn .fh {padding:11px 45px 13px 15px;}
input.sb-btn, button.sb-btn {padding:18px 45px 16px 15px}

/* 담당자 및 페이지 만족도 */
#charge-satisfy {width:100%; margin-top:30px}

/* 페이지별 담당자 */
.charge-wr {position:relative; border:1px solid #d2d2d2; margin:50px 0 15px; padding:22px 25px 22px 7px; overflow:hidden; font-size:13px;}
.charge-wr .manager-wr {overflow:hidden}
.charge-wr .manager-wr .manager-list {float:left; width:auto}
.charge-wr .manager-wr .manager-list dt, .charge-wr .manager-wr .manager-list dd {display:inline-block; vertical-align:top; width:auto;}
.charge-wr .manager-wr .manager-list dt {position:relative; margin-left:18px; font-weight:bold; color:#333; padding-left:14px;}
.charge-wr .manager-wr .manager-list dt:before {position:absolute; top:8px; left:0; content:""; display:block; width:6px; height:3px; background:#1e64ba;}
.charge-wr .manager-wr .manager-list dt:after{content:":"; margin:0 4px 0 7px; font-weight:bold}
.charge-wr .manager-wr .manager-list dd { color:#666}
/* 페이지만족도 */
.satisfy-wr {border:1px solid #323b50; margin:10px 0; background:#f5f7f9; padding:20px 27px}
.satisfy-wr p {color:#4c5563; font-size:14px; font-weight:bold; letter-spacing:-0.5px; float:left}
.satisfy-wr .satis-chk {position:relative; text-align:right}
.satisfy-wr .satis-chk li {display:inline-block; vertical-align:top;}
.satisfy-wr .satis-chk input {vertical-align:middle}
.satisfy-wr .satis-chk input.radio, .satisfy-wr .satis-chk input[type="radio"] {margin-left:18px;}
.satisfy-wr .satis-chk label {font-size:13px; color:#555; letter-spacing:-1px}
.satisfy-wr .satis-chk .pcomment {position:relative; background:#fff; height:38px; border:1px solid #d2d2d2; text-align:left; margin-top:15px;}
.satisfy-wr .satis-chk .pcomment input.text {background:#fff; padding:0 0 0 14px; font-size:13px; margin-right:3px; width:88%; height:36px; line-height:33px; border:1px solid #fff; color:#666;}
.satisfy-wr .satis-chk .pcomment input.text::-webkit-input-placeholder, .satisfy-wr .satis-chk .pcomment input.text::-webkit-input-placeholder {color:#666;}
.satisfy-wr .satis-chk .pcomment input.text:-moz-placeholder, .satisfy-wr .satis-chk .pcomment input.text:-moz-placeholder {color:#666;}
.member-form .tbl-form td input[type=text]::-moz-placeholder, .satisfy-wr .satis-chk .pcomment input.text::-moz-placeholder {color:#666;}
.member-form .tbl-form td input[type=text]:-ms-input-placeholder, .satisfy-wr .satis-chk .pcomment input.text:-ms-input-placeholder {color:#666;}
.satisfy-wr .satis-chk .pcomment .btn-pcmt {position:absolute; top:-1px; right:-1px; width:100px; height:40px; background:#1e64ba; border:0;color:#fff;}

/* 이미지확대보기 180827 수정 */
.rsp_img {position:relative; padding:15px 0; width:auto; max-width:100%;}
.rsp_img img {max-width:100%;}
.rsp_img .zoom {width:100%;}
.rsp_img .btn-zoom {position:absolute; bottom:0; right:0; width:45px; height:45px; display:block; z-index:100; background:url('/images/web/ghfm/common/ico_rsp_img.png') no-repeat 0 0;}


@media (max-width:1024px){
	.bbs_pagerA .bbs_pge_num {display: none;}
	.bbs_pagerA strong.bbs_pge_num, .bbs_pagerA strong.bbs_pge_num:hover, .bbs_pagerA strong.bbs_pge_num:focus {display: inline-block;min-width: auto;color: #044ca4;background: none;}
	/* color */
	.bbs_pagerA div a.bbs_pge_num:last-child {display: inline-block;min-width: auto;padding-left: 15px;background: url('/images/web/ghfm/sub/bbs_pgeNum_mb.png') no-repeat 4px center;
	}

	/* 예약신청 박스 스타일 */
	.boxTy03 .booking img {padding-right: 30px; width: 200px;}
	.boxTy03 .booking .txt{width: calc(100% - 200px);}
	.boxTy03 .booking .btn_booking {margin-left: 220px;}
}
@media (max-width:960px){
	/* 탭메뉴 */
	.tabTy01 li {width:33.333%;}
	.tabTy01.li30p li {width:50%}
	.tabTy01.li30p li:first-child, .tabTy01.li30p li:nth-child(4n) {width:50%}
}
@media (max-width:800px){

	/* 탭메뉴 */
	.tabTy01 li {width:50%; font-size:14px;}
	.tabTy01 li a span {padding:11px 15px 10px;}
	.tabTy01 li a span:after {width:18px;height:18px; background-size:18px auto}
	.tabTy01 li.on a span:after, .tabTy01 li:hover a span:after, .tabTy01 li a:hover span:after{margin-left:20px}
	.tabTy02 ul li a span {font-size:14px}
	.tabTy01 li.blank a span:after {width:18px;height:18px; background-position:0 2px; margin-left:20px;}
	.tabTy01 li.blank.on a span:after, .tabTy01 li.blank:hover a span:after, .tabTy01 li.blank a:hover span:after{ background-position:0 2px; margin-left:36px}

	/* tab */
	.tabTy02{flex-wrap: wrap; border-radius: 0;}
	.tabTy02 li{width: 33.3%; margin-top: 0.2rem;}
	.tabTy02 li:first-child a{border-radius:0;}
	.tabTy02 li:last-child a{border-radius:0;}
	.tabTy02 li:nth-child(4){margin-left: 0; border-left: 1px solid #cacfda;}
	.tabTy02 li:nth-child(4):hover,
	.tabTy02 li:nth-child(4):focus{margin-left: 1px; width: calc(33.3% - 1px);}

	/* 스텝플로우 */
	.stepBox{flex-wrap: wrap;}
	.stepBox .stepCon{width: 45%;}

	/* 타이틀 */
	.tit01 + a.fr { float:none !important; margin-top:0; margin-bottom:10px}

	/* 이미지 180827 수정
	.rsp_img{display:block; position:relative; border:1px solid #fff; padding:10px; padding-right:0; overflow:hidden; overflow-x: auto; text-align:center}
	.rsp_img img{white-space: nowrap; margin-right:10px;}  */

	/* 스크롤 */
	#all-scroll {display:block; position:relative; border:1px solid #cdd2d9; border-top:0; overflow: hidden; overflow-x: auto; margin: 0}
	#all-scroll table {white-space: nowrap}
	#all-scroll table td { white-space:normal}

	.tbl_type01 .util, .tbl_type02 .util{ display:none}

	/* 페이지만족도 */
	.satisfy-wr p {float:none;padding-top:0;}
	.satisfy-wr .satis-chk {text-align:left; margin-top:5px;}
	.satisfy-wr .satis-chk input.radio, .satisfy-wr .satis-chk input[type="radio"] {margin-right:5px; margin-left:0;}
	.satisfy-wr .satis-chk label {margin-right:22px; margin-left:0;}
	.satisfy-wr .satis-chk .pcomment input.text {width:80%;}

	/* 버튼 */
	.cw-btn + .cw-btn, .cg-btn + .cg-btn, .cb-btn + .cb-btn, .cgr-btn + .cgr-btn, .cor-btn + .cor-btn { margin:5px}

	/* 예약신청 박스 스타일 */
	.boxTy03 .booking img {display: none;}
	.boxTy03 .booking .txt{width: 100%; padding-left: 0;}
	.boxTy03 .booking .txt:before{display: none;}
	.boxTy03 .booking .btn_booking {margin-left: 0; margin-top: 20px;}

	/* 테이블 */
	div[class*='tbl_st'] table th{font-size: 15px;}
	div[class*='tbl_st'] table td{font-size: 14px;}
}
@media (max-width:680px){
	/* 스텝플로우 */
	.stepBox{flex-wrap: wrap;}
	.stepBox .stepCon{width: 100%;}
	.stepBox .stepCon::before{bottom: -30px; top: auto; right: 50%; transform: rotate(90deg);}

	/* 탭메뉴 */
	.tabTy01.li30p li {width:100%}
	.tabTy01.li30p li:first-child, .tabTy01.li30p li:nth-child(4n) {width:100%}

	/* 버튼 */
	[class^="combt_"]{font-size: 13px; height: 30px; line-height: 30px; min-width: 100px;}
	.big {min-width: 130px; height: 38px; line-height: 38px; padding: 0 20px;}

	/* 페이지만족도 */
	.charge-wr .manager-wr .manager-list {float:none; margin-bottom:5px;}

	/* 아이콘박스 */
	.icoWrap .txtBox p{font-size: 14px;}

	/* 리스트 */
	.numTy02 li{font-size: 14px;}
}

@media (max-width:580px){
	/* 탭메뉴 */
	.tabTy01 li {width:100%;}
	.tabTy01.li50p li {width:100%}
}

@media (max-width :480px) {
	/* tab */
	.tabTy01{flex-wrap: wrap;}
	.tabTy01 li ~ li::before{display: none;}
	.tabTy01 li.on a, .tabTy01 li:hover a, .tabTy01 li a:hover{height: 100%; width: 100%;}
	.tabTy01 li a span{padding: 0;}

	.tabTy02 li{width: 100%; margin-left: 0;}
	.tabTy02 li:first-child{border-left: none;}
	.tabTy02 li a:hover, .tabTy02 li a:focus {border:2px solid #3377b1; margin-left: 0; color: #3377b1; font-weight: 600; width: 100%;}
	.tabTy02 li:nth-child(4){border-left: 1px solid transparent !important; margin-left: 0;}
	.tabTy02 li:nth-child(4):hover,
	.tabTy02 li:nth-child(4):focus{width: 100% !important; margin-left: 0!important;}
	.tabTy02 li ~ li a{border-left: 1px solid #cacfda;}

	/* 페이지만족도 */
	.satisfy-wr .satis-chk .pcomment {height:100%;}
	.satisfy-wr .satis-chk .pcomment .btn-pcmt {position:relative; top:auto; right:auto; width:100%;}

	/* 아이콘박스 */
	.icoWrap{padding: 20px; border-radius: 0 1rem 1rem;}
	.icoWrap .icoImg{display: none; padding: 0;}
	.icoWrap .txtBox::before{display: none;}
	.icoWrap .txtBox{padding-left: 0;}

	/* 예약신청 박스 스타일 */
	.boxTy03 .booking {padding: 20px;}
}

@media (max-width: 380px){

	/* 페이지만족도 */
	.satisfy-wr {padding:15px 17px}

}