@charset "utf-8";
@import url('font.css');

.hd_lang {list-style: none;line-height: 35px;height: 35px;}
#google_translate_element.hd_lang .goog-te-gadget {font-family: inherit;line-height: 35px;height: 35px;display: flex;align-items: center;}
#google_translate_element.hd_lang .goog-te-gadget-simple {background-color: transparent;border: 1px solid #e0e0e0;padding: 0 10px;border-radius: 4px;font-size: 14px;line-height: 20px;height: 25px;display: flex;align-items: center;}
#google_translate_element.hd_lang .goog-te-gadget-simple:hover {background-color: #f5f5f5;}
#google_translate_element.hd_lang .goog-te-menu-value {color: #333;display: flex;align-items: center;height: 100%;}
#google_translate_element.hd_lang .goog-te-menu-value span {border-left: none !important;line-height: 35px;}
.goog-te-banner-frame.skiptranslate {display: none !important;}

@media (min-width:1300px) {

/* 메인 슬라이드  */
.mainbanner {  height:520px; text-align:center;}	
	#wrap-mainbanner {position: relative;width: 100%;  height: 520px;   overflow: hidden;display: flex;align-items: center;}
	#slider {  position: absolute;width: 100%; height: 520px; }	
	#slider .slide {position: absolute;width: 100%;height: 520px;overflow: hidden;padding: 0;background: #ccc;}
	#slider .slide img { margin-left: 350px;}
	#slide-nav {position: absolute; top:0; left: 50%; margin-left: -650px;  }
	#slide-nav>ul {background: rgba(51, 51, 51, 0.5); width: 150px; height: 500px; padding-top: 20px;}
	#slide-nav>ul>li>a{display: block; height: 60px; line-height: 60px; font-size: 1.1rem; color: #fff;}
	#slide-nav>ul>li.on>a{ background: #fff;color: #274c9a; font-weight: bold;}
	#slide-nav>ul ul{display: none;position: absolute; top:0; left: 150px; background: #fff; width: 150px;  height: 480px;padding: 20px 0;}
	#slide-nav>ul ul.on{display: block;}
	#slide-nav>ul ul>li>a{display: block; height: 40px; line-height: 40px; color: #555;}
	#slide-nav>ul ul>li>a:hover{color: black;}

#slider.animated {-webkit-transition: left .3s ease-in;transition: left .3s ease-in;}

/* 메인 슬라이드 좌우 버튼 */
#next,#prev {position: absolute;z-index: 1;width: 60px;height: 60px;cursor: pointer;}
#next {right: 0;}
#prev {left: 0;}
.main__item svg {width: 64px;height: 64px;stroke: #333;stroke-width: 1.5;stroke-linecap: round;stroke-linejoin: round;fill: none; color: #333;  }
	
	

#lecture { width:1300px; margin:65px auto 55px; overflow:hidden; }
#lecture .title { float:left; width:15%; color:#222; }
#lecture .title p { display:block; font-size:1.3em; font-weight:600; }
#lecture .title strong { display:block; margin:20px 0 90px; font-size:2.2em; font-weight:800; line-height:1.2em;}
#lecture .title span a { display:block; background:url(../images/more_arr.png) 45% 4px no-repeat; border-bottom:1px solid #404040; width:100%; padding-bottom:10px; font-weight:800; color:#222; }

.lct_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin-left:auto; width:81%; }
.lct_wrap .content { width:18.5%; }
/*.lct_wrap .last { background:url(/images/counsel_02_06.jpg); background-size:cover; border:0;} /*opacity:0; */
.lct_wrap .content .pic { display:block; width:100%; padding:0; text-align:center; }
.lct_wrap .content .pic img { border:1px solid #e9e9e9; width:100%; border-radius: 8px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);}
.lct_wrap .content .pic img:hover{transition: 0.3s; opacity: 0.7;}
.lct_wrap .content p { display:block; margin-top:8px; font-size:0.9em; color:#9e9e9e; }
.lct_wrap .content p span { display:block; margin-top:3px; font-size:1.05em; color:#222; }

.edu_card { background:url(../images/edu_card_bg.gif) top; }
.edu_card .wrapper a { display:table; width:1000px; margin:0 auto;}
.edu_card .wrapper .pic { display:table-cell; vertical-align:middle; }
.edu_card .wrapper .tit { display:table-cell; vertical-align:middle; padding-top:2%; color:#497e98; }
.edu_card .wrapper .tit strong { display:block; font-size:1.5em; color:#222; line-height:1.5em; }
.edu_card .wrapper .txt { display:table-cell; vertical-align:middle; padding-top:2%; overflow:hidden;}
.edu_card .wrapper .txt ul li { float:left; background:#fff; border-radius:15px; margin:0 5px; padding:5px 10px; font-size:0.9em; color:#646464; letter-spacing:-0.5px; text-align:center; }

.support { width:1300px; margin:0 auto; }
.support .tit { border-bottom:1px solid #e0e0e0; padding-bottom:10px; font-size:1.3em; font-weight:600; color:#222; }

.support_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin-left:auto; width:100%; }
.support_wrap .content { width:11.5%; margin:2% 0; }
.support_wrap .last { display:none;} 
.support_wrap .content .pic { display:block; width:100%; padding:0; text-align:center; }
.support_wrap .content .pic img { width:39px; }
.support_wrap .content p { display:block; margin-top:8px; font-size:1.0em; color:#636363; text-align:center;}

.info_banner { width:1300px; margin:20px auto; overflow:hidden; }
.info_banner .manual a { float:left; background:url(../images/info_banner_01.gif) left; margin-right:1.5%; width:14%; padding:25px 0 25px 11%; font-size:0.9em; color:#646464; }
.info_banner .company a { float:left; background:url(../images/info_banner_02.gif) left; margin-right:1.5%; width:14%; padding:25px 0 25px 11%; font-size:0.9em; color:#646464; }
.info_banner .manual strong, .info_banner .company strong { display:block; font-size:1.4em; font-weight:500; color:#222; line-height:1.7em; }
.info_banner .ceo a { float:right; background:url(../images/info_banner_03.jpg); width:44%; padding:24px 0 25px 3%; font-weight:300; font-size:0.9em; color:#fff;}
.info_banner .ceo strong { display:block; font-size:1.5em; font-weight:600; line-height:1.5em; }

.bottom { width:1300px; margin:50px auto; overflow:hidden;}
.bottom .bbs_wrap { float:left; width:70%;}
.bottom .bbs_wrap .board { float:left; margin-right:5%; width:45%; }
.bottom .bbs_wrap .board .tit { border-bottom:1px solid #e0e0e0; padding-bottom:12px; margin-bottom:12px; font-size:1.3em; font-weight:600; color:#222; }
.bottom .bbs_wrap .board .tit a { float:right; font-size:0.7em; }
/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { width:100%; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:320px; font-size:0.95em; font-weight:400; color:#646464; line-height:1.5em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li .date {display:; float:right; font-size:0.9em; color:#9e9e9e; line-height:1.5em; letter-spacing:0;}

.bottom .customer { float:right; width:30%; }
.bottom .tit { margin-bottom:12px; font-size:1.3em; font-weight:600; color:#222; }
.bottom .content { border:1px solid #e0e0e0; padding:27px 15px;}
.bottom .content ul { display:table; }
.bottom .content ul li { display:table-cell; vertical-align:middle; }
.bottom .content ul li strong { display:block; margin:0 15px 0 10px; font-size:1.7em; font-weight:800; color:#222; letter-spacing:-1.0px;}
.bottom .content ul li p { display:block; font-size:0.9em; color:#646464; line-height:1.5em; }

.patners {border-top:1px solid #e0e0e0;}
.patners .content { width:1300px; margin:0 auto; text-align:center; overflow:hidden;}
.patners .content ul li { display:inline-block; width:12%;}

}


@media (min-width:768px) and (max-width:1299px) {

/* 메인 슬라이드  */
.mainbanner {  height:520px; text-align:center;}	
	#wrap-mainbanner {position: relative;width: 100%;  height: 520px;   overflow: hidden;display: flex;align-items: center;}
	#slider {  position: absolute;width: 100%; height: 520px; }	
	#slider .slide {position: absolute;width: 100%;height: 520px;overflow: hidden;padding: 0;background: #ccc;}
	#slider .slide img { margin-left: 350px;}
	#slide-nav {position: absolute; top:0; left: 50%; margin-left: -650px;  }
	#slide-nav>ul {background: rgba(51, 51, 51, 0.5); width: 150px; height: 500px; padding-top: 20px;}
	#slide-nav>ul>li>a{display: block; height: 60px; line-height: 60px; font-size: 1.1rem; color: #fff;}
	#slide-nav>ul>li.on>a{ background: #fff;color: #274c9a; font-weight: bold;}
	#slide-nav>ul ul{display: none;position: absolute; top:0; left: 150px; background: #fff; width: 150px;  height: 480px;padding: 20px 0;}
	#slide-nav>ul ul.on{display: block;}
	#slide-nav>ul ul>li>a{display: block; height: 40px; line-height: 40px; color: #555;}
	#slide-nav>ul ul>li>a:hover{color: black;}

#slider.animated {-webkit-transition: left .3s ease-in;transition: left .3s ease-in;}

/* 메인 슬라이드 좌우 버튼 */
#next,#prev {position: absolute;z-index: 1;width: 60px;height: 60px;cursor: pointer;}
#next {right: 0;}
#prev {left: 0;}
.main__item svg {width: 64px;height: 64px;stroke: #333;stroke-width: 1.5;stroke-linecap: round;stroke-linejoin: round;fill: none; color: #333;  }
	
	

#lecture { width:1300px; margin:65px auto 55px; overflow:hidden; }
#lecture .title { float:left; width:15%; color:#222; }
#lecture .title p { display:block; font-size:1.3em; font-weight:600; }
#lecture .title strong { display:block; margin:20px 0 90px; font-size:2.2em; font-weight:800; line-height:1.2em;}
#lecture .title span a { display:block; background:url(../images/more_arr.png) 45% 4px no-repeat; border-bottom:1px solid #404040; width:100%; padding-bottom:10px; font-weight:800; color:#222; }

.lct_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin-left:auto; width:81%; }
.lct_wrap .content { width:18.5%; }
/*.lct_wrap .last { background:url(/images/counsel_02_06.jpg); background-size:cover; border:0;} /*opacity:0; */
.lct_wrap .content .pic { display:block; width:100%; padding:0; text-align:center; }
.lct_wrap .content .pic img { border:1px solid #e9e9e9; width:100%; border-radius: 8px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);}
.lct_wrap .content p { display:block; margin-top:8px; font-size:0.9em; color:#9e9e9e; }
.lct_wrap .content p span { display:block; margin-top:3px; font-size:1.05em; color:#222; }

.edu_card { background:url(../images/edu_card_bg.gif) top; }
.edu_card .wrapper a { display:table; width:1000px; margin:0 auto;}
.edu_card .wrapper .pic { display:table-cell; vertical-align:middle; }
.edu_card .wrapper .tit { display:table-cell; vertical-align:middle; padding-top:2%; color:#497e98; }
.edu_card .wrapper .tit strong { display:block; font-size:1.5em; color:#222; line-height:1.5em; }
.edu_card .wrapper .txt { display:table-cell; vertical-align:middle; padding-top:2%; overflow:hidden;}
.edu_card .wrapper .txt ul li { float:left; background:#fff; border-radius:15px; margin:0 5px; padding:5px 10px; font-size:0.9em; color:#646464; letter-spacing:-0.5px; text-align:center; }

.support { width:1300px; margin:0 auto; }
.support .tit { border-bottom:1px solid #e0e0e0; padding-bottom:10px; font-size:1.3em; font-weight:600; color:#222; }

.support_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin-left:auto; width:100%; }
.support_wrap .content { width:11.5%; margin:2% 0; }
.support_wrap .last { display:none;} 
.support_wrap .content .pic { display:block; width:100%; padding:0; text-align:center; }
.support_wrap .content .pic img { width:39px; }
.support_wrap .content p { display:block; margin-top:8px; font-size:1.0em; color:#636363; text-align:center;}

.info_banner { width:1300px; margin:20px auto; overflow:hidden; }
.info_banner .manual a { float:left; background:url(../images/info_banner_01.gif) left; margin-right:1.5%; width:14%; padding:25px 0 25px 11%; font-size:0.9em; color:#646464; }
.info_banner .company a { float:left; background:url(../images/info_banner_02.gif) left; margin-right:1.5%; width:14%; padding:25px 0 25px 11%; font-size:0.9em; color:#646464; }
.info_banner .manual strong, .info_banner .company strong { display:block; font-size:1.4em; font-weight:500; color:#222; line-height:1.7em; }
.info_banner .ceo a { float:right; background:url(../images/info_banner_03.jpg); width:44%; padding:24px 0 25px 3%; font-weight:300; font-size:0.9em; color:#fff;}
.info_banner .ceo strong { display:block; font-size:1.5em; font-weight:600; line-height:1.5em; }

.bottom { width:1300px; margin:50px auto; overflow:hidden;}
.bottom .bbs_wrap { float:left; width:70%;}
.bottom .bbs_wrap .board { float:left; margin-right:5%; width:45%; }
.bottom .bbs_wrap .board .tit { border-bottom:1px solid #e0e0e0; padding-bottom:12px; margin-bottom:12px; font-size:1.3em; font-weight:600; color:#222; }
.bottom .bbs_wrap .board .tit a { float:right; font-size:0.7em; }
/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { width:100%; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:320px; font-size:0.95em; font-weight:400; color:#646464; line-height:1.5em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li .date {display:; float:right; font-size:0.9em; color:#9e9e9e; line-height:1.5em; letter-spacing:0;}

.bottom .customer { float:right; width:30%; }
.bottom .tit { margin-bottom:12px; font-size:1.3em; font-weight:600; color:#222; }
.bottom .content { border:1px solid #e0e0e0; padding:27px 15px;}
.bottom .content ul { display:table; }
.bottom .content ul li { display:table-cell; vertical-align:middle; }
.bottom .content ul li strong { display:block; margin:0 15px 0 10px; font-size:1.7em; font-weight:800; color:#222; letter-spacing:-1.0px;}
.bottom .content ul li p { display:block; font-size:0.9em; color:#646464; line-height:1.5em; }

.patners {border-top:1px solid #e0e0e0;}
.patners .content { width:1300px; margin:0 auto; text-align:center; overflow:hidden;}
.patners .content ul li { display:inline-block; width:12%;}

}



@media (max-width:767px) {
/* 메인 슬라이드  */
.mainbanner {  height:520px; text-align:center;}	
	#wrap-mainbanner {position: relative;width: 100%;  height: 520px;   overflow: hidden;display: flex;align-items: center;}
	#slider {  position: absolute;width: 100%; height: 520px; }	
	#slider .slide {position: absolute;width: 100%;height: 520px;overflow: hidden;padding: 0;background: #ccc;}
	#slider .slide img { margin-left: 350px;}
	#slide-nav {position: absolute; top:0; left: 50%; margin-left: -650px;  }
	#slide-nav>ul {background: rgba(51, 51, 51, 0.5); width: 150px; height: 500px; padding-top: 20px;}
	#slide-nav>ul>li>a{display: block; height: 60px; line-height: 60px; font-size: 1.1rem; color: #fff;}
	#slide-nav>ul>li.on>a{ background: #fff;color: #274c9a; font-weight: bold;}
	#slide-nav>ul ul{display: none;position: absolute; top:0; left: 150px; background: #fff; width: 150px;  height: 480px;padding: 20px 0;}
	#slide-nav>ul ul.on{display: block;}
	#slide-nav>ul ul>li>a{display: block; height: 40px; line-height: 40px; color: #555;}
	#slide-nav>ul ul>li>a:hover{color: black;}

#slider.animated {-webkit-transition: left .3s ease-in;transition: left .3s ease-in;}

/* 메인 슬라이드 좌우 버튼 */
#next,#prev {position: absolute;z-index: 1;width: 60px;height: 60px;cursor: pointer;}
#next {right: 0;}
#prev {left: 0;}
.main__item svg {width: 64px;height: 64px;stroke: #333;stroke-width: 1.5;stroke-linecap: round;stroke-linejoin: round;fill: none; color: #333;  }
	
	

#lecture { width:1300px; margin:65px auto 55px; overflow:hidden; }
#lecture .title { float:left; width:15%; color:#222; }
#lecture .title p { display:block; font-size:1.3em; font-weight:600; }
#lecture .title strong { display:block; margin:20px 0 90px; font-size:2.2em; font-weight:800; line-height:1.2em;}
#lecture .title span a { display:block; background:url(../images/more_arr.png) 45% 4px no-repeat; border-bottom:1px solid #404040; width:100%; padding-bottom:10px; font-weight:800; color:#222; }

.lct_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin-left:auto; width:81%; }
.lct_wrap .content { width:18.5%; }
/*.lct_wrap .last { background:url(/images/counsel_02_06.jpg); background-size:cover; border:0;} /*opacity:0; */
.lct_wrap .content .pic { display:block; width:100%; padding:0; text-align:center; }
.lct_wrap .content .pic img { border:1px solid #e9e9e9; width:100%; border-radius: 8px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);}
.lct_wrap .content p { display:block; margin-top:8px; font-size:0.9em; color:#9e9e9e; }
.lct_wrap .content p span { display:block; margin-top:3px; font-size:1.05em; color:#222; }

.edu_card { background:url(../images/edu_card_bg.gif) top; }
.edu_card .wrapper a { display:table; width:1000px; margin:0 auto;}
.edu_card .wrapper .pic { display:table-cell; vertical-align:middle; }
.edu_card .wrapper .tit { display:table-cell; vertical-align:middle; padding-top:2%; color:#497e98; }
.edu_card .wrapper .tit strong { display:block; font-size:1.5em; color:#222; line-height:1.5em; }
.edu_card .wrapper .txt { display:table-cell; vertical-align:middle; padding-top:2%; overflow:hidden;}
.edu_card .wrapper .txt ul li { float:left; background:#fff; border-radius:15px; margin:0 5px; padding:5px 10px; font-size:0.9em; color:#646464; letter-spacing:-0.5px; text-align:center; }

.support { width:1300px; margin:0 auto; }
.support .tit { border-bottom:1px solid #e0e0e0; padding-bottom:10px; font-size:1.3em; font-weight:600; color:#222; }

.support_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin-left:auto; width:100%; }
.support_wrap .content { width:11.5%; margin:2% 0; }
.support_wrap .last { display:none;} 
.support_wrap .content .pic { display:block; width:100%; padding:0; text-align:center; }
.support_wrap .content .pic img { width:39px; }
.support_wrap .content p { display:block; margin-top:8px; font-size:1.0em; color:#636363; text-align:center;}

.info_banner { width:1300px; margin:20px auto; overflow:hidden; }
.info_banner .manual a { float:left; background:url(../images/info_banner_01.gif) left; margin-right:1.5%; width:14%; padding:25px 0 25px 11%; font-size:0.9em; color:#646464; }
.info_banner .company a { float:left; background:url(../images/info_banner_02.gif) left; margin-right:1.5%; width:14%; padding:25px 0 25px 11%; font-size:0.9em; color:#646464; }
.info_banner .manual strong, .info_banner .company strong { display:block; font-size:1.4em; font-weight:500; color:#222; line-height:1.7em; }
.info_banner .ceo a { float:right; background:url(../images/info_banner_03.jpg); width:44%; padding:24px 0 25px 3%; font-weight:300; font-size:0.9em; color:#fff;}
.info_banner .ceo strong { display:block; font-size:1.5em; font-weight:600; line-height:1.5em; }

.bottom { width:1300px; margin:50px auto; overflow:hidden;}
.bottom .bbs_wrap { float:left; width:70%;}
.bottom .bbs_wrap .board { float:left; margin-right:5%; width:45%; }
.bottom .bbs_wrap .board .tit { border-bottom:1px solid #e0e0e0; padding-bottom:12px; margin-bottom:12px; font-size:1.3em; font-weight:600; color:#222; }
.bottom .bbs_wrap .board .tit a { float:right; font-size:0.7em; }
/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { width:100%; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:320px; font-size:0.95em; font-weight:400; color:#646464; line-height:1.5em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li .date {display:; float:right; font-size:0.9em; color:#9e9e9e; line-height:1.5em; letter-spacing:0;}

.bottom .customer { float:right; width:30%; }
.bottom .tit { margin-bottom:12px; font-size:1.3em; font-weight:600; color:#222; }
.bottom .content { border:1px solid #e0e0e0; padding:27px 15px;}
.bottom .content ul { display:table; }
.bottom .content ul li { display:table-cell; vertical-align:middle; }
.bottom .content ul li strong { display:block; margin:0 15px 0 10px; font-size:1.7em; font-weight:800; color:#222; letter-spacing:-1.0px;}
.bottom .content ul li p { display:block; font-size:0.9em; color:#646464; line-height:1.5em; }

.patners {border-top:1px solid #e0e0e0;}
.patners .content { width:1300px; margin:0 auto; text-align:center; overflow:hidden;}
.patners .content ul li { display:inline-block; width:12%;}


}