@charset "utf-8";
@import url(/css/nanumgothic.css);
@import url(/css/notosanskr.css);

BODY{margin:0; padding:0; text-align:center; FONT-FAMILY: "Nanum Gothic", "±¼¸²";}

/* TOP ¸Þ´º Start */
#top_moveIcon{ width:100%; height:30px; margin: 0 auto; text-align:left; background-color:#F5F6F8; overflow:hidden;}

#top_wrap{width:100%; text-align:left; background-color: #FFFFFF;}
#top_wrap #header{width:100%; border-bottom:1px solid #d5d5d5;}
#top_wrap #header #top_category {margin: 0 auto; width:1100px; height:95px;}
#top_wrap #header #top_category #top_banner{float: left; width:380px; margin-top:16px;}
#top_wrap #header #top_category #top_logo{float: left; width:340px; margin-top:19px; text-align: center;}
#top_wrap #header #top_category #search{float: left; width:380px; height:40px; text-align:right;}
#top_wrap #header #top_category #search #AddMenu{width:380px; height:30px; margin-top:19px;}
#top_wrap #header #top_category #search #AddMenu ul{margin:0; padding:0; list-style:none; float:right;}
#top_wrap #header #top_category #search #AddMenu li{margin:8px 0 0 0; padding: 0; float:left}
#top_wrap #header #top_category #search #AddMenu li a{font-size:13px;color:#494F67;font-weight:bold;}
#top_wrap #header #top_category #search #AddMenu li span{font-size:13px;color:#DDDDDD;padding:0 9px 0 4px;}
#top_wrap #header #top_category #search #searchbox{width:380px; height:30px; margin-top:10px; display:inline-block;}
#top_wrap #header #top_category #search .social{width:150px; height:27px; float:left;}
#top_wrap #header #top_category #search .social img{margin-right:5px;}
#top_wrap #header #top_category #search .find01{margin:0; padding:0; float:left;}
#top_wrap #header #top_category #search .find{font-size:13px; border:1px solid #d5d5d5; width:120px; height:21px; margin:0; padding:0; float:left;}
#top_wrap #header #top_category #search .find03{margin:0; padding:0; float:left;}
#top_wrap #header .top_line{width:100%; height:1px; border-bottom:1px solid #d5d5d5;}

#top_wrap #header #MainMenu_area{margin: 0 auto; width:1100px; height:45px; font-family: 'Noto Sans KR', '±¼¸²'; font-size:16px; font-weight:500;}
#top_wrap #header #MainMenu_area #MainMenu{width:660px; height:45px; float:left;}
#top_wrap #header #MainMenu_area #MainMenu .menu{margin:0; padding: 10px 30px 0 30px; height:45px; color:#000000; text-align:center; cursor:pointer; float:left;}
#top_wrap #header #MainMenu_area #MainMenu .menu.active{color:#D80911;}
#top_wrap #header #MainMenu_area #MainMenu .menu:hover{color:#D80911;}
#top_wrap #header #MainMenu_area #MainMenu .menu_tab{margin:0; padding: 13px 0 0 0; height:45px; font-size:12px; color:#DDDDDD; float:left;}

#top_wrap #header #MainMenu_area #MainMenu .menu1{margin:0; padding: 10px 25px 0 25px; height:45px; color:#000000; text-align:center; cursor:pointer; float:left;}
#top_wrap #header #MainMenu_area #MainMenu .menu1.active{color:#D80911;}
#top_wrap #header #MainMenu_area #MainMenu .menu1:hover{color:#D80911;}
#top_wrap #header #MainMenu_area #MainMenu .menu2{margin:0; padding: 10px 25px 0 25px; height:45px; color:#000000; text-align:center; cursor:pointer; float:left;}
#top_wrap #header #MainMenu_area #MainMenu .menu2.active{color:#D80911;}
#top_wrap #header #MainMenu_area #MainMenu .menu2:hover{color:#D80911;}
#top_wrap #header #MainMenu_area #MainMenu .menu3{margin:0; padding: 10px 25px 0 25px; height:45px; color:#000000; text-align:center; cursor:pointer; float:left;}
#top_wrap #header #MainMenu_area #MainMenu .menu3.active{color:#D80911;}
#top_wrap #header #MainMenu_area #MainMenu .menu3:hover{color:#D80911;}
#top_wrap #header #MainMenu_area #MainMenu .menu4{margin:0; padding: 10px 25px 0 25px; height:45px; color:#000000; text-align:center; cursor:pointer; float:left;}
#top_wrap #header #MainMenu_area #MainMenu .menu4.active{color:#D80911;}
#top_wrap #header #MainMenu_area #MainMenu .menu4:hover{color:#D80911;}
#top_wrap #header #MainMenu_area #MainMenu .menu5{margin:0; padding: 13px 25px 0 25px; height:45px; text-align:center; float:left;}
#top_wrap #header #MainMenu_area #MainMenu .menu5 a img.over {display:none; }
#top_wrap #header #MainMenu_area #MainMenu .menu5 a:hover img {display:none; }
#top_wrap #header #MainMenu_area #MainMenu .menu5 a:hover img.over {display:inline; }
#top_wrap #header #MainMenu_area #MainMenu .menu6{margin:0; padding: 10px 0 0 25px; height:45px; color:#FFFFFF; text-align:center; cursor:pointer; float:left;}
#top_wrap #header #MainMenu_area #MainMenu .menu6.active{color:#D80911;}
#top_wrap #header #MainMenu_area #MainMenu .menu6:hover{color:#D80911;}

