@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap');
@import "//cdn.jsdelivr.net/npm/font-applesdgothicneo@1.0/all.min.css";

html{
 /*   width: 100%; */
	max-width:1920px; margin:0 auto;
    height: 100%;
    overflow-y: scroll;
}


body {
	height: 100%;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
	font-size:14px;
	-webkit-text-size-adjust:none;
	color:#333;
	 line-height:1.5em; 
}

body,h1,h2,h3,h4,input,button{ line-height:1.5em;}
legend, caption {display:none; overflow:hidden; visibility:hidden; height:0; font-size:0; line-height:0;}

a {text-decoration:none !important;}
a:hover {text-decoration:none; color:#f42800;}
a:visited {text-decoration:none;}



*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}


:-ms-input-placeholder { color: #aaa; } /*Internet Explorer 10 이상에 적용*/
::-webkit-input-placeholder { color: #aaa; } /* Webkit, Blink, Edge에 적용 */
::-moz-placeholder { color: #aaa; }	/* Mozilla Firefox에 적용 */

th,td { line-height:1.5em;  font-family:inherit; font-size: inherit; font-weight: inherit;  letter-spacing: 0px;}

@media screen and (max-width: 800px) {
	body { font-size:14px !important; line-height:1.5em; font-family:'Apple Sandoll Gothic Neo', sans-serif; }
	th,td {}
}

/*
input, textarea { font-size: 13px; margin:0px 0 !important;  padding:3px; margin:1px 0 !important; vertical-align: middle; font-family:inherit; } 
input[type=text] { padding:8px;  border:1px solid #ddd;  margin:1px 0 !important; font-size: 13px; height:38px; border-radius:0.25rem; outline:0; -webkit-border-radius: 0.25rem;}
input[type=password] { padding:8px;  border:1px solid #ddd;  margin:1px 0 !important; font-size: 13px; height:38px; -webkit-border-radius: 0.0rem;}
select	{ font-size: 13px; margin:1px 0  !important; padding:6px; height:38px; border:1px solid #ddd;  background-color: #fff; border-radius:0.25rem; -webkit-border-radius: 0.25rem; vertical-align: middle; }
form	{ display:inline;}

ul, ol, li	{ list-style:none; padding:0; margin:0; }
p		{ padding:0; margin:0;}
*/
input[type="text"]{min-height:18px; padding:5px 5px; border:1px solid #dfdfdf; vertical-align:middle; color:inherit; background:#fff;}
input[type="number"]{min-height:18px; padding:5px 5px; border:1px solid #dfdfdf; vertical-align:middle; color:inherit; background:#fff;}
input[type="tel"]{min-height:18px; padding:5px 5px; border:1px solid #dfdfdf; vertical-align:middle; color:inherit; background:#fff;}
input[type="email"]{min-height:18px; padding:5px 5px; border:1px solid #dfdfdf; vertical-align:middle; color:inherit; background:#fff;}
input[type="password"]{min-height:18px; padding:5px 5px; border:1px solid #dfdfdf; vertical-align:middle; color:inherit; background:#fff;}
input[type="file"]{min-height:18px; padding:5px 5px; border:1px solid #dfdfdf; vertical-align:middle; color:inherit; background:#fff;}
input[type="checkbox"]{vertical-align:middle;}
input[type="radio"]{vertical-align:middle;}
input[type="button"]{min-height:20px;min-width:50px;}
select{min-height:18px; padding:5px 5px; border:1px solid #dfdfdf; vertical-align:middle;  background:#fff;}
textarea{min-height:18px; padding:5px 5px; border:1px solid #dfdfdf; vertical-align:top; color:inherit; background:#fff;  font-family:inherit;}
img,fieldset{border:0;}



.btn_blue {background-color: #56b8b8 !important;  border:1px solid #56b8b8 !important;}
.btn_sm {min-width:60px !important;  padding:8px 5px !important; margin:1px 1px !important;  font-size: 12px !important;  background-color: #ddd; border:1px solid #ddd; border-radius:5px; margin:3px 3px; }
.btn_xsm {min-width:20px !important;  padding:2px 2px !important; margin:2px 1px !important;  font-size: 11px !important;}

/* bootstrap */
.btn {margin:0 5px !important; border:none; min-width:100px; }
.btn-link { border:1px solid #2b96ed !important;}
.btn-light {background-color: #fff; }
.btn-primary {}

/* class */
.small		{ font-size: 12px; }
.red		{ color:#f42800 !important; }
.btn_small { display:inline-block; padding:4px 2px; background-color: #009966; color:#fff; border-radius:4px; font-size: 12px; line-height:1.0em; letter-spacing: -1px;cursor: pointer;text-align: center;}
/*
.btnLink	{ cursor:pointer; }
.nosee		{ background-color:FFFFFF; border:0; }
.rightAlign	{ text-align: right; }

*/

/* 페이징 ****************************/
.paging{
    text-align: center;
    margin-top:20px !important;
    line-height:1.0em;
}

.paging span {
    display: inline-block;
    padding: 0px 0px 0 0px;
	width:30px;
    height : 30px;
    line-height : 30px;
    margin:2px;
    border: 1px solid #ddd;
    background-color: beige;
    vertical-align: middle;
    font-size: 12px;
    cursor: pointer;
}
.paging span.on{ background-color: #ddedfb;  cursor: default; }

@media screen and (max-width: 800px) {
	.paging span {
		width:25px;
		height : 25px;
		line-height : 25px;
		margin:1px;
		font-size: 11px;
		cursor: pointer;
	}
}




h1 {font-size: 1.3em !important; font-weight: 500; line-height:2.0em; color:#222; padding: 10px 5px;}
h2 {font-size: 1.5em !important; font-weight: 500; line-height:2.0em; color:#222; padding: 10px 5px;}
h3 {font-size: 1.7em !important; font-weight: 500; line-height:2.0em; color:#222; padding: 10px 5px;}

/*검색box 타이틀*/ 
.sch_tit50 {display:inline-block; width:50px;}
.sch_tit60 {display:inline-block; width:60px;}
.sch_tit70 {display:inline-block; width:70px;}
.sch_tit80 {display:inline-block; width:80px;}

/* common ********************************************** */



/* id */
#wrap {
    width:100%;
    min-height: 100%;
    _height: 100%;
    background-color: #fff;

}
.wrap_center  {
	width:100%;
    max-width:1000px;
    margin:0 auto;
	border:0px solid red;
}

@media screen and (max-width: 800px) {
   .wrap_center {width:96%; border:0px solid red;}
   .wrap_center1 {width:100%;}
}


#container{
	padding-bottom: 200px;	/* 190+50 */
	*zoom: 1; 
	background-color: #fff;
	padding-top:0px;
}


#footer { 
	position:relative;
	background-color: #777;
	min-height: 160px;	height:160px; margin-top:-160px; 
	font-size:13px;
}

#footer .ft_border {display:inline-block; border-right:1px solid #999; height:10px; width:1px; padding:7px 0 0 0; margin:0 5px;} 

.footer1 { padding:15px 0; border-bottom:1px solid #aaa; } 
.footer1 span {display:inline-block; padding: 2px; margin:0; }
.footer1 span a { color:#ccc;}
.footer1 span a:hover {color:#fdb913; }
.footer1 span.red a { color:#fdb913;}


.footer2 {padding:15px 0;}
.footer2 span {display:inline-block; padding:0px 0px; margin-right:10px; margin-bottom:0px; color:#ccc;}

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

	#container{	padding-top:60px;  padding-bottom: 200px;	}
	#footer {	font-size:12px; min-height: 200px;	height:200px; margin-top:-160px; }

	.footer2 span {padding:0px 0px; margin-right:5px;  margin-bottom:0px;}
}



#header { }

.top1_w { max-width:1920px; width:100%; position:relative; background-color: #fff; z-index:100; border-bottom:0px solid  rgba(255, 255, 255, 0.6); border-top:5px solid #71bf44; }

#top1 {display:flex;  align-items: center; justify-content: space-between;	height:100%;}
#top1 > div:nth-child(1) {width:30%; padding-left:10px; border:0px solid blue;}
#top1 > div:nth-child(2) {width:65%; text-align:right; border:0px solid red;}
#top1 .logo { display:inline-block;}
#top1 .logo img {width:120px; vertical-align: middle; }
#top1 .logo  > a > span { vertical-align: middle;  font-size: 25px; color:#44881d; font-weight:700;  display:inline-block; }

@media screen and (max-width: 999px) {
	#top1 > div:nth-child(1) {width:35%; padding-left:10px; }
	#top1 > div:nth-child(2) {width:63%; text-align:right; }
}


/*메인메뉴*/
#menuBox_w	{ padding:0px 0px;position:relative; height:100%; }

#menuBox { height:100px; width:100%; margin-bottom:0; z-index:1;  display:flex;  align-items: center; justify-content: space-between; }
#menuBox .mainmenu {  padding: 0 8px;  text-align:center;  line-height:1.0em;  font-size: 20px; font-weight: 500;  cursor:pointer; color:#000; height:100px; line-height:100px;  } 
#menuBox .mainmenu:hover { color:#72af2c;  }

#submenuBox_w { position:relative;width:100%; font-size: 15px;}
.submenuBox {position:absolute; margin-bottom:3px; width:150px; padding:5px 0; background-color: rgba(255, 255, 255, 0.9);display:none;}
.submenu { text-align: center;  padding:5px 10px; color:#222; cursor:pointer; width:100%; }
.submenu:hover {color:#000; font-weight:700;  }




/*모바일 메뉴 ************************/
#m_navi {display:none; height:60px; padding-top:7px; border-bottom:1px solid  rgba(255, 255, 255, 0.6);  position:fixed; top:0; width:100%;  background-color: rgba(255, 255, 255, 1.0); z-index:101; box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.1); }
#m_navi.on {background-color:#fff !important;}
.m_navi_box {display:flex; justify-content:space-between;  }
#m_navi_2 { width:calc(100% - 100px); text-align:left;  }
#m_navi_2 .logo {height:100%;  display:flex;  align-items:center;}
#m_navi_2 .logo > a > span {height:100%; font-size: 20px; letter-spacing:-1px; color:#44881d; font-weight:600;display:inline-block; }
#m_navi_3 { width:50px; text-align:right;padding-top:5px; }
#m_navi_sch { width:50px; text-align:right;padding-top:8px; }




#m_mask { position:fixed ; z-index:1000;  left:0; right:0; top:0; bottom:0; width:100%; height:100%; background-color: #222; opacity:0.5; display:none; }

#m_search { position:fixed ; z-index:1001; top:60px; left:0; width:100%; height:0; overflow:hidden; background-color: #fff;  border-bottom:1px solid #ddd; -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; padding:30px; display:none;} 

#m_search .sch_box { display:inline-block; border:0px solid #ddd; background-color: #efefef;  width:100%; padding:6px 10px; border-radius:0.25rem; }
#m_search .sch_input {background-color: #efefef; border:none; outline:0;  width:80%;}


#m_memBox { position:fixed ; z-index:1002; top:0px; right:0; width:0px; height:100%; overflow:auto; background-color: #fff;  border-left:1px solid #ddd; -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; padding:0px;} 


/*오른*/
.m_menu0 { margin:10px 10px; text-align:center; }
.m_login {background-color: #222; color:#fff;height:42px; line-height:42px;}
.m_menu0 .txt1 {padding-bottom:10px;}


.m_menu1 {display:flex;  justify-content:center;  flex-wrap:nowrap;  margin:10px;}
.m_menu1 li { text-align:center; width:80px; border-radius:0.25rem; height:40px; line-height:40px; background-color: #efefef; margin:0 10px;}
.m_menu1 li a {font-size:13px; color:#222;}


#m_memBox .txt1 { text-align:center;}
#m_memBox .txt2 {padding:5px 13px; font-weight: 500;}

.m_menu2 {display:flex;  justify-content:center; margin:20px 20px; }
.m_menu2 li { text-align:center; padding:5px; }

.m_menu3 {border-top:2px solid #ddd; display:flex;  justify-content:flex-start;  flex-wrap:wrap; padding:10px 0 0 10px;  margin-top:10px;  }
.m_menu3 li {padding:3px 5px; width:90%; font-size:16px; font-weight: bold; color:#000; margin-top:10px;}
.m_menu3 .m_menu3_submnu {display:inline-block; text-align:left; width:48%; padding:3px 0 0 5px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }


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

	.top1_w {display:none;}
	#m_navi {display:block; }
}

@media screen and (max-width: 400px) {
	#m_navi_2 .logo > span { font-size: 16px; }
}


/*sub*/
.imgArea1 {position:relative; height:140px; background-color:#ffcc99; background-position:center -250px;}
.imgArea1 .subtitle1 { text-align:center; position:absolute; z-index:92; width:100%; top:50%;  left:50%; transform: translate(-50%, -50%); color:#fff;font-size:50px; text-shadow:2px 2px 2px #000; }


@media screen and (max-width: 800px) {
	.imgArea1 {height:350px; font-size:40px;}
}

/* 왼쪽메뉴*/
.contents1 {position:relative; }
.left_box {width:100%; margin-bottom:50px; }

.left_box > .leftTitle	{width:100%;  text-align:center; font-size: 30px; line-height:1.0em; color:#000; padding: 30px 0;position:relative; overflow:hidden;  white-space:nowrap; }
.left_box > .leftTitle:before {
	content: ' ';
	position: absolute;
	bottom:0;
	left: 50%;
	transform: translate(-50%, 0);
	border-bottom:2px solid #000; 
	width:50px;
	z-index:0;
}
.left_box > .mnuBox { width:100%;  display:flex; justify-content:center; flex-wrap:nowrap; margin-bottom:0; padding:10px 0; border-bottom:1px solid #ccc;  }
.left_box > .mnuBox .mnu	{ max-width:30%;   cursor: pointer;  font-size:18px; text-align:center; padding:15px 40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.left_box > .mnuBox .mnu:hover {color:#72af2c; }
.left_box > .mnuBox .mnu.on { color:#72af2c; } 
.left_box > .mnuBox .mnu_border {display:inline-block; border-right:1px solid #ccc; height:10px; width:1px; padding:15px 0 0 0; margin-top:25px; } 
/*
.contents1 .left_box > .mnuBox .mnu.w2 {width:calc( (100% - 2%*1 ) / 2) !important;}
.contents1 .left_box > .mnuBox .mnu.w3 {width:calc( (100% - 2%*2 ) / 3) !important;}
.contents1 .left_box > .mnuBox .mnu.w4 {width:calc( (100% - 2%*3 ) / 4) !important;}
.contents1 .left_box > .mnuBox .mnu.w5 {width:calc( (100% - 2%*4 ) / 5) !important;}
.contents1 .left_box > .mnuBox .mnu.w6 {width:calc( (100% - 2%*5 ) / 6) !important;}
*/

@media screen and (max-width: 800px) {
	.imgArea1 {position:relative; height:100px;}
	.imgArea1 .subtitle1 {font-size:30px;top:55%;}

	.left_box { margin-bottom:30px; }
	.left_box > .mnuBox .mnu	{font-size:13px; padding:15px 5px;}
	.left_box > .mnuBox .mnu_border { margin-top:20px; } 

	.left_box > .leftTitle	{ font-size: 20px; padding: 20px 0;}

}





/*서브페이지*/

/*배경있는것*/
/*
.page_box1 { margin:0px auto; padding:50px 130px;  background-size:100%;  background-repeat: repeat-y;   background-position: top center; position:relative; background-image:url(/images/1_intro_bg.jpg); }
.page_box1::before {
    position: absolute;
    content: "";
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
	z-index:0;
    background-color: rgba(255,255,255,0.4);
}

*/


/* 회원로그인 */
/*
.mem_login_box {width:40%; margin:100px auto 30px auto; border:1px solid #ddd; text-align: center; padding:30px 30px; border-radius:0.25rem; }
.bnn_login {border:1px solid #ddd; width:100%; height:50px;  line-height:50px; margin:0 auto; color:#333; font-size:18px; cursor:pointer; background-repeat: no-repeat; margin-top:20px; border-radius:0.25rem;}
.login_input {padding:15px !important; height:40px; margin:0 0 5px 0 !important; width:100%; background-color: #f0f0f0;  border-radius:0.25rem; border:none !important; }
.tit {margin:10px;font-weight: 500;}
.txt1 {font-size:13px;  text-align: left; margin:5px 0; }
@media screen and (max-width: 800px) {
	.mem_login_box {width:80%;}
}

@media screen and (max-width: 480px) {
	.mem_login_box {width:95%; padding:15px 15px;}
}

.mem_login_box_api {width:95%; max-width:500px; margin:100px auto 30px auto; border:1px solid #ddd; text-align: center; padding:30px 30px; border-radius:0.25rem; }
*/
/*마이페이지 상단메뉴*/
.leftBox {margin:0px 0 70px 0px; display:flex; justify-content:space-between; flex-wrap:wrap; }
.leftBox .leftTitle	{ width:18%; text-align:left; font-size: 30px;  color:#000;  border-bottom:2px solid #000; padding: 10px 10px 10px 10px; margin-bottom:10px;}
.leftBox > .mnuBox { width:100%;  display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:0; padding:10px 0;}
.leftBox > .mnuBox li	{ width:16%; cursor: pointer;  font-size:15px; text-align:center; padding:10px 10px; border-radius:0.25rem; border:1px solid #ddd;margin-bottom:5px;}
.leftBox > .mnuBox li.on {background-color: #f0f0f0; }
.leftBox > .mnuBox li.on a { color: #0079FF;}
.leftBox > .mnuBox li a {color:#555}

.chkbox {display:inline-block; width:15px; height:15px; border:1px solid #ddd; vertical-align: middle; margin:3px 0;}
.chkbox.checked { background-color: #0066cc;  border:1px solid #0066cc;}

@media screen and (max-width: 800px) {
	.leftBox .leftTitle	{ width:50%; font-size: 20px;  }
	.leftBox > .mnuBox li	{ width:32%; }

}


.page_title			{ color:#333; font-size: 15px; padding:15px 5px; border-bottom: solid 1px #ddd; font-weight: 500; margin:0px 0 40px 0; }

@media screen and (max-width: 800px) {
	.page_title			{ color:#333; font-size: 20px;  border-bottom: none;  font-weight: 700; margin:0px 0 20px 0;}

}

.sub_title {background-color: #007bff; color:#fff; padding:10px; text-align: center; font-weight: 500; margin-bottom:15px;}

/*테이블스타일-리스트형*/
.tbl_list {	font-weight: normal; line-height: 1.2; letter-spacing:0px; text-decoration: none; word-break: break-all; border-collapse: collapse; }
.tbl_list { border-top:2px solid #555; background-color: #fff; }
.tbl_list th {padding:12px 3px; border:1px solid #ddd; font-weight: 500; color:#222 !important; background-color: #efefef; text-align:center !important; line-height:1.2em;}
.tbl_list th:first-child { border-left:none;}
.tbl_list th:last-child { border-right:none;}
.tbl_list td {padding:10px 3px; border:1px solid #ddd;line-height:1.2em;}
.tbl_list td:first-child { border-left:none;}
.tbl_list td:last-child { border-right:none;}
.tbl_list td.right { text-align:right !important;}
.tbl_list td.left { text-align:left !important;}
.tbl_list td.center { text-align:center !important;}
.tbl_list th.right { text-align:right !important;}
.tbl_list th.left { text-align:left !important;}
.tbl_list th.center { text-align:center !important;}

/*테이블스타일-입력폼*/
.tbl_form {	font-weight: normal; line-height: 1.2; letter-spacing:0px; text-decoration: none; word-break: break-all; border-collapse: collapse; }
.tbl_form { border-top:2px solid #555; border-bottom:2px solid #555; background-color: #fff; }
.tbl_form td {padding:10px 10px; border:1px solid #ddd;line-height:1.2em;}
.tbl_form td:first-child { border-left:none;}
.tbl_form td:last-child { border-right:none;}
.tbl_form .td_tit { width:15%; min-width:100px; padding:12px 10px; text-align:left; color:#000; font-weight: 500; }
.tbl_form .td_tit span {color:#2b96ed}
.tbl_form td.right { text-align:right !important;}
.tbl_form td.left { text-align:left !important;}
.tbl_form td.center { text-align:center !important;}
.tbl_form th.right { text-align:right !important;}
.tbl_form th.left { text-align:left !important;}
.tbl_form th.center { text-align:center !important;}

/*테이블스타일-달력*/
.tbl_cal { border-top:0px solid #555; background-color: #fff; margin:5px;}
.tbl_cal th {padding:10px 3px; border:1px solid #ddd; font-weight: 500; color:#222 !important; background-color: #efefef; text-align:center !important; line-height:1.2em;}
.tbl_cal td {padding:7px 3px; border:1px solid #ddd;line-height:1.2em;}




/*상단 서브메뉴*/
/* sub tab */
ul, li	{ list-style:none; padding:0; margin:0; }	
.sub_tab	{position:relative; overflow:hidden; margin:0px 0 50px 0; }
.sub_tab li {display:inline-block; float:left;  border:1px #ddd solid;  border-right:none;  height:50px; line-height:50px; cursor:pointer; text-align:center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.sub_tab li:last-child {border-right:1px #ddd solid;}

.sub_tab li:hover {background-color: #99cc99; }
.sub_tab li:hover a { color:#fff;}
.sub_tab li:first-child {margin-left:0px;}
.sub_tab li a {display:block; width:100%; text-align:center; padding:0px; font-size:15px;  text-decoration: none;}
.sub_tab li.on { background-color: #99cc99; color:#fff;}
.sub_tab li.on a { color:#fff;}
.sub_tab.w_2 li {width:50%;}	
.sub_tab.w_3 li {width:33.3333%;}
.sub_tab.w_4 li {width:25%;}
.sub_tab.w_5 li {width:20%;}
.sub_tab.w_6 li {width:16.6%;}

@media screen and (max-width: 800px) {
	.sub_tab.w_6 li {width:33.33%;}
	.sub_tab.w_6 li:nth-child(1) {border-bottom:none;}
	.sub_tab.w_6 li:nth-child(2) {border-bottom:none;}
	.sub_tab.w_6 li:nth-child(3) {border-bottom:none; border-right:1px #ddd solid;}
}





/* 게시판 목록 */
/*
table.tbl_list{border-top:1px solid #999;border-collapse: collapse;width:100%;font-size:13px;}
table.tbl_list::after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
table.tbl_list thead th {border: 1px solid #e6e6e6;text-align:center;padding:10px 5px;height:16px;background-color:#f5f5f5;line-height:14px;}
table.tbl_list tbody th {border: 1px solid #e6e6e6;text-align:center;padding:10px 5px;height:16px;background-color:#f5f5f5;line-height:14px;}
table.tbl_list td {border: 1px solid #e6e6e6; padding:10px 0; height:16px;text-align:center;}
table.tbl_list td.left {padding-left:10px;text-align:left;}
table.tbl_list td.right {padding-right:10px;text-align:right;}
*/


.btn1 { border-radius:10px; background-color:#147bfc; border:none; color:#fff; text-align:center; padding:10px; width:100px; margin:10px auto; font-size: 15px; cursor: pointer; }
.btn1:hover { background-color:#0d53a8; color:#fff;}

@media screen and (max-width: 800px) {
	.btn1 { padding:8px; width:80px; }
}


/*메인화면 */
#bnn_tel {position:fixed; top:130px; left:50%; margin-left:520px; background-color:#44881d; color:#fff; text-align:center; z-index:9999; border-radius:70px; height:140px; width:140px; }
#bnn_tel .tit1 {font-size:20px; padding:30px 0 10px 0;}
#bnn_tel .tel  {   font-size:21px; letter-spacing: -1px;}

#instagram {position:fixed; top:430px; left:50%; margin-left:520px; background-color:#fff; text-align:center; z-index:9999; border-radius:70px; height:140px; width:140px; cursor:pointer;border:1px solid #efefef; }
#instagram .icon1  { margin:25px 0 5px 0;}

#bnn_kakao {position:fixed; top:280px; left:50%; margin-left:520px; background-color:#ffeb00; color:#000; text-align:center; z-index:9999; border-radius:70px; height:140px; width:140px; }
#bnn_kakao .tit1 {font-size:20px;    padding:0px 0 3px 0;}
#bnn_kakao .icon1  { margin:15px 0 5px 0;}

@media screen and (max-width: 1000px) {
	#bnn_tel {display:none;}
	#instagram {display:none;}
	#bnn_kakao {display:none;}
}


/*메인배너*/
.main_step3 { display:flex;  align-items: flex-start;  justify-content:space-between; flex-wrap:wrap;  margin:30px auto;}
.main_step3 > .item1 {width:48%; padding:0; margin:0; position:relative; }
.main_step3 > .item1 .tit1 { background-color: rgba(255, 255, 255, 0.3);  padding:20px 0; position:absolute; top:50%; left:0px; transform: translate(0%, -100%); text-align:center;  color:#fff;  width:100%; font-weight: 500; font-size:40px; font-weight:bold; z-index:10;  text-shadow: 1px 1px 1px #000;}
.main_step3 > .item1 > .bnn1 {width:100%; aspect-ratio:1/0.6; border:1px solid #999;  cursor:pointer;  background-color: #ddedfb;  background-size:cover;   background-position: center center;  background-repeat: no-repeat; }
.main_step3 > .item1 > .bnn1:hover {opacity: 0.8;}

@media screen and (max-width: 800px) {
	.main_step3 > .item1 {width:100%; margin-bottom:20px;}
}

.main_step4_outbox {width:100%; background-color:#efefef; padding: 50px 0;}
.main_step4 { display:flex;  align-items: flex-start;  justify-content:space-between; flex-wrap:wrap;  }
.main_step4 > .bnn {width:48%; aspect-ratio:1/0.6; border:1px solid #999;  cursor:pointer;  background-color: #ddedfb;  background-size:cover;   background-position: center center;  background-repeat: no-repeat; }
.main_step4 > .bnn:hover {opacity: 0.8;}

@media screen and (max-width: 800px) {
	.main_step4_outbox {padding: 30px 0;}
	.main_step4 > .bnn {width:100%; margin:10px auto; }
}


.main_step5 {margin-top:50px; display:flex; justify-content:space-between; flex-wrap:wrap;  font-size:16px;}
.main_step5 .box {   line-height: 1.5em}
.main_step5 .box > .tit {  font-size:20px; margin-bottom:15px; padding:7px; background-color: #44881d; color:#fff; display:inline-block; width:100%;}
.main_step5 > div:nth-child(1) {width:28%}
.main_step5 > div:nth-child(2) {width:25%; }
.main_step5 > div:nth-child(3) {width:43%}	

.main_step5 .box > p { display:inline-block; margin:2px 0;}


.main_step5 ul{position:relative;  }
.main_step5 ul > li{ margin:5px 0 ; display:flex; justify-content:space-between; flex-wrap:nowrap; cursor:pointer;}
.main_step5 ul > li span:first-child {color:blue; width:75%;}
.main_step5 ul > li span:last-child {color:#8c8c8c; width:25%; text-align:right;}

@media screen and (max-width: 800px) {
	.main_step5 {margin-top:20px;   line-height: 1.3em;  font-size:14px;}
	.main_step5 .box { margin-bottom:20px; }
	.main_step5 .box > .tit {  font-size:15px; margin-bottom:5px;}
	.main_step5 > div:nth-child(1) {width:100%;  order:3;}
	.main_step5 > div:nth-child(2) {width:100%;  order:2;}
	.main_step5 > div:nth-child(3) {width:100%;  order:1;}	
}



/* 관련사이트 */
.main_step6 { margin:20px auto;  position:relative;}
.main_step6 ul { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.main_step6 li {width:15%; border:1px solid #ccc; margin:5px 0;}
.main_step6 li img {width:100%;}

@media screen and (max-width: 800px) {
	.main_step6 { margin:10px auto; }
	.main_step6 li {width:30%;  }
}


/*서브페이지 ***********************/
.outbox_gray { width:100%; background-color:#f5f5f5; padding:30px; font-size:14px;}

@media screen and (max-width: 800px) {
	.outbox_gray { padding:15px; font-size:13px;}
}



/*예약*/
.schedule_con { overflow:scroll; border:0px solid red; }

.cyberedu_date{position:relative; background:#f2f2f2;width:100%;height:40px;text-align:center;vertical-align:top;  width:100%; min-width:700px;}
.cyberedu_date > span.icon_prev{position:absolute; top:8px; left:40px}
.cyberedu_date > span.icon_next{position:absolute; top:8px; right:40px}
.cyberedu_date > span.month{position:relative; display:inline-block; margin-top:8px; color:#2b2b2b; font-family:verdana; font-size:15px; font-weight: bold; text-align:center;}


table.edu_schedule_new {position:relative; width:100%; min-width:700px;margin-top:5px; border-top:2px solid #666;}
table.edu_schedule_new > thead > tr > th{color:#333;font-weight:normal;background:#f9f9f9;padding:10px 5px; border:1px solid #ddd;}
table.edu_schedule_new > thead > tr > th.sunday{color:#ff5113}
table.edu_schedule_new > thead > tr > th.monday{background:#eddddd}
table.edu_schedule_new > tbody > tr > td{ text-align:left;vertical-align:top;padding:3px;border:1px solid #ddd; }
table.edu_schedule_new > tbody > tr > td.sunday{color:#ff5113}
table.edu_schedule_new > tbody > tr > th.monday{}
table.edu_schedule_new .tit1 {text-overflow:ellipsis; overflow:hidden; white-space: nowrap; width:100px; padding:3px 0; margin-top:10px; line-height:1.1em; color:#222; cursor:pointer;}
table.edu_schedule_new .tit1:hover {background-color: #efefef;}
table.edu_schedule_new .on{ color:red !important; font-weight: bold;}
table.edu_schedule_new .counter {  padding-left:10px; color:#999; line-height:1.1em; }
table.edu_schedule_new .counter_0 {  padding-left:10px; color:#f00; line-height:1.1em; }
table.edu_schedule_new .counter_1 {  padding-left:10px; color:#0066ff; line-height:1.1em; }
table.edu_schedule_new .sche_date {font-size: 15px; font-weight: bold;}

.course_icon {display:inline-block; vertical-align: middle; width:20px; height:20px; background-color: #000; cursor:pointer; border-radius:5px;}

h4{margin-bottom:5px;padding:0;font-size:20px;}
.marT30 {margin-top:30px !important;}

.agree_box{width:688px; height:245px; padding:25px; margin:0; border:none; text-align:justify;border:1px solid #cfcfcf; line-height:140%; background:#f9f9f9; overflow-x:hidden; overflow-y:scroll;}
.agree_box_new{width:97%; color:#999; height:80px; padding:10px; margin:0; border:none; text-align:justify;border:1px solid #cfcfcf; line-height:140%; overflow-x:hidden; overflow-y:scroll;}


@media screen and (max-width: 800px) {
	table.edu_schedule_new .counter { font-size:12px; }
}



/* 예약확인 */
.box_con {width:50%; min-width: 350px; position:relative;border:1px solid #d0d0d0;background:#f5f5f5;padding:5% 10%; margin:0 auto;}

@media screen and (max-width: 800px) {
	.box_con {width:100%; padding:5% 5%;}
}




/*관리자모드 좌석수설정*/
#cal .date_dd {}
#cal .date_dd.change {background-color: #ffbdbd;}



/* 로그인 */
/*
.confirm_box {width:90%; max-width:500px; min-height:60px;border:1px solid #e6e6e6; margin:0 auto;padding:30px 50px;display:flex; justify-content:space-between; flex-wrap:wrap; }
.confirm_input{width:70%;height:60px;}
.confirm_input input[type="image"]{border:none;}
.confirm_input span.suno_t21{width:46px;height:27px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;border-left:1px solid #e6e6e6;background:#727272;vertical-align:top;padding:1px 0 0 14px;color:#fff;display:inline-block;float:left}
.confirm_input span.suno_t22{width:10px;height:27px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#727272;vertical-align:top;padding:1px 17px 0 0px;color:#fff;letter-spacing:0px;display:inline-block;float:left}
.confirm_input span.suno_t{width:73px;height:27px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;border-left:1px solid #e6e6e6;background:#727272;vertical-align:top;padding:1px 0 0 14px;color:#fff;display:inline-block;float:left}
.confirm_input span.secno_t{width:73px;height:27px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;border-left:1px solid #e6e6e6;background:#727272;vertical-align:top;padding:1px 0 0 14px;color:#fff;display:inline-block;float:left}
.confirm_input input.suno{width:170px;height:27px;border:1px solid #e6e6e6;vertical-align:top;padding:1px 0 0 10px;float:left}
.confirm_input input.secno{width:63px;height:27px;border:1px solid #e6e6e6;vertical-align:top;padding:1px 0 0 10px;float:left}
.confirm_input .name_area {display:inline-block;}

.search_area {width:30%; text-align:center; }
.confirm_t {display:inline-block;width:240px;background:url(/images/sub/bullet_h4.png) 0px 7px;background-repeat:no-repeat;padding:0 0 0 12px;line-height:22px;}
.confirm_t :after{display:block;clear:both;height:1px;margin-top:-1px;content:''}

@media screen and (max-width: 800px) {
	.confirm_input{width:100%;}
	.search_area{width:100%; }
}
*/


#mem_login_box {width:40%; margin:50px auto 30px auto;}
#mem_login_box .btn1.btn_login {width:100px;  display:inline-block;}
#mem_login_box .input1 {padding:10px; text-align: left; width:200px; background-color: #efefef; margin:1px;} 

@media screen and (max-width: 800px) {
	#mem_login_box {width:80%;}
}

@media screen and (max-width: 480px) {
	#mem_login_box {width:90%;}
}