@charset "euc-kr";
/* CSS Document */

#allwrap { width:100%; overflow:hidden;}
#topban {
	background:#081194;
	color:#fff;
	padding:10px 0;
	position:relative;
}
#topban div {
	margin:auto;
	max-width:1000px;
	font-size:1.5rem;
	text-align:center;
	position:relative;
}
#topban div ul li {
	display:inline-block;
	padding: 10px;
}
#topban div ul li strong {
	color:#fedd26;
	font-weight:600;
}
#topban .btn_cls {
	float:right;
	margin-top:-20px;
}
#hdarea {
	background:#4a74d1;
}
#header {
max-width:1000px;
margin:auto;border:0px solid #000;
font-size:0;
padding-top:20px;
background:#4a74d1;
color:#fff;
}

.btnall {
display:none;
}
#header h1, #header div {
display:inline-block;
height:80px;
vertical-align:top;
}
#header h1 {
width:28%;
font-size:28px;
letter-spacing:-2px;
}
#header div#mnav {
width:72%;
font-size:18px;
letter-spacing:-1px;
font-weight:bold;
}
#header div#mnav ul li {
display:inline-block;
width:19%;
text-align:right;
margin-top:15px;
}
#header div#mnav ul li a {
display:inline-block;border:0px solid #f00;
width:100%;
height:100%;
font-weight:600;
color:#fff;
}
#header div#mnav ul li a:hover{
color:#dcecf7;
}
/* #mimg {
border-top:0px solid #f77b17;
background:url(./image/mimg1.jpg) center top no-repeat;
background-size:cover;
padding-bottom:0px;
} */
#mimg {
	background:url(./image/main2.jpg) center bottom no-repeat;
	background-size:cover;
	background-position:bottom;
}
#mimg p {
	padding:20px 0;
}
#mimg p.img {
text-align:center;
height:180px;
}
#mimg p.img span {
	display:block;
	font-size:3rem;
	color:#021c56;
	margin-top:60px;
	font-weight:100;

}
#mimg p.img img,
#mimg div.feearea {
width:100%;
max-width:1000px;

margin:auto;
}
#mimg div.feearea {
	background:#fff;
	padding-top:15px;
}
.ghguide {
display:inline-block;
width:48%;
margin-right:1%;
margin-left:1.5%;
background:url(./image/bg_guide.jpg) left top no-repeat;
background-size:cover;
height:245px;
float:left;
overflow:hidden;
}
.ghguide .exp {
	color:#fff;
	width:94%;margin:auto;
	border-bottom:1px solid #e79a90;
}
.ghguide .exp span {
display:block;
font-size:20px;
width:90%;
margin:auto;
text-align:center;
text-align:center;
color:#ffe1e1;
font-weight:600;
}

.ghguide ul {
width:90%;
margin:15px auto;
color:#fff;
font-size:20px;
}
.ghguide .price {
color:#fff609;
font-size:32px;
font-weight:bold;
text-align:right;
}
.ghguide .price span {
display:inline-block;
float:left;
}
.ghguide .price span i {
font-style:normal;
font-size:28px;
font-weight:400;
}
.ghguide .mt10 {
text-align:center;height:15px;
}
#mimg div.fee {
display:inline-block;
width:48%;
margin:auto;
background:#fff;
font-size:0;
margin-bottom:20px;
border:1px solid #ccc;
box-sizing:border-box;

}
#mimg div.fee ul li {
display:inline-block;
vertical-align:top;
font-size:14px;
}
#mimg div.fee ul li.f1 {
width:100%;
background:#444444;
color:#fff;
text-align:center;
font-weight:600;
font-size:16px;
padding:10px 0;
}