#top_wrap #header #MainMenu_area #main_menu_hide {position:absolute; top:172px; margin:0; padding:0; width:160px; list-style:none; background-color:#FFF; border-top:3px solid #DDD; border-left:2px solid #DDD; border-right:3px solid #DDD; border-bottom:3px solid #DDD; display:none; z-index:101}
#top_wrap #header #MainMenu_area #main_menu_hide .menu{padding-left:25px; height:40px; line-height:40px; border-bottom:1px solid #DDD; cursor:pointer;}
#top_wrap #header #MainMenu_area #main_menu_hide .menu:hover{background-color:#DC252C; color:#FFF;}
#top_wrap #header #MainMenu_area #main_menu_hide .menu.active{background-color:#DC252C; color:#FFF;}
#top_wrap #header #MainMenu_area #main_menu_hide .menu2{padding-left:25px; height:40px; line-height:40px; border-bottom:1px solid #DDD; letter-spacing:-1px; cursor:pointer;}
#top_wrap #header #MainMenu_area #main_menu_hide .menu2:hover{background-color:#DC252C; color:#FFF;}
#top_wrap #header #MainMenu_area #main_menu_hide .menu2.active{background-color:#DC252C; color:#FFF;}

#top_wrap #header #MainMenu_area #main_menu_hash {width:700px; height:45px; float:left; overflow:hidden;}
#top_wrap #header #MainMenu_area #main_menu_hash a{font-size:16px; color:#000; font-weight:400; line-height:44px; margin:0 10px 0 10px;}
#top_wrap #header #MainMenu_area #main_menu_hash img{margin:0 0 0 0px; float:left;}
#top_wrap #header #MainMenu_area #AddMenu2{height:45px; float:right;}
#top_wrap #header #MainMenu_area #AddMenu2 ul{margin:0; padding:0; list-style:none;}
#top_wrap #header #MainMenu_area #AddMenu2 li{margin:8px 0 0 0; padding: 0; float:left}
#top_wrap #header #MainMenu_area #AddMenu2 li a{font-size:12px;color:#494F67;font-weight:bold;}


#wrap{width: 1100px; height:auto; overflow:hidden; margin: 0 auto; text-align:left; background-color: #FFFFFF;}

