@charset "utf-8";



#container {position:relative; z-index:0;  font-family: 'Nanum Square';}


.main_visual_wrap_box {padding:40px 0px; background:#dfe8ed url(../images/main/main_visual_wrap_box_bg.png) center top no-repeat;;}
.main_visual_wrap_box .default_layout {overflow:hidden;}

/*교육내용*/
.main_visual_wrap_box .education {float:left; width:300px; background:#3f70af; height:317px;}
.main_visual_wrap_box .education .box {padding:40px;}
.main_visual_wrap_box .education .box h3 {color:#fff; font-size:20px; line-height:20px;}
.main_visual_wrap_box .education .box ul {margin-top:16px; overflow:hidden; overflow-y:auto;  height:200px;}
.main_visual_wrap_box .education .box ul li {margin:4px 0px;}
.main_visual_wrap_box .education .box ul li a{display:block; background:#38649d; border:1px #2f5585 solid; color:#fff; line-height:34px; padding-left:10px; position:relative;}
.main_visual_wrap_box .education .box ul li a span {float:right; height:34px; border-left:1px #2f5585 solid; width:40px; text-align:center; background:url(../images/main/education_dot.png) center 50% no-repeat;}
.main_visual_wrap_box .education .box ul li a:hover {background:#507bb4;}




/*메인비주얼*/
.main_visual {float:left; width:600px; height:317px; overflow:hidden;  z-index:1; position:relative;}
.main_visual ul { width:100%; left:0px;top:0px; height:317px; position:absolute; z-index:0;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:317px; }
.main_visual li a{display:block;}
/*
.main_visual .visual_text {text-align:center; position:absolute; left:0px; top:140px; width:100%; z-index:9999; color:#fff; font-size:60px; font-weight:bold;}
.main_visual .visual_text span{display:block;  color:rgba(255,255,255,0.9); font-size:18px; font-weight:normal; margin-top:40px;}
.main_visual .main_pager {position:absolute; width:100%;  bottom:30px; text-align:center;   z-index:99999999 !important;}
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:12px; height:12px; margin:0 3px; border-radius:12px; border:2px #fff solid;; }
.main_visual .main_pager .cycle-pager-active{background:#f3700a;}
.main_visual .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:0;}
*/

.main_visual li .photo{ z-index:1; height:317px; overflow:hidden; position:relative;}
.main_visual li .visual_text_wrap{background:rgba(0,0,0,0.6); position:absolute; left:0px; bottom:0px;  width:420px; height:55px;  z-index:3;}
.main_visual li .visual_text_wrap div{line-height:55px; padding:0 45px; color:#fff; overflow: hidden;  white-space:nowrap; text-overflow: ellipsis;}
.main_visual .control_box{ position:absolute; right:0px; bottom:0px;   z-index:3; font-size:0px;}
.main_visual .control_box .visual_cont_num {display:inline-block; background:rgba(0,0,0,0.6); width:59px; height:55px; color:#fff; line-height:57px; vertical-align:bottom; font-size:14px; text-align:center;  font-family:"돋움";}
.main_visual .control_box .pager {display:inline-block; background:rgba(0,0,0,0.6); width:59px; height:55px; background-position:center 50%; background-repeat:no-repeat;}
.main_visual .control_box #main_visual_prev {margin:0 1px; background-image:url(../images/main/main_visual_prev_btn);}
.main_visual .control_box #main_visual_next {background-image:url(../images/main/main_visual_next_btn);}



/*메인우측*/
.main_about {float:left; width:300px; background:#fff url(../images/main/about_bg_dot) right top no-repeat; height:317px;}
.main_about .company_name  {height:262px;  background:url(../images/main/about_bg_cari) center 30px no-repeat; }
.main_about .btn{font-size:0px;}
.main_about .btn a{display:inline-block; width:50%; line-height:55px; font-size:13px; text-align:center; background:#3f70af; color:#fff;}
.main_about .btn a.last {background:#f39223;}


.main_visual_quick {margin-top:10px;  }
.main_visual_quick ul {text-align:center; background:#fff; padding:30px 0px;}
.main_visual_quick ul li{display:inline-block;  height:55px; line-height:55px; margin:0 15px;  padding-right:35px; vertical-align:middle;; background:url(../images/main/main_visual_quick_dot.jpg) right 50% no-repeat;}
.main_visual_quick ul li.last {background:none; margin-right:0px; padding-right:0px;}
.main_visual_quick ul li a{display:block; vertical-align:middle;} 
.main_visual_quick ul li a img { vertical-align:middle;} 
.main_visual_quick ul li div{display:inline-block;  vertical-align:middle;}
.main_visual_quick ul li div.icon{margin-right:6px;}


/*메인공지사항*/
.main_notice_wrap {margin:40px 0px; }
.main_notice_wrap .default_layout{overflow:hidden;}


.main_notice {float:left; height:310px; width:800px; overflow:hidden; position:relative; background:#fff url(../images/main/main_notice_line.gif) left 65px repeat-x;}
.main_notice dt {float:left; line-height:55px; position:relative; }
.main_notice dt a {display:block; color:#000; font-size:15px; background:#fafafb;  text-align:center; padding:0 40px; border-top:1px #ddd solid; border-right:1px #ddd solid; border-bottom:1px #ddd solid;}
.main_notice dt.fist_title a { border-left:1px #ddd solid;}
.main_notice dt.on a {display:block; color:#000; background:#3f70af;border-color:#3f70af; color:#fff;}

.main_notice dd {position:absolute; top:56px; left:0%; width:100%; height:240px; display:none; border-top:1px #ddd solid;}
.main_notice dd.first {display:block;}

.main_notice ul {padding-top:15px;}
.main_notice ul li{position:relative; background:url(../images/main/notice_dot.jpg) left 50% no-repeat; padding-left:10px; line-height:29px; }
.main_notice ul li a{display:inline-block; width:70%; color:#222;}
.main_notice ul li .date {float:right; font-size:12px; color:#777;}
.main_notice ul li .text .t2 {display:none; }

.main_notice ul li.first_li {padding-left:90px;  background:url(../images/main/main_first_notice.jpg) left 45% no-repeat; margin-bottom:10px; border-bottom:1px #ddd solid; padding-bottom:15px;}
.main_notice ul li.first_li a {display:block; width:100%;}
.main_notice ul li.first_li .text { margin-top:4px; padding-right:10px;}
.main_notice ul li.first_li .text .t1{padding-left:0px; background:none; color:#222222; font-weight:bold; font-size:15px; }

.main_notice ul li .ca_name {display:inline-block; color:#3f70af; margin-right:6px;}

.main_notice ul li .notice_icon_new {display:inline-block; width:17px; height:17px; line-height:17px; background:#3f70af; color:#fff;   font-size:10px; text-align:center;}

.main_notice ul li.first_li .text .t2{display:block; font-size:13px; color:#555555; line-height:20px; margin-top:10px; }
.main_notice ul li.first_li .date {float:none; position:absolute; right:0px; top:0px; }
.main_notice ul li a:hover .text .t1{color:#0965c4; }
.main_notice ul li a:hover .text .t2{color:#999; }


/*메인팝업존 */
.popupzone {float:right; width:358px; height:308px;  border:1px #ddd solid; position:relative;}
.popupzone h3{line-height:55px; font-size:18px; font-weight:normal; padding:0px 15px; border-bottom:1px #ddd solid; }
.popupzone .btns {position:absolute; right:15px; top:13px; font-size:0px;}
.popupzone .btns img {vertical-align:middle;}
.popupzone ul {overflow:hidden;}
.popupzone ul li img {vertical-align:middle; width:100%;}


/*중간사진 영역*/
.main_photo_wrap {padding:40px 0px; background:#f5f5f5;}
.main_photo_wrap .default_layout {overflow:hidden;}
.main_photo_wrap .default_layout h3 {font-size:22px; color:#000; margin-bottom:20px; background:url(../images/main/main_photo_title01.png) left 50% no-repeat; padding-left:60px; line-height:40px; position:relative;}
.main_photo_wrap .default_layout h3 a{position:absolute; right:0px; top:4px;;}
.main_photo_wrap .default_layout h3 a img{vertical-align:middle;}

.main_photo_wrap .photo {float:left;  width:820px;}
.main_photo_wrap .photo h3 a {right:26px;}

.main_photo_wrap .photo ul {overflow:hidden;}
.main_photo_wrap .photo ul li{float:left; width:250px; margin-right:22px; }
.main_photo_wrap .photo ul li.last {margin-right:0px;}
.main_photo_wrap .photo ul li img {vertical-align:middle; max-width:100%;}

.main_photo_wrap .photo ul li .text_box {background:#fff; padding:15px;}
.main_photo_wrap .photo ul li .text_box .date {font-size:12px; color:#888;}

.main_photo_wrap .photo ul li .ca_name {display:inline-block; color:#3f70af; margin-right:6px;}


.main_photo_wrap .movies {float:right; width:360px; }
.main_photo_wrap .movies h3{background-image:url(../images/main/main_photo_title02.png)}
.main_photo_wrap .movies ul li img {vertical-align:middle; width:360px; height:180px;}

.main_photo_wrap .movies ul li .text_box {background:#fff; padding:15px;}
.main_photo_wrap .movies ul li .text_box .date {font-size:12px; color:#888;}
.main_photo_wrap .movies ul li .ca_name {display:inline-block; color:#3f70af; margin-right:6px;}


/*바로가기*/
.main_bottom_quick {position:relative; padding:40px 0px; overflow:hidden;}
.main_bottom_quick .info_box {font-size:22px; color:#000; font-weight:bold; line-height:30px; position:relative; float:left; margin-top:20px;}
.main_bottom_quick .info_box .t2 {color:#3f70af;} 
.main_bottom_quick .info_box .btn  {overflow:hidden; margin-top:10px;} 
.main_bottom_quick .info_box .btn  a{float:left; } 
.main_bottom_quick .info_box .btn  a.right{float:right;} 

.main_bottom_quick .main_bottom_quick_slide {margin-left:220px;} 
.main_bottom_quick .main_bottom_quick_slide ul  {width:100%;} 
.main_bottom_quick .main_bottom_quick_slide ul li {text-align:center; width:125px;} 
.main_bottom_quick .main_bottom_quick_slide ul li img  {vertical-align:middle;  transition:transform 500ms;} 
.main_bottom_quick .main_bottom_quick_slide ul li:hover img  {transform:rotateY(360deg); transition:transform 500ms;} 
.main_bottom_quick .main_bottom_quick_slide ul li .icon  {padding:10px 0px;} 
.main_bottom_quick .main_bottom_quick_slide ul li:hover a{font-weight:bold; color:#3f70af;} 



/*기간안내*/
.license_info_wrap_box {width:450px; margin:0 auto; border-radius:30px; overflow:hidden;}
.license_info_wrap_box h3 {padding:15px 0px; background:#de4242; color:#fff; font-size:20px; text-align:center;}
.license_info_wrap_box .box {padding:30px; background:#fff;}
.license_info_wrap_box .box ul li {position:relative; overflow:hidden; margin:5px 0px; font-size:14px;}
.license_info_wrap_box .box ul li .s_title{text-align:left; }
.license_info_wrap_box .box ul li .s_text{position:absolute; right:0px; top:0px; }
.license_info_wrap_box .box ul li .s_text span {color:#de4242;}
.license_info_wrap_box .box .btn{margin-top:15px; border-top:1px #ddd solid; padding-top:15px; text-align:center;}
.license_info_wrap_box .box .btn a{display:inline-block; line-height:40px; color:#fff; background:#444;padding:0 10px; font-size:13px;}