@charset "utf-8";
/* html {font-size:100.01%;} */
body {
	color:#493728;
	background-color:#f6f2e9;
	font-family: 'NanumSquare';
font-weight:600;
	margin:0;
	padding:0;
	overflow-x:hidden;
	box-sizing:border-box;
}
i{font-style:normal;}
br	{
	letter-spacing: 0;
}
h1, h2, h3, h4, h5, h6, h19 {
	font-weight:normal;
}
h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, td, caption {
	margin:0;
	padding:0;
}
ul, ol {
	list-style:none;
}
img {
	border:0;
}
table {
	width:100%;
	border-collapse: collapse;
	font-size:1em;
}
a{text-decoration:none;}
table caption {
	display:none;
}

a {
    color: inherit;
    display: inline-block;
    text-decoration: none;
}
.hide,.skip,legend,caption,hr{position:absolute;left:-9999px;width:0;height:0;font-size:0;overflow:hidden;text-indent:-9999px;}
fieldset {
	border:0;
}
legend {
	display:none;
}
em {
	font-style: normal;
}
hr {
	clear:both;
	height:0;
	visibility:hidden;
	overflow:hidden;
	display: none;
}

video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
article, aside, figure, figure img,
figcaption, hgroup, footer, header,
nav, section, video, object {display:block;}
article, aside, figure, figure img,figcaption, hgroup,
footer, header, nav, section, video, object {display:block;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,nav,aside,section,article,footer,a
{ margin:0;  padding:0; }
table {border-collapse:collapse; border-spacing:0;}
input,select { /*vertical-align:top;*/ padding:0;}
fieldset,img {border:0; vertical-align:top;}
address,caption,cite,code,dfn,var {font-style:normal; font-weight:normal; }
ol,ul,li {list-style: none; }

img {
    max-width: 100%;
    border: 0;
    vertical-align: top;
}

input[type="text"],input[type="password"],input[type="number"],input[type="tel"],input[type="email"],input[type="button"],input[type="submit"],textarea {
    border-radius:0 !important;-webkit-appearance: none;-moz-appearance: none;
}

input[type="text01"]{width:70px; height:33px; line-height:33px; padding:0 7px; border:1px solid #ddd;}
input[type="text02"]{width:250px; height:33px; line-height:33px; padding:0 7px; border:1px solid #ddd;}

input[type="text03"]{width:40%; height:33px; line-height:33px; padding:0 7px; border:1px solid #ddd;}
input[type="text04"]{width:97%; height:33px; line-height:33px; padding:0 7px; border:1px solid #ddd;}
input[type="tel01"]{width:90px; height:34px; line-height:34px; padding:0 10px; border:1px solid #ddd;}

input[type="text"],input[type="password"],select{height:33px; line-height:33px; padding:0 7px; border:1px solid #ddd;}
input[type="radio"] {display:none;}
input[type="radio"] + label {padding-left:21px; font-size:15px; color:#000; background:url("../../images/common/radio_btn_off.png") no-repeat 0 center; background-size:contain; margin-right:10px;}
input[type="radio"]:checked + label {padding-left:21px; font-size:15px; color:#000; background:url("../../images/common/radio_btn_on.png") no-repeat 0 center; background-size:contain;}


input {font-size:14px; border:1px solid #c4c4c4;  outline:none;}
input[type="radio"], input[type="checkbox"] {padding:0; margin:0; width:auto; height:auto; border:0; vertical-align:middle;}


.search{position:relative; width:110px; height:35px; line-height:34px; padding:0 10px; background:url('../../images/common/ico_select_arrow.png') right center no-repeat; appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; 	font-size:14px; background-color:#fff; text-align:left; border:1px solid #d7d7d7; margin-right:0px;}


.search01{position:relative; width:180px; height:35px; line-height:34px; padding:0 10px; background:url('../../images/common/ico_select_arrow.png') right center no-repeat; appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; 	font-size:14px; background-color:#fff; text-align:left; border:1px solid #d7d7d7; margin-right:0px;}

.search02{position:relative; width:70px; height:35px; line-height:34px; padding:0 10px; background:url('../../images/common/ico_select_arrow.png') right center no-repeat; appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; 	font-size:14px; background-color:#fff; text-align:left; border:1px solid #d7d7d7; margin-right:0px;}



/*button*/
input[type="button"],button {cursor:pointer; -webkit-border-radius:0; -webkit-appearance:none; outline:none;}
input[type="button"]:focus,button:focus {border:1px solid #ead2ad !important;}
textarea { resize:none; word-wrap:break-word; outline:none;}
textarea01 {position:relative; width:160px; height:35px;border:1px solid #d7d7d7;}

.sub-content {
	padding: 10px 0;
	position: relative;
	font-size: 17px;
}

.sub-content::before {
	content: "";
	/* width: 1px;
	height: 60px;
	background-color: #707070;
	position: absolute;
	top: -1px;
	left: 50%;
	transform: translate(-50%, 0);
	border-left:1px solid #707070; */
}
.sub-content .subTitle h3{position: relative;font-size: 35px; line-height:32px;  text-align: center; font-weight:600;/* margin-bottom:50px; */font-family:"NanumSquare";}
.sub-content .subTitle h3:after{content: '';position: absolute; left:50%; bottom:0; width: 65px;top:-20px; margin-left: -35px; height:1px; background:#333;}



.wrap-1200 {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	 font-family: 'NanumSquare';

	 vertical-align: top;
}

img {
    max-width: 100%;
    border: 0;
    vertical-align: top;
}

.datamain-1200 {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	 font-family: 'NanumSquare';
z-index:100000;
position: absolute;
	 vertical-align: top;
}


.mr05{padding-right:5px}
.mt05{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mb20{margin-bottom:20px}
.mb50{margin-bottom:50px}
.mb30{margin-bottom:30px}
.mb100{margin-bottom:100px}
.mb5050{margin-bottom:50px;padding-top:50px}
.mt50{padding-top:50px}
.mt70{padding-top:70px}
.mt90{padding-top:90px}
.mt150{padding-top:220px}
.mt140{padding-top:100px}
.mt220{padding-top:305px;}
.mt10s{margin-top:10px;font-size:12px; }
.mt110{padding-top:60px;padding-bottom:50px}
.sub60tt{font-size:20px;padding-top:30px;padding-bottom:50px}

/*-- Modal Window --*/
.md-perspective,
.md-perspective body {height:100%; overflow:hidden;}
.md-perspective body {background:#222; -webkit-perspective:600px; -moz-perspective:600px; perspective:600px;}
.md-modal {
	position:fixed;
	top:50%;
	left:50%;
	width:50%;
	max-width:450px;
	min-width:450px;
	height:auto;
	z-index:10000;
	visibility:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%);
}
.md-show {visibility:visible;}
.md-overlay {
	position:fixed;
	width:100%;
	height:100%;
	visibility:hidden;
	top:0;
	left:0;
	z-index:9999;
	opacity:0.5;
	background:rgba(0,0,0,0.8);
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
.md-show ~ .md-overlay {opacity:0.3; visibility:visible;}
.md-content {
	color:#000;
	background:#fff;
	position:relative;
	/*border-radius:3px;*/
	margin:0 auto;
}
.md-content h2 {
	margin:0;
	height:34px;
	padding-top:10px;
	padding-bottom:8px;
	text-align:center;
	color:#0b8fda;
	font:22px 'NanumSquare', sans-serif;font-weight:bold;
	/*opacity:0.8;*/
	background:;
}
.md-content > div {padding:15px 10px; margin:0;}
.md-content > div ul {margin:0; padding:0 0 0 0;}
.md-content > div ul li {padding:30px 40px 30px 40px;line-height:25px;TEXT-ALIGN: center; }
.md-content > div ul li.point {font-weight:bold;}
.md-content > div ul li.moretxt {font-size:13px; line-height:20px; color:blue;}
.md-content .win-close {
	width:250px;
	color:#fff;
	cursor:pointer;
	font:15px 'NanumSquare', sans-serif;
	text-align:center;
	background:#c4c4c4;
	padding:10px 0;
	margin:0 auto;
}
.md-content .win-ok {
	width:150px;
	color:#fff;
	cursor:pointer;
	font:15px 'NanumSquare', sans-serif;
	text-align:center;
	background:#76ab54;
	padding:10px 0;
	margin:0 auto;
}

.md-content .win-close a, hover {font:15px 'NanumSquare', sans-serif; color:#000; text-decoration:none;}
.md-effect-1 .md-content {
	-webkit-transform:scale(0.7);
	-moz-transform:scale(0.7);
	-ms-transform:scale(0.7);
	transform:scale(0.7);
	opacity:0;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
.md-show.md-effect-1 .md-content {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1;
}


.firs-tit {font:1.8em 'NanumSquare', sans-serif; margin:8px 0;text-align:center;font-weight:bold;}
.dr {color:#a0178c;}


.point_txt01 {font:12px 'NanumSquare', sans-serif; text-align:left;color:#666869;LINE-HEIGHT:30px;}

.tit {font:18px'NanumSquare', sans-serif; margin:18px 0;text-align:left;font-weight:bold;}


.map_box {
 POSITION: relative;bORDER: #c5c5c5 2px solid; padding:10px 10px 10px 40px;margin-top:30px;font-size:18px;height:600px; line-height:30px;text-align:center;
}



.poto_tabs{margin-bottom:20px; text-align:center;}
.poto_tabs ul{}
.poto_tabs ul li{display:inline-block; width:24%; height:50px; }
.poto_tabs ul li a{display:block; box-sizing:border-box; width:100%; height:100%; text-align:center; line-height:50px; border:1px solid #493728; font-size:16px; font-weight:600;}
.poto_tabs ul li.on a{line-height:50px; /**/border:1px solid #493728;background:#493728; color:#fff; font-weight:600;}







.sub_tabs{margin-bottom:20px; text-align:center;}
.sub_tabs ul{}
.sub_tabs ul li{display:inline-block; width:49.7%; height:60px; }
.sub_tabs ul li a{display:block; box-sizing:border-box; width:100%; height:100%; text-align:center; line-height:60px; border:1px solid #493728; font-size:16px; font-weight:600;}
.sub_tabs ul li.on a{line-height:60px; /**/border:1px solid #493728;background:#493728; color:#fff; font-weight:600;}




.guide_tabs{margin-bottom:20px; text-align:center;}
.guide_tabs ul{}
.guide_tabs ul li{display:inline-block; width:33%; height:60px; }
.guide_tabs ul li a{display:block; box-sizing:border-box; width:100%; height:100%; text-align:center; line-height:60px; border:1px solid #493728; font-size:16px; font-weight:600;}
.guide_tabs ul li.on a{line-height:60px; /**/border:1px solid #493728;background:#493728; color:#fff; font-weight:600;}

.guide_tabs_m{margin-bottom:20px; text-align:center;}
.guide_tabs_m ul{}
.guide_tabs_m ul li{display:inline-block; width:70%; height:60px; }
.guide_tabs_m ul li a{display:block; box-sizing:border-box; width:100%; height:100%; text-align:center; line-height:60px; border:1px solid #493728; font-size:16px; font-weight:600;}
.guide_tabs_m ul li.on a{line-height:60px; /**/border:1px solid #493728;background:#493728; color:#fff; font-weight:600;}

.guide_tabs_m_e{margin-bottom:20px; text-align:center;}
.guide_tabs_m_e ul{}
.guide_tabs_m_e ul li{display:inline-block; width:100%; height:60px; }
.guide_tabs_m_e ul li a{display:block; box-sizing:border-box; width:100%; height:100%; text-align:center; line-height:60px; border:1px solid #493728; font-size:16px; font-weight:600;}
.guide_tabs_m_e ul li.on a{line-height:60px; /**/border:1px solid #493728;background:#493728; color:#fff; font-weight:600;}


.menu_tabs{margin-bottom:10px; text-align:center;}
.menu_tabs ul{}
.menu_tabs ul li{display:inline-block; width:15%; height:45px;color:#493728;   }
.menu_tabs ul li a{display:block; box-sizing:border-box; width:100%; height:100%; text-align:center; line-height:45px; border:1px solid #a1927d; font-size:17px; font-weight:600;border-bottom-right-radius:15px;border-top-left-radius:15px;}
.menu_tabs ul li.on a{line-height:45px; /**/border:1px solid #a1927d;background:#847468; color:#fff; font-weight:600;border-bottom-right-radius:15px;border-top-left-radius:15px;}

.menu_tabs_m{margin-bottom:10px; text-align:center;}
.menu_tabs_m ul{}
.menu_tabs_m ul li{display:inline-block; width:49.7%; height:45px;color:#493728;   }
.menu_tabs_m ul li a{display:block; box-sizing:border-box; width:100%; height:100%; text-align:center; line-height:45px; border:1px solid #a1927d; font-size:17px; font-weight:600;border-bottom-right-radius:15px;border-top-left-radius:15px;}
.menu_tabs_m ul li.on a{line-height:45px; /**/border:1px solid #a1927d;background:#847468; color:#fff; font-weight:600;border-bottom-right-radius:15px;border-top-left-radius:15px;}



.document_tabs{margin-bottom:10px; text-align:center;}
.document_tabs ul{}
.document_tabs ul li{display:inline-block; width:45%; height:75px;color:#493728; }
.document_tabs ul li a{display:block; box-sizing:border-box;padding-left:15px; width:100%; height:100%; text-align:left; line-height:75px; border:1px solid #a1927d; font-size:17px; font-weight:600;border-bottom-right-radius:15px;border-top-left-radius:25px;background:url("../../images/sub/icon001.png") no-repeat 96% 50%;}
.document_tabs ul li.on a{}

.document_tabs_m{margin-bottom:10px; text-align:center;}
.document_tabs_m ul{}
.document_tabs_m ul li{display:inline-block; width:90%; height:75px;color:#493728; }
.document_tabs_m ul li a{display:block; box-sizing:border-box;padding-left:15px; width:100%; height:100%; text-align:left; line-height:75px; border:1px solid #a1927d; font-size:17px; font-weight:600;border-bottom-right-radius:15px;border-top-left-radius:25px;background:url("../../images/sub/icon001.png") no-repeat 96% 50%;}
.document_tabs_m ul li.on a{}





.time_tabs{margin-left:15px;text-align:left;}
.time_tabs ul{}
.time_tabs ul li{display:inline-block; width:123px; height:50px; margin-bottom:10px; }
.time_tabs ul li a{display:block; box-sizing:border-box; width:100%; height:100%; text-align:center; line-height:50px;background:#795631;  border:1px solid #795631; font-size:15px; color:#fff; }




.retitle {font-size:16px;text-align:left;font-weight:bold;line-height:40px;padding-left:15px;
}




.day {
	WIDTH:100%;TEXT-ALIGN: center;padding-top:70px;
}


.wait {
	WIDTH:98%;TEXT-ALIGN: right;padding-top:20px;
}



/* ��ư */


.btn_map {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT:45px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px;font-weight:bold; DISPLAY: inline-block; BACKGROUND: #a99471; HEIGHT: 45px; COLOR: #fff; FONT-SIZE: 15px; CURSOR: pointer; PADDING-TOP: 0px; _cursor: hand
}
.btn_map:hover {
	BACKGROUND: #978361; COLOR: #fff
}






.btn_mertime {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT:35px; PADDING-LEFT: 35px; PADDING-RIGHT: 35px; DISPLAY: inline-block; BACKGROUND: #898989; HEIGHT: 35px; COLOR: #fff; FONT-SIZE: 14px; CURSOR: pointer; PADDING-TOP: 0px; _cursor: hand
}
.btn_mertime:hover {
	BACKGROUND: #6d6c6a; COLOR: #fff
}


.btn_day {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT:45px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px;font-weight:bold; DISPLAY: inline-block; BACKGROUND: #a99471; HEIGHT: 45px; COLOR: #fff; FONT-SIZE: 15px; CURSOR: pointer; PADDING-TOP: 0px; _cursor: hand
}
.btn_day:hover {
	BACKGROUND: #978361; COLOR: #fff
}




.btn_list {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT:45px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px;font-weight:bold; DISPLAY: inline-block; BACKGROUND: #978361; HEIGHT: 45px; COLOR: #fff; FONT-SIZE: 15px; CURSOR: pointer; PADDING-TOP: 0px; _cursor: hand
}
.btn_list:hover {
	BACKGROUND: #a99471; COLOR: #fff
}





.btn_waiting {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT:30px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px;font-weight:bold; DISPLAY: inline-block; BACKGROUND: #e1c18c; HEIGHT: 30px; COLOR: #493728; FONT-SIZE: 15px; CURSOR: pointer; PADDING-TOP: 0px; _cursor: hand
}
.btn_waiting:hover {
	BACKGROUND: #978361; COLOR: #fff
}




.btn_03 {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT: 2em; PADDING-LEFT: 10px; PADDING-RIGHT: 10px;  DISPLAY: inline-block; BACKGROUND: #847468; HEIGHT: 30px; COLOR: #fff; FONT-SIZE: 14px; CURSOR: pointer; PADDING-TOP: 0px; _cursor: hand
}
.btn_03:hover {
	BACKGROUND: #664f3e; COLOR: #fff
}

.btn_0301 {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT: 2em; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; DISPLAY: inline-block; BACKGROUND: #879d9b; HEIGHT: 30px; COLOR: #fff; FONT-SIZE: 14px; CURSOR: pointer; PADDING-TOP: 0px; _cursor: hand
}
.btn_0301:hover {
	BACKGROUND: #4a605e; COLOR: #fff
}



.btn_05 {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT: 2em; DISPLAY: inline-block; BACKGROUND: #696969; HEIGHT: 30px; COLOR: #fff; FONT-SIZE: 14px; CURSOR: pointer; PADDING-TOP: 0px; _cursor: hand
}
.btn_05:hover {
	BACKGROUND: #333; COLOR: #fff
}



.btn_0501 {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT: 2em; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; DISPLAY: inline-block; BACKGROUND:#7eb2f2; HEIGHT: 30px; COLOR: #fff; FONT-SIZE: 14px; CURSOR: pointer; PADDING-TOP: 0px; _cursor: hand
}
.btn_0501:hover {
	BACKGROUND: #426999; COLOR: #fff
}



.btn_04 {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT: 20px;  PADDING-LEFT: 8px; PADDING-RIGHT: 8px;DISPLAY: inline-block; BACKGROUND: #77424b; HEIGHT: 20px; COLOR: #fff; FONT-SIZE: 12px; CURSOR: pointer; _cursor: hand
}
.btn_04:hover {
	BACKGROUND: #a27c83; COLOR: #fff
}









.modalbtnOk{display:inline-block; width:100px; line-height:30px; font-weight:bold; color:#fff; text-align:center; background:#493728;}
.modalbtnCancel{display:inline-block; width:100px; line-height:30px; font-weight:bold; color:#fff; text-align:center; background:#888888;}
.btnOk{display:inline-block; width:160px; line-height:50px; font-weight:bold; color:#fff; text-align:center; background:#493728;}
.btnCancel{display:inline-block; width:160px; line-height:50px; font-weight:bold; color:#fff; text-align:center; background:#888888;}
.btn_line{display:inline-block;  height:35px; line-height:35px; background:#515151; text-align:center; color:#fff; font-size:14px; padding: 0 22px; border:0px solid #ddd; }
.btn_download{display:inline-block; background:url('/images/sub/icon_down.png') 17px 10px no-repeat; color:#1c3148; border:1px solid #253f5a; padding:6px 18px 5px 38px;}
.injeung{display:inline-block; width:160px; line-height:50px; font-weight:bold; color:#fff; text-align:center; background:#558ac4;}



.fw_b{font-weight:bold;}
.ta_c{text-align:center;}
.ta_l{text-align:left;}
.ta_r{text-align:right;}
.ta_c20{text-align:center; padding-bottom:30px}
.text-right{text-align:right;}
.text-center{text-align:center;}
.ta_c01{text-align:center; padding-top:30px}
.ta_c0101{text-align:center;font-size:14px;  padding-top:30px;}
.ta_c0102{text-align:center;font-size:14px;  padding-top:30px;color:#ff8767;font-weight:bold; }
.ta_c02{text-align:center; font-weight:bold; font-size:22px; color:#d5bec2;line-height:50px; }
.ta_c0201{text-align:center; font-weight:bold; font-size:22px; color:#ff8767;line-height:30px; }
.ta_c0202{text-align:center; font-weight:bold; font-size:30px; color:#713d46;line-height:30px; }
.ta_c03{font-weight:bold; font-size:17px; color:#607f24;line-height:30px; }
.club_txt01{text-align:center; font-weight:bold; font-size:26px; color:#607f24;line-height:50px; }
.club_txt02{text-align:center; font-weight:bold; font-size:20px; color:#607f24;line-height:23px; }
.club_txt03{text-align:center; font-weight:bold; font-size:40px; color:#607f24;line-height:70px; }
.club_txt0301{text-align:center; font-weight:bold; font-size:22px; color:#666;line-height:30px; }
.club_txt0401{text-align:center; font-weight:bold; font-size:22px; color:#493728;line-height:50px;padding-top:30px }
.club_txt05{text-align:center; font-weight:bold; font-size:24px; color:#606060;line-height:50px; }
.club_txt0501{text-align:center; font-weight:bold; font-size:26px;color:#ff7e00; line-height:50px; }
.club_txt0502{text-align:center; font-weight:bold; font-size:22px; color:#128006; line-height:30px; }
.club_txt0503{text-align:center; font-weight:bold; font-size:18px; color:#73b46c; line-height:25px; }
.club_txt0504{text-align:center; font-weight:bold; font-size:35px;color:#ff7e00; line-height:50px; }












/* Ÿ��Ʋ*/
h4{ line-height:34px; font-weight:bold; font-size:20px; }
h4 span{color:#888; padding-left:10px;}
h4 img{ vertical-align:middle;margin-top:-2px; padding-right:5px;}

h5{margin-top:50px; line-height:34px; font-weight:bold; font-size:20px;}

h6{margin-top:50px; font-weight:bold; font-size:70px;text-align:left;}
h6 span{font-size:40px; color:#4f4f4f;}

h7{margin-top:50px; font-weight:bold; font-size:70px;  text-align:left;}
h7 span{font-size:40px; color:#4f4f4f;}

h8{ line-height:30px; font-weight:bold; font-size:25px; }
h9{line-height:50px; font-weight:bold; font-size:20px; }
h11{line-height:40px; font-weight:bold; font-size:20px; }
h10{line-height:20px; font-weight:bold; font-size:16px; }
h12{line-height:30px; font-weight:bold; font-size:16px; }
h13{line-height:30px; font-weight:bold; font-size:16px;color:#ff0000; }





.fred{color:red;}



/***** ȸ������ css start *****/
 .join-container{

}

.join-container .title{
	height: 60px;
    line-height: 60px;
    padding-left: 30px;
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    background-color: #247ed7;
}

.join-container .guide{
    padding: 30px 40px 30px 40px;
    border: 1px solid #247ed7;
}

.join-container .tit_icon{
	padding-left: 20px;
    border-left: 10px solid #247ed7;
    font-size:23px;
    margin:40px 0 20px 0;
}

.join-container .tit_icon .sub_tit{
	font-size:15px;
	margin-left:12px;
}

.join-container .guide .gd1 p{
	font-size:18px;
	margin-bottom:15px;
	line-height:1.3;
}

.join-tb{

}

.join-tb .tb-title{
	margin-top: 50px;
    padding-bottom: 20px;
    font-size: 30px;
    font-weight: 500;
    color: #111;
}

.join-tb .df{
	justify-content: space-between;
}

.join-tb .df .tb{
	width:100%;
}

.join-tb .tb-sub-title1{
	padding-bottom:10px;
    font-size: 18px;
    line-height: 1.3;
    color: #ccc;
}

.join-tb .tb-sub-title2{
	padding-bottom:10px;
    font-size: 18px;
    line-height: 1.3;
    color: #333;
}

.join-tb table{
	width: 100%;
    font-size: 16px;
    color: #333;
}

.join-tb table th{
	padding: 15px 25px;
    line-height: 1.5;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
    text-align: center;
    font-weight: 500;
    vertical-align: middle;
}

.join-tb table td{
	padding: 20px 25px;
    line-height: 1.5;
	background-color: #fff;
    border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
    vertical-align: middle;
}

.join-tb form input{
	width:50%;
	border:none;
	border-bottom:1px solid #bbb;
	font-size:18px;
}

.join-tb form select{
	width:50%;
	font-size:16px;
	border:1px solid #bbb;
}

.join-tb form .cySm{
	width:20%;
	margin-left:20px;
}

.join-tb form .chk_btn{
	width:160px;
	text-align:center;
	border-radius:15px;
	color:#ffffff;
	background:#cccccc;
	margin-left:20px;
}

.join-tb form .pw_txt{
	margin-left:20px;
	color:#aaaaaa;
}

.join-tb form .birth{
	max-width:100px;
}

.join-tb form .phone{
	max-width:100px;
}

.join-tb form .cyHzip{
	width:25%;
}

.join-tb form .cyHadd1{
	display:block;
}

.join-tb .tb-scroll .wid26{
	width:26%;
}

.join-tb .tb-scroll .end{
	text-align:left;
}

.join-tb .tb-scroll .wid37{
	width:37%;
}

.join-tb .tb-scroll .agr_blk{
	display:inline-block;
}

.join-tb .tb-scroll .agr_blk_c{
	display:inline-block;
}

.join-tb .tb-scroll input[type=radio]{
	margin-right:10px;
}

.join-tb .tb-scroll label{
	margin-right:20px;
}

.join-tb .join-btn{
	height:44px;
	margin-top:20px;
}

.join-tb .join-btn .cancel{
	float: right;
    font-size: 18px;
    display: block;
    color: #fff;
    width: 130px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #cccccc;
    cursor: pointer;
    border-radius: 3px;
}

.join-tb .join-btn .join{
	float: right;
    font-size: 18px;
    display: block;
    color: #fff;
    width: 130px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #247ed7;
    cursor: pointer;
    border-radius: 3px;
    margin-left:20px;
}
/***** ȸ������ css end *****/









/*****  ����� *****/

* {margin:0; box-sizing:border-box;}
::-webkit-scrollbar {width:0px;}
#smoothScroll {height:100vh; overflow:auto; scroll-snap-type:y mandatory; -ms-scroll-snap-type:mandatory;}
#smoothScroll>section {/*padding:10px; */height:100%; scroll-snap-align:start; -ms-scroll-snap-coordinate:0 0; BORDER: #ff0000 2px solid;}
#smoothScroll>section:nth-child(3n+1) {background:#f6f2e9;}
#smoothScroll>section:nth-child(3n+2) {background:#f6f2e9;}
#smoothScroll>section:nth-child(3n) {background:#f6f2e9;}



.main-content {

	position: relative;/*height:1720px;*/
}



.mobile-content {

	position: absolute;height:500px;/*top:760px;*/
}

.main_mvisual01 {
	WIDTH:100%;HEIGHT:900px;/*  background-image: url("../../images/main/course_bg.jpg");HEIGHT:900px; OVERFLOW: hidden;BACKGROUND: #87ce42; */z-index:-1;/*margin-bottom:100px;*/
}
.main_mvisual01 img {
	width:100%; /*height:1050px;*/
}

.main_txt01{text-align:center; font-weight:bold;font-family: 'Arial'; font-size:26px;/**/ color:#767171; line-height:30px;/*BORDER: #ff0000 2px solid; */ }
.main_txt12{text-align:center; font-weight:bold; font-size:18px;/**/ color:#000; line-height:30px;/*BORDER: #ff0000 2px solid; */ }
.main_txt03{text-align:center; font-weight:bold; font-size:50px;/**/ color:#453841; line-height:60px;/*BORDER: #ff0000 2px solid; */ }

.mobile_txt12{text-align:center; font-weight:bold; font-size:16px;/**/ color:#453841; line-height:30px;/*BORDER: #ff0000 2px solid; */ }


.main_banner {
   POSITION: absolute; overflow:hidden;text-align:center;WIDTH:100%;HEIGHT:497px;/*BACKGROUND: #ce2afd;margin-left:352px;*/background-image: url(../../images/main/banner01.jpg);
}

.main_banner_login {
   POSITION: absolute; overflow:hidden;text-align:center;WIDTH:336px;HEIGHT:336px;BACKGROUND: #fdb12a;/*margin-left:352px;*/;
}

.banner_title {text-align:right;COLOR: #000; line-height:30px;font-size:50px;/*letter-spacing:-4px;*/
}

.banner_stitle {text-align:right;COLOR: #000; line-height:30px;font-size:24px;letter-spacing:2px;/*opacity:.6;*/padding-top:30px;
}
.banner_img01 {POSITION: absolute; text-align:left;
}

.banner_stitle01 {COLOR: #fff; line-height:15px;font-size:14px;text-align:right;
}

.par_btn {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT: 55px; DISPLAY: inline-block; BORDER: #000 1px solid;BACKGROUND: #000;WIDTH:170px; HEIGHT: 55px; COLOR: #fff; FONT-SIZE: 15px; letter-spacing:2px;CURSOR: pointer; _cursor: hand
}
.par_btn:hover {
	BORDER: #fff 1px solid;COLOR: #fff
}




.main_banner02 {
    POSITION: absolute; overflow:hidden;top:760px;text-align:center;WIDTH:100%;HEIGHT:409px;/*BACKGROUND: #ff0000;margin-left:352px;*/background-image: url(../../images/main/banner01.jpg);
}


.main_banner03 {
    POSITION: absolute; overflow:hidden;top:760px;left:605px;text-align:center;WIDTH:594px;HEIGHT:409px;/*BACKGROUND: #ff0000;margin-left:352px;*/background-image: url(../../images/main/banner01.jpg);
}
.banner_stitle02 {float:left ;text-align:left;COLOR: #000; line-height:30px;font-size:24px;letter-spacing:2px;/*opacity:.6;*/padding-top:30px;
}

.banner_stitle03 {COLOR: #fff; line-height:15px;font-size:14px;text-align:left;/*padding-top:30px;*/
}

.banner_title01 {text-align:left;COLOR: #000; line-height:50px;font-size:50px;/*letter-spacing:-4px;*/
}
.banner_img02 { text-align:right;float:right;
}

.main_banner03 {
   POSITION: relative; overflow:hidden;top:730px;text-align:right;WIDTH:594px;HEIGHT:497px;BACKGROUND: #ce2afd;/*margin-left:352px;*/background-image: url(../../images/main/banner01.jpg);
}




.par_btn01 {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT: 55px; DISPLAY: inline-block; BORDER: #000 1px solid;BACKGROUND: #000;WIDTH:170px; HEIGHT: 55px; COLOR: #fff; FONT-SIZE: 15px; letter-spacing:2px;CURSOR: pointer; _cursor: hand
}
.par_btn01:hover {
	BORDER: #fff 1px solid;COLOR: #fff
}







.footer_visual {
	WIDTH:100%; HEIGHT:899px; OVERFLOW: hidden;/*BACKGROUND: #87ce42;*/z-index:-1 ;
}
.footer_visual img {
	width:100%;HEIGHT:899px;
}

.par_new {
    POSITION: absolute;float:left; text-align:left;WIDTH:699px;HEIGHT:140px;/**/BACKGROUND: #fff;/*margin-left:352px;*/margin-top:-970px;
}


.par_title {POSITION: relative;text-align:left;COLOR: #000; line-height:40px;font-size:35px;FONT-WEIGHT: bold;margin-top:-870px;BACKGROUND: #ff0000;
}
/*

.par_stitle {POSITION: relative;text-align:left;float:right; COLOR: #000; line-height:30px;font-size:20px;letter-spacing:-1px;BACKGROUND: #000;
}*/

.par_btn {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT: 2em; DISPLAY: inline-block; BORDER: #fff 1px solid;WIDTH:138px; HEIGHT: 47px; COLOR: #fff; FONT-SIZE: 13px; CURSOR: pointer; PADDING-TOP: 9px; _cursor: hand
}
.par_btn:hover {
	BORDER: #fff 1px solid;COLOR: #fff
}






.disNone{display:none !important;}
.mainTop-glbg-1{position:absolute; background-color:#9f9596; width:100%; height:90px;z-index:200;}
.mainTop-glbg-2{position:absolute; top:90px; height:210px; background-color:rgba(0, 0, 0, 0.3); width:100%;}
.main-visual{height:100%; position:relative;}
.main-visual:before{content:""; position: absolute; width:100%; height:1px; background-color:rgba(255, 255, 255, 0.3); top:90px; left:0;}
.main-visual h1{font-family: 'Gotham-Light'; color:#fff; font-size:32px; position: absolute; top:160px; text-align:center; width:100%; letter-spacing:3px;}

.main-visual-highType{height:700px; position:relative;}
.main-visual-highType:before{content:""; position: absolute; width:100%; height:1px; background-color:rgba(255, 255, 255, 0.2); top:90px; left:0;}
.main-visual-highType h1{font-family: 'Gotham-Bold'; color:#f5f1ee; font-size:45px; position: absolute; bottom:-11px; text-align:center; width:100%; letter-spacing:2px;}


.mainVis-orange{background:url("../images/sub/subVisual-orange.jpg") no-repeat 50% 50%; background-size:cover;}
.mainVis-001{background:url("../../images/sub/subVisual-1.jpg") no-repeat 50% 50%; background-size:cover;}
.mainVis-02{background:url("../../images/main/main_sec-01.png") no-repeat 50% 50%; background-size:cover;}
.mainVis-03{background:url("../../images/main/main_sec-01.png") no-repeat 50% 50%; background-size:cover;}
.mainVis-04{background:url("../../images/main/mainVisual-1.jpg") no-repeat 50% 50%; background-size:cover;}
.mainVis-05{background:url("../../images/main/mainVisual-1.jpg") no-repeat 50% 50%; background-size:cover;}
.mainVis-006{background:url("../../images/sub/subVisual-6.jpg") no-repeat 50% 50%; background-size:cover;}
.mainVis-007{background:url("../../images/sub/subVisual-7.jpg") no-repeat 50% 50%; background-size:cover;}
.mainVis-08{background:url("../../images/sub/subVisual-8.jpg") no-repeat 50% 50%; background-size:cover;}
.mainVis-008{background:url("../../images/sub/subVisual-3.jpg") no-repeat 50% 50%; background-size:cover;}
.mainVis-09{background:url("../../images/sub/customer_img.png") no-repeat 50% 50%; background-size:cover;}
.main-loc{border-bottom:1px solid #cec8c3; height:54px; margin-bottom:70px;}
.sub-loc-in{width:1100px; margin:0 auto; display:flex; justify-content: left;}








.sub49img1{

    width: 100%;
    height: 899px;
    float: left;
    /*margin-right: 30px;*/
	text-align: center;
	padding-top: 70px;
}



.sub49box1{
	margin-top: 50px;

}
.sub49txt1{
	width: 50%;

	text-align: right;
    font-size: 36px;
    margin-bottom: 15px;
    word-break: break-all;
}
.sub49txt2{
	width: 50%;
    float: right;
	text-align: right;
    font-size: 28px;
    color: #3399cc;
    margin-bottom: 50px;
    word-break: break-all;
}
.sub49txt3{

	width: 50%;
    float: left;
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    margin-bottom: 50px;
    letter-spacing:-1px;
    word-break: break-all;
}
.sub49txt4{

	width: 50%;
    float: left;
    font-size: 22px;
    color: #333333;
    line-height: 40px;
    margin-bottom: 32px;
    word-break: break-all;
}



.sub09motxt1{
	clear: both;
	padding-left: 30px;
   /*margin-top: 70px;*/
    width: 50%;
    float: right;
   z-index: 6;
    position: relative;
}


.sub09txt1{
	clear: both;
	padding-left: 30px;
   margin-top: 70px;
    width: 50%;
    float: right;
   z-index: 6;
    position: relative;
}

.sub09txt1-1{
	float: left;
	color: #000;
	margin-top: 23px;
    font-size: 50px;
    font-weight: 700;
    z-index: 6;
    position: relative;
}


.sub09txt1-2{
    float: right;
    width: 95%;
	text-align: right;
    margin-top: 43px;
    font-size: 24px;
    color: #333333;
    line-height: 30px;
    z-index: 6;
    position: relative;
}

.sub09txt1-2-e{
    float: right;
    width: 95%;
	text-align: right;
    margin-top: 43px;
    font-size: 20px;
    color: #333333;
    line-height: 30px;
    z-index: 6;
    position: relative;
}


.mobile09txt1-2{
    float: right;
    width: 95%;
	text-align: right;
    margin-top: 43px;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    z-index: 6;
    position: relative;
}



.sub09txt1-3{
    float: right;
    width: 95%;
	text-align: right;
    margin-top: 200px;
    font-size: 24px;
    color: #333333;
    line-height: 30px;
    z-index: 6;
    position: relative;
}


.mosub09txt1-3{
    float: right;
    width: 95%;
	text-align: right;
    margin-top: 100px;
    font-size: 24px;
    color: #333333;
    line-height: 30px;
    z-index: 6;
    position: relative;
}





.sub49txt11:before{
		content:'';
		display:block;
		width:20%;
		height:2px;
		background:#fff;
		margin:0 auto 20px auto;
}


.sub09txt2-1:before{
		content:'';
		display:block;
		width:50%;
		height:3px;
		background:#000;
		margin:0 -200px -30px auto;
}

.sub09txt1-1:before{
		content:'';
		display:block;
		width:50%;
		height:3px;
		background:#000;
		margin:0 -200px -30px auto;
}




.sub09txt22{
	clear: both;

    margin-top: 220px;
    width: 50%;
    float: left;
   z-index: 6;
    position: relative;
}

.sub09txt2-1{
	float: left;
	color: #000;
    font-size: 50px;
    font-weight: 700;
    z-index: 6;
    position: relative;
}


.sub09txt2-2{
    float: left;
    width: 95%;
	text-align: left;
    margin-top: 43px;
    font-size: 24px;
    color: #333333;
    line-height: 30px;
    z-index: 6;
    position: relative;
}
.sub09txt2-2-e{
    float: left;
    width: 95%;
	text-align: left;
    margin-top: 43px;
    font-size: 20px;
    color: #333333;
    line-height: 30px;
    z-index: 6;
    position: relative;
}

.sub09txt2-3{
    float: left;
    width: 95%;
	text-align: left;
    margin-top: 200px;
    font-size: 24px;
    color: #333333;
    line-height: 30px;
    z-index: 6;
    position: relative;
}

.sub09txt52{
	clear: both;

    margin-top: 120px;
    width: 50%;
    float: left;
   z-index: 6;
    position: relative;
}


.sub09txt52-1{
	float: left;
	color: #fff;
    font-size: 50px;
    font-weight: 700;
    z-index: 6;
    position: relative;
}


.sub09txt52-2{
    float: center;
    width: 95%;
	text-align: left;
    margin-top: 43px;
    font-size: 24px;
    color: #333333;
    line-height: 30px;
    z-index: 6;
    position: relative;
}
.sub09txt52-3{
    float: left;
    width: 95%;
	text-align: left;
    margin-top: 200px;
    font-size: 24px;
    color: #333333;
    line-height: 30px;
    z-index: 6;
    position: relative;
}


.sub09img1{
	margin-top: 70px;
	width: 50%;
    float: left;
    z-index: 6;
    position: relative;
}
.sub09img52{
	/*margin-top: 200px;*/
	width: 100%;
    float: right;
    z-index: 6;
    position: relative;
	border:1px solid #253f5a;
}


.sub09img2{
	margin-top: 200px;
	width: 50%;
    float: left;
    z-index: 6;
    position: relative;
}



.btn_main {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT:45px; PADDING-LEFT: 60px; PADDING-RIGHT: 60px;font-weight:bold; DISPLAY: inline-block; BACKGROUND: #000; HEIGHT: 45px; COLOR: #fff; FONT-SIZE: 15px; CURSOR: pointer; PADDING-TOP: 0px; _cursor: hand
}
.btn_main:hover {
	BACKGROUND: #000; COLOR: #fff
}


.btn_coumain {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT:55px; PADDING-LEFT: 60px; PADDING-RIGHT: 60px;font-weight:bold; DISPLAY: inline-block; BACKGROUND: #fff; HEIGHT: 55px; COLOR: #000; FONT-SIZE: 15px; CURSOR: pointer; PADDING-TOP: 0px; _cursor: hand
}
.btn_coumain:hover {
	BACKGROUND: #fff; COLOR: #000
}



.course-visual {
	margin-top:34px;
	/* margin-top: -87px; */
	position: relative;
}

.course-visual .course-vs-con {
	height: calc(100vh - 34px);
	background-image: url(../img/main-visual01.png);
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: cover;
}

.course-visual .course-vs-con.course01-vs {
	height: 899px;
}

.course-visual .course-visual01{
	background-image: url("../../images/main/course_bg.jpg");
}





.sub50item4 img{
	width:100%;
	height:899px;
}


.main_visual01 {
	WIDTH:100%; HEIGHT:150px; /*OVERFLOW: hidden;BACKGROUND: #87ce42; */z-index:-1;/*margin-bottom:100px;*/
}
.main_visual01 img {
	width:100%; height:150px;
}

.item01{position: absolute;display:block; width:100%; /*margin:70px auto 0; BACKGROUND: #87ce42;*/text-align:center;  float:center;
}
.item01 .txt_box{position: relative;width:80%; /*margin-top:630px;BACKGROUND: #ff0000;*/margin:150px auto 0; padding-top:5px 0;  float:center; }

.item01 .txt_box img{width:100%;
}


#section1{overflow: hidden;height: 100vh;}
#section1 .section-inner{background: transparent;height: 100vh;background-color: #fff;}
#section1 .section-head {
    height: auto;
    padding: 20vh 0 7vh;
    text-align: center;
}

.main_movisual1 {
	WIDTH:100%;/* HEIGHT:760px; OVERFLOW: hidden;BACKGROUND: #87ce42;*/ z-index:-1;
}
.main_movisual1 img {
	width:100%;
}


.motxt01_cutitle {text-align:left;line-height:55px;font-size:20px;font-weight:bold;color:#fff;letter-spacing:8px;font-family:'NanumSquare';
}

.main_visual3 {
	WIDTH:100%;/* HEIGHT:760px; OVERFLOW: hidden;BACKGROUND: #87ce42;*/ z-index:1;
}
.main_visual3 img {
	width:100%;HEIGHT:750px;
}

.main_visual1 {
	WIDTH:100%;/* HEIGHT:760px; OVERFLOW: hidden;BACKGROUND: #87ce42;*/ z-index:-1;
}
.main_visual1 img {
	width:100%;HEIGHT:900px;
}

.main_visual2 {
	WIDTH:100%;/* HEIGHT:760px; OVERFLOW: hidden;BACKGROUND: #87ce42;*/ z-index:-1;
}
.main_visual2 img {
	width:100%;HEIGHT:1127px;
}

.mobile_visual01 {
	WIDTH:100%;/* HEIGHT:760px; OVERFLOW: hidden;BACKGROUND: #87ce42;*/ z-index:1;
}
.mobile_visual01 img {
	width:100%;HEIGHT:100%;
}




.main_boox{POSITION: relative;WIDTH:100%;float:center; BACKGROUND: #000;}



.main_cutxt01 {
   POSITION: absolute; overflow:hidden;text-align:left;WIDTH:1200px;margin-top:1100px;/**/HEIGHT: 699px; margin-left:30px;/*margin-left:52px;BACKGROUND: #ff0000;*/
}

.txt01_cutitle {text-align:left;line-height:55px;font-size:50px;font-weight:bold;color:#fff;letter-spacing:8px;font-family:'NanumSquare';
}

.txt01_cudata {text-align:left;line-height:30px;font-size:21px;PADDING-top: 55px;color:#fff/*font-weight:bold;letter-spacing:-1.5px*/
}

.txt01_cudata_e {text-align:left;line-height:25px;font-size:21px;PADDING-top: 55px;color:#fff/*font-weight:bold;letter-spacing:-1.5px*/
}




.main_cutxt02 {
   POSITION: absolute; overflow:hidden;text-align:left;WIDTH:1200px;margin-top:3180px;/**/HEIGHT: 699px; margin-left:30px;/*margin-left:52px;BACKGROUND: #ff0000;*/
}

.txt02_cutitle {text-align:left;line-height:55px;font-size:50px;font-weight:bold;color:#fff;letter-spacing:8px;font-family:'NanumSquare';
}

.txt02_cudata {text-align:left;line-height:30px;font-size:21px;PADDING-top: 55px;color:#fff/*font-weight:bold;letter-spacing:-1.5px*/
}





.poto_big01{WIDTH:100%;HEIGHT: 100%; }
.poto_s01{WIDTH:100%;HEIGHT: 100%; }

/*������� �߰��۾�*/









.popup_lay{
	position: absolute;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin: auto;
	padding: 30px 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 10px;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	overflow: auto;
	background-color: rgba(000, 0, 0, 0.3);

	z-index: 99999999999;
}



.popup_area{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin: auto;
	padding: 30px 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 10px;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	overflow: auto;
	z-index: 99999999999;
}

.popDiv{
	position: absolute;
	display: block;
	width: 400px;
	z-index: 100001;
}
.popDiv .check.demo1 label:after{
    visibility: hidden;
}
.top-banner {padding: 15px;}
.top-banner .box-head .tit > em{text-transform: uppercase;}
.top-banner .btn-close{position: absolute;top: 0;right: 0;}
.top-banner .expand-body{position: relative;padding: 0 0 1rem;}
.top-banner h2 {margin-bottom: 13px;padding-top: 34px;font-size: 1.125em;}
.top-banner p {margin-bottom: 19px;}
.top-banner p, .top-banner a, .top-banner .cookie label {font-size: 0.875em;}
.top-banner p > img{position: relative;max-width: 100%;max-height: 100%;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.top-banner {position: absolute;/* top: 0; *//* width: 100%; *//* display: block; *//* padding: 2rem 2rem 1rem; *//* background-color: #222222; *//* color: #999; *//* z-index: 9999; *//* border: 1px solid rgba(96, 125, 139, 0.4); */}
.top-banner .inner {position: relative;max-width: 100%;margin: 0 auto;}
.top-banner h2 {height: 55px;padding: 20px 0 5px;font-size: 1.6rem;color: #fff;}
.top-banner p {margin-bottom: 2rem;line-height: 1.625;}
.top-banner a {position: absolute;display: block;width: 100%;height: 100%;}
.top-banner .cookie {position: absolute;bottom: 1rem;right: 0;font-size: 0.875em;z-index: 9999;}
.top-banner .cookie input[type=checkbox] {display: none;}
.top-banner .cookie input[type=checkbox]+label:before {content: "";display: inline-block;width: 18px;height: 18px;margin-right: 7px;border: 1px solid #f5f5f5;-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: middle;}
.top-banner .cookie input[type=checkbox]+label:after{display: none;}
.top-banner .cookie input[type=checkbox]:checked+label:before {background: url(../images/common/ico_chk01.png) center no-repeat;}
.popDiv{top: auto;left: auto;right: 130px;bottom: 46px;height: 495px;display: none;background-color: #222222;border: 1px solid #ddd;overflow: hidden;}
.popDiv.is-active.on{display: block;}
.popDiv .top-banner{position: relative;width: 400px;height: 465px;border-width:0;padding: 0;z-index: 100003;}
.popDiv .top-banner p{position: absolute;display: block;left: 0%;width: 100%;margin-bottom:0;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;text-align: center;}
.popDiv .top-banner .box-body{padding: 0;text-align: center;}
.popDiv .btn-close{position: absolute;display: block;top: 10px;right: 10px;z-index: 99999;}
.popup-close{position: absolute;top: 7px;right: 7px;display: block;font-size: 13px;color: #404040;z-index: 100005;}
.popup-close .btn_close{
    color: #404040;
}
.popDiv .cookie {position: absolute;display: block;width: 100%;height: 30px;padding: 0 7px;top: 0px;left: 50%;font-size: 0.875em;z-index: 100004;color: #404040;text-align: left;line-height: 2.4;background: #fff;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.popDiv .cookie input[type=checkbox] {display: none;}
.popDiv .check.demo1 label{
    line-height: 1.4;
}
.popDiv .cookie input[type=checkbox]+label:before {content: "";display: inline-block;width: 18px;height: 18px;margin-right: 7px;border: 1px solid #cecece;-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: middle;}
.popDiv .cookie input[type=checkbox]:checked+label:before {background: url(../images/common/ico_chk01.png) center no-repeat;}
.popDiv .main_popup{position: absolute;/* top: 58px; */left: 0;width: 100%;height: 100%;overflow: auto;}
/*.popDiv .swiper-button-next{right: auto !important;}*/
.popDiv .swiper-pagination-bullet{opacity: 0.5;}
.popDiv .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
.popDiv .swiper-navigation{position: absolute;display: -webkit-box;display: -ms-flexbox;display: flex;left: 50%;bottom: 34px;width: auto;height: auto;text-align: center;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);z-index: 100004;}
.popDiv .swiper-navigation > .swiper-pagination{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.popDiv .swiper-pagination-bullet{
	width: 12px !important;
	height: 12px !important;
	border: 0px !important;
	border-radius: 0px !important;
	background: #cfcfce !important;
	border-radius: 100% !important;
	opacity: 1;
	margin:0 4px 0;
}
.popDiv .swiper-pagination-bullet.swiper-pagination-bullet-active{
	position: relative;
	width: 16px !important;
	height: 16px !important;
	background: rgba(255, 255, 255, 0) !important;
	border: 3px solid #0083cb !important;
	opacity: 1;
}
.popDiv .main_popup .box-body img{max-width: 90%;width: auto;}
.popDiv .top-slide{/* left: 91%; *//* height: 80%; *//* overflow: hidden; */}
.popDiv .top-slide .img_link img{position: relative;left: 50%;display: block;max-width: 100%;max-height: 300px;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.popDiv .swiper-button-next, .swiper-button-prev {
    position: absolute;
    display: none;
    top: 50%;
    width: 27px;
    height: 60px;
    margin-top: -40px;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 100003;
}





/*main .popup   width: 422 -> 332*/
.popDiv{
	position: relative;
	display: block;
	width: 262px;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	height: auto;
	margin: auto 0px 0px;
	display: none;
	background-color: #222222;
	border: 1px solid #ddd;
	overflow: hidden;
	-webkit-transform: none;
	    -ms-transform: none;
	        transform: none;
	z-index: 100001;
}
.top-banner {padding: 15px;}
.top-banner .box-head .tit > em{text-transform: uppercase;}
.top-banner .btn-close{position: absolute;top: 0;right: 0;}
.top-banner .expand-body{position: relative;padding: 0 0 1rem;}
.top-banner h2 {margin-bottom: 13px;padding-top: 34px;font-size: 1.125em;}
.top-banner p {margin-bottom: 19px;}
.top-banner p, .top-banner a, .top-banner .cookie label {font-size: 0.875em;}
.top-banner p > img{position: relative;max-width: 100%;max-height: 100%;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.top-banner {position: absolute;/* top: 0; *//* width: 100%; *//* display: block; *//* padding: 2rem 2rem 1rem; *//* background-color: #222222; *//* color: #999; *//* z-index: 9999; *//* border: 1px solid rgba(96, 125, 139, 0.4); */}
.top-banner .inner {position: relative;max-width: 100%;margin: 0 auto;}
.top-banner h2 {height: 55px;padding: 20px 0 5px;font-size: 1.6rem;color: #fff;}
.top-banner p {margin-bottom: 2rem;line-height: 1.625;}
.top-banner a {position: relative;display: block;width: 100%;height: auto;}
.top-banner .cookie {position: absolute;bottom: 1rem;right: 0;font-size: 0.875em;z-index: 9999;}
.top-banner .cookie input[type=checkbox] {display: none;}
.top-banner .cookie input[type=checkbox]+label:before {content: "";display: inline-block;width: 18px;height: 18px;margin-right: 7px;border: 1px solid #f5f5f5;-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: middle;}
.top-banner .cookie input[type=checkbox]:checked+label:before {background: url(../images/common/ico_chk01.png) center no-repeat;}
.popDiv.is-active.on{display: block;}
.popDiv .top-area{position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;top: auto;left: auto;width: 100%;height: auto;margin-top: 0px;padding: 0;z-index: 100001;visibility: visible;}
.popDiv .top-banner{position: relative;width: 100%;height: auto;border-width:0;padding: 0;z-index: 100003;}
.popDiv .top-banner p{position: absolute;display: block;left: 0%;width: 100%;margin-bottom:0;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;text-align: center;}
.popDiv .top-banner .box-body{padding: 0;text-align: center;}
.popDiv .btn-close{position: absolute;display: block;top: 10px;right: 10px;z-index: 99999;}
.popup-close{position: absolute;top: auto;right: 20px;bottom: 15px;display: block;font-size: 14px;font-family: 'Pretendard', sans-serif;color: #404040;z-index: 100005;}
.popup-close .btn_close{
    color: #57483c;
}
.popDiv .popup-wrap.type-basic img{max-width: 100%;height: auto;max-height: 100%;}
.popDiv .cookie {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;height: 35px;margin: 0px;padding: 0px 20px;top: auto;left: auto;font-size: 14px;color: #404040;text-align: left;line-height: 1;background: #fff;-webkit-transform: none;-ms-transform: none;transform: none;z-index: 100004;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.popDiv .cookie input[type=checkbox] {display: none;}
.popDiv .check.demo1 label{
    line-height: 50px;
    font-size: 14px;
    cursor: pointer;
}
.popDiv .check.demo1 label > span{
    padding-left: 0px;
    color: #57483c;
    font-family: 'Pretendard', sans-serif;
}

.popDiv .main_popup{position: absolute;/* top: 58px; */left: 0;width: 100%;height: 100%;overflow: auto;}
/*.popDiv .swiper-button-next{right: auto !important;}*/
.popDiv .swiper-pagination-bullet{opacity: 0.5;}
.popDiv .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
.popDiv .swiper-navigation{position: absolute;left: 50%;bottom: 50px;text-align: center;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);z-index: 100004;}
.popDiv .swiper-pagination-bullet{
	width: 12px !important;
	height: 12px !important;
	border: 0px !important;
	border-radius: 0px !important;
	background: #cfcfce !important;
	border-radius: 100% !important;
	opacity: 1;
	margin:0 4px 0;
}
.popDiv .swiper-pagination-bullet.swiper-pagination-bullet-active{
	position: relative;
	width: 15px !important;
	height: 15px !important;
	background: rgba(255, 255, 255, 0) !important;
	border: 3px solid #0083cb !important;
	opacity: 1;
}
.popDiv .main_popup .box-body img{max-width: 90%;width: auto;}
.popDiv .top-slide{/* left: 100%; */height: auto;/* overflow: hidden; */}
.popDiv .top-slide.one{left: auto;}
.popDiv .top-slide .img_link img{position: relative;left: 50%;display: block;max-width: 100%;max-height: 300px;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.popDiv .swiper-button-next, .swiper-button-prev {
    position: absolute;
    display: none;
    top: 50%;
    width: 27px;
    height: 60px;
    margin-top: -40px;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 100003;
}

/* 추가 팝업 */
#pop_2{position:fixed;left:calc(82px + 420px);top:auto;bottom:45px;height:495px;width:348px;z-index:100001;display:none;}
#pop_2.is-active.on{display:block;}
#pop_2 .top-area2{position:absolute;width:100%;height:550px;top:30px;z-index:100001;visibility:visible;padding:0;}
#pop_2 .top-slide2{width:400px;}
#pop_2 .btn-close{position: absolute;display: block;top: 10px;right: 10px;z-index: 99999;}
#pop_2 .popup-close{position: absolute;top: 7px;right: 7px;display: block;font-size: 13px;color: #404040;z-index: 100005;}
#pop_2 .popup-close .btn_close{
    color: #404040;
}
#pop_2 .popup-wrap.type-basic img{width: 100%; height: 100%;}
#pop_2 .cookie {position: absolute;display: block;width: 100%;height: 30px;padding: 0 7px;top: 0px;left: 50%;font-size: 0.875em;z-index: 100004;color: #404040;text-align: left;line-height: 2.4;background: #fff;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
#pop_2 .cookie input[type=checkbox] {display: none;}
#pop_2 .check.demo1 label{
    line-height: 1.4;
}

.popup_all_close{ position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin:20px auto auto;}
.popup_all_close>a{ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: auto; padding: 8px 15px; color: #fff; text-align: center; border: 1px solid #ef8e3e; background-color: #ef8e3e; }


/*
	서재권 수정작업
아래의 원본(1)을 수정(2)로 변경함
원본 :
.btn_0501 {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT: 2em; DISPLAY: inline-block; BACKGROUND:#7eb2f2; HEIGHT: 30px; COLOR: #fff; FONT-SIZE: 14px; CURSOR: pointer; PADDING-TOP: 0px; _cursor: hand
}
수정 :
.btn_0501 {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT: 2em; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; DISPLAY: inline-block; BACKGROUND:#7eb2f2; HEIGHT: 30px; COLOR: #fff; FONT-SIZE: 14px; CURSOR: pointer; PADDING-TOP: 0px; _cursor: hand
}

2025.02.26
메인화면의 z-index관련 수정함 - 메인화면이미지 롤링을 위해서


2025.03.04
1508 라인 .popDiv 의 width: 422 -> 332

2025.03.05
.modalbtnCancel  추가함
*/












/*20250319추가*/

/*코스추가*/




.course_01title {font-size:38px;  color:#d15d82;FONT-WEIGHT: bold; LINE-HEIGHT:45px;}
.course_stitle  {font-size:20px;  color:#604631; LINE-HEIGHT:45px;FONT-WEIGHT: bold;}
.course_stitle01  {font-size:20px;  color:#496611; LINE-HEIGHT:45px;FONT-WEIGHT: bold;}
.course_02title {font-size:38px;  color:#8d0cd5;FONT-WEIGHT: bold; LINE-HEIGHT:45px;}
.course_03title {font-size:38px;  color:#d15d82;FONT-WEIGHT: bold; LINE-HEIGHT:45px;}
.course_04title {font-size:38px;  color:#2987c6;FONT-WEIGHT: bold; LINE-HEIGHT:45px;}



/***** 코스 *****/
.courseTop {margin-bottom:40px; padding:0px; position:relative;}
.courseTop:after {position:absolute; width:100%; height:100%; content:'';/* background-color:#fff;*/ bottom:0; left:0; transition:all .8s cubic-bezier(.71,.29,.27,.94); -webkit-transition:all .8s cubic-bezier(.71,.29,.27,.94);}
.courseTop.active:after {height:0;}
.courseTop.active {opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}
.courseTop .img_box img{max-width:100%}

.courseCon{box-sizing:border-box;}
.courseCon > div:nth-child(1){float:left; margin-right:50px;}
.cpProfile > div:nth-child(2){float:right;}

.courseCon .courseInfo {max-width:50%; position:relative; float:left; padding-top:48px; border-top:1px solid #359452;}
.courseCon .courseInfo:before {content:''; position:absolute; height:5px; background-color:#359452; left:125px; top:-5px; right:0;}
.courseCon .courseInfo:after {content:''; position:absolute; width:100%; height:3px; top:-3px; right:0; background-color:#fff; z-index:10; transition:all .6s cubic-bezier(.71,.29,.27,.94); -webkit-transition:all .6s cubic-bezier(.71,.29,.27,.94);}
.courseCon .courseInfo.active:after {width: 0;}

.courseCon .courseInfo ul{margin-top:8px;}
.courseCon .courseInfo ul li{display:block; vertical-align:top; font-size:20px; line-height:20px; margin-bottom:30px; padding-left:30px; position:relative;}
.courseCon .courseInfo ul li:first-child{background:url(../../images/contents/course_icon_01.png) left top; background-repeat:no-repeat;}
.courseCon .courseInfo ul li:last-child{background:url(../../images/contents/course_icon_02.png) left top; background-repeat:no-repeat; margin-top:20px;}
.courseCon .courseInfo .txt{display:block; font-size:16px; line-height:26px; font-weight:400; margin-top:10px;}

.courseCon .courseInfo .img_box {margin-top:30px; opacity:0; transform:translateY(20px); -webkit-transform:translateY(20px); transition:all .6s .4s cubic-bezier(.71,.29,.27,.94);; -webkit-transition:all .6s .4s cubic-bezier(.71,.29,.27,.94); }
.courseCon .courseInfo .active .img_box {opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}

.courseCon .courseImg {max-width:45%; float:right; opacity:0; transform:translateY(20px); -webkit-transform:translateY(20px); transition:all .6s cubic-bezier(.71,.29,.27,.94);; -webkit-transition:all .6s cubic-bezier(.71,.29,.27,.94);}
.courseCon .courseImg.active {opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}
.courseCon .courseImg .img_box {position:relative;}
.courseCon .courseImg .img_box img{max-width:100%;}







/***** ��踰덊샇 *****/
.course_numbering{}
.course_numbering ul{text-align:center;}
.course_numbering ul li{display:inline-block; text-align:center; margin:10px 25px;}
.course_numbering ul li a{display:block; width:60px; height:60px; border-radius:50%; background:#dfd7cf; font-size:22px; color:#222; font-weight:600; line-height:60px;}
.course_numbering ul li.on a{background:#359452; color:#fff;}


/***** ���뺣낫 *****/
.holeCon{box-sizing:border-box; padding:20px;/* background:#f4f4f4;*/}
.holeCon > div:nth-child(1){float:left; margin-right:50px;}
.holeCon > div:nth-child(2){float:right;}

.holeCon .holeInfo {width:50%; max-width:50%; position:relative; padding-top:30px;top:-30px;  /*border-top:1px solid #359452;*/}
.holeCon .holeInfo:before {content:''; position:absolute; height:5px; /*background-color:#359452;*/ left:125px; top:-5px; right:0;}
.holeCon .holeInfo:after {content:''; position:absolute; width:100%; height:3px; top:-3px; right:0; background-color:#fff; z-index:10; transition:all .6s cubic-bezier(.71,.29,.27,.94); -webkit-transition:all .6s cubic-bezier(.71,.29,.27,.94);}
.holeCon .holeInfo.active:after {width: 0;}

.holeCon .holeInfo .hole_no{position:relative; font-size:54px; font-weight:500; line-height:40px; color:#333;}
.holeCon .holeInfo .hole_no span{font-size:20px; padding-left:5px;}

.holeCon .holeInfo .par{position:relative; height:60px;}
.holeCon .holeInfo .par ul{}
.holeCon .holeInfo .par ul li{float:left; width:30%; border:1px solid #d5d5d5; color:#333; font-size:16px; font-weight:500; padding:5px; text-align:center; margin-top:10px; margin-bottom:10px;}
.holeCon .holeInfo .par ul li:last-child{border-left:0px;}

.holeCon .holeInfo .dataTitle {width:50%; text-align:center; color:#fff; font-size:16px; padding:5px 0; margin:30px 0 10px; background:#4a4a4a; border-radius:30px;}
.holeCon .holeInfo .dot_list li {font-size:14px; line-height:22px; margin-bottom:0px;}
.holeCon .holeInfo .dot_list li:first-child{margin-top:20px;}

.holeCon .holeInfo .img_box {margin-top:30px; opacity:0; transform:translateY(20px); -webkit-transform:translateY(20px); transition:all .6s .4s cubic-bezier(.71,.29,.27,.94);; -webkit-transition:all .6s .4s cubic-bezier(.71,.29,.27,.94); }
.holeCon .holeInfo .active .img_box {opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}

.holeCon .holeImg {max-width:45%; float:right; opacity:0; transform:translateY(20px); -webkit-transform:translateY(20px); transition:all .6s cubic-bezier(.71,.29,.27,.94);; -webkit-transition:all .6s cubic-bezier(.71,.29,.27,.94);}
.holeCon .holeImg.active {opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}
.holeCon .holeImg .img_box {position:relative;}
.holeCon .holeImg .img_box img{max-width:100%}