#header{padding:0px;}
#header > div{height:92px;display:flex;align-items:center;justify-content:space-between;}
#menuBar{margin-right:4%;margin-top:-5px;}
#menuBar a{color:white;font-size:30px;}

#header.header-scrolled{padding:0px;}
#header.header-scrolled > div{height:72px}

body #header #logo{float:none;padding:0px;padding-left:4%;}

#logo .light{}
#logo .dark{display:none;}

.header-scrolled #logo .light{display:none;}
.header-scrolled #logo .dark{display:inline-block;}
 

#footer{padding-bottom:60px;}

#footer .copyrightCon{background-color:#eee;}
#footer #copyrightFix{width:100%;position:fixed;bottom:0px;left:0px;z-index:100}
#footer .copyrightCon .container{padding:15px 0px;display:flex;align-items:center;justify-content:space-between;}
#footer .copyrightCon .copyright{padding-top:0px;font-size:13px;font-weight:normal;}
#footer .copyrightCon .copyright .company{font-weight:bold;}
#footer .copyrightCon select{height:30px;padding-left:10px;padding-right:10px;}


/************************
메뉴를 정의
************************/
.drawer { display: none; }

/*The main CSS for the drawer.*/
.drawer__header {
  padding: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ddd;
}

.drawer__close {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15px' height='16px' viewBox='0 0 15 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='2.-Menu' transform='translate(-15.000000, -13.000000)' stroke='%23000000'%3E%3Cg id='Group' transform='translate(15.000000, 13.521000)'%3E%3Cpath d='M0,0.479000129 L15,14.2971819' id='Path-3'%3E%3C/path%3E%3Cpath d='M0,14.7761821 L15,-1.24344979e-14' id='Path-3'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  width: 15px;
  height: 15px;
}

.drawer__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  max-width: 250px;
  z-index: 9999;
  overflow: auto;
  transition: transform 0.3s;
  will-change: transform;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  -webkit-transform: translateX(103%);
  transform: translateX(103%); /* extra 3% because of box-shadow */
  -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
  box-shadow: 0 2px 6px #777;
}

.drawer__content {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  flex-grow: 1;
  padding: 1.5rem;
}

.drawer.is-active {
  display: block;
}