#mimg div.fee ul li.f2 {
width:100%;
text-align:center;
font-size:14px;
height:158px;
}
#mimg div.fee ul li.f2 div {
display:inline-block;border:0px solid #f00;
text-align:left;
vertical-align:top;
}
#mimg div.fee ul li.f2 div.ds {
width:96%;
margin:10px auto;
}
#mimg div.fee ul li.f2 div.dt1 {
width:75%;
padding-top:10px;
}
#mimg div.fee ul li.f2 div.dt1 td {
padding:4px;
}
#mimg div.fee ul li.f2 div.dt1 td input {
font-size:13px;
height:26px;
padding-left:5px;
}
#mimg div.fee ul li.f2 div.dt1 td input.dinfo {
width:70%;
margin-right:4px;
}
#mimg div.fee ul li.f2 div.dt1 td select.dinfo2 {
font-size:13px;
height:26px;
margin-right:4px;
letter-spacing:-0.5px;
}
#mimg div.fee ul li.f2 div.dt2 {
width:23%;
text-align:right;
}
#mimg div.fee ul li.f2 div.dt2 a {
display:inline-block;
font-size:14px;
font-weight:500;
background:#f66006;
border-radius:4px;
text-align:center;
color:#fff;
padding:15px 0;
width:92%;
margin:10px auto;
}

#mimg div.fee ul li.f2 div.dt3 {
width:100%;
}
#mimg div.fee ul li.f2 div.dt3 strong {
display:inline-block;
background:url(./image/fee_arr.jpg) left 5px no-repeat;
padding-left:14px;
}
#mimg div.fee ul li.f2 div.dt3 input.dinfo3 {
font-size:14px;
height:26px;
width:60%;
margin-right:4px;
}
#mimg div.fee ul li.f2 div.dt3 input.dinfo4 {
font-size:13px;
height:26px;
width:60%;
margin-right:4px;
border:2px solid #f66006;
}
#mimg div.fee ul li.f3 {
width:100%;
text-align:center;
background:#4a74d1;
height:auto;
}
#mimg div.fee ul li.f3 a {
color:#fff;
font-weight:400;
padding:10px 0;
display:block;
}
#mimg div.fee ul li.f3 a:hover {
color:yellow;
}
#mimg div.fee ul li.f3 span {
font-size:14px;
}

#mcnt .cnt {
width:100%;
max-width:1000px;
margin:20px auto 0 auto;
overflow:hidden;
}
#mcnt .cnt .part1 {
font-size:16px;
margin-bottom:25px;
width:101%;
}
#mcnt .cnt h2 {
font-size:22px;
font-weight:600;
margin-bottom:10px;
}
#mcnt .cnt .banpart {
border:0px solid #f00;
font-size:0;
margin-bottom:20px;
}
#mcnt .cnt .banpart li {
	display:inline-block;
	box-sizing:border-box;
	border:4px solid #f8f0f0;
	width:23.5%;
	margin-right:2%;
	font-size:1rem;
	font-weight:600;
	vertical-align:top;
	height:200px;
}
#mcnt .cnt .banpart li:last-child {
	margin-right:0;
}
#mcnt .cnt .banpart li:nth-child(1) {
	background:url(/gh/layouts/default/image/icon_no1.png) #f8f0f0 center 5px no-repeat;
}
#mcnt .cnt .banpart li:nth-child(2) {
	background:url(/gh/layouts/default/image/icon_no2.png) center 5px no-repeat;
}
#mcnt .cnt .banpart li:nth-child(3) {
	background:url(/gh/layouts/default/image/icon_no3.png) #f8f0f0 center 5px no-repeat;
}
#mcnt .cnt .banpart li:nth-child(4) {
	background:url(/gh/layouts/default/image/icon_no4.png) center 5px no-repeat;
}
#mcnt .cnt .banpart li span {
	display:block;
	margin-top:100px;
	text-align:center;
	font-size:1.15rem;
	letter-spacing:-0.5px;
}
#mcnt .cnt .banpart li span strong {
	color:#f66006;
	font-weight:600;
}
#mcnt .cnt .part1 div {
vertical-align:top;
}
#mcnt .cnt .part1 .reserve {
display:inline-block;
width:55%;
margin-right:2%;
}
#mcnt .cnt .part1 .reserve p {
border:1px solid #d0d0d0;
padding:13px 20px;
height:190px;
}
#mcnt .cnt .part1 .reserve span {
display:inline-block;
vertical-align:top;
height:1.75em;
}
#mcnt .cnt .part1 .reserve a {
display:block;
padding:5px 0;
}
#mcnt .cnt .part1 .reserve a:hover {
background:#f6f6f6;
}
#mcnt .cnt .part1 .reserve span.n1 {
width:30%;
}
#mcnt .cnt .part1 .reserve span.n2 {
width:23%;
}
#mcnt .cnt .part1 .reserve span.n3 {
width:24%;
}
#mcnt .cnt .part1 .reserve span.n4 {
width:20%;
text-align:right;
}
#mcnt .cnt .part1 .rban {
display:inline-block;
width:42%;
color:#fff;
text-align:center;
}
#mcnt .cnt .part1 .rban ul li span {
	display:block;
	padding-top:30px;
	font-size:2rem;
	font-weight:900;
	color:#fec500;
}
#mcnt .cnt .part1 .rban ul li:nth-child(1),
#mcnt .cnt .part1 .rban ul li:nth-child(2) {
height:124px;
text-shadow:2px 2px 2px black;
}
#mcnt .cnt .part1 .rban ul li:nth-child(1) {
background:url('/gh/layouts/default/image/ban_1.jpg') left top / cover;
margin-bottom:10px;
}
#mcnt .cnt .part1 .rban ul li:nth-child(2) {
background:url('/gh/layouts/default/image/ban_2.jpg') left top / cover;
}
#mcnt .cnt .part2 {
line-height:0;
margin-bottom:25px;
}
#mcnt .cnt .part2 img {
width:100%;
}
#mcnt .part3 {
background:#555;
padding:25px 0;
}
#mcnt .part3 .bds {
width:100%;
max-width:1000px;
margin:auto;
font-size:0;
}
#mcnt .part3 .bds h2 {
font-size:20px;
font-weight:500;
}
#mcnt .part3 .bds .bd1,
#mcnt .part3 .bds .bd3 {
width:49%;
display:inline-block;
vertical-align:top;
font-size:16px;
}

