/*
@font-face {
	font-family:'NotoSansKR-Light';
	font-style: normal;
	font-weight: normal;
	src: url('/css/font/경기천년제목_Bold.ttf');
		
}
@font-face {
	font-family:'NotoSansKR-Light';
	font-style: normal;
	font-weight: normal;
	src: url('/css/font/경기천년제목_Light.ttf');
	
}

@font-face {
	font-family:'NotoSansKR-Medium';
	font-style: normal;
	font-weight: normal;
	src: url('/css/font/경기천년제목_Medium.ttf');
	
}
*/


/*	=======================================		*/


@font-face {
	font-family:'NotoSansKR-Black';
	font-style: normal;
	font-weight: normal;
	src: url('/css/font/NotoSansKR-Black.otf');
}

@font-face {
	font-family:'NotoSansKR-Bold';
	font-style: normal;
	font-weight: normal;
	src: url('/css/font/NotoSansKR-Bold.otf');
}

@font-face {
	font-family:'NotoSansKR-DemiLight';
	font-style: normal;
	font-weight: normal;
	src: url('/css/font/NotoSansKR-DemiLight.otf');
}

@font-face {
	font-family:'NotoSansKR-Light';
	font-style: normal;
	font-weight: normal;
	src: url('/css/font/NotoSansKR-Light.otf');
}

@font-face {
	font-family:'NotoSansKR-Medium';
	font-style: normal;
	font-weight: normal;
	src: url('/css/font/NotoSansKR-Medium.otf');
}

@font-face {
	font-family:'NotoSansKR-Regular';
	font-style: normal;
	font-weight: normal;
	src: url('/css/font/NotoSansKR-Regular.otf');
}

@font-face {
	font-family:'NotoSansKR-Thin';
	font-style: normal;
	font-weight: normal;
	src: url('/css/font/NotoSansKR-Thin.otf');
}

html, body { width: 100%; height: 100%; }

* { margin: 0; padding: 0; font-family: "NotoSansKR-Light"; }