.drawer.is-visible .drawer__wrapper {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.drawer.is-visible .drawer__overlay {
  opacity: 0.5;
}

/* Style the background overlay when the drawer is opened. */
.drawer__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 200;
  opacity: 0;
  transition: opacity 0.3s;
  will-change: opacity;
  background-color: #000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#header .drawer__header{padding:0px 20px;height:72px;min-height:72px;display:flex;align-items:center;}
/************************
END 메뉴를 정의
************************/
.drawer.is-visible .drawer__wrapper{text-align:center;}
#header + .drawer .drawer__header{height:72px;}
#header.header-scrolled + .drawer .drawer__header{height:72px;}

.drawer__title a{font-weight:bold;font-size:15px;color:black;}

#drawer-name .drawer__content{padding:0px;}
#mainMenu{padding:0px;letter-spacing:-0.05em;}
#mainMenu > li{list-style-type:none;}
#mainMenu > li > a{position:relative;display:block;padding:10px 0px;font-size:18px;font-weight:600;}
#mainMenu > li > a:hover{color:#cc0000}
/*
#mainMenu > li > a:after{content:"\f107";font-family:'FontAwesome';display:block;position:absolute;top:50%;right:15px;margin-top:-18px;font-size:24px;color:#555}
*/

#mainMenu .subMenu{padding:5px 0px 5px 0px;background-color:#f4f4f4;}
#mainMenu .subMenu a{position:relative;display:block;padding:10px 0px 10px 0px;font-size:15px;font-weight:500;}
#mainMenu .subMenu a:hover{color:#ff3300}
/*
#mainMenu .subMenu a:after{content:"\f105";font-family:'FontAwesome';display:block;position:absolute;top:50%;left:10px;margin-top:-13px;font-size:18px;}
*/

#mainMenu a{color:black;}



#mainMenu ul{padding:0px;}
#mainMenu ul > li{list-style-type:none;}
.subPage #menuBar a{color:black;}
.subPage #header.header-scrolled  #menuBar a{color:white;}

/*introduce */
.subPage #about{background-color:transparent;}
.subPage #about::before{display:none;}

@media (max-width: 580px) {
	#imgTop .me_title{font-size:28px;}
	#imgTop .me_title .me_stitle{padding-left:30px;padding-right:30px;}
	#navMenu .go_gmenu > div > a{font-size:14px;}
}

.mypgCon{width:100%;font-size:23px;padding:30px 0px;color:black;font-family: 'Poppins', 'Noto San KR';}
.mypgCon .pg_head{margin-bottom:50px;text-align:center;}
.mypgCon .pg_head {position:relative;display:flex;align-items:center;justify-content:center;}
.mypgCon .pg_head .pgh_num{padding-left:10px;font-size:16px;font-weight:500;text-align:left}
.mypgCon .pg_head .pgh_title{margin-top:-10px;margin-bottom:-10px;font-size:90px;font-weight:400;}
.mypgCon .pg_head .pgh_title .num{font-family:'Noto Sans KR';font-weight:500;color:#0061d9;}
.mypgCon .pg_head .pgh_subject{margin-bottom:30px;color:#03a7ee;}

.mypgCon .pg_head .pgh_basic{margin-bottom:50px;font-weight:500;font-size:25px;color:black;}
.mypgCon .pg_head .pgh_basic2{font-weight:300;color:black;}

.mypgCon img{max-width:100%;}
.mypgCon .mobileBlock{display:inline-block;}

.mainCont.bgImage{background:url('/img/bg.png') no-repeat center center;background-size:cover;}

/*특장점 정의*/
.pgSwiper{width:100%;}
.pgSwiper .swiper-container{width:100%;}
.pgSwiper .swiper-container .swiper-slide{text-align:center;}
.pgTitle{position:relative;padding-bottom:20px;margin-bottom:30px;text-align:center;font-size:30px; font-weight:bold;}
.pgTitle:after{display:block;content:"";position:absolute;bottom:5px;left:50%;width:50px;margin-left:-25px;border-bottom:5px solid #330033}

.pgRow > div{margin-bottom:20px;align-items:stretch}	
.pgRow > div > .header{padding:10px 15px;background:url('/img/head1_bg.jpg') center center;background-size:100% 100%;color:white;font-size:20px;}
.pgRow > div:nth-child(2n) > .header{background-image:url('/img/head3_bg.jpg');}
.pgRow > div > .header .sheader{font-size:25px;}
.pgRow > div > .image{width:100%;height:200px;border-bottom:1px solid #aaa;}	
.pgRow > div > ul{padding:15px 0px;}
.pgRow > div > ul li{padding:5px 10px;font-size:17px;letter-spacing:-0.05em;}

.pgSTitle{margin-bottom:20px;font-size:23px;font-weight:bold;}
.pgImage{margin-bottom:50px;text-align:center;}

.pgBottom{font-size:15px;margin-bottom:50px;}
@media (max-width: 798px) {
	.mypgCon .pg_head{margin-bottom:30px;}
	.mypgCon{font-size:18px;}
	.mypgCon .pg_head .pgh_num{text-align:center;font-size:15px;}
	.mypgCon .pg_head .pgh_title{margin-top:-6px;margin-bottom:-6px;font-size:17vw;}
	.mypgCon .pg_head .pgh_subject{}
	.mypgCon .pg_head .pgh_subject{margin-bottom:20px}
	.mypgCon .pg_head .pgh_basic{margin-bottom:20px;}
	.mypgCon .mobileBlock{display:block;}
	.mypgCon{padding:20px 0px;}

	.pgRow > div > .header{font-size:18px;}
	.pgRow > div > .image{height:150px;}	
	.pgRow > div > ul{padding:10px 0px;}
	.pgRow > div > ul li{padding:5px 5px;font-size:18px;}

	.pgImage{margin-bottom:30px;text-align:center;}
	.pgBottom{font-size:18px;margin-bottom:30px;}

}


.mainCont{padding:20px 0px;}
.mainCont.bgGrey{background-color:#fff;}