#Second_Menu_area{top:0px; position: fixed; width: 100%; height:45px; background:#FFFFFF; border:1px solid #DDDDDD; z-index:1000; display:none;}
#Second_Menu_area #Second_Menu{width:1100px; height:45px; margin:0 auto; font-family: 'Noto Sans KR', sans-serif, '±¼¸²'; font-size:16px; font-weight:500;}
#Second_Menu_area #Second_Menu #MainMenu{width:800px; height:45px; float:left;}
#Second_Menu_area #Second_Menu #MainMenu .menu{margin:0; padding: 0; width:90px; height:45px; float:left;}
#Second_Menu_area #Second_Menu #MainMenu .logo{margin:5px 0 0 0; padding: 0; width:110px; height:45px; float:left;}
#Second_Menu_area #Second_Menu #MainMenu .menu{margin:0; padding: 10px 25px 0 25px; height:45px; color:#000000; text-align:center; cursor:pointer; float:left;}
#Second_Menu_area #Second_Menu #MainMenu .menu.active{color:#D80911;}
#Second_Menu_area #Second_Menu #MainMenu .menu:hover{color:#D80911;}
#Second_Menu_area #Second_Menu #MainMenu .menu_tab{margin:0; padding: 13px 0 0 0; height:45px; font-size:12px; color:#DDDDDD; float:left;}
#Second_Menu_area #Second_Menu #MainMenu .menu1{margin:0; padding: 10px 25px 0 25px; height:45px; color:#000000; text-align:center; cursor:pointer; float:left;}
#Second_Menu_area #Second_Menu #MainMenu .menu1.active{color:#D80911;}
#Second_Menu_area #Second_Menu #MainMenu .menu1:hover{color:#D80911;}
#Second_Menu_area #Second_Menu #MainMenu .menu2{margin:0; padding: 10px 25px 0 25px; height:45px; color:#000000; text-align:center; cursor:pointer; float:left;}
#Second_Menu_area #Second_Menu #MainMenu .menu2.active{color:#D80911;}
#Second_Menu_area #Second_Menu #MainMenu .menu2:hover{color:#D80911;}
#Second_Menu_area #Second_Menu #MainMenu .menu3{margin:0; padding: 10px 25px 0 25px; height:45px; color:#000000; text-align:center; cursor:pointer; float:left;}
#Second_Menu_area #Second_Menu #MainMenu .menu3.active{color:#D80911;}
#Second_Menu_area #Second_Menu #MainMenu .menu3:hover{color:#D80911;}
#Second_Menu_area #Second_Menu #MainMenu .menu4{margin:0; padding: 10px 25px 0 25px; height:45px; color:#000000; text-align:center; cursor:pointer; float:left;}
#Second_Menu_area #Second_Menu #MainMenu .menu4.active{color:#D80911;}
#Second_Menu_area #Second_Menu #MainMenu .menu4:hover{color:#D80911;}
#Second_Menu_area #Second_Menu #MainMenu .menu5{margin:0; padding: 13px 25px 0 25px; height:45px; text-align:center; float:left;}
#Second_Menu_area #Second_Menu #MainMenu .menu5 a img.over {display:none; }
#Second_Menu_area #Second_Menu #MainMenu .menu5 a:hover img {display:none; }
#Second_Menu_area #Second_Menu #MainMenu .menu5 a:hover img.over {display:inline; }
#Second_Menu_area #Second_Menu #MainMenu .menu6{margin:0; padding: 10px 0 0 25px; height:45px; color:#FFFFFF; text-align:center; cursor:pointer; float:left;}
#Second_Menu_area #Second_Menu #MainMenu .menu6.active{color:#D80911;}
#Second_Menu_area #Second_Menu #MainMenu .menu6:hover{color:#D80911;}

#Second_Menu_area #Second_Menu #search{float: left; width:260px; height:40px; margin-top:3px; text-align:right;}
#Second_Menu_area #Second_Menu #search .find01{margin:9px 2px 0px 0px; width: 80px; float:left;}
#Second_Menu_area #Second_Menu #search .find02{margin:6px 0px 0px 0px;width: 140px; height:27px; float:left; background-image:url('/images/new02/find_bg.gif');}
#Second_Menu_area #Second_Menu #search .find{font-size:13px; border:0px solid #FFFFFF; width:120px; height:17px; margin:6px 0px 0px 10px;}
#Second_Menu_area #Second_Menu #search .find03{margin:6px 0px 0px 0px;width: 36px; float:left;}
/* TOP ¸Þ´º End */

