@charset "utf-8";



#container {position:relative; z-index:0; }


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:450px;  overflow:hidden; z-index:1; margin-bottom:40px;}
.main_visual ul {height:450px; position:relative; z-index:1;}
.main_visual li {background-repeat:no-repeat; background-position:center 50%; width:100%; height:450px;}


.main_visual .main_visual_text {position:absolute; width:100%; height:450px; top:0px;  color:#fff; z-index:2;   }

.main_visual .main_visual_text .text {position:relative; z-index:1;  padding-top:70px; color:#fff; text-align:left; }
.main_visual .main_visual_text .t1 {font-size:25px; color:#222 }
.main_visual .main_visual_text .t2 {display:block;font-size:60px;  padding:27px 0px 37px; letter-spacing:-6px;  color:#0054a5; font-weight:bold;}
.main_visual .main_visual_text .t3 {font-size:18px;color:#666 }


.main_visual .main_pager {position:absolute; left:0px; bottom:30px; width:100%; z-index:99}
.main_visual .main_pager span{display:inline-block; width:13px; height:13px; border-radius:13px; background:#444; margin:0 2px; }
.main_visual .main_pager .cycle-pager-active{background:#0054a5; }


#mobile_main_visual {display:none;}



/*메인공통 타이틀*/
.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_curriculum_box { position:relative; transition: all .2s;  border:1px #ddd solid; padding:30px 30px 20px;;}

.main_curriculum_box .main_common_title  {position:relative;}
.main_curriculum_box .main_common_title .title_text {background:#fff; z-index:1; position:relative; display:inline-block; padding-right:10px;}
.main_curriculum_box .main_common_title .title_line {width:100%; height:1px; background:#ededed; position:absolute; left:0px; top:15px; z-index:0; }
.main_curriculum_box .main_common_title .more a { position:absolute; right:0px; top:5px;}
.main_curriculum_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_curriculum_box .main_common_title .more a:hover {background:#0054a5; color:#fff;}


.curriculum_list {position:relative; margin-top:30px; overflow:hidden;}

.curriculum_list li.list{margin-bottom:10px; float:left; width:49.3%; min-height:90px; }
.curriculum_list li.list:nth-child(even){float:right; }
.curriculum_list li.list .info {padding:15px 20px; border:1px #ddd solid;}
.curriculum_list li.list:hover .info{border-color:#0054a5;background:#f8f8f8;}

.curriculum_list li.list .subject {font-size:16px; color:#000; margin-bottom:5px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.curriculum_list li.list .subject .subject_type {display:inline-block;  margin-right:5px;}
.curriculum_list li.list .subject .subject_type span {display:inline-block; background:#003f80; coloR:#fff; font-size:13px; padding:0 10px;  vertical-align:top; margin-right:5px; }
.curriculum_list li.list .subject.strong_yes .subject_type span { animation: wheelHueColor 0.6s infinite;}
.curriculum_list li.list .subject .subject_etc {display:inline-block; color:#777; font-size:14px; margin-left:10px;}

@keyframes wheelHueColor {
			from, to { background:#003f80; }
			100%      { background:#d54646; }
		}


.curriculum_list li.list .detail_ul {overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.curriculum_list li.list .detail_ul li{position:relative;  font-size:13px; color:#000;  line-height:22px; displaY:inline-block; margin-right:10px;}
.curriculum_list li.list .detail_ul li .s_title {display:inline-block; color:#999; margin-right:6px; }
.curriculum_list li.list .detail_ul li .s_text {display:inline-block;}
.curriculum_list li.list .detail_ul li .s_text .org {color:#fd7d00}





/*메인교육과정신청*/
.main_inquery {margin-top:10px; border:1px #ddd solid; height:188px; overflow:hidden;}
.main_inquery:hover {border-color:#f8a246;}
.main_inquery .inquery_box {padding:25px; background:url(../images/main/main_inquery_bg.png) 25px 30px no-repeat;}
.main_inquery .inquery_box .box_wrap  {padding-left:140px;}
.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;  font-weight:bold;}





.main_notice_wrap_box {overflow:hidden; margin-top:20px;}




/*메인뉴스*/
.main_news {border:1px #ddd solid; height:308px; transition: all .2s; float:left; width:386px; }
.main_news:hover {border-color:#f8a246;}
.main_news .photo {height:175px; margin-top:10px; overflow:hidden; background-repeat:no-repeat; background-size:cover; border:1px #ddd solid;}
.main_news .photo a{display:block; background:url(../images/main/main_tube_icon.png) center 50% no-repeat; height:100%;}
.main_news .photo:hover a{ background-image:url(../images/main/main_tube_icon_on.png);}
.main_news .subject {margin-top:10px; font-size:15px; color:#888; line-height:18px;}



/*메인오시는길*/
.main_photo_box {overflow:hidden; float:left; width:386px; margin:0px 18px; border:1px #ddd solid; height:308px;}
.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 ul{overflow:hidden; margin-top:10px;}
.main_photo_box ul li{float:left; width:100px; margin:0px 5px 5px;; overflow:hidden; text-align:center;}
.main_photo_box ul li .photo  {width:100px; height:75px; overflow:hidden; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;}
.main_photo_box ul li .photo img {width:100px; height:75px; overflow:hidden; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s; vertical-align:middle;}
.main_photo_box ul li:hover .photo img {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
.main_photo_box ul li .text {font-size:14px; margin-top:6px;}
.main_photo_box ul li:hover .text {color:#0054a5; font-weight:bold;}




/*메인공지*/
.main_notice_box {border:1px #ddd solid; height:308px; transition: all .2s; float:left; width:386px }
.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:110px;  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:27px; letter-spacing:-0.5px; font-size:13px; background:url(../images/main/main_list_dot.jpg) left 22px no-repeat; position:relative; border-bottom:1px #ededed solid;}
.notice_tep div ul li a {display:block; line-height:27px;}
.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; }
.notice_tep div ul li:nth-child(3n) {border-bottom:0px #ededed solid;}











@media all and (max-width:1024px) {






	.main_visual {display:none;}



	#mobile_main_visual {display:block; text-align:center; position:relative; overflow:hidden; padding-top:105px; margin-bottom:10px;}

	#mobile_main_visual ul {position:relative; z-index:1;}
	#mobile_main_visual li {width:100%; text-align:center;}
	#mobile_main_visual li img {width:100%; text-align:center; vertical-align:top;} 

	#mobile_main_visual .m_main_pager {position:absolute; width:100%; bottom:20px; z-index:3; text-align:center; opacity:0.9; }
	#mobile_main_visual .m_main_pager  span{display:inline-block; width:13px; height:13px; border-radius:13px; background:#444; margin:0 2px; }
	#mobile_main_visual .m_main_pager  .cycle-pager-active{background:#0054a5; }






/*메인공통 타이틀*/
.main_common_title {font-size:22px; color:#000; line-height:22px;}
.main_common_title span {display:block; font-size:13px; color:#888;}



/*메인과정*/
.main_curriculum_box { padding:20px; margin:10px;}
.curriculum_list li.list{margin-bottom:10px; float:none !important; width:auto; min-height:auto; }





.main_notice_wrap_box {margin:10px; margin-top:0px;}




/*메인뉴스*/
.main_news {height:auto; ; float:none; width:auto;; }


/*메인오시는길*/
.main_photo_box {float:none; width:auto;; margin:0px;  margin-top:10px; height:auto;}


.main_photo_box ul{overflow:hidden; margin-top:10px; }
.main_photo_box ul li{float:left; width:30%; margin-bottom:10px !important; overflow:hidden;}

.main_photo_box ul li:nth-child(2),
.main_photo_box ul li:nth-child(5),
.main_photo_box ul li:nth-child(8) {margin:0px 1.5%;}


.main_photo_box ul li .photo  {width:100%; height:100%;}
.main_photo_box ul li .photo img {width:100%; height:auto; }






/*메인공지*/
.main_notice_box {float:none; width:auto;; margin:0px;  margin-top:10px; }




.notice_tep h3 {float:left;  text-align:center; min-width:33.3333333333%; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;box-sizing: border-box;}

.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:27px; letter-spacing:-0.5px; font-size:13px; background:url(../images/main/main_list_dot.jpg) left 22px no-repeat; position:relative; border-bottom:1px #ededed solid;}
.notice_tep div ul li a {display:block; line-height:27px;}
.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; }
.notice_tep div ul li:nth-child(3n) {border-bottom:0px #ededed solid;}







/*메인과정*/






}