@charset "utf-8";



/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:350px;  overflow:hidden; z-index:1;}
.main_visual ul {height:350px; position:relative; z-index:1;}
.main_visual li {background-repeat:no-repeat; background-position:center top; width:100%; height:350px; background-size:cover}


.main_visual .main_visual_text {position:absolute; width:100%; height:350px; top:0px;  color:#fff; z-index:2;  }

.main_visual .main_visual_text .text {position:absolute; left:0px; top:130px; color:#fff; text-align:left; }
.main_visual .main_visual_text .t1 {font-size:18px; color:#858585; }
.main_visual .main_visual_text .t2 {display:block; color:#063372; font-size:33px; font-weight:bold; padding:10px 0px 20px;}
.main_visual .main_visual_text .t3 {font-size:13px;color:#858585 }

.main_visual .photo {position:absolute; right:0px; top:60px; z-index:4;}




/*메인공통 타이틀*/
.main_common_title {font-size:22px; color:#000; line-height:22px;}
.main_common_title span {display:block; font-size:13px; color:#888;}

/*공통박스*/
.main_common_box {padding:25px;}



.main_center_wrap {overflow:hidden; margin-top:40px;}


.main_box01 {float:left; width:300px; }

.main_box02 {float:left; margin-left:10px;width:580px; }


.main_box03 {float:right; width:300px;}


/*메인뉴스*/
.main_news {border:1px #ddd solid; height:308px; transition: all .2s;  background:#fff;}
.main_news:hover {border-color:#f8a246;}
.main_news .photo {height:150px; margin-top:10px; overflow:hidden; background:#ddd;}
.main_news .photo img {vertical-align:middle;}
.main_news .subject {margin-top:10px; font-size:15px; color:#888; line-height:18px;}



/*메인오시는길*/
.main_directions {border:1px #ddd solid; height:308px; margin-top:10px;  transition: all .2s; background:#fff;}
.main_directions:hover {border-color:#f8a246;}
.main_directions .photo {height:150px;   margin-top:10px; overflow:hidden; background:#ddd;}
.main_directions .photo img {vertical-align:middle;}
.main_directions dl {margin-top:15px; padding-left:40px; background:url(../images/main/main_directions_bg.png) left 50% no-repeat;}
.main_directions dl dt {font-size:16px; color:#000; line-height:18px;}
.main_directions dl dd {font-size:14px; color:#888;}



/*메인과정*/
.main_curriculum_box { height:428px; background:#fff;  position:relative; transition: all .2s;}


.main_curriculum_box ul {width:100% !important;}
.main_curriculum_box ul li{width:100% !important;  height:428px !important; overflow:hidden; }
.main_curriculum_box ul li .photo {position:relative; z-index:1;}
.main_curriculum_box ul li .photo img {vertical-align:top; width:100%;}


.main_curriculum_box ul li .box {position:absolute; left:0px; bottom:0px; width:100%; background:rgba(0,0,0,0.6); z-index:9; text-align:left;}
.main_curriculum_box ul li dl {padding:20px;}
.main_curriculum_box ul li dl dt a{display:block; font-size:18px; color:#fff;  overflow:hidden;  line-height:20px; padding:10px 0px;   text-overflow:ellipsis;  text-align:left;}
.main_curriculum_box ul li dl dd a{display:block; font-size:14px; color:rgba(255,255,255,0.8); line-height:16px;  white-space:normal;color:#999;  }


.main_curriculum_box .main_gallery_btn {position:absolute; width:100%; left:0px; top:40%; z-index:99999999999999;}
.main_curriculum_box .main_gallery_btn a{float:left; margin:0 10px; width:17.5px; height:32px; background:url(../images/main/main_gallery_arrow.png) left top no-repeat; text-indent:-9999px;}
.main_curriculum_box .main_gallery_btn a#gallery_btn_next{background-position:right top; float:right;}








/*메인교육과정신청*/
.main_inquery {margin-top:10px; border:1px #ddd solid; height:188px; overflow:hidden; background:#fff;}
.main_inquery:hover {border-color:#f8a246;}
.main_inquery .inquery_box {padding:25px; background:url(../images/main/main_inquery_bg.png) 33px 30px no-repeat;}
.main_inquery .inquery_box .box_wrap  {padding-left:200px;}
.main_inquery .inquery_box .box_wrap dl {margin-bottom:15px;}
.main_inquery .inquery_box .box_wrap dl dt{font-size:20px; color:#000; line-height:20px;}
.main_inquery .inquery_box .box_wrap dl dd{font-size:14px; color:#888;}
.main_inquery .inquery_box .box_wrap ul {overflow:hidden;}
.main_inquery .inquery_box .box_wrap ul li {float:left; margin-right:5px;}
.main_inquery .inquery_box .box_wrap ul li select {height:32px; line-height:32px; border:1px #dedede solid; vertical-align:middle;}
.main_inquery .inquery_box .box_wrap ul li input[type="text"] {height:30px; line-height:30px; border:1px #dedede solid; padding:0 5px; vertical-align:middle; }
.main_inquery .inquery_box .box_wrap ul li.name input[type="text"] {width:70px;}
.main_inquery .inquery_box .box_wrap ul li.tell input[type="text"] {width:104px;}
.main_inquery .inquery_box .box_wrap ul li.btn input[type="submit"]{background:#0054a5; color:#fff; padding:0px 10px; height:30px; line-height:33px; vertical-align:middle; border:0px; font-size:12px;}
.main_inquery .inquery_box .box_wrap .tell_num {margin-top:15px; font-size:30px; color:#0054a5; }



/*메인공지*/
.main_notice_box {border:1px #ddd solid; height:228px; transition: all .2s;  background:#fff;}
.main_notice_box:hover {border-color:#f8a246;}

.main_notice_box .main_notice {position:relative;  background:#fff; height:160px;}

.notice_tep h3 {float:left;  text-align:center; min-width:80px;  border-top:1px #adadad solid;  border-right:1px #adadad solid; border-bottom:1px #adadad solid; letter-spacing:-1px;  font-weight:normal;}
.notice_tep h3 a{line-height:32px; padding:0px 10px 0px; font-size:12px; color:#999;}
.notice_tep h3.first_h3{border-left:1px #adadad solid;}



.main_notice .on_check h3 {border-color:#696969; background:#696969;}
.main_notice .on_check h3 a{color:#fff; font-weight:bold; }
.main_notice .on_check .tabcontent{display:block;}
.notice_tep div.tabcontent {position:absolute;left:0;top:50px;width:100%; display:none;}
.notice_tep div ul li {padding:10px 0px; padding-left:10px; overflow:hidden; line-height:25px; letter-spacing:-0.5px; font-size:13px; background:url(../images/main/main_list_dot.jpg) left 18px no-repeat; position:relative; border-bottom:1px #ededed solid;}
.notice_tep div ul li a {display:block; line-height:20px;}
.notice_tep div ul li a .t1 {font-size:15px; color:#000; }
.notice_tep div ul li a .t2 {font-size:13px; color:#888;}

.notice_tep div ul li a:hover .t1 {color:#0054a5; }


/*메인오시는길*/
.main_photo_box {border:1px #ddd solid; height:388px; margin-top:10px; background:#fff; position:relative;}


.main_photo_box .main_common_title  {position:relative;}
.main_photo_box .main_common_title .title_text {background:#fff; z-index:1; position:relative; display:inline-block; padding-right:10px;}
.main_photo_box .main_common_title .title_line {width:100%; height:1px; background:#ededed; position:absolute; left:0px; top:22px; z-index:0; }
.main_photo_box .main_common_title .more a { position:absolute; right:0px; top:12px;}
.main_photo_box .main_common_title .more a {display:inline-block; font-weight:normal; font-size:11px;padding:0 10px; background:#ededed; line-height:19px; border-radius:19px;}
.main_photo_box .main_common_title .more a:hover {background:#0054a5; color:#fff;}

.main_photo_box .bun_wrap { margin-top:20px; position:relative;}
.main_photo_box .bun_wrap ul{width:100%; }
.main_photo_box .bun_wrap ul li {width:100%;  overflow:hidden;  }
.main_photo_box .bun_wrap ul li img{vertical-align:top;width:100%; }
.main_photo_box .bun_wrap ul li .t1 { text-align:left; line-height:33px; color:#333; font-size:14px; font-weight:bold; margin-top:10px;}
.main_photo_box .bun_wrap ul li .t2 {font-size:13px; color:#888; line-height:18px;}
.main_photo_box .bun_wrap ul li:hover .t1 {color:#ffa523}


.main_photo_box .btns {position:absolute; left:30px; bottom:30px; height:22px; font-size:0px; background:#fff;}
.main_photo_box .btns a{display:inline-block; width:20px; height:20px; border:1px #ddd solid; text-align:center;}
.main_photo_box .btns a span{display:inline-block; width:9px; height:20px; background:url(../images/main/main_sc_btns.png) left 50% no-repeat; text-indent:-9999px;}
.main_photo_box .btns a#bun_btn_prev {border-left:0px;}
.main_photo_box .btns a#bun_btn_next span{background-position:right 50%; }

