@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700');

@font-face {
	font-family: "NEXON Lv2 Gothic";
	src: url("/css/font/NEXON_Lv2_Gothic/NEXON_Lv2_Gothic.eot"); /* IE9 Compat Modes */
	src: local(''),
		 url("/css/font/NEXON_Lv2_Gothic.eot?#iefix") format('embedded-opentype'), /* IE6 ~ IE8 */
		 url("/css/font/NEXON_Lv2_Gothic.woff") format('woff'); /* Modern Browsers */
}


@font-face {
	font-family: "NEXON Lv2 Gothic Light";
	src: url("/css/font/NEXON_Lv2_Gothic_Light.eot");
	src: local(''),
		 url("/css/font/NEXON_Lv2_Gothic_Light.eot?#iefix") format('embedded-opentype'),
		 url("/css/font/NEXON_Lv2_Gothic_Light.woff") format('woff');
}

@font-face {
  font-family: "NEXON Lv2 Gothic Bold";
	src: url("/css/font/NEXON_Lv2_Gothic_Bold.eot");
	src: local(''),
		 url("/css/font/NEXON_Lv2_Gothic_Bold.eot?#iefix") format('embedded-opentype'),
		 url("/css/font/NEXON_Lv2_Gothic_Bold.woff") format('woff');
}

/*-------------------------------------------------------------------------------------*
 *  Common                                                                             *
 *-------------------------------------------------------------------------------------*/
.w_container {position:relative; width:1400px; margin-left:auto; margin-right:auto;}
.w_container img {max-width:100%}

.w_container2 {position:relative; width:1300px; margin-left:auto; margin-right:auto;}
.w_container2 img {max-width:100%}

.w_clear {clear:both}

@media (max-width:1480px) {
	.w_container {width:100%;  padding:0 50px 0 50px;}
	.w_container2 {width:100%;  padding:0 50px 0 50px;}
}
@media (max-width:1200px) {
	.w_container {width:100%;  padding:0 20px 0 20px;}
	.w_container2 {width:100%;  padding:0 20px 0 20px;}
}
@media (max-width:720px) {
	.w_container {width:100%;  padding:0 15px 0 15px;}
	.w_container2 {width:100%;  padding:0 15px 0 15px;}
}

@media screen and (min-width:981px){
    br.br_m{display: none;}
}
@media screen and (max-width:980px){
    br.br_d{display: none;}
}



/*-------------------------------------------------------------------------------------*
 *  Contents                                                                           *
 *-------------------------------------------------------------------------------------*/

