@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif');

/* 초기화 공통 */
*{font-family: 'Noto Sans KR', sans-serif; margin:0; padding:0; box-sizing:border-box;}

body {font-size:13px;font-weight:normal; overflow-x:hidden; overflow-y:auto;}
body.on{overflow-y:hidden;}
a{text-decoration:none; color:#222;}
a:hover{text-decoration:none !important;}
ul, li {margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5,h6{margin:0;}
img{width:100%;}
.overflow{overflow:hidden;}

.box{box-shadow:none !important;}


	/* topEvent START */
	.topEvent{position:relative; height:70px; }
	.topEvent .topEwrap{/*width:934px;*/ margin:0 auto;}
	
	.topEwrap{position:relative; width:100%; height:70px; overflow:hidden;}
	.topEwrap ul {position:absolute; top:0;}
	.topEwrap ul li {height:84px;}
	.topEwrap ul li img{width:100%; height:70px;}
	
	
	.topEvent .topEventClose{position:absolute; top:18px; right:25%; color:#fff; font-size:15px; font-weight:300;}			

	/* header START */
	header{position:fixed; top:85px; left:0;width:100%; height:70zpx; z-index:9999; background:#fff;}
	/* logo START */
	#logo{position:absolute; left:50px; top:10px; z-index:999;}	
	#logo a img {width:157px; height:100%;}

	/* mainMenu START */
	.mainMenu{position:relative; width:1200px;  padding-left:85px; height:70px;margin:0 auto;}
	.mainMenu > li{float:left; height:70px; text-align:left; margin-left:70px;}

	.mainMenu > li:nth-of-type(4){float:left; height:70px; text-align:left; margin-left:85px;}
	.mainMenu > li:nth-of-type(5){float:left; height:70px; text-align:left; margin-left:54px;}
	.mainMenu > li:nth-of-type(6){float:left; height:70px; text-align:left; margin-left:98px;}
	.mainMenu > li > a{display:block; line-height:70px; color:#222; font-size:13pt; font-weight:400;}
	.mainMenu li a::after{content:"";display:block; height:3px; background:#4fc1e9; margin:-3px 0 0 0px; width:0%; }
	
	
	
	
	
	.menu_bg{height:0px; background:#222; }	
	.mainMenu ul li{ text-align:left;}
	.mainMenu ul {padding-top:19px; height:0px; }
	.mainMenu ul li a{display:block; overflow:hidden; height:0px;line-height:0px; color:#ececec; font-size:10pt; padding-left:0px; font-weight:100 !important;}
	
	/* mainMenu hover START */
	
	header:hover .menu_bg{height:300px; border-top:1px solid #333;}
	header:hover .mainMenu ul li a{height:40px; line-height:40px; }
	
	header:hover {background:#222;}	
	header:hover .mainMenu > li > a{color:#ececec;}
	.mainMenu > li:hover > a{color:#4fc1e9 !important;}
	.mainMenu ul li:hover a {color:#4fc1e9 !important;}
	.mainMenu > li:nth-of-type(1):hover > a:after{width:52%;}
	.mainMenu > li:nth-of-type(2):hover > a:after{width:59%;}
	.mainMenu > li:nth-of-type(3):hover > a:after{width:69%;}
	.mainMenu > li:nth-of-type(4):hover > a:after{width:36%;}
	.mainMenu > li:nth-of-type(5):hover > a:after{width:80%;}
	.mainMenu > li:nth-of-type(6):hover > a:after{width:100%;}
	
	

	/* mainuGuide START*/
	.mainGuide{position:absolute; right:50px; top:24px;}
	.mainGuide span{display:inline-block; font-weight:500; float:left;}
	.mainGuide ul{float:left; margin-left:7px;}
	.mainGuide ul li{display:inline-block;}
	.mainGuide ul li a{display:block;}


	/* mobile menu START */
	.mobileMenu{display:none;}
	


/* footer START */

	footer .testcss_wh {width:100%; height:330px;}
	footer address{padding:40px 0px 10px; text-align:center; background:#242424; margin-bottom:0;}
	footer address p {color:#707070; font-size:10pt;}
	footer address ul li{position:relative; display:inline-block; cursor:pointer;}	
	footer address ul li:nth-child(1) a{padding:0px;}
	
	footer .ftCenter {width:860px; margin:30px auto 30px; color:#fff;  font-size:11pt; color:#fff !important;}
	footer .ftCenter span{webkit-text-fill-color:red; color:#eeeeee !important;}
	footer .ftCenter b{position:relative; margin-left:4px; margin-right:3px; top:4px;display:inline-block; width:1px; height:15px; background: #707070; text-indent:-9999px;}
	
	
	/* footer address ul li:nth-child(4) a{padding:0 0 0 15px;}
	footer address ul li:nth-child(5) a{padding:0;} */
	footer address ul li a{display:block; /*padding:0 5px;*/}
	footer .ftBlog{display:none; position:absolute; top:-59px; width:100%; border:1px solid #666; background:#242424;}
	footer .ftBlog li{display:block; text-align:left; height:30px; line-height:30px; padding-left:16px; color:#929292; font-weight:500;}
	footer .ftBlog li a{color:#929292;}
	footer .ftBlog li:hover{background:#eee;}
	
	footer .ftInstar {display:none; position:absolute; top:-91px; width:100%; border:1px solid #666;  background:#242424;}
	footer .ftInstar li{display:block; text-align:left; height:30px; line-height:30px; padding-left:16px; color:#929292; font-weight:500;}
	footer .ftInstar li a{color:#929292;}
	footer .ftInstar li:hover{background:#eee;}

/*	footer address ul li:nth-of-type(3){background:url(/assets/img/main/facebook1.png)no-repeat;}
	footer address ul li:nth-of-type(4){background:url(/assets/img/main/twitter1.png)no-repeat;}

	footer address ul li:nth-of-type(3){background:url(/assets/img/main/youtube1.png)no-repeat; margin-left:5px; margin-right:20px;}
*/
	footer .ftm{transition:all 0.3s; width:32px; height:30px; }
	footer .ftm:hover{background-position:-0px -24px;}
	footer .ftLogo{width:207px; margin:35px auto 30px;}
	
	



/* Laptop */
@media screen and (max-width:1600px)	
{
	
}



/* iPad */
@media screen and (max-width:1024px)
{
	#logo{width:135px; height:50px; left:20px; top:15px;}
	#logo img{width:100%;}

	/* topEvent START */
	.topEvent{position:relative; height:auto; }
	
	.topEwrap{position:relative; width:100%; height:34px; overflow:hidden;}
	.topEwrap ul {position:absolute; top:0;}
	.topEwrap ul li {height:34px;}
	
	
	
	.topEvent .topEventClose{display:none; position:absolute; top:55px; right:19%; color:#fff; font-size:15px; font-weight:500;}

	/* header START */
	header{display:none;position:fixed; top:0; left:0;width:100%; height:100%; background:#111; text-align:center;}

	/* mobile menu START */
	.mobileMenu{display:block; position:relative; height:60px; z-index:999;}
	.mobileMenu.on{top:-45px;}
	.mobileMenu #mobileLogo{position:absolute; top:7px; left:15px; width:157px; }
	.mobileMenu .menuOpen{cursor:pointer; position:absolute; background:url(/assets/img/main/mobileMenu.png)no-repeat; right:15px; top:20px; width:35px; height:24px; text-indent:-9999px; z-index:101;}
	.mobileMenu .menuOpen.on{background-position-y:-28px;}
	.mobileMenu	.mobileMainMenu{display:none; position:fixed; top:0; left:0; padding-top:70px; width:100%; height:100%; background:#fff; text-align:center; z-index:100; overflow:auto;}
	.mobileMenu	.mobileMainMenu h4 {display:block; height:60px; line-height:60px; font-size:16px; cursor:pointer;}
	.mobileMenu	.mobileMainMenu .active{display:block;}
	.mobileMenu .mainGuide{display:none;}

	/* mobile menu subMenu START */
	.mobileSubMenu {display:none; position:relative; top:0; left:0; width:100%; height:auto; background:#eee; border-top:1px solid #444;}
	.mobileSubMenu li{display:block; height:auto; border-bottom:1px solid #d9d9d9; border-top: 1px solid #fff; margin:0 15px;}
	.mobileSubMenu li a{display:inline-block; height:55px; line-height:55px;}
	.mobileSubMenu li a::after{content:"";display:block; height:2px; background:#555; margin-top:0px; width:0%; margin-top: -15px;}

	.section02{width:100%; padding:100px 0px 0px;text-align:center;}
	.section03{width:100%; padding:100px 0px 0px;text-align:center;}
	#bx-pager a{display:inline-block; width:31%;padding:0.5%; }
	#bx-pager a img{width:100%;}
	
	
	footer .ftCenter {width:100%; color:#fff;  font-size:11pt;}
	
	
}

/* mobile */
@media screen and (max-width:640px)
{
	#logo{width:135px; height:50px; left:20px; top:15px;}
	#logo img{width:100%;}
	
	/* topEvent START */
	.topEvent{position:relative; height:15px;}
	
	.topEwrap{position:relative; width:100%; height:15px; overflow:hidden;}
	.topEwrap ul {position:absolute; top:0;}
	.topEwrap ul li {height:15px;}
	
	
	.topEvent .topEwrap img{vertical-align:top;}
	.topEvent .topEventClose{display:none; position:absolute; top:55px; right:19%; color:#fff; font-size:15px; font-weight:500;}

	/* header START */
	header{display:none;position:fixed; top:0; left:0;width:100%; height:100%; background:#111; text-align:center;}

	/* mobile menu START */
	.mobileMenu{display:block; position:relative; height:60px; z-index:999;}
	.mobileMenu.on{top:-45px; position: fixed; top:0px; left:0; width:100%; height:100%;}
	.mobileMenu #mobileLogo{cursor:pointer; position:absolute; top:7px; left:15px; width:157px;}
	.mobileMenu .menuOpen{cursor:pointer; position:absolute; background:url(/assets/img/main/mobileMenu.png)no-repeat; right:15px; top:20px; width:35px; height:24px; text-indent:-9999px; z-index:101;}
	.mobileMenu .menuOpen.on{background-position-y:-28px;}
	.mobileMenu	.mobileMainMenu{display:none; position:fixed; top:0; left:0; padding-top:70px; width:100%; height:100%; background:#fff; text-align:center; overflow:auto;}
	.mobileMenu	.mobileMainMenu h4 {display:block; height:60px; line-height:60px; font-size:16px; cursor:pointer;}
	.mobileMenu	.mobileMainMenu .active{display:block;}
	.mobileMenu .mainGuide{display:none;}

	/* mobile menu subMenu START */
	.mobileSubMenu {display:none; position:relative; top:0; left:0; width:100%; height:auto; background:#eee; border-top:1px solid #444;}
	.mobileSubMenu li{display:block; height:auto; border-bottom:1px solid #d9d9d9; border-top: 1px solid #fff; margin:0 15px;}
	.mobileSubMenu li a{display:inline-block; height:55px; line-height:55px;}
	.mobileSubMenu li a::after{content:"";display:block; height:2px; background:#555; margin-top:0px; width:0%; margin-top: -15px;}

	footer .ftCenter {width:100%; color:#fff;  font-size:11pt;}
	footer address ul li:nth-of-type(3){background:url(/assets/img/main/youtube1.png)no-repeat; margin-left:3px; margin-right:3px;}
	.ftCenter span{color:#fff !important;}
	.ftCenter > div{margin-bottom:5px;}

	.section02{width:100%; padding:100px 0px 0px;text-align:center;}
	.section03{width:100%; padding:100px 0px 0px;text-align:center;}
	#bx-pager a{display:inline-block; width:31%;padding:0.5%; }
	#bx-pager a img{width:100%;}
	.m_action{display:none;}
	.program_list div h5{top:100px; font-size:15px;}
	.program_img{height:250px;}
	
}



.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}