@import url("NotoKR.css");
body {
	color: rgb(255, 255, 255); font-family: "Roboto", Arial, sans-serif; font-size: 16px; font-family: 'Noto Sans Medium';
}
li {list-style-type: none; margin: 0; padding: 0;}
.endline {clear: both; float: none;}
#wrap {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.header {
	left: 0px; top: 0px; width: 100%; position: fixed; z-index: 9999;
}
.left-button {
	opacity: 1;
}
.l_over_toggle {
	left: 37px; top: 40px; width: 50px; height: 50px; position: absolute; cursor: pointer;
}

.topLog {
    right: 37px; top: 30px; width: 50px; height: 50px; position: absolute; cursor: pointer; 
}

.weather_wrap {position:absolute; top:24px; right:107px; min-width:238px; height:60px; display:flex; background:#fff; border-radius:30px; padding:6px 20px; box-sizing:border-box; }
.weather_wrap .weather_ico {padding-top:5px; }
.weather_wrap .weather_ico img {width:38px; }
.weather_wrap .weather_temp {font-size:30px; color:#000; margin:0 15px; }
.weather_wrap .weather_txt p {color:#000; padding:0; margin:0; }

.rsvIcon {
	right: 100px; top: 40px; width: 117px; height: 50px; position: absolute; cursor: pointer;
}
.l_over_logo {
	left: 110px; top: 0px; position: absolute; z-index: 1000;
}
.l_over_toggle .line {
	transform-origin: center 50%; left: 0px; width: 38px; height: 3px; position: absolute; pointer-events: none; background-color: rgb(255, 255, 255); -webkit-transform-origin: center;
}
.l_over_toggle .line {
	background-color: rgb(255, 255, 255);
}
.l_over_toggle .line.l_top {
	top: 0px;
}
.l_over_toggle .line.l_middle {
	top: 13px;
}
.l_over_toggle .line.l_low {
	top: 26px;
}
.right-button {
	width: 30%; height: 80px; float: right; position: relative; cursor: pointer; opacity: 1;
}
.r_over_toggle {
	top: 30px; right: 75px; position: absolute;
}
.r_over_logo {
	top: 30px; right: 110px; position: absolute;
}
.right-button .line {
	transform-origin: center 50%; left: 0px; width: 38px; height: 1px; position: absolute; pointer-events: none; background-color: rgb(51, 51, 51); -webkit-transform-origin: center;
}
.right-button .line {
	background-color: rgb(255, 255, 255);
}
.right-button .line.r_top {
	top: 0px;
}
.right-button .line.r_middle {
	top: 13px;
}
.right-button .line.r_low {
	top: 26px;
}
.cont_move {
	background: rgba(0, 0, 0, 0.5); top: 45px; width: 291px; height: 40px; right: 0px; line-height: 40px; overflow: hidden; position: fixed; z-index: 99;
}
.cont_move p.slidein {
	width: 170px; text-align: right; color: rgb(255, 255, 255); padding-right: 10px; font-size: 15px;
}
.click_contact {
	left: 7px; top: 11px; width: 15px; height: 18px; position: absolute; z-index: 400; cursor: pointer;
}
.t_line {
	transform-origin: center 50%; left: 0px; width: 15px; height: 1px; position: absolute; pointer-events: none; background-color: rgb(255, 255, 255); -webkit-transform-origin: center;
}
.t_line.t_top {
	top: 9px; transform: rotate(45deg);
}
.t_line.t_low {
	top: 9px; transform: rotate(-45deg);
}
.left_ul {
	height: 38px; padding-top: 22px; padding-left: 277px; display: none;
}
.left_ul li {
	padding-right: 25px; display: inline-block;
}
.left_ul li img {
	vertical-align: top;
}
.right_ul {
	height: 38px; padding-top: 22px; padding-left: 821px; display: none;
}
.right_ul li {
	padding-right: 25px; display: inline-block;
}
.right_ul li img {
	vertical-align: top;
}
div.menu_layer {
	background: #2b2f31; left: -100%; width: 100%; height: 100%; bottom: 0px; position: fixed; z-index: 999; opacity: 0.8;
}
div.l_menu-layer {
	background: rgb(255, 255, 255); width: 920px; height: 100%; float: left; z-index: 250; opacity: 1;
}
.l_menu-layer .menu_div {
	margin: 0px auto; width: 100%; height: 100%; padding-top: 75px; -ms-overflow-y: auto;
}
.l_menu-layer .menu_div .menu {
	margin: 0px auto; width: 900px; height: 100%; padding-left: 70px;
}
.l_menu-layer .l_ul {
	text-align: left; padding-top: 165px; padding-left: 0;
}
.l_menu-layer .l_ul li {	height: 60px;}
.l_menu-layer .l_ul li a.bigM {	color: #003da5; font-size: 32px; text-decoration: none; font-family: 'Noto Sans DemiLight'; letter-spacing: -2px; padding-right: 20px;}
.l_menu-layer .l_ul li a.smalM {	color: #000; font-size: 18px; text-decoration: none; font-family: 'Noto Sans DemiLight'; letter-spacing: -1px; padding-right: 10px;}
.l_menu-layer .l_ul li.on {
	opacity: 1;
}
div.r_menu-layer {
	background: rgb(73, 73, 73); width: 50%; height: 100%; float: right; z-index: 250;
}
.r_menu-layer .rmenu_div {
	margin: 0px auto; width: 100%; height: 100%;  -ms-overflow-y: auto;
}
.r_menu-layer .rmenu_div .menu {
	margin: 0px auto; width: 300px; height: 100%;
}
.r_menu-layer .r_ul {
	text-align: left; padding-top: 165px;
}
.r_menu-layer .r_ul li {
	height: 55px;
}
.r_menu-layer .r_ul li.on {
	opacity: 0.5;
}
.main_what {
	margin: 0px auto; width: 1400px; padding-top: 0px; text-align: center;
} /*580*/

.main_what_ul {
	width: 1360; float: left;
}
.main_what_ul2 {
	width: 62%; float: right;
}
.main_what_ul2 li {
	width: 49%; text-align: right; padding-right: 0px; padding-bottom: 87px; display: inline-block;
}
.middle {
	width: 1380px; height: 720px; margin-top:20px; padding:0; border:0px; text-align:center;
}
.main_what_ul3 {
	width: 1000px; height: 720px; display:inline-block; margin:0; padding:0; 
}
.main_what_ul4 {
	background:url(../main/img/slide_left.png);width: 360px; height: 720px; display:inline-block; text-align: left; margin:0; padding:0; 
}
/*
.main_what_ul3 li {
	width: 500px; overflow:hidden; display: inline-block; margin-top: 20px; vertical-align: top;
}
*/
.main_what_ul3 li.course {margin:0 0 0 -8px; padding:0; width:500px; height:360px; display:inline-block;
}
.main_what_ul3 li.club {margin:0 0 0 -4px; padding:0; width:500px; height:360px; display:inline-block;
}
.main_what_ul3 li.village {margin:-5px 0 0 -8px; padding:0; width:500px; height:360px; display:inline-block;
}
.main_what_ul3 li.video {margin:-5px 0 0 -4px; padding:0; width:500px; height:360px; display:inline-block;
}

.main_what_ul3 iframe {
	width: 38%; text-align: right; padding-right: 0px; padding-bottom: 87px; display: inline-block; margin-top: 20px; vertical-align: top;
}
.main_what_ul li img {
	width: 100%;
}
.main_what_ul2 li img {
	width: 100%;
}

/*
.main_what_ul3 li img {
	width: 500px;
}
*/
.main_what_ul3 li img {
	width: 500px;
    opacity: 0.9;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
}
.main_what_ul3 li img:hover {
	width: 500px;
    opacity: 1.0;
    transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;
}

.menu_footer {
	background: rgb(255, 255, 255); border: 1px solid rgb(227, 227, 227); border-image: none; width: 100%; height: 39px; bottom: 0px; position: absolute; z-index: 250;
}
.menu_footer .mf_bottom {
	margin: 0px auto; width: 1240px; height: 40px;
}
.menu_footer .mf_bottom .l_line {
	height: 2px;
}
.menu_footer .mf_bottom .l_line img {
	vertical-align: top;
}
.menu_footer .mf_bottom .mf_pack_ul {
	float: left;
}
.menu_footer .mf_bottom .mf_pack_ul li {
	padding-right: 31px; float: left;
}
.menu_footer .mf_bottom .l_b_ul {
	float: left;
}
.menu_footer .mf_bottom .l_b_ul li {
	padding-right: 24px; float: left;
}
.menu_footer .mf_bottom ul.contact {
	float: left;
}
.menu_footer .mf_util_ul {
	float: right;
}
.menu_footer .mf_util_ul li {
	padding-left: 21px; float: left;
}
.selectBox {
	width: 65px; height: 39px; color: rgb(0, 0, 0); line-height: 39px; float: right; display: inline-block; position: relative; cursor: pointer;
}
.selectBox dt {
	height: 39px;
}
.selectBox dd {
	background: rgb(255, 255, 255); width: 68px; height: 24px; text-align: center; line-height: 24px; font-family: "Spoqa Han Sans", sans-serif; font-size: 12px; font-weight: bold;
}
.selectBox dd a {
	color: rgb(0, 0, 0);
}
.selectBox dd:hover {
	background: rgb(230, 226, 226);
}
.lang_div {
	left: -4px; top: 40px; position: absolute; opacity: 0;
}
.lang_div dd.on {
	background: rgb(230, 226, 226);
}
.selectBox2 {
	width: 65px; height: 39px; color: rgb(0, 0, 0); line-height: 39px; float: right; display: inline-block; position: relative; cursor: pointer;
}
.selectBox2 dt {
	height: 39px;
}
.selectBox2 dd {
	background: rgb(243, 243, 243); width: 68px; height: 24px; text-align: center; line-height: 24px; font-family: "Spoqa Han Sans", sans-serif; font-size: 12px; font-weight: bold;
}
.selectBox2 dd a {
	color: rgb(0, 0, 0);
}
.selectBox2 dd:hover {
	background: rgb(230, 226, 226);
}
.lang_div2 {
	left: -4px; top: 40px; position: absolute; opacity: 0;
}
.lang_div2 dd.on {
	background: rgb(230, 226, 226);
}
.click_content {
	left: 50%; top: 50%; width: 90%; height: 80%; margin-top: -19%; margin-left: -45%; position: absolute; z-index: 200; cursor: url(../../images/dev/more.png), url(../../images/dev/more.cur), pointer;
}
.container {
	width: 100%; height: 100%;
}
.contents_bg.open {
	cursor: url(../../images/dev/close.png), url(../../images/dev/close.cur), pointer;
}
.contents_bg {
	background: rgb(0, 0, 0); width: 100%; height: 100%; display: none; position: absolute; z-index: 300; opacity: 0;
}
.contents {
	width: 100%; height: 100%; display: none; position: relative; z-index: 350; opacity: 0;
}
.contents .line {
	background-color: rgb(255, 255, 255);
}
.contents .line.c_top {
	top: 13px;
}
.contents .line.c_middle {
	top: 13px;
}
.contents .cont_plus {
	left: 13px; top: 13px; width: 25px; height: 25px; position: absolute; cursor: pointer; opacity: 1;
}
.contents .cont_plus .line {
	transform-origin: center 50%; left: 0px; width: 25px; height: 2px; position: absolute; pointer-events: none; -webkit-transform-origin: center;
}
.content_left .cont_title {
	height: 550px; padding-top: 100px; padding-left: 115px;
}
.content_left .cont_title p.wn_tit {
	padding-top: 34px;
}
.content_left .cont_title p:first-child img {
	padding-bottom: 6px;
}
.content_left .cont_title_ul {
	bottom: 50px; padding-left: 115px; position: absolute;
}
.content_left .cont_title_ul li {
	height: 40px;
}
.content_left .cont_title_ul li.cont_on {
	opacity: 0.5;
}
.content_left .cont_title_ul li.cont_onn {
	opacity: 0.5;
}
.content_left .cont_title_ul li.first_title {
	padding-bottom: 58px;
}
.content_left .cont_title_ul li:hover {
	transition:0.5s; opacity: 0.5; -webkit-transition: all 0.5s;
}
.content_left {
	width: 360px; height: 100%; line-height: 15px; float: left;
}
.content_right {
	height: 590px; text-align: center; line-height: 15px; padding-right: 18%; float: right; cursor: url(../../images/dev/close.png), url(../../images/dev/close.cur), pointer;
}
.page {
	left: 50%; top: 50%; width: 597px; text-align: justify; line-height: 27px; display: inline-block; position: absolute; opacity: 1;
}
.page_border {
	border-width: 1px 0px; border-style: solid none; border-color: rgba(255, 255, 255, 0.2) currentColor; border-image: none; text-align: center;
}
.page_border p {
	padding-top: 4px; padding-bottom: 4px; font-weight: 500;
}
.page_border2 {
	border-width: 1px 0px; border-style: solid none; border-color: rgba(255, 255, 255, 0.2) currentColor; border-image: none; text-align: center;
}
.page_border2 p {
	padding-top: 4px; padding-bottom: 4px; font-size: 15px; font-weight: 300;
}
.page_table {
	border-width: 1px 0px; border-style: solid none; border-color: rgba(255, 255, 255, 0.2) currentColor; margin: 10px 0px; border-image: none; font-size: 17px;
}
.page_table tr {
	height: 40px;
}
.page_table td {
	border: 1px solid rgba(255, 255, 255, 0.2); border-image: none; width: 133px; text-align: center; vertical-align: middle;
}
.page_golf_table {
	margin: 10px 0px; font-size: 15px; display: table-row;
}
.page_golf_table td {
	border: 0px solid rgba(255, 255, 255, 0.2); border-image: none; height: 30px; text-align: center; vertical-align: middle;
}
.page_table4 {
	border-width: 1px 0px; border-style: solid none; border-color: rgba(255, 255, 255, 0.2) currentColor; margin: 10px 0px; border-image: none; font-size: 15px;
}
.page_table4 td {
	border: 1px solid rgba(255, 255, 255, 0.2); border-image: none; height: 50px; text-align: center; vertical-align: middle;
}
.page_content {
	overflow: hidden;
}
.page_content .pickup_top {
	background: rgb(73, 73, 73); width: 862px; height: 90px; color: rgb(255, 255, 255); position: relative;
}
.page_content .pickup_top h2 {
	left: 30px; top: 50px; padding-left: 7px; font-size: 17px; border-left-color: rgb(69, 74, 77); border-left-width: 1px; border-left-style: solid; position: absolute;
}
.page_content .pickup_top h2.date {
	left: 30px; top: 15px; padding-left: 7px; font-size: 17px; border-left-color: rgb(69, 74, 77); border-left-width: 1px; border-left-style: solid; position: absolute;
}
.page_content .pickup_top .date {
	left: 176px; top: 19px; position: absolute;
}
.page_content .pickup_top .choice {
	left: 176px; top: 50px; position: absolute;
}
.page_content .pickup_top form {
	top: 15px; width: 340px; right: 49px; position: absolute;
}
.page_content .pickup_top form select {
	background: rgb(45, 45, 45); border: currentColor; border-image: none; width: 132px; height: 22px; color: rgb(255, 255, 255); margin-top: 3px; margin-bottom: 7px;
}
.page_content .pickup_top form a {
	top: 3px; right: -24px; position: absolute;
}
.page_content .pickup_middle {
	background: rgb(45, 45, 45); width: 100%; height: 305px; padding-top: 20px; display: block;
}
#gubun {
	padding: 3px; vertical-align: middle;
}
.date_wrap {
	background: url("/images/common/bg_date.png") no-repeat; padding: 0px 0px 0px 1px; height: 26px; line-height: 26px; display: inline-block;
}
.date_wrap input[type='text'] {
	background: url("/images/common/bg_date.png") no-repeat 100% 0px; padding: 0px 22px 0px 5px; border: 0px currentColor; border-image: none; width: 76px; height: 26px; color: rgb(255, 255, 255); line-height: 26px;
}
.page_content1 {
	padding: 25px 0px 25px 15px;
}
.page_content2 {
	padding-top: 20px;
}
.conWrap {
	height: 100%; position: absolute;
}
.pack_ul {
	width: 100%;
}
.pack_ul li {
	width: 33.3%; float: left; display: flex; cursor: pointer;
}
.pack_ul li img {
	
}
.con_ul {
	margin: 0px auto; width: 1060px; padding-top: 110px;
}
.content {
	background-position: center; width: 100%; height: 100%; display: block; z-index: 1; background-attachment: fixed; background-repeat: no-repeat; background-size: cover;
}
.content ul.con_ul li {
	width: 33%; height: 35vh; text-align: center; display: inline-block; opacity: 0; transform: translate3d(0px, 100%, 0px); justify-content: center; align-items: center; will-change: transform; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -webkit-align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -webkit-justify-content: center;
}
.no_ul {
	margin: 0px auto; width: 734px; padding-top: 100px;
}
.no_ul li.no_li {
	border-bottom-color: rgb(218, 218, 218); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.no_ul li:first-child.no_li {
	border-top-color: rgb(218, 218, 218); border-top-width: 1px; border-top-style: solid;
}
.no_ul li.no_li div {
	left: 123px; top: 35px; overflow: hidden; position: absolute;
}
.no_ul li.no_li .img_hover {
	
}
.page_num {
	width: 94%; text-align: center; color: rgb(0, 0, 0); padding-top: 35px; font-weight: bold; display: inline-block;
}
.page_num ul li {
	padding-right: 10px; display: inline-block; opacity: 0.5;
}
.page_num ul li.on {
	opacity: 1;
}
div.content ul li a div.over_div {
	background-color: rgb(0, 0, 0);
}
.content ul.con_ul li a {
	overflow: hidden; position: relative;
}
.con_ul li a img {
	transition:8s; width: 278px;
}
div.content ul.con_ul li a div.txt {
	left: 0px; top: 0px; width: 278px; height: 263px; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 263px; font-size: 17px; font-weight: bold; position: absolute; z-index: 11;
}
div.over_div {
	background: rgb(0, 0, 0); transition:0.5s; left: 0px; top: 0px; width: 278px; height: 263px; position: absolute; z-index: 10; opacity: 0;
}
div.content ul li a:hover div.over_div {
	opacity: 0.6;
}
.d_close {
	top: 40px; right: 37px; position: absolute; z-index: 9999;
}
.lang-en {
	display: none;
}
.t_2 {
	display: none; opacity: 0;
}
.t_3 {
	display: none; opacity: 0;
}
.page.m_1 {
	width: 850px; height: 650px; padding-top: 70px; opacity: 1;
}
.page.m_2 {
	width: 850px; height: 650px; padding-top: 70px; display: none; opacity: 1;
}
.page.m_3 {
	width: 850px; height: 650px; padding-top: 70px; display: none; opacity: 1;
}
.p_content {
	margin: 0px auto 0px -425px; left: 50%; top: 17%; width: 850px; font-size: 14px; position: absolute;
}
.p_content .section {
	padding: 46px 25px 63px; font-weight: 400; border-top-color: rgb(229, 229, 229); border-top-width: 1px; border-top-style: solid;
}
.p_content .section .page_table4 {
	border-width: 1px 0px; border-style: solid none; border-color: rgba(255, 255, 255, 0.2) currentColor; margin: 10px 0px; border-image: none;
}
.p_content .section .page_table4 td {
	border: 1px solid rgba(255, 255, 255, 0.2); border-image: none; height: 50px; text-align: center; font-size: 15px; vertical-align: middle;
}
.p_content .section h3 {
	color: rgb(229, 229, 229); letter-spacing: -2px; font-size: 22px; font-weight: 400; margin-bottom: 25px;
}
.p_content .section h4 {
	color: rgb(229, 229, 229); letter-spacing: -2px; font-size: 22px; font-weight: 400; margin-bottom: 25px;
}
.p_content .shortcut {
	margin: 0px auto; padding: 52px 56px; border: 1px solid rgb(229, 229, 229); border-image: none; width: 91%; line-height: 1.8em; overflow: hidden; font-weight: 400;
}
.p_content .shortcut ol {
	height: 150px; padding-top: 40px; padding-left: 0px; margin-top: 40px; margin-bottom: 15px; border-top-color: rgb(240, 240, 240); border-top-width: 1px; border-top-style: solid; float: left;
}
.p_content .shortcut ol a {
	color: rgb(229, 229, 229); padding-left: 10px;
}
.p_content .shortcut ol.sc1 {
	width: 47%;
}
.p_content .shortcut ol.sc2 {
	width: 47%;
}
.p_content .shortcut ol li:first-child {
	margin-top: 0px;
}
.p_content .shortcut ol li {
	font-size: 13px; font-weight: 400; margin-top: 3px;
}
.p_content div strong.b {
	font-weight: 400;
}
.p_content .section .btn_area {
	overflow: hidden; margin-top: 4px;
}
.p_content .section p + .btn_area {
	margin-top: 5px;
}
.p_content .section .btn_area + p {
	margin-top: 19px;
}
.p_content .section .contact + p {
	margin-top: 19px;
}
.p_content .section .bu {
	margin: 13px 0px 0px; line-height: 1.65;
}
.p_content .section .bu > li {
	padding-left: 15px; margin-top: 6px; position: relative;
}
.p_content .section .bu > li > span {
	padding-left: 20px;
}
.p_content .section .bu > li > span strong {
	padding-left: 20px; font-weight: 400;
}
.pr_title {
	font-size: 20px; float: left;
}
.pr_title li {
	height: 24px; line-height: 24px; display: inline-block;
}
.up_top {
	right: 300px; bottom: 50px; position: fixed;
}
.footer {
	background: rgb(255, 255, 255); border: 1px solid rgb(178, 178, 178); border-image: none; width: 100%; height: 76px; bottom: 0px; position: absolute;
}
.footer ul.wr_ul {
	width: 87%; float: left;
}
.footer ul.wr_ul li {
	padding: 0px 22px 26px 0px; height: 18px; display: inline-block; color: #000;
}
.footer ul.wr_ul li img {
	vertical-align: top;
}
.footer .copy {
	padding: 26px 30px 26px 0px; height: 32px; float: right;
}
.footer .sns {
	top: 13px; right: 0px; position: absolute;
}
.footer .sns .sns_util_ul li {
	padding-right: 8px; display: inline-block;
}
.page .ceo_img2 {
	display: none;
}
@media screen and (max-height:900px)
{
.main_what {
	width: 1360px; height: 720px; text-align:center;
}

@media screen and (max-height:800px)
{
.l_menu-layer .menu_div {
	-ms-overflow-y: auto;
}
.r_menu-layer .rmenu_div {
	-ms-overflow-y: auto;
}
.l_menu-layer .l_ul {
	text-align: left; padding-top: 40px;
}
.r_menu-layer .r_ul {
	text-align: left; padding-top: 40px;
}
.l_menu-layer .l_util {
	margin-top: 40px;
}
.r_menu-layer .r_util {
	margin-top: 40px;
}
.main_what_ul2 li {
	padding-bottom: 55px;
}
.content ul.con_ul li {
	height: 40vh;
}
.main_what {
	width: 81%;
}
}
@media screen and (max-height:700px)
{
.content ul.con_ul li {
	height: 45vh;
}
}
@media screen and (max-width:1540px)
{
.ceo_img {
	display: none;
}
.page .ceo_img2 {
	display: block;
}
.content ul.con_ul {
	padding-left: 150px;
}
}
@media screen and (max-width:1448px)
{
.content ul.con_ul {
	padding-left: 200px;
}
}
@media screen and (max-width:1351px)
{
.content ul.con_ul {
	padding-left: 250px;
}
}
@media screen and (max-width:1300px)
{
.ceo_img {
	display: none;
}
.page .ceo_img2 {
	display: block;
}
.click_content {
	height: 70%;
}
.con_ul {
	width: 988px;
}
.main_what {
	padding-top: 150px;
}
.p_content {
	left: 60%; width: 800px; margin-left: -400px;
}
.up_top {
	right: 50px; bottom: 50px; position: fixed;
}
}
@media screen and (max-width:1248px)
{
.con_ul {
	width: 676px;
}
.content ul.con_ul li {
	width: 50%;
}
}