A:active {color:#282828;text-decoration:underline}
A:link {color:#282828;text-decoration:none}
A:visited {color:#282828;text-decoration:none}
A:hover {color:#282828;text-decoration:underline}

.video_PageNation {width:100%; height:40px; margin:0 auto; }
.video_PageNation .no{margin:0 auto; text-align:center; width:100%; height:40px; line-height:40px;}
.video_view {width:100%; padding:10px 0 80px 0; line-height:24px; margin:0 auto;}
.video_view .sns_link{text-align:right;}

h3{FONT-FAMILY: "Nanum Gothic", "±¼¸²"; font-size:20px; line-height:28px; font-weight:800;}
hr{margin:0 0 15px 0; border-top:0px; border-left:0px; border-right:0px; border-bottom:1px solid #cccccc;}

.bx{font-size:13px; height:57px; padding:20px 18px 0 20px; margin:0 0 8px 0; border:1px solid #e5e5e5; overflow-x:none; overflow-y:auto; scrollbar-base-color: #d9d9d9; scrollbar-3dlight-color: #d9d9d9; scrollbar-darkshadow-color: #d9d9d9; scrollbar-face-color: #d9d9d9; scrollbar-highlight-color: #d9d9d9; scrollbar-shadow-color: #d9d9d9; scrollbar-track-color: #f2f2f2;line-height:18px;text-align:justify;}

@media all and (min-width:0px) and (max-width:1100px){
	.topArea {width: 100%;}
	.topArea img{width: 100%;}

	#wrap{width: 100%;}
	#MainMenu_area{display:none;}
	#MainMenu{display:none;}
	#top_category{display:none;}

	.video_menu {width:100%; height:40px; background-color:#AD0101; }
	.video_menu .menu{margin:0 auto; padding:0; text-align:center; list-style:none; height:40px; color:#fff; line-height:40px;}
	.video_menu li {width:19.8%; font-size:12px; letter-spacing:-1px; font-weight:600; float:left;}
	.video_menu li:nth-child(even) {width:1px; margin:0; padding:0; color:#870000; font-weight:400;}
	.video_menu li a {text-decoration:none; color: #FFF;}
	.video_menu li:hover {text-decoration: underline; color: #FFF;}
	.video_menu li:active {text-decoration: underline; color: #FFF;}

	#body_left {width:100%; margin:0 auto; padding:0; float:left;}
	#body_left .coming_webinar{margin:0px auto; padding:20px 20px 40px 20px; FONT-FAMILY: "Nanum Gothic", "±¼¸²"; font-size:16px; line-height:40px; border-bottom:1px dotted #CCCCCC;}
	#body_left .coming_webinar img{width:100%; padding-bottom:10px; float:left;}
	#body_left .coming_webinar p{margin:0; padding:0; FONT-FAMILY: "Nanum Gothic", "±¼¸²"; font-size:20px; line-height:28px; font-weight:800;}
	#body_left .video_view {width:90%; margin:0 auto; padding:10px 0 0 0; line-height:24px; }
	#body_left .video_view .sns_link{text-align:right;}


	#body_left .video_search {width:95%; margin:0 auto; padding:40px 0 0 0; text-align:right;}
	#body_left .video_search select{height:30px;}
	#body_left .video_search .f1{height:25px;}
	#body_left .video_search .f2{width:50px; height:31px; border:0; background-color:#595856; font-size:13px; color:#FFF; font-weight:bold;}

	#body_right {width:100%; margin:0; padding:0; text-align:center; clear:both;}
	#body_right img{width:90%;}
	#body_right .right_box{margin:0px auto; padding:20px; width:81%; border:1px solid #CCCCCC; border-radius:5px; text-align:left;}
	#body_right .right_box span{font-size:13px;letter-spacing:-1px;font-weight:600;}
	.view_btn{width:100%; height:50px; background-color:#BA0A04; border-radius:5px; text-align:center; font-size:18px; color:#FFFFFF; line-height:50px; font-weight:600; cursor:pointer;}
	.view_btn2{width:100%; height:50px; background-color:#CCCCCC; border-radius:5px; text-align:center; font-size:18px; color:#FFFFFF; line-height:50px; font-weight:600;}

	#bottom{width: 100%; padding:0; background-color:#F6F6F8; display:inline-block;}
	#bottom #past_webinar{padding:30px; display:table;}
	#bottom #past_webinar span{font-size:16px; color:#BA0A04; font-weight:600; line-height:50px; float:left;}
	#bottom #past_webinar ul{margin:0; padding:0; list-style:none;}
	#bottom #past_webinar li{margin:0 0 30px 0;width:100%; background-color:#FFFFFF; float:left;}
	#bottom #past_webinar li img{width:100%;}
	#bottom #past_webinar li p{FONT-FAMILY: "Nanum Gothic", "±¼¸²"; font-size:16px; line-height:24px; margin:0; padding:5px 10px 10px 10px;}

	#copyright{width: 100%; height:110px; margin: 20px auto; text-align:left; clear:both;}
	#copyright ul{display:none;}
	#copyright #inc{display:none;}
	#copyright #kina{display:none;}
	#copyright #address1{width:100%; font-size: 14px; color:#5f5f5f; line-height:21px; text-align:center; clear:both;}
	#copyright #address2{width:100%; height:30px; margin-top: 10px; font-size: 14px; color:#5f5f5f; text-align:center; }
	#copyright #address2 a{color:#e12c1a;}
}

@media all and (min-width:1101px){
	.topArea {width: 1100px; overflow:hidden;}
	.topArea img{width: 1100px; height:200px;}

	.video_menu {width:100%; height:40px; background-color:#AD0101; }
	.video_menu .menu{margin:0 auto; padding:0; text-align:center; list-style:none; height:40px; color:#fff; line-height:40px;}
	.video_menu li {width:19.8%; font-weight:600; float:left;}
	.video_menu li:nth-child(even) {width:1px; margin:0; padding:0; color:#870000; font-weight:400;}
	.video_menu li a {text-decoration:none; color: #FFF;}
	.video_menu li:hover {text-decoration: underline; color: #FFF;}
	.video_menu li:active {text-decoration: underline; color: #FFF;}



	#body_left {width:770px; margin:0 auto; float:left;  display:block;}
	#body_left .coming_webinar{width:770px; height:160px; margin:20px 0 0 0; FONT-FAMILY: "Nanum Gothic", "±¼¸²"; font-size:16px; line-height:40px; border-bottom:1px dotted #CCCCCC;}
	#body_left .coming_webinar img{width:250px; height:140px; margin:0 20px 0 0; float:left;}
	#body_left .coming_webinar p{height:55px; margin:0; padding:0; FONT-FAMILY: "Nanum Gothic", "±¼¸²"; font-size:20px; line-height:28px; font-weight:800;}
	#body_left .play_chk{display:none;}

	#body_left .video_search {width:100%; margin:0 auto; padding:40px 0 0 0; text-align:right;}
	#body_left .video_search select{height:30px;}
	#body_left .video_search .f1{height:25px;}
	#body_left .video_search .f2{width:50px; height:31px; border:0; background-color:#595856; font-size:13px; color:#FFF; font-weight:bold;}

	#body_right {width:330px; height:auto; text-align:right; float:left;}
	#body_right .right_box{margin:20px 0 0 30px; padding:20px; width:258px; border:1px solid #CCCCCC; border-radius:5px; text-align:left;}
	#body_right .right_box span{font-size:13px; letter-spacing:-1px; font-weight:600;}
	.view_btn{width:100%; height:50px; background-color:#BA0A04; border-radius:5px; text-align:center; font-size:18px; color:#FFFFFF; line-height:50px; font-weight:600; cursor:pointer;}
	.view_btn2{width:100%; height:50px; background-color:#CCCCCC; border-radius:5px; text-align:center; font-size:18px; color:#FFFFFF; line-height:50px; font-weight:600;}


	#bottom{width: 100%; padding:0 0 100px 0; background-color:#F6F6F8;}
	#bottom #past_webinar{margin: 0 auto; padding:30px 0 30px 0; width:1100px; height:400px; text-align:left;}
	#bottom #past_webinar span{font-size:16px; color:#BA0A04; font-weight:600; line-height:50px; text-align:left;}
	#bottom #past_webinar ul{margin:0; padding:0; list-style:none;}
	#bottom #past_webinar li{width:250px; height:200px; background-color:#FFFFFF; float:left; margin:0 33px 30px 0;}
	#bottom #past_webinar li img{width:250px; height:140px;}
	#bottom #past_webinar li:nth-child(4n){margin:0 0 30px 0;}
	#bottom #past_webinar li p{FONT-FAMILY: "Nanum Gothic", "±¼¸²"; font-size:16px; line-height:24px; margin:0; padding:5px 10px 10px 10px;}

	#copyright{width: 1100px; height:110px; margin:0 auto; text-align:left; clear:both;}
	#copyright ul{margin:10px 0 0 0; padding:0; list-style:none;}
	#copyright li{height:35px; line-height:30px; float:left; font-size:14px; color:#282828; letter-spacing:-1px;}
	#copyright span{padding: 0 8px 0 8px; color:#5f5f5f;}
	#copyright #inc{margin: 0 0 0 15px;}
	#copyright #kina{margin: 0 0 0 25px;}
	#copyright #address1{width:1100px; font-size: 14px; color:#5f5f5f; line-height:21px; text-align:center; clear:both;}
	#copyright #address2{width:1100px; height:30px; margin-top: 10px; font-size: 14px; color:#5f5f5f; text-align:center; }
	#copyright #address2 a{color:#e12c1a;}
}