@charset "utf-8";

/* 공통 */
.no-padding {padding:0 !important;}
.no-margin {margin:0 !important;}
ul {margin:0;padding:0;list-style:none}
ol,li,dl,dt,dd {margin:0;padding:0} 
a, a:hover, a:focus {color:#333; text-decoration:none;}
body{font-family: 'Noto Sans KR'; font-size:12px; line-height:1em; color:#333;}
.h1, .h2, .h3, h1, h2, h3{margin-top:0; margin-bottom:0;}

#hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}

/* 헤더 */
	#header{position:fixed; top:0; left:0; width:100%; z-index:300;}
	#header .hd_bg{background-color:#ededed; padding:15px 0;}
	.blank_div{height:141px;}
	/* TNB */
		.hd_tnb .tnb_menu{float:right;}
		.hd_tnb .tnb_menu:after{content:""; display:block; clear:both;}
		.hd_tnb .tnb_menu li{float:left;}
		.hd_tnb .tnb_menu li:last-child{border-right:0;}
		.hd_tnb .tnb_menu li a{display:inline-block; padding:0 8px; color:#565656; font-size:13px;}
		.hd_tnb .tnb_menu li:last-child a{padding-right:0;}
	
	/* GNB */
	.navbar {border:none; background-color:#fff; margin-bottom:0;}
	.gnb{background-image:url('/images/gnb_bg.jpg'); height:99px; border-bottom:1px solid #e1e1e1; overflow:hidden;}
		.gnb_left{padding:27px 0 0;}
		.gnb_left .gnb_sideimg{width:592px; height:228px; margin-top:28px; background:url('/images/sitemap_img1.jpg'); background-repeat:no-repeat;}

		#menu_pc{width:100%; padding-left:210px;}
		#menu_pc:after{content:""; display:block; clear:both;}
		#menu_pc .first_li{float:left; width:180px; line-height:99px; list-style:none; margin:0 8px;}
		#menu_pc .first_li:hover{display:block; height:100px; border-bottom:4px solid #f3434b; box-sizing:border-box;}
		#menu_pc .first_li .first_a{display:block; font-family: 'NanumSquare', sans-serif; transform:skew(-0.09deg); font-size:20px; font-weight:900; color:#222; letter-spacing:-1px; text-align:center;}
		#menu_pc .first_li .first_a:hover{color:#1e2f9b;}

		#menu_pc .first_li:first-child .second_ul{padding:30px 0 30px 30px;}
		#menu_pc .first_li:nth-child(3) .second_ul{padding:30px 0 30px 30px;}
		#menu_pc .first_li:last-child .second_ul{padding:30px 0 30px 50px;}

		#menu_pc .first_li .second_ul {position:relative; padding:30px 0; margin:0; text-align:left;}
		#menu_pc .first_li .second_ul .second_li {line-height:40px; list-style:none;}
		#menu_pc .first_li .second_ul .second_li .second_a {display:block; font-family: 'NanumSquare', sans-serif; transform:skew(-0.09deg); font-size:16px; color:#686868; letter-spacing:-1px; font-weight:bold;}
		#menu_pc .first_li .second_ul .second_li .second_a:hover {text-decoration:none; color:#1e2f9b;}

	/* M-GNB */
	.m_gnb{border-bottom:1px solid #e1e1e1; background-color:#fff;}
	.m_gnb_top:after{content:""; display:block; clear:both;}
		
		.m_gnb_top .m_empty{height:66px; padding:14px 0;}
		
		.m_gnb_top .m_logo{padding:14px 0; text-align:center;}
		.m_gnb_top .m_logo a img{height:38px;}

		.m_gnb_top .m_menu{padding:0; line-height:66px;}
		.m_gnb_top .m_menu .btnMenu a{display:block; font-size:24px; color:#96bd28; text-align:center;}

	/*사이드 메뉴*/
	.sideMn{width:210px; min-height:100%; background: #96bd28; position:fixed; top:0; left:-210px; z-index:300;}
	.sideMn .close_top:after{content:""; display:block; clear:both;}
	.sideMn .close_top{background-color:#fff; border-bottom:1px solid #e1e1e1;}
	.sideMn .btnClose{display:block; height:60px; font-size:24px; text-align:center; line-height:60px;}

		.slide_gnb{background-color:#fff;}
		.slide_gnb li{padding:0 10px; border-bottom:1px solid #e1e1e1;}
		.slide_gnb li:last-child{border-bottom:0;}
		.slide_gnb li a{display:block; width:100%; font-size:16px; font-weight:bold; line-height:55px;}

		.slide_gnb .slide_gnb_li{background-color:#f0f0f0;}
		.slide_gnb .slide_gnb_li > a{line-height:45px; font-weight:400; font-size:14px;}

		.slide_tnb{background-color:#96bd28;}
		.slide_tnb li{padding:0 10px; border-bottom:1px solid #fff;}
		.slide_tnb li a{display:block; width:100%; font-size:14px; line-height:55px; color:#fff;}

	/*검정배경*/
	.blackBg{position:fixed; top:0; left:0; width:100%; height:100%;
		background:#000; opacity:0.5; z-index:200; display:none;}



/* 바디 */
	#body_wrap{position:relative; background-color:#fff;}
	#body_wrap:after{content:""; display:block; clear:both;}

/* 메인비쥬얼 */
	.visual_section{z-index:5; position:absolute; top:0; left:0; width:100%;}

	.visual_blank{width:100%; height:700px;}
	.sub_blank{width:100%; height:284px;}

/* 메인 */
	.quick_box {padding:50px 0;}
		.quick_title {height:64px; line-height:64px; background:url('/images/hline.png') center center no-repeat; font-size:30px; font-weight:500; color:#424242;}

	.section1{margin:0 -32px 63px;}
	.sec1_img{padding:0 32px;}
	.section_img{width:100%; color:#fff; font-family: 'NanumSquare', sans-serif; padding:10px 10px;}
	.section_img1{background:url('/images/main_img1.jpg') no-repeat; padding:110px 0px 110px 318px;}
	.section_img2{background:url('/images/main_img4.jpg') no-repeat; padding:110px 0px 110px 320px;}

	.section_img .section_text{font-size:18px; line-height:1em; margin-bottom:15px;}
	.section_img .section_title{font-size:42px; font-weight:800; line-height:1em;}

	.section2{background:url('/images/main_img3.jpg') no-repeat; margin-bottom:30px;}
		.section2_pd{padding:49px; color:#fff;}
		.section2_pd .section2_title{font-size:24px; line-height:1em; font-weight:bold; margin-bottom:15px;}
		.section2_pd .section2_text{font-size:14px; color:rgba(255,255,255,0.5); line-height:16px;}

/* 푸터 */
	#footer{margin-top:100px;}
	.footer_menu_section{line-height:94px; background-color:#3d3d3d;}
		.footer_menu_btn{color:#fff; font-size:16px; font-weight:500;}
		.footer_menu{text-align:left;}
		.footer_login{text-align:right;}

	.footer_text{background-color:#fff; padding:45px 0;}
		.footer_text .adress{font-size:14px; color:#464646; line-height:16px; margin-bottom:18px;}
		.footer_text .adress .location{display:inline-block; border:1px solid #d7d7d7; border-radius:3px; font-size:13px; text-align:center; color:#868686; padding:5px 17px;}
		.footer_text .copyright{font-size:14px; color:#a8a6a6; line-height:16px; margin-bottom:0;}

/* sub1_1 */
		.main_title{font-size:36px; line-height:36px; padding:80px 0; color:#000; text-align:center; font-weight:500;}

		.sub_textbox{width:843px; background-color:#e5edf4; margin:0 auto 30px; border-radius:30px; font-size:17px; font-weight:bold; color:#666; line-height:36px; padding:42px 135px;}
		.sub_imgbox{width:843px; background-color:#fff; margin:0 auto; border-radius:30px; border:10px solid #f1f1f1; padding:60px 100px;}
			.sub_imgbox .sub_img{text-align:center; margin-bottom:40px;}
			.sub_imgbox .sub_txt_tit{font-size:24px; font-weight:900; color:#333; border-bottom:1px solid #333; text-align:center; padding-bottom:20px; line-height:24px;}
			.sub_imgbox .sub_txt_tb{margin:0 auto;}
			.sub_imgbox .sub_txt_tb th{text-align:center; font-size:22px; line-height:22px; font-weight:bold; color:#333; padding:20px 0;}
			.sub_imgbox .sub_txt_tb td{font-size:18px; line-height:35px; font-weight:bold; color:#333; width:60%;}
		
		.sub_title{font-size:30px; color:#000; font-weight:bold; text-align:center; line-height:30px; margin:96px 0 45px;}
		.sub_textbox2 .txt_box{border-top:3px solid #4b4b4b; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:30px;}
		.sub_textbox2 .txt_box{font-size:16px; font-weight:bold; color:#333; line-height:36px;}
		.sub_textbox2 .txt_box span{color:#017dc5;}
		.sub_textbox2 .img_margin{margin:71px 0;}

/* sub1_2 */
	.img_borderbox{width:100%; height:auto; text-align:center; border-radius:30px; margin-top:50px; padding:50px 0;}
	.img_borderbox1{border:10px solid #949494;}
	.img_borderbox2{border:10px solid #f8ede9;}
	.img_borderbox3{border:10px solid #e3eef2;}

/* sub1_3 */
	.sub_margin{margin-bottom:100px;}
	.sub_title1_3{font-size:24px; font-weight:bold; color:#000; line-height:24px; margin-bottom:20px;}
	.sub_text1_3{font-size:17px; color:#666; line-height:30px; margin-bottom:40px;}
	.sub_textbox1_3{width:100%; padding:30px; background-color:#ecf2f6; border-radius:20px; font-size:17px; color:#666; line-height:34px; margin-top:40px;}

/* sub1_4 */
	.sub_imgbox1_4{width:100%; background-color:#e5edf4; border:5px solid #cfdae4; padding:50px 230px; border-radius:30px; margin-bottom:30px;}
	.sub_imgbox1_4:after{content:""; display:block; clear:both;}

	.staff_sidetxt{font-size:16px; color:#666; font-weight:400; line-height:29px;}
	.staff_sidetxt p{font-size:26px; font-weight:bold; color:#000; line-height:26px; margin-bottom:35px;}
	.staff_sidetxt .bluespan{font-size:20px; font-weight:500; color:#000; line-height:24px; background-color:#a0e5ff;}

	.sub_imgbox_little{width:100%; background-color:#fff; border:5px solid #f1f1f1; padding:40px; border-radius:25px;}
	.sub_imgbox_little:after{content:""; display:block; clear:both;}
	.sub_imgbox_little1{height:334px;}

	.staff_sidetxt1{font-size:16px; color:#666; font-weight:400; line-height:28px;}
	.staff_sidetxt1 p{font-size:18px; font-weight:bold; color:#000; line-height:18px; margin:10px 0 20px;}

	.img1_4_1{width:100%;}
	.staff_img1{width:100%;}

/* 상품리스트 */
	#sct_lst{display:none;}

/* 소셜회원가입 */
	#register_member{margin-top:70px;}

/* 장바구니 */
	.lrscroll{margin-top:30px; text-align:center; font-size:14px; line-height:14px; font-weight:bold; color:#3a8afd;}

/* 문의하기 */
	.info_section{margin-top:80px;}
	.sub_title{font-size:30px; line-height:1em; color:#333;}
	.sub_text{font-size:16px; line-height:30px; color:#333;}
	.text_border{width:54px; height:2px; background:#96bd28; margin:30px 0;}

/* 강의보기 */
	.video_button{display:inline-block; width:128px; padding:0 5px; height:40px; background:#434a54; border-radius:3px; color:#fff; text-decoration:none; text-align:center; line-height:40px;}
	.video_button:hover{color:#fff;}
	.video_button:focus{color:#fff;}

@media (min-width:2200px) {
	.sub_blank{width:100%; height:400px;}
}

@media (min-width:1200px) {
	.container {width:1230px;}
}

@media (max-width: 1199px) {
	/* 마이페이지 */
	#smb_my_ov{width:100%; margin:0 0 50px;}
	#smb_my_list{width:100%;}
		#smb_ws_act .btn01, #smb_ws_act .btn02{width:150px;}

	.mbskin{width:100%;}
}

@media (max-width: 991px) {
	.hd_tnb .tnb_menu{float:none; text-align:center;}
		.hd_tnb .tnb_menu li{float:none; display:inline-block;}

	.gnb_logo{padding:20px 0;}

}

@media (max-width: 768px) {

}

@media (max-width: 480px) {
	.blank_div{height:67px;}

	/* 메인비쥬얼 */
	.visual_section{z-index:5; position:absolute; top:0; left:0; width:100%;}

	.visual_blank{width:100%; height:240px;}
	.sub_blank{width:100%; height:52px;}

/* 메인 */
	.quick_box{padding:20px 0;}

	.quick_title {height:42px; line-height:42px; font-size:24px; font-weight:500; color:#424242;}

	.section1{margin:0 -15px;}
	.sec1_img{padding:0 15px;}
	.section_img1{background:url('/images/main_img1.jpg') no-repeat; background-size:100%; padding:57px 0 57px 163px; margin-bottom:20px;}
	.section_img2{background:url('/images/main_img2.jpg') no-repeat; background-size:100%; padding:57px 0 57px 200px; margin-bottom:20px;}

	.section_img .section_text{font-size:14px; line-height:1em; margin-bottom:15px; transform:skew(-0.09deg);}
	.section_img .section_title{font-size:30px; font-weight:800; line-height:1em;}

	.section2{background:url('/images/main_img3.jpg') no-repeat; margin-bottom:0px; background-size:100% 100%;}
		.section2_pd{padding:28px; color:#fff;}
		.section2_pd .section2_title{font-size:20px; line-height:1em; font-weight:bold; margin-bottom:0px;}
		.section2_pd .section2_text{font-size:14px; color:rgba(255,255,255,0.5); line-height:16px;}

	/* 문의하기 */
		.info_section{margin-top:40px;}
	.sub_title{font-size:24px; line-height:1em; color:#333; text-align:center;}
	.sub_text{font-size:14px; line-height:24px; color:#333; text-align:center; margin-bottom:30px;}
	.text_border{width:54px; height:2px; background:#96bd28; margin:30px auto;}

	/* 푸터 */
	#footer{margin-top:30px;}
	
	.footer_menu_section{line-height:23px; padding:13px 0;}
	.footer_menu{text-align:center;}
	.footer_login{text-align:center;}
	.footer_menu_btn{font-size:14px; font-weight:normal;}

	.footer_text{padding:20px 0;}
	.footer_text .adress{text-align:center; font-size:13px;}
	.footer_text .copyright{text-align:center; font-size:12px;}

	/* sub1_1 */
	.main_title{font-size:24px; padding:30px 0;}

	.sub_textbox{width:100%; font-size:13px; line-height:25px; padding:17px 24px;}
	.sub_imgbox{width:100%; padding:30px 15px;}
		.sub_imgbox .sub_txt_tit{font-size:15px;}
		.sub_imgbox .sub_txt_tb th{font-size:14px; line-height:22px; padding:20px 0;}
		.sub_imgbox .sub_txt_tb td{font-size:12px; line-height:22px; width:51%;}
		
	.sub_title{margin:70px 0 45px;}

	.sub_textbox2 .txt_box{font-size:14px; line-height:30px;}
	.sub_textbox2 .img_margin{margin:30px 0;}

	/* sub1_2 */
	.img_borderbox1{border:5px solid #949494;}
	.img_borderbox2{border:5px solid #f8ede9;}
	.img_borderbox3{border:5px solid #e3eef2;}

	/* sub1_3 */
	.sub_margin{margin-bottom:60px;}
	.sub_title1_3{font-size:20px;}
	.sub_text1_3{font-size:14px; line-height:24px;}
	.sub_textbox1_3{padding:20px; font-size:14px; line-height:27px;}

	/* sub1_4 */
	.sub_imgbox1_4{padding:30px 20px;}

	.img1_4_1{width:65%;}
	.staff_sidetxt{font-size:13px; line-height:22px;}
	.staff_sidetxt p{font-size:18px; text-align:center; margin-top:15px;}
	.staff_sidetxt .bluespan{display:block; font-size:14px; text-align:center;}

	.sub_imgbox_little{padding:30px 20px; margin-bottom:30px;}
	.sub_imgbox_little1{height:auto;}
	.staff_img1{width:65%;}
	.staff_sidetxt1 p{text-align:center;}
	.staff_sidetxt1{font-size:13px; line-height:22px;}
}

/*온라인세미나*/
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:90%;}