#mcnt .part3 .bds .bd3 {
margin-left:2%;border:0px solid #f00;
}
#mcnt .part3 .bds .bd1 h2 {
background:url(./image/mbds_1.png) left top no-repeat;
padding:0 0 10px 34px;
color:#fff;
}
#mcnt .part3 .bds .bd3 h2 {
background:url(./image/mbds_3.png) left top no-repeat;
padding:0 0 10px 34px;
color:#fff;
}

#mcnt .part3 .bds .bd1 div{
padding:10px;
height:180px;
}
#mcnt .part3 .bds .bd1 div {
border:1px solid #777;
background:#555;
}

#mcnt .part3 .bds .bd1 div a {
display:block;
padding:5px 0;
width:96%;
margin:auto;
color:#fff;
}
#mcnt .part3 .bds .bd1 div a span {
display:inline-block;
float:right;
}

#mcnt .part3 .bds .bd3 div.yakdo {
	height:200px;border:1px solid #777;
	padding:0px;
	margin:0px;
	overflow:hidden;
	background:#fff;
}

#footer {
border-top:4px solid #555;
}
#footer .fs {
width:100%;
max-width:1000px;
margin:20px auto;
}
#footer .fs div {
display:inline-block;
vertical-align:top;
}
#footer .fs div.f1 {
width:20%;
font-size:14px;
}
#footer .fs div.f1 span {
display:block;
font-size:18px;
font-weight:600;
}
#footer .fs div.f2 {
width:78%;
}
#footer .fs div.f2 li {
display:inline-block;
padding:2px 10px;
}
#footer .fs div.f2 li.w100 {
width:100%;
color:#666;
font-weight:100;
}

@media screen and (max-width:960px){

.ghguide {
display:block;
width:96%;
margin-right:2%;
margin-left:2%;
margin-bottom:20px;
}
#mimg div.fee {
display:block;
width:96%;
margin-right:2%;
margin-left:2%;
}
#mcnt .cnt .banpart li {
	display:inline-block;
	box-sizing:border-box;
	border:4px solid #f8f0f0;
	width:46%;
	margin-right:2%;
	margin-left:2%;
	margin-bottom:10px;
}
#mcnt .cnt .part1 .reserve {
display:block;
width:94%;
margin:0px auto;
margin-bottom:10px;
}
#mcnt .cnt .part1 .rban {
display:block;
width:94%;
margin:0px auto;
color:#fff;
text-align:center;
}
#mcnt .part3 .bds .bd1,
#mcnt .part3 .bds .bd3 {
width:96%;
display:block;
vertical-align:top;
font-size:16px;
margin:10px auto;
}
#mcnt .cnt .banpart li:nth-child(2n),#mcnt .cnt .banpart li:last-child {
	margin-right:1%;
}
#mcnt .cnt .part1 {
font-size:16px;
}