/* 샵소개 */
.w_about {background:#f2f2f4; padding:75px 0 75px 0;font-family:"NEXON Lv2 Gothic"; font-weight:600; word-break:keep-all}
.w_about .main_title {text-align:center; margin:0 0 30px 0}
.w_about .main_title span{height:65px; line-height:65px; border-radius:65px; background:#3a2f0d; width:280px; display:inline-block; font-family: 'Nanum Myeongjo'; font-weight:bold; color:#fff; font-size:40px;}
.w_about .s_title {text-align:center; font-size:20px; line-height:1.5; margin:0 0 30px 0}
.w_about .s_title span {color:#d01b1b; font-size:1.2em}
.w_about .about_con {display:table}
.w_about .about_left {width:635px; display:table-cell; vertical-align:middle;}
.w_about .about_right {width:calc(100% - 635px);  display:table-cell; vertical-align:middle;line-height:1.8; font-size:18px;}
.w_about .about_right span {width:100px; height:3px; background:#3a2f0d; margin:0 0 50px 0; display:inline-block }

.w_about .about_right .about_text {color:#3a2f0d;}

@media (max-width:1200px){
	.w_about .about_left {width:50%; }
	.w_about .about_right {width:50%; }	
	.w_about .s_title {margin:0 0 50px 0}
	.w_about .about_right span {margin:0 0 20px 0;}
}

@media (max-width:980px){
	.w_about .about_con {display:block}
	.w_about .about_left {display:none }
	.w_about .about_right {display:block; width:100%; }
}

@media (max-width:720px){
	.w_about .main_title span{height:50px; line-height:50px; border-radius:50px; width:auto; font-size:35px; padding:0 25px 0 25px}
	.w_about .s_title span {font-size:1em}
	.w_about .s_title {font-size:18px;}
	.w_about .about_right {font-size:16px;}	
}



/* 코스정보 */
.w_course {background:url(/images/ebiz/course_bg.jpg) no-repeat; background-size:cover; padding:60px 0 95px 0;font-family:"NEXON Lv2 Gothic"; font-weight:600; word-break:keep-all} 
.w_course .main_title {text-align:center; margin:0 0 60px 0} 
.w_course .main_title span{height:65px; line-height:65px; border-radius:65px; background:#3a2f0d; width:280px; display:inline-block;font-family: 'Nanum Myeongjo'; font-weight:bold; color:#fff; font-size:40px;}
.w_course .course_box {padding:30px 30px 50px 30px; background:rgba(255,255,255,0.8);text-align:center; margin:0 0 10px 0}
.w_course .course_box .course_icon {margin:0 0 30px 0}
.w_course .course_box .course_text {font-size:18px; line-height:1.8; color:#3a2f0d;}
.w_course .course_table {display:table; width:100%; margin:0 0 10px 0}
.w_course .course_table .course_left {width:380px; display:table-cell; background:rgba(58,47,13,0.5);   position:relative} 
.w_course .course_table .course_left .course_num {font-family:"Montserrat"; font-weight:bolder; opacity:0.2;  position:absolute; left:10px; top:10px;  color:#fff; font-size:100px;  line-height:1}
.w_course .course_table .course_left .course_num_tit {display:none}
.w_course .course_table .course_left .course_img {position:absolute; right:25px; bottom:25px}
.w_course .course_table .course_right {width:calc(100% - 380px);display:table-cell; padding:0 0 0 10px}
.w_course .course_table .course_right .course_line {background:rgba(255,255,255,0.5); padding:0 30px 0 30px; margin:0 0 1px 0}
.w_course .course_table .course_right .course_line table {width:100%}
.w_course .course_table .course_right .course_line table tr td {height:70px;color:#372720;  line-height:1.5}
.w_course .course_table .course_right .course_line table tr td.td01 {width:60%}
.w_course .course_table .course_right .course_line table tr td.td02 {text-align:right}
.w_course .course_table .course_right .course_line table tr td.td03 {text-align:right}
.w_course .course_table .course_right .course_line table tr td.td04 {padding:25px 0 25px 0} 
.w_course .course_table .course_right .course_line .font01 {font-size:23px;color:#3a2f0d;}
.w_course .course_table .course_right .course_line .font02 {text-decoration:line-through;display:inline-block;color:#6c6c6c;font-size:16px;}
.w_course .course_table .course_right .course_line .font03 {font-weight:bold;font-family:"Montserrat";font-size:28px}
.w_course .course_table .course_right .course_line .font04 {}
.w_course .course_table .course_right .course_line .font05 {font-size:18px;}
.w_course .course_banner {display: grid; grid-gap: 10px; grid-template-columns: repeat(5, 1fr);grid-auto-flow: column dense;grid-auto-rows: minmax(325px, auto);}
.w_course .course_banner .course_banner_left {grid-column: 1 / span 2; }
.w_course .course_banner .course_banner_right {grid-column: 3 / span 3; }

@media (max-width:980px){
	.w_course .course_box {display:none}
	.w_course .course_banner {display:none}
	.w_course .course_table {display:block;}
	.w_course .course_table .course_left {width:100%;display:block;padding:15px}
	.w_course .course_table .course_left .course_num { position:relative; left:0; top:0; font-size:60px; line-height:1;float:left;}
	.w_course .course_table .course_left .course_img {display:none}
	.w_course .course_table .course_left .course_num_tit {display:block; font-size:35px; font-family: "NEXON Lv2 Gothic Bold"; color:#fff; float:left; position:relative; top:22px; margin:0 0 0 10px}
	.w_course .course_table .course_left .course_num_tit img {position:relative; top:-20px; height:30px }
	.w_course .course_table .course_right {width:100%;display:block; padding:0}
}

@media (max-width:720px){
	.w_course {padding:60px 0 60px 0;} 
	.w_course .main_title span{height:50px; line-height:50px; border-radius:50px; width:auto; font-size:35px; padding:0 25px 0 25px}
	.w_course .course_table .course_right .course_line {padding:0 15px 0 15px}
	.w_course .course_table .course_left .course_num { font-size:50px;}
	.w_course .course_table .course_left .course_num_tit {font-size:28px;font-family: "NEXON Lv2 Gothic"; color:#fff; float:left; position:relative; top:14px; margin:0 0 0 10px}
	.w_course .course_table .course_right .course_line .font01 {font-size:18px;}
	.w_course .course_table .course_right .course_line .font02 {font-size:14px;}
	.w_course .course_table .course_right .course_line .font03 {font-weight:bold;font-family:"Montserrat";font-size:20px}
	.w_course .course_table .course_right .course_line .font04 {display:none}
	.w_course .course_table .course_right .course_line .font05 {font-size:14px;}
	.w_course .course_table .course_right .course_line .m_e {display:none}
}	





/* 샵내부 */
.w_shop {background:url(/images/ebiz/shop_bg.gif) no-repeat;background-size:cover; padding:60px 0 95px 0;font-family:"NEXON Lv2 Gothic"; font-weight:600; word-break:keep-all}
.w_shop .main_title {text-align:center; margin:0 0 60px 0} 
.w_shop .main_title span{height:65px; line-height:65px; border-radius:65px; background:#3a2f0d; width:280px; display:inline-block; font-family: 'Nanum Myeongjo'; font-weight:bold; color:#fff; font-size:40px;}
.w_shop .shop_gall_common {display: grid; grid-gap: 10px; grid-template-columns: repeat(4, 1fr);grid-auto-flow: column dense;  grid-template-rows: repeat(3, 1fr);margin:0 0 10px 0}
.w_shop .shop_gall_common .shop_gall01 {grid-column: 1/ span 2;  position:relative;grid-row: span 1;}
.w_shop .shop_gall_common .shop_gall01 .shop_gall_tit {position:absolute; left:50%; top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:100%; text-align:center; padding:0 15px 0 15px; font-size:20px; }
.w_shop .shop_gall_common .shop_gall02 {grid-column: 1/ span 2;grid-row-start: 2;grid-row: span 2; }
.w_shop .shop_gall_common .shop_gall03 {grid-column: 3/ span 2;grid-row-start: 1;grid-row: span 3;}
.w_shop .shop_gall_pc {display: grid; grid-gap: 10px; grid-template-columns: repeat(3, 1fr);grid-auto-flow: column dense;  grid-template-rows: repeat(2, 1fr);}
.w_shop .shop_gall_pc .shop_gall04 {grid-column: 1 / span 1; grid-row-start: 1; grid-row: span 2;}
.w_shop .shop_gall_pc .shop_gall05 {grid-column: 2 / span 2; grid-row-start: 1;}
.w_shop .shop_gall_pc .shop_gall06 {grid-column: 2 / span 2; grid-row-start: 2;}

@media (max-width:980px){
	.w_shop .shop_gall_common {display: block; }
	.w_shop .shop_gall_common img {width:100%}
	.w_shop .shop_gall_common .shop_gall01 {width:100%; }
	.w_shop .shop_gall_common .shop_gall01 .shop_gall_tit {position:relative; transform:translate(0,0);-webkit-transform:translate(0,0); left:0; top:0; width:100%; text-align:center; padding:25px 15px 50px 15px; font-size:20px; }
	.w_shop .shop_gall_common .shop_gall01 .shop_gall_tit img {width:auto !important; height:40px}
	.w_shop .shop_gall_common .shop_gall02 { margin:0 0 10px 0 }
	.w_shop .shop_gall_pc {display:none}
}	

@media (max-width:720px){
	.w_shop .main_title span{height:50px; line-height:50px; border-radius:50px; width:auto; font-size:35px; padding:0 25px 0 25px}
}	


/* 오시는길 */
.w_map {background:#fff7d9; padding:60px 0 60px 0;font-family:"NEXON Lv2 Gothic"; font-weight:600; word-break:keep-all}
.w_map .main_title {text-align:center; margin:0 0 60px 0} 
.w_map .main_title span{height:65px; line-height:65px; border-radius:65px; background:#3a2f0d; width:280px; display:inline-block; font-family: 'Nanum Myeongjo'; font-weight:bold; color:#fff; font-size:40px;}

.w_map .map_list {margin:0 0 20px 0; }
.w_map .map_list ul {margin:0; padding:0}
.w_map .map_list li {list-style:none; float:left; font-size:20px; padding:0 120px 15px 0; margin:0; }
.w_map .map_list li img {height:38px;margin-right:15px}
.w_map .w_parking { }
.w_map .w_parking .tit {font-size:20px;margin:0 0 20px 0}
.w_map .w_parking .tit img { margin-right:15px}
.w_map .w_parking .parking_text {padding:0 0 0 42px; margin-left:15px}
.w_map .w_parking .parking_text table tr td {font-size:18px;   line-height:1.8; vertical-align:top; padding:0 0 10px 0}

@media (max-width:1200px){
	.w_map .map_list li {padding:0 80px 15px 0; }
}	

@media (max-width:980px){
	.w_map .map_list li {width:100%; font-size:18px; padding:0 0 15px 0; margin:0; }
	.w_map .map_list li img {height:38px;margin-right:15px}
	.w_map .map_list {margin:0 0 15px 0; }
	.w_map .w_parking .tit {font-size:18px;}
	.w_map .w_parking .tit img {height:38px; margin-right:15px}
	.w_map .w_parking .parking_text {padding:0 0 0 38px; }
	.w_map .w_parking .parking_text table tr td {font-size:16px; }
}