input, textarea, select, button { padding: 5px 10px; vertical-align: middle; border: solid 1px #ddd; }

button { border: 0; cursor: pointer; }
li { list-style: none; }

body { 
  margin:0; 
  font-size: 15px; 
  color: #414141;
  font-family:'NotoSansKR-Light'; 
  background: #f5f5f5;
	/* overflow: auto; */
}


.wrap {
  background: #fff;
	width: 100%;
	display:inline-table;
}

.header {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  border-bottom:solid 2px #0050a3;

	width:1440px;
	margin:0 auto;
}
.header img { vertical-align: top; }
.util { display: flex; flex-direction: row; align-items:center;}
.util a { display:inline-block; padding:0 5px; text-decoration:none; color: #717171; font-size: 0.9rem; }
.util a img { vertical-align: middle; }

.nav { 
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	align-items: center;
	font-family: 'NotoSansKR-Bold';
	font-weight: bold;
	font-size: 1.3rem;
	letter-spacing:-1px;
}
.nav a { display:flex;align-items:center; text-decoration:none; padding:1px 1px; text-align:center; color:#414141}

.header-util { width: 110px; margin-top: 10px; float: right; position: relative;height: 70px; font-size: 0.7rem; padding-right: 160px; }
.header-util .join { position: absolute; top: 10px; left: 5px; }
.header-util .admin { position: absolute; top: 22px; left: 40px; }
.header-util .mypage { position: absolute; top: 10px; left: 190px; }
.header-util .login { position: absolute; top: 30px; left: 10px; }
.header-util .login input { width: 80px; padding: 3px; font-size: 0.8rem; border-radius: 2px;border:solid 1px #b3b3b3; background-color: rgba(255, 255, 255, 0.7); color: #333; box-sizing: border-box; }
.header-util button { padding: 2px 20px; border-radius: 2px; font-size: 0.8rem; font-weight: bold; background:#dedede; border:solid 1px #b3b3b3; }
.header-util a {color: #333; text-decoration: none;}
.header-util .login span { display: inline-block; width: 160px; overflow: hidden; color: #7b9de9; }


.mainimg_wrap { max-width:1100px; margin:0 auto; position: relative;}
.img-r { width:100%; vertical-align:top; margin-top: 0px; }



.main_contents { display: flex; flex-flow: row nowrap; justify-content:space-between; border:solid 1px #dbdbdb;box-shadow:5px 5px 5px #efefef; margin-bottom: 40px; padding:40px 60px 40px 40px; box-sizing: border-box;}

.main-count { display: inline-block; background: url('/images/main_count.jpg') right no-repeat; font-size: 3rem; padding:40px 120px 10px 0 ;font-family: 'NotoSansKR-Medium'; color:#b2b2b2; font-weight:bold; letter-spacing:2px}
.main-count span { font-family: 'NotoSansKR-Bold'; color:#ff0000;font-size: 3.3rem;}



/* Style the tab */
.tab {
	overflow: hidden;
	background-color: #fff;
	border:solid 1px #E9E9E9;

	height:50px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	background: url(../images/youngcare/underline.png) bottom repeat-x;
	border-bottom:solid 1px #ddd;
}
.tab > div {
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	border:solid 1px #E9E9E9;

	font-size: 18px;
	padding-left:50px;
	padding-right:50px;
	font-weight: 700;
	color:#333;

}
.tab > div:last-child { border-left: none;}

/* Style the buttons inside the tab */
.tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font-size: 18px;
	padding-left:50px;
	padding-right:50px;
	font-weight: 700;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #fff;
}

/* Create an active/current tablink class */
.tab div.active {
	background-color: #6983CA;

	border:solid 1px #408080;

	border-bottom:solid 1px #E9E9E9;
	
	color:#FFFFFF;
	font-weight: bold;
}

/* Style the tab content */
.tabcontent {
	background-color: #FAFAFA;
	display: none;
	padding: 6px 12px;
	border:solid 1px #E9E9E9;

	border-top: none;
	height:170px;
	width:500px;
	position: relative;
}
.tabcontent ul { margin-top:20px; }
.tabcontent ul li { background:url(../images/mindcare/dot.png) left 17px no-repeat; padding: 10px 15px;}
.tabcontent ul li a { color: #666; text-decoration: none;}
.tabcontent ul li a:hover { color: #000}

.more { position:absolute; top:-35px; right: 15px; }


.main_wrap { 
	background:#fff;
	background:url(/images/shadow.png) top  repeat-x;
}

.sub_wrap { 
	background:#fff;
	display:flex;
	flex-direction:row;
	background:url(/images/shadow.png) top  repeat-x;
}

.sub_contents_wrap { background:url(/images/sub_vow_img02.jpg) right 85px no-repeat; width:1100px; padding-bottom:50px; margin: 0 auto; position: relative; }

.local { display:flex; flex-direction:row; align-items: center; border-bottom:2px solid #9c9c9c; padding: 10px 0 0 0;}
.local li { padding:5px 30px 5px 7px;	background:url(/images/local_icon_02.png) center right no-repeat;}
.local li:last-child { background:none;}


.title { font-size:2rem; font-family:'NotoSansKR-Bold'; font-weight:normal; letter-spacing:-1px; padding:30px 0 0 0;}
.title span { font-family:'NotoSansKR-Bold'; }
.title small { display:block; font-size:1.2rem; color:#696969; font-family:'NotoSansKR-Light'; margin-top:10px; line-height:150%}

.vow_list_wrap {display:flex; flex-direction:row; align-items:center; padding:30px 30px 50px 30px;}
.vow_list_wrap > div:nth-child(1) { padding:0 80px 0 30px}
.vow_list_wrap > div:nth-child(1) img {width:100%;}

.vow_list_title { font-size:2.3rem; font-family:'NotoSansKR-Light'; font-weight:normal; letter-spacing:-1px; padding-bottom:30px; }
.vow_list_title span {font-family:'NotoSansKR-Light'; }

.vow_list li { margin:25px 0; font-size: 1.1rem;  font-family:'NotoSansKR-Light';}
.vow_list li span { 
	background: #669ff9;
	border-radius: 30px;
	display: inline-block;
	color: #fff;
	text-align: center;
	width: 34px;
	height: 34px;
	margin-right: 10px;
	line-height: 195%;
	float:left;
 }



.welcom_wrap {display:flex; flex-direction:row; padding:50px 0 40px 0;}
.welcom_wrap > div:nth-child(1) { padding:0 100px 0 0px}
.welcom_wrap > div:nth-child(1) img {width:100%;}
.welcom_title { font-size:2.5rem; font-family:'NotoSansKR-Bold'; font-weight:bold; letter-spacing:-1px; padding-bottom:40px; }
.welcom_title span {font-family:'NotoSansKR-Bold'; }
.welcom { margin:15px 0; font-size: 1rem;  font-family:'NotoSansKR-Bold'; width:50%; line-height:200%;}


.vow_btn { 
	background:url(/images/sub_vow_bg.jpg) center no-repeat;
	padding:55px 0;
	color:#414141; 
	font-size:1.1rem;
	margin:0 auto;
	text-align: center;
	margin-bottom: 50px;	
}
.vow_btn button {
	color:#fff;
	font-size: 1.1rem;
	border-radius: 30px;
	background:#5798ff;
	padding:8px 70px;
	letter-spacing:-1;
	font-family:'NotoSansKR-Medium'; 
}


.vow_info_wrap { width: 75%;margin: 0 auto; }
.vow_info_write { }
.vow_info_view { background:rgba(239,239,239,0.5); flex-grow: 1; border-radius:20px; padding:50px 15px;box-sizing: border-box; }
.vow_info_view li {
	 padding-left:30px; 
	 font-size: 1.1rem; 
	 font-family:'NotoSansKR-Light'; 
	 margin:18px 0;
}

.vow_info_row { margin:15px 10px; display: flex; flex-flow:row; }
.vow_info_row span { display:inline-block; width:130px; font-size:1.3rem; box-sizing: border-box; font-weight: bold; }
.vow_info_row input { border-bottom:solid 1px #ddd; border-top:solid 1px #fff;border-left:solid 1px #fff;border-right:solid 1px #fff; width:100%;font-size:1.1rem;}

.vow_info_row_zip { margin:15px 10px; display: flex; flex-flow:row; }
.vow_info_row_zip span { display:inline-block; width:100px; font-size:1.3rem; box-sizing: border-box; font-weight: bold;  }
.vow_info_row_zip div:nth-child(2) {border-bottom:solid 1px #ddd;width:100%;font-size:1.1rem;font-family:'NotoSansKR-Light';}
.vow_info_row_zip input { font-size:1.1rem; }
.vow_info_agree { background:#efefef; border:solid 1px #ddd; padding:30px;font-size:0.9rem;font-family:'NotoSansKR-Light';  line-height:200%; margin:10px 0 20px 0;}


.box { border:solid 1px #ddd; padding: 15px; font-size: 1.2rem; font-family: 'NotoSansKR-Light'; line-height:200%; 
	margin: 50px 0 20px 0; background-color:rgba(255, 255, 255, 0.8); box-shadow:5px 5px 5px #efefef; }

.vow_info_btn { 
	text-align: center;
}
.vow_info_btn button {
	color:#fff;
	font-size: 1.1rem;
	border-radius: 30px;
	background:#5798ff;
	padding:12px 100px;
	letter-spacing:-1;
	font-family:'NotoSansKR-Light'; 
	margin:30px;
}

.copyright { display: flex; flex-direction: row; justify-content:space-between; border-bottom:dotted 1px #ddd; padding:15px; border-radius:6px; background:#f5f5f5; margin:20px 0;}
.copyright div { padding:10px;  }



.vow_info_view_btn { text-align: center; padding-top:30px; }
.vow_info_view_btn button { border-radius:20px; padding:8px 40px; border:solid 1px #ccc;}
.vow_info_view_btn button:hover { background:#d7d7d7; transition: background-color 0.5s; }


.login_wrap { width:450px; margin:100px auto 250px auto;}
.login_row { display:flex; flex-direction:column; }
.login_row label { font-family: 'NotoSansKR-Light'; font-size: 1rem ; padding:10px 0; }
.login_row input { border:solid 1px #ddd; color:#4D4D4D; font-size: 0.9rem; padding:15px 10px }
.login_row a { text-decoration:none; background:url(../images/dot_blue.png) center left no-repeat; padding-left: 15px; color:#414141; margin-bottom: 15px; }
.login_btn { border:none; background:#5798ff; color:#fff; font-weight:bold; width:100%; margin:30px 0; padding:13px;font-size: 1rem; border-radius: 4px;}

.agree_wrap { width:1000px; margin:100px auto 250px auto;}
.agree_box { border:solid 1px #ddd; height:100px; overflow:auto; padding:10px; font-size: 0.8rem;}


.join_wrap {   }

.join_row { display:flex; flex-direction:row;  justify-content: space-around; align-items: center;  }
.join_row label { font-weight:bold; }

.join_sign { border:solid 1px #ddd; background:url(../images/join_img.png) top left no-repeat; 
	padding:60px 60px 60px 500px; box-sizing: border-box;line-height:160%; font-size:1.2rem;
	background-color:rgba(255, 255, 255, 0.8);
	box-shadow:5px 5px 5px #efefef; 
}
.join_sign_date { font-size:1.1rem; line-height:200% }
.join_sign_date b { font-size:1.4rem; }


.edu_box { 
	border:solid 1px #ddd; 
	margin:20px 0;
	background-color:rgba(255, 255, 255, 0.8);
	box-shadow:5px 5px 5px #efefef; 
	display:flex; flex-direction:row; justify-content: space-between; align-items: center;
}
.edu_box img { width:90%; }

.edu_box_info { margin:60px 60px 30px 60px;  line-height:180%; width:50%; }
.edu_box_info ul { margin-bottom:30px;}
.edu_box_info ul:last-child { background:#efefef; border-radius:5px; font-size: 0.9rem; padding:15px; line-height:140% }
.edu_box_info ul:last-child li { background:url(/images/dot_gray.png) left 6px no-repeat; padding-left:10px }

h5 {  padding-left: 30px; font-size:1.2rem; font-weight:bold; margin-bottom:15px; }
h5.icon_list { background:url(../images/icon_edulist.png) center left no-repeat; }
h5.icon_edu { background:url(../images/icon_edu.png) center left no-repeat;  padding-left: 35px; }
h5.icon_report { background:url(../images/icon_report.png) center left no-repeat; padding:10px;  padding-left: 35px;}
h5.icon_time { background:url(../images/icon_time.png) center left no-repeat;padding:10px;  padding-left: 40px; }
h5.icon_monitor { background:url(../images/icon_monitor.png) center left no-repeat;padding:10px;  padding-left: 40px; }


h5.icon_01 { background:url(../images/icon_01.png) center left no-repeat;padding:10px;  padding-left: 40px; }
h5.icon_02 { background:url(../images/icon_02.png) center left no-repeat;padding:10px;  padding-left: 40px; }
h5.icon_03 { background:url(../images/icon_03.png) center left no-repeat;padding:10px;  padding-left: 40px; }
h5.icon_04 { background:url(../images/icon_04.png) center left no-repeat;padding:10px;  padding-left: 40px; }
h5.icon_05 { background:url(../images/icon_05.png) center left no-repeat;padding:10px;  padding-left: 40px; }

.report_list { box-sizing: border-box; padding-right:130px; width:65;}
.report_list li { background:url(/images/dot_gray.png) left 6px no-repeat; padding-left:10px; margin:10px 0; }

.tb { border-top:solid 2px #5798ff; border-bottom:solid 1px #e9e9e9; }
.tb table { width:100%;}
.tb table, th, td {border-collapse: collapse;}
.tb table th { padding:15px 0; font-size: 1.2rem; border-bottom:solid 2px #e9e9e9;}
.tb table td { padding:15px 0; text-align:center;}
.tb table td a { text-decoration:none; color:#414141}


/*	관리자용	*/
.tbA { border-top: solid 2px #5798ff; border-bottom: solid 1px #e9e9e9; }
.tbA table { width:100%;}
.tbA table, th, td {border-collapse: collapse;}
.tbA table th { padding: 12px 0; font-size: 1.0rem; border: solid 1px #e9e9e9; line-height:50%; background-color: #F2F9FF;}
.tbA table td { padding: 12px 0; text-align: center; border: solid 1px #e9e9e9; line-height:50%;}
.tbA table td a { text-decoration:none; color:#414141}


.tb-line td, th { border-left:solid 1px #e9e9e9; border-left: none; border-right: none;}
.tb-line td:first-child { border-left:none; }
.tb-line td:last-child { border-right:none; }
.tb-line th:first-child { border-left:none; }
.tb-line th:last-child { border-right:none; }

.tb-write { border-top:solid 2px #5798ff; border-radius:15px; border:solid 1px #ddd;background: rgba(255, 255, 255, .7); 
			box-shadow:5px 5px 5px #efefef; box-sizing: border-box;}

.tb-write table th { padding:10px 20px; font-size: 1rem; border-bottom:solid 1px #e9e9e9; text-align:left; 
			border-left: none; border-right: none; width:20%; }

.tb-write table td { padding:10px 20px; font-size: 1rem; border-bottom:solid 1px #e9e9e9;text-align:left; 
			border-left: none; border-right: none; word-break:break-all;}

.sup {color:red; font-weight:normal; padding: 5px; font-size: 1.0rem;}


.tb-view-title { 
	border:solid 1px #ddd;
	border-bottom:solid 2px #5798ff; 
	border-radius:15px 15px 0 0 ; 
	background: rgba(245, 245, 245, .7); 
	box-shadow:5px 5px 5px #efefef;
	padding:30px;
	box-sizing: border-box;
	}
.tb-view-title table { width: 100%; font-size: 0.9rem;}
.tb-view { 
	border-radius:0 0 15px 15px; 
	border:solid 1px #ddd;
	background: rgba(255, 255, 255, .7); 
	box-shadow:5px 5px 5px #efefef; 
	padding:30px;
	box-sizing: border-box;
}
.tb-view table { width: 100%; }
.view-title { padding:10px 0 20px 0; box-sizing: border-box;font-size: 1.3rem; font-family:'NotoSansKR-Light';}
.view-file { padding:10px 0 20px 0; box-sizing: border-box;font-size: 0.9rem; font-family:'NotoSansKR-Light';}



.stripe { background:#f5f5f5}

.text-lg { font-size:1.2rem !important}

.btn_play { background:#eaeaea; border-radius: 10px; padding:6px 20px; font-size:1rem;}

.align-left { text-align:left!important;}
.align-center { text-align:center!important;}
.align-right { text-align:right!important;}

.name { display: flex; flex-direction: row; justify-content: center; font-family: 'NotoSansKR-Light'; background:#efefef; border-radius: 4px; padding:15px; box-sizing: border-box;}
.name span { color:#5798ff;font-family: 'NotoSansKR-Light';padding:10px 30px;}

.flex-row { display: flex; flex-direction: row; justify-content:space-between; align-items: center; padding:10px; }
.flex-row-item { flex-grow: 1; width:50% }

.label { font-weight: bold; min-width:140px;}
.input { border:solid 1px #ddd; color:#666; font-size: 0.9rem; padding:7px 10px; box-sizing: border-box; }
.input-lg { width:100%; box-sizing: border-box;}
.select { border:solid 1px #ddd; color:#666; font-size: 0.9rem; padding:4px 10px; box-sizing: border-box; }


.btn { 
	color:#fff;
	font-size: 1.1rem;
	border-radius: 20px;
	font-weight: bold;
	background:#5798ff;
	padding:10px 30px;
	letter-spacing:-1;
	font-family:'NotoSansKR-Medium'; 
}
.btn_cancel { background:#7d7d7d;}

.btn:hover { background:#3a7be1; transition: background-color 0.5s; }
.btn_cancel:hover { background:#6b6b6b; transition: background-color 0.5s; }


.btn-sm { 
	color:#414141;
	font-size: 0.9rem;
	border-radius: 7px;
	background:#fff;
	padding:6px 15px;
	letter-spacing:-1;
	font-family:'NotoSansKR-Medium'; 
	border:solid 1px #ddd;
}


.pagenate { display:flex; flex-direction:row; justify-content:center;align-items: center; }
.pagenate a {text-decoration: none; padding:10px; color:#414141}
.pagenate a:hover { background:#f5f5f5;}
.pagenate i { color:#5798ff}

@media screen and (max-width: 600px) {
  .sub_menu_wrap { display:none;}
	.header { flex-flow: column; text-align: center;width:inherit;}
	.header img { vertical-align:inherit}
	.logo img { width: 50%;}
	.util { text-align: center;border-top:solid 1px #ccc;justify-content: center;}
	.util img { width:60%}
	.nav { border-top:solid 1px #ddd;}
	.nav a { padding:15px 0; font-size:0.9rem;}
	.vow_list_wrap { flex-flow: column;}
	.sub_contents_wrap { margin:20px; width:100% }
	
	.quick {display:none;}

	.main_link { flex-flow: column;}
	.main_link li {border-bottom:1px solid #ccc}	
	.main_link li a { padding:30px 0 30px 80px;  }
	.main_link li:nth-child(1) { margin-left:0;}
	.main_link li:nth-child(1)::after { background:none}
	.main_link li:nth-child(2)::after { background:none}
	.main_link_wrap {		min-width:100%;	}

	.vow_info_wrap {display:flex; flex-direction:column;}
	.vow_info_write { width:100%;}
	.vow_info_view { flex-grow: 1; border-radius:20px; padding:10px; }

	.welcom_wrap {display:flex; flex-direction:column;}
	.welcom  { width:100%;}

	.edu_box { flex-flow: column;}
	.edu_box_info { width:80%; padding:10px; }

	.main_contents { flex-flow: column; }
	.tabcontent { width:100%;}

	.gallery li { width:30% !important}

	.process { display:flex; flex-direction:column !important; align-items: center; }
	.process div {  background:none !important; padding-right:0 !important; }

	.modal-content { width: 100% !important;}

}




/*	퀵메뉴(S) ----------------------		*/
.quick { position: absolute; right:-160px;  z-index: 100; width: 120PX; border-bottom:solid 1px #ccc; top: 80px; opacity: 0.7;}
.quick li:first-child a { color: #000099 }
.quick li { border:solid 1px #ccc; text-align: center; line-height: 140%; font-size: 15px; padding:20px 0; font-weight: bold; border-bottom: none; background-color:#FFFFFF; }
.quick li a {text-decoration: none; color: #333;}
.quick li i { color: #ccc; }
.quick li span { display: block; font-size: 13px; color: #666; letter-spacing: -1px; font-weight: normal; }
.quick-sns img { border-radius: 10px; }



/* submenu */
.dropdown_menu { position: relative;}
.dropdown-btn {
	text-decoration: none;
	font-size: 1rem;
	color: #fff;
	display: flex;
	border: none;
	background: none;
	width: 100%;
	text-align: left;
	cursor: pointer;
	outline: none;
	flex-direction: row;
	align-items: center;
	font-family:'NotoSansKR-Medium'; 
}
.dropdown-btn img {padding-right:30px;}
.dropdown-btn i { font-size:0.7rem; margin-left: 5px; }
.dropdown-container {
	display: none;
	background: rgba(0, 0, 0, .3);
	width:100%;
	position:absolute;
	left:240px;
	z-index: 100;
}
.dropdown-container a { 
	display:block; 
	text-decoration: none; 
	color:#fff; 
	text-align: right; 
	font-family:'NotoSansKR-Light'; 
	padding: 10px;
}
.dropdown-container a:hover { background: rgba(0, 0, 0, .4); transition: all 1s; }

.dropdown_menu:hover .dropdown-container {display:block;}



/* local */
.dropbtn {
	background-color: #fff;
	padding: 16px 30px 16px 0;
	font-size: 1rem;
	min-width: 70px;
	border: none;
	cursor: pointer;
	background:url(/images/local_icon_01.png) center right no-repeat;
	font-family:'NotoSansKR-Light'; 
}

.dropbtn:hover, .dropbtn:focus {
	/* background-color: #fff; */
}

.dropdown {
	position: relative;
	display: inline-block;
	font-weight: bold;
}

.dropdown-content {
	display: none;
	position: absolute;
	background: rgba(255, 255, 255, .9);
	min-width: 230px;
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;;
}

.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}



.accordion {
	cursor: pointer;
	padding: 14px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	transition: 0.4s;
	border-bottom:solid 1px #ddd;
	font-family:'NotoSansKR-Light';
	font-size: 1.2rem;
	background-color: #fff;
}
.accordion span { 
	display: inline-block;
	width: 32px;
	height: 32px;
	border-radius: 16px;
	text-align: center;
	font-family: 'Lato';
	font-size: 16px;
	line-height: 32px;
	color: #fff;
	background: #5798ff;
	margin-right:5px; 
}

.active, .accordion:hover {
  /* background-color: #ccc;  */
}

.panel {
  padding: 15px 18px;
  display: none;
  background-color: #f5f5f5;
	border-bottom:solid 1px #ddd;
  overflow: hidden;
}


.gallery { display:flex; flex-direction: row; justify-content: start; flex-wrap: wrap; background-color: rgba(255, 255, 255, 0.8);}
.gallery li { text-align:center; margin: 25px 5px; width: 24%; box-sizing: border-box; overflow: hidden; border-bottom:solid 1px #ddd;}

.gallery li img {width: 100%; -webkit-transition: all 0.2s; transition: all 0.2s; min-height:150px; }

.gallery li a { text-decoration: none; color:#414141}
.gallery li a span { display:inline-block; padding:10px 0; line-height: 130%;}
.gallery li a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) }


/* menu(2) */
.dropbtn2 {
	background-color: #fff;
	padding: 16px 20px 16px 20px;
	font-size: 1.3rem;

	border: none;
	cursor: pointer;
	font-family:'NotoSansKR-Bold'; 
	font-weight: bold;
	letter-spacing: -1px;
	color:#414141;
	text-align: center;
}
}

.dropbtn2:hover, .dropbtn2:focus {
	/* background-color: #fff; */
}

.dropdown2 {
	position: relative;
	display: inline-block;
}

.dropdown-content2 {
	display: none;
	position: absolute;
	background: rgba(255, 255, 255, .9);
	min-width: 150px;
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

.dropdown-content2 a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	font-size: 1.1rem;
	font-family:'NotoSansKR-Light'; 
	border-bottom:dotted 1px #ccc;
}

.dropdown-content2 a:hover {
  background-color: #ddd;
	transition: background-color 0.3s linear;
}

.dropdown2:hover .dropdown-content2 {
  display: block;
}


/*	서브메뉴	*/
.nav-tab { margin: 30px 0 0 0; display: table; width: 100%; letter-spacing: -1px; }
.nav-tab li { display: table-cell; padding: 10px 0; text-align: center; border-right:solid 1px #ddd; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; }
.nav-tab li:first-child {border-left:solid 1px #ddd; }
.nav-tab li a { text-decoration: none; color: #333; font-weight: bold; }
.nav-tab li.active { background-color: #808080; }
.nav-tab li.active a { color: #fff; }
.nav-tab li:hover { background: #A5D1D1; color: #000000; }



/*	---------------------------------------------------		*/
.overview { width: 100%; border-collapse: separate; border-spacing: 10px;}
.overview th, .overview td { border-radius: 7px; padding:15px; border:solid 1px #dbdbdb; line-height:160%; }
.overview th { background:#f5f5f5; }
.overview td { background:#fff; }
.overview ul:last-child li { background:url(/images/dot_gray.png) left 10px no-repeat; padding-left:10px }

.process { display:flex; flex-direction:row; justify-content: space-between; }
.process div {  background:url(/images/arw.png) right 50% no-repeat; padding-right:64px; }
.process div:last-child { background:none;  padding-right:0;}

.overview2 { width: 100%; border:solid 1px #dbdbdb; border-radius: 10px;}
.overview2 table { width: 100%; border-collapse:collapse; }
.overview2 th { font-size:1.1rem; }
.overview2 th, .overview2 td { padding:15px; line-height:160%; border-right:solid 1px #dbdbdb; }
.overview2 th:last-child, .overview2 td:last-child { border-right:none;  width:55%; }
.overview2 td { background:#f5f5f5;  border-radius:0 0 10px 10px; }
.overview2 ul:last-child li { background:url(/images/dot_gray.png) left 10px no-repeat; padding-left:10px }
.list-dot li { background:url(/images/dot_gray.png) left 11px no-repeat; padding-left:10px; line-height:180%; }




/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 500px;
	box-sizing: border-box;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}



/*	온라인 강의		*/
.online_wrap { display:flex; flex-flow: row; border:solid 1px #C0C0C0; border-radius: 5px; }
.online_wrap .colA:nth-of-type(1) {flex-grow: 1; padding:10px; }
.online_wrap .colB:nth-of-type(2) {width: 40%; background: #fff; border-radius: 0 10px 10px 0;  }



/* Tooltip container */
.tooltip {
  position: relative;
 
}

/* Tooltip text */
.tooltip .tooltiptext {
	visibility: hidden;
	width: 300px;
	background-color: rgba(0, 64, 128, 0.8);

	line-height: 110%;
	color: #fff;
	padding: 10px 20px;
	border-radius: 6px;

	/* Position the tooltip text */
	position: absolute;
	z-index: 1;
	bottom: 155%;
	left: -20%;
	margin-left: -60px;

	/* Fade in tooltip */
	opacity: 0;
	transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {

	/*
	content: "";
	position: absolute;

	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
	*/
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}


/*
.footer {
  background: #f5f5f5;
  text-align: center;
  border-top: 1px solid #e0e0e0;
	padding: 35px;
}		*/

footer {  width:1440px; margin: 0 auto; border-top: solid 1px #333; padding: 20px 0; text-align: left; }
footer ul li { display: inline-block; padding-right: 10px; border-right: solid 1px #333; margin-bottom: 10px; }
footer ul li:last-child { border-right: none; padding-right: 0; }
footer ul li a {text-decoration: none; color: #333;}
footer span b { color:#003aa5; }



/* 2021-11-05 추가 */

.m_vow_info_view { background:rgba(239,239,239,0.5); flex-grow: 1; border-radius:20px; padding:10px 15px;box-sizing: border-box; }
.m_vow_info_view li {
	 padding-left:20px; 
	 padding-right:20px; 
	 font-size: 1.0rem; 
	 font-family:'NotoSansKR-Light'; 
	 margin:9px 0;
}

.m_vow_info_view_btn { text-align: center; padding-top:20px; }
.m_vow_info_view_btn button { border-radius:20px; padding:6px 30px; border:solid 1px #ccc; font-size: 0.6rem; }
.m_vow_info_view_btn button:hover { background:#d7d7d7; transition: background-color 0.5s; }


.main_contents {  padding:40px 80px 40px 80px;}

.vow_list { border:solid 1px #ddd; border-radius:7px; padding:30px; background:rgba(249,249,249,0.5);}
.vow_list ul {margin-left: 40px;}
.vow_list li { margin:5px 0; font-size: 1.1rem;  font-family:'NotoSansKR-Light';line-height: 180%;}
.vow_list li span { 
	background: #669ff9;
	border-radius: 30px;
	display: inline-block;
	color: #fff;
	text-align: center;
	width: 28px;
	height: 28px;
	margin-right: 10px;
	margin-left: -40px;
	line-height: 180%;
	font-size: 1rem; 
 }


/*	마이페이지 서브메뉴	 ''''''''''''''''''''''' */


.dropdown3 {
  position: relative;
  display: inline-block;
}

.dropdown-content3 {

	display: none;
	position: absolute;
	background: rgba(255, 255, 255, .9);
	min-width: 230px;
	overflow: auto;
	text-align: left;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;;
	padding: 10px 0px;
	margin-top: 10px;
	line-height: 30px;	
}

.dropdown-content3 a { 
	
	color: black;
	padding: 2px 16px;
	text-decoration: none;
	display: block;

}


.dropdown-content3 a:hover{ 
	text-decoration: underline !important;
}

.dropdown-content3 a:after {
  display: inline-block;
  content: "";
  position: absolute;
  top: 100px;
  left: 0;
  width: 0;
  height: 0!important;
  z-index: -1;
  background: rgba(175, 132, 29, 0.1);
}

.dropdown-content3 a:after { display:none }

.dropdown3:hover .dropdown-content3 {display: block;}



/*	''''''''''''''''''''''''''''''''''''		*/


.dropdown4 {
  position: relative;
  display: inline-block;
  background-color: #808080; 
 
}

.dropdown-content4 {

	display: none;
	position: absolute;
	background: rgba(255, 255, 255, .9);
	min-width: 230px;
	overflow: auto;
	text-align: left;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;;
	padding: 10px 0px;
	margin-top: 10px;
	line-height: 30px;	
}

.dropdown-content4 a { 
	
	color: black;
	padding: 2px 16px;
	text-decoration: none;
	display: block;

}

.dropdown-content4 a:hover{ 
	text-decoration: underline !important;
}

.dropdown-content4 a:after {
  display: inline-block;
  content: "";
  position: absolute;
  top: 100px;
  left: 0;
  width: 0;
  height: 0!important;
  z-index: -1;
  background: rgba(175, 132, 29, 0.1);
}

.dropdown-content4 a:after { display:none }

.dropdown4:hover .dropdown-content4 {display: block;}