#mcnt .cnt h2 {
font-size:20px;
}

#mcnt .cnt .part1 .ghguide .exp span {
font-size:16px;
}

#mcnt .cnt .part1 .ghguide ul {
font-size:24px;
}

#mcnt .cnt .part1 .ghguide .price {
font-size:36px;
}

#mcnt .cnt .part1 .ghguide .price span i {
font-size:28px;
}

#mcnt .part3 .bds h2 {
font-size:20px;
}
}

@media screen and (max-width:820px){
#header h1, #header div {
height:60px;
}
#header h1 {
font-size:22px;
letter-spacing:-2px;
}
#header div#mnav {
font-size:15px;
}
#header div#mnav ul li {
margin-top:10px;
}
#header div#mnav ul li a {
font-weight:400;
}


}
@media screen and (max-width:760px) {
#footer .fs {
width:96%;
margin:20px auto;
}
#footer .fs div.f1 {
width:96%;
font-size:13px;
margin:auto;
}
#footer .fs div.f1 span {
display:block;
font-size:16px;
font-weight:600;
}
#footer .fs div.f2 {
width:96%;
margin:auto;
}
#footer .fs div.f2 li {
display:inline-block;
padding:2px 0px;
}
#footer .fs div.f2 li.w100 {
width:100%;
color:#666;
font-weight:100;
}
}

@media screen and (max-width:640px){
#header div#mnav {
display:none;
position:absolute;
right:0;
top:60px;
width:160px !important;
background:#528ac4;
height:100%;
}
#header div#mnav ul li {
display:block;
text-align:left;
width:auto;
margin:0 auto;
padding:10px 10px;
border-bottom:1px solid #9abfe5;
}
#header div#mnav ul li a {
color:#fff;
}
#header div#mnav ul li a:hover {
color:#fefc39;
}
.btnall {
display:inline-block;
float:right;
}
#header h1 {
width:80%;
}
#header div#mnav {
width:20%;
}
#mimg p.img span {
	display:block;
	font-size:2.4rem;
	color:#021c56;
	margin-top:40px;
	font-weight:100;

}
#mcnt .cnt .banpart li {
	display:block;
	width:96%;
	margin-right:2%;
	margin-left:2%;
	margin-bottom:10px;
}
#mimg div.fee ul li.f2 {
width:100%;
text-align:center;
font-size:14px;
background:#f6f6f6;
letter-spacing:-1px;
height:auto;
padding-bottom:10px;
}
#mimg div.fee ul li.f2 div.dt1 {
width:100%;
padding-top:10px;
}
#mimg div.fee ul li.f2 div.dt2 {
width:100%;
text-align:center;
}
#mimg div.fee ul li.f3 {
width:100%;
text-align:center;
background:#ddd;
height:auto;
}
#mimg div.fee ul li.f2 div.dt1 td input {
font-size:13px;
height:26px;
padding-left:2px;
}
#mimg div.fee ul li.f2 div.dt1 td input.dinfo {
width:65%;
margin-right:2px;
}
#mimg div.fee ul li.f2 div.dt1 td select.dinfo2 {
font-size:13px;
height:24px;
margin-right:2px;
width:30px;
}
#mimg div.fee ul li.f3 a {
background:#ac1414;
border-radius:6px;
display:inline-block;
width:60%;
margin:10px auto;
}
#mimg div.fee ul li.f3 a br {
display:none;
}
#mimg div.fee ul li.f3 a img {
float:left;
margin-top:-20px;
}
#mimg div.fee ul li.f3 a strong {
padding-top:20px;
font-size:17px;
}
#mcnt .cnt .part1 .ghguide ul {
font-size:18px;
}
.ghguide .price {
font-size:26px;
}
.ghguide .price span i {
font-size:20px;
}
}

@media screen and (max-width:360px){

#mcnt .cnt .part1 {
font-size:14px;
}
#mimg div.fee ul li.f2 div.ds {
width:100%;
margin:auto;
}
#mimg div.fee ul li.f2 {
font-size:13px;
}
#mcnt .part3 .bds .bd1,
#mcnt .part3 .bds .bd2,
#mcnt .part3 .bds .bd3 {
font-size:14px;
}
}