@charset "UTF-8";

@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

 /* mobile style */
 *{-webkit-text-size-adjust:none}
 
 body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, th, td, input, textarea,button,select
 {margin:0; padding:0; font-family:"Naum Gothic", "나눔고딕", 'sans-serif'; font-weight:normal}
 
 
 body
 {width:100%; min-width:320px; height:100%; min-height:404px; margin:0 auto; 
 -webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust: none; font-size:1em; line-height:1.4em; letter-spacing:-0.07em; }
 
 a{text-decoration:none; border:0; color:#000;}
 a:hover{color:#666}
 a[href^="tel"]{ font-style:normal}
 address, caption, em, var{font-style:normal;font-weight:normal}
 input, textarea, select{letter-spacing:normal}
 ol, ul,  li, dl{list-style:none} 
 fieldset, img{border:0}
 legend, caption{display:none}
 img{border:0;vertical-align:top}
 hr{display:none}
 table{border-collapse:collapse;border-spacing:0}
 br{letter-spacing:normal}

 input{vertical-align:middle}
 input[type="text"], input[type="password"]{-webkit-appearance:none}
 input[type="checkbox"]{-webkit-appearance:none;-webkit-border-radius:0}
 input:checked[type="checkbox"]{-webkit-appearance:checkbox}
 button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0}
 input[type="button"]{background:#757c8c; color:#fff; border:none; padding:5px; cursor:pointer;}
 textarea{-webkit-appearance:none} 



.ff6600{color:#ff6600}
.tiny_btn02{color: sandybrown; line-height: 8px; font-size: 8px; vertical-align: top;}
.mb30{margin-bottom:30px;}
/*
 select{-webkit-appearance:menulist-text}
 */
 

/*		메인		*/
body{width:100%; } /*   overflow:hidden; */
.wrap{position:relative;  width:100%;}



/*		header		*/
.header_wrap{position:relative;   }
#header{position:relative; overflow:hidden; padding:3% 0; 
	-webkit-box-shadow: 0px 0px 20px #888;  /* Safari and Chrome */
    -moz-box-shadow: 0px 0px 20px #888;  /* Firefox */
    box-shadow: 0px 0px 20px #888;  /* CSS3 */
	z-index:99
}
#header h1{margin:0 auto; width:50%; }
#header h1 img{width:100%}
#header .lnb_btn{position:absolute; border-right:1px solid #fff; top:15%; left:0; width:6%;  background:; padding:3%; cursor:pointer;}
#header .lnb_btn img{width:100%}
#header .lnb_btn .close{z-index:2}
.lnb{position:absolute; left:-100%; width:100%; height:3000px; background:rgba(255, 255, 255, 1);  z-index:1; }
.lnb ul.lnb_menu{position:relative; overflow:hidden;  height:100%; width:80%; padding:0 7%; background:#3120b1; border-radius:0 5px 5px  0}
.lnb ul.lnb_menu li.menu{width:90%; padding:4%; border-bottom:1px dotted #fff;}
.lnb ul.lnb_menu li a{color:#fff}
.lnb ul.lnb_menu li.menu h2{font-size:1.2em;  font-weight:600;}
.lnb ul.lnb_menu li.menu ul{margin-left:30px; margin-top:5px}
.lnb ul.lnb_menu li.menu ul li{padding:3px; font-size:0.9em}
.lnb ul.lnb_menu li.menu:last-child{border-bottom:0;}


/*		main		*/
.main_slide{margin-bottom:3%;}

.subject_list{position:relative; overflow:hidden; }
.subject_list .list_wrap{position:relative; overflow:hidden; }
.subject_list .list_wrap li{position:relative; overflow:hidden; width:32%; float:left; margin-right:2%; margin-bottom:3%;}
.subject_list .list_wrap li:nth-child(3n){margin-right:0}
.subject_list .list_wrap li a img{width:100%}
.subject_list .list_wrap li .list_info{position:absolute; bottom:0px; background:rgba(24,19,128,0.8); border-radius:0 0 10px 10px; color:#fff; width:94%;  height:25px; line-height:25px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:100px;padding:6px 3%;}
.subject_list .list_wrap li .list_info_1{position:absolute; bottom:0px; background:rgba(65,169,82,0.8); border-radius:0 0 10px 10px; color:#fff; width:94%;  height:25px; line-height:25px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:100px;padding:6px 3%;}
.subject_list .list_wrap li .list_info_2{position:absolute; bottom:0px; background:rgba(219,92,26,0.8); border-radius:0 0 10px 10px; color:#fff; width:94%;  height:25px; line-height:25px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:100px;padding:6px 3%;}
@media screen and (max-width:375px){
.subject_list .list_wrap li{width:49%; float:left; margin-right:2%; margin-bottom:3%;}

.subject_list .list_wrap li:nth-child(3n){margin-right:2%}
.subject_list .list_wrap li:nth-child(2n){margin-right:0}
}


.M_menu{position:relative; overflow:hidden; margin-bottom:3%;}
.M_menu .M_menu01{position:relative; overflow:hidden; width:100%;}
.M_menu .M_menu01 li{position:relative; overflow:hidden; float:left; margin-right:3%; margin-bottom:3%; }
.M_menu .M_menu01 li:nth-child(2n){margin-right:0}
.M_menu .M_menu01 li.menu01{width:60%;}
.M_menu .M_menu01 li.menu02{width:37%;}
.M_menu .M_menu01 li.menu03{width:43%;}
.M_menu .M_menu01 li.menu04{width:54%;}
.M_menu .M_menu01 li a img{width:100%}

.M_menu .M_menu02{position:relative; overflow:hidden; width:100%; border-radius:10px; background:#adcebe; }
.M_menu .M_menu02 li{float:left; width:20%; margin:2.5%}
.M_menu .M_menu02 li a img{width:100%}

/*		footer		*/
#footer{position:relative; overflow:hidden; background:#b3b3b3; padding:5% 0% 5% 0%; text-align:center; width:100%;}
#footer ul{position:relative; overflow:hidden; margin:0 auto; width:70%; margin-bottom:10px;}
#footer ul li{float:left; padding:0 5%; text-align:center; width:39%; font-size:1.1em; font-weight:600}
#footer ul li:first-child{border-right:1px solid #fff; text-align:right; }
#footer ul li:last-child{text-align:left; }
#footer ul li a{color:#fff}
#footer p{color:#fff; font-size:0.9em; letter-spacing:0em}

/*		컨텐츠 여백		*/
#content{clear:both; position:relative; overflow:hidden; width:96%; padding:2%; padding-top:0; }
.main_slide, .M_menu, .call{width:100%; padding:0}



/*--------------------------------------------서브----------------------------------------*/
/*		네비게이션		*/
.sub_tit{position:relative; overflow:hidden; height:50px; line-height:50px;  background:#382f9c; }
.sub_tit h2{float:left; color:#fff; font-size:1.3em;  padding-left:20px;  font-weight:600}
.sub_tit h2 a{color:#fff; }
.sub_tit p{float:right; margin-right:20px; height:50px; line-height:50px; font-size:1.1em;} 
.sub_tit p a{color:#fff}
.sub_tit p img{margin-top:17px;}



/*		서브 공통		*/
.sub_content{clear:both; position:relative; overflow:hidden; width:96%; padding:2%; padding-top:0; margin-top:10px; margin-bottom:10px;  min-height:300px;}


h4{clear:both;background:url(/images/sub/bl_02.png) 0 9px no-repeat; font-size:1.1em; font-weight:600; color:#4339a2; height:32px; line-height:32px; padding-left:24px; padding-bottom:5px; margin-bottom:15px; border-bottom:1px dashed #ccccff}
ul.b_ul{position:relative; overflow:hidden;  margin-bottom:30px; margin-left:15px;}
ul.b_ul li{font-size:1em; background:url(/images/sub/bl_03.jpg) 0 5px no-repeat;  padding-left:12px;}
ul.b_ul li span{font-weight:600; color:#382f9c}


/*===========서브1_모집과정=============*/
/*		모집과정 상단 select박스		*/
.sub_content .select{position:relative; overflow:hidden; width:100%; margin-bottom:15px;}
.sub_content .select li{float:left; width:49.5%}
.sub_content .select li:first-child{margin-right:1%}
.sub_content select{border:1px solid #cacaca; border-radius:5px; height:35px; width:100%; font-size:1em; padding:5px 2% 5px 5%;}


/*		모집과정 리스트		*/
.sub01 .subject_list{position:relative; overflow:hidden; }
.sub01 .subject_list ul{position:relative; overflow:hidden; border-top:1px solid #ddd; }
.sub01 .subject_list ul li{position:relative; overflow:hidden; border-bottom:1px solid #ddd; padding:15px 0;}
.sub01 .subject_list ul li a.subject_img{width: 43%; overflow: hidden; margin-right: 5%; float: left; display: block; position: relative;}
.sub01 .subject_list ul li a.subject_img img{width:100%; max-width:250px;}
.sub01 .subject_list ul li dl{float:left; width:52%;}
.sub01 .subject_list ul li dl dt{text-align:center; color:#ff3300; margin-bottom:10px; font-weight:600; font-size:1.1em; width:100%; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sub01 .subject_list ul li dl dt a{ color:#ff3300}
.sub01 .subject_list ul li dl dd{padding-left:12px; background:url(/mobile/images/sub/bl_04.jpg) 0 7px no-repeat;}
.sub01 .subject_list ul li dl dd span.ff6600{color:#ff6600}


.sub01 .subject_list2{position:relative; overflow:hidden; }
.sub01 .subject_list2 p{ text-align:center; color:#ff3300; margin-bottom:5px; font-weight:600; font-size:1.1em; width:100%; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sub01 .subject_list2 p a{color:#ff3300}
.sub01 .subject_list2 ul{position:relative; overflow:hidden; border-top:1px solid #ddd; }
.sub01 .subject_list2 ul li{position:relative; overflow:hidden; border-bottom:1px solid #ddd; padding:15px 0;}
.sub01 .subject_list2 ul li .subject_info{width: 100%; overflow: hidden; position: relative;}
.sub01 .subject_list2 ul li .subject_info a.subject_img{position:relative; overflow:hidden; float:left; display:block; width:33%; max-width:120px; margin-right:2%; margin-top:5px; }
.sub01 .subject_list2 ul li .subject_info a.subject_img img{width:100%;max-width:120px;}
.sub01 .subject_list2 ul li dl{width: 65%; overflow: hidden;  position: relative;}
.sub01 .subject_list2 ul li dl dt{position:relative; overflow:hidden;padding-left:12px; background:url(/mobile/images/sub/bl_04.jpg) 0 7px no-repeat;  width:60px; float:left; font-size:0.9em; font-weight:600}
.sub01 .subject_list2 ul li dl dd{ font-size:0.9em; width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sub01 .subject_list2 ul li dl dd span.ff6600{color:#ff6600}

@media screen and (max-width:405px){
.sub01 .subject_list2 ul li dl dd{ font-size:0.9em; width:120px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
}



.sub01 .subject_view{ border:1px solid #ddd; border-radius:5px;} 
.sub01 .subject_view h3{text-align:center; color:#fff; padding:10px 0; margin-bottom:10px; font-weight:600; font-size:1.2em; width:100%; background:#6666cc; border-radius:5px 5px 0 0}
.sub01 .subject_view .subject_img{width:90%; max-width:340px; vertical-align:middle; margin:0 auto; margin-bottom:15px}
.sub01 .subject_view .subject_img img{width:100%;}
.sub01 .subject_view .subject_info{position:relative; overflow:hidden; width:90%; padding:0 5%; margin-bottom:30px;}
.sub01 .subject_view .subject_info dt{float:left;padding-left:12px; margin-bottom:5px; color:#000; font-weight:600; width:65px; text-align:left; float:left; background:url(/mobile/images/sub/bl_04.jpg) 0 7px no-repeat;}
.sub01 .subject_view .subject_info dd{width:75%; float:left; margin-bottom:5px; color:#333333}
@media screen and (max-width:370px){
.sub01 .subject_view .subject_info dd{width:70%; float:left;}
}
.sub01 .subject_view .subject_info dt.clear{clear:both; }
.sub01 .subject_view .subject_info dd.clear{clear:both; padding-left:15px; width:90%}



/*		개설교과목 자세히보기 		*/
.sub01 .subject_view .btn{position:relative; overflow:hidden; width:300px; margin:0 auto; margin-bottom:40px;}
.sub01 .subject_view .btn li{float:left; margin:0 10px; width:130px}
.sub01 .subject_view .btn li img{width:100%}


/*			페이지 번호			*/
.page{text-align:center; margin:20px 0; letter-spacing:2px}
.page a{color:#666}
.page a.on{color:#000; font-weight:600}

/*		교육신청 온라인 상담 바로가기 버튼 		*/

.btn_application{width:120px; margin:0 auto 30px auto;}
.btn_application a{display:block; height:40px; width:120px; line-height:40px; border-radius:5px; background:#333399; color:#fff; text-align:center; font-weight:600; font-size:1.1em; margin:0 auto}



.btn_application{position:relative; overflow:hidden; width:90%; margin:0 5%; margin-bottom:30px}
.btn_application li{float:left; position:relative; overflow:hidden; width:44%; margin:0px 3%; text-align:center; font-size:1.1em; font-weight:600; height:40px; }
.btn_application li:first-child a{background:#fb7600}
.btn_application li:last-child a{background:#333399}
.btn_application li a{display:block; width:100%; color:#fff; max-width:200px; height:40px; line-height:40px;  border-radius:5px; text-align:center;  margin:0 auto;}
.btn_application li a.bg_gray {background:#666}




/*		개인정보수집 처리지침		*/

.privacy{position:relative;  overflow:auto; height:100px; width:97%; padding:5px; border:1px solid #cacaca}
.privacy .privacyDl{overflow:hidden;  font-size:0.9em; color:#000 }
.privacy .privacyDl dt{font-weight:600; margin:5px 0; }
.privacy .privacyDl dt:first-child{margin-top:0;}
.privacy .privacyDl dd{padding-left:15px; text-indent:-8px; line-height:1.2em}
.btn_agree{position:relative;  overflow:hidden;   float:right; font-size:1em; margin:10px 5%;}

.privacy .privacyD2{overflow:hidden;  font-size:1.2em; color:#000 }
.privacy .privacyD2 dt{font-weight:600; margin:5px 0; }
.privacy .privacyD2 dt:first-child{margin-top:0;}
.privacy .privacyD2 dd{padding-left:15px; text-indent:-8px; line-height:1.2em}
.btn_agree2{float:right; font-size:1.2em; margin:10px 5%; color:#000}





/*		교육신청 테이블		*/
.tbl_Q{position:relative; overflow:hidden; width:100%;   margin-bottom:30px; border:1px solid #cacaca; }
.tbl_Q tr { border-bottom:1px solid #cacaca;  }
.tbl_Q tr:last-child{border-bottom:0}
.tbl_Q tr th{padding:5px;  line-height:20px; font-size:1em; font-weight:600;  background:#e7e7e7;  }
.tbl_Q tr td{font-size:1em; padding:5px; }
.tbl_Q tr td input{ width:98%; height:25px; border:1px solid #cacaca}
.tbl_Q tr td textarea{width:98%; height:100px; border:1px solid #cacaca}




.sub02_menu{width: 100%; overflow: hidden; position: relative; margin-top:10px}
.sub02_menu li{height: 50px; line-height: 50px; font-size: 1.2em; font-weight:600; border:1px solid #ddd; background:#f2f1ff; margin-bottom:10px; padding:0 15px;}
.sub02_menu li a{display:inline-block; width:100%; color:#434343}
.sub02_menu li a h3{background:url(/mobile/images/sub/bl_05.png) right center no-repeat;}




.sub06 .map{width:100%; margin-bottom:20px}
.sub06 ul.bus{position:relative; overflow:hidden;  margin-bottom:30px}
.sub06 ul.bus li{font-size:1em; background:url(/images/sub/bl_05.gif) 0 5px no-repeat;  padding-left:12px; margin-bottom:10px; vertical-align:middle}
.sub06 ul.bus li span{font-weight:600; color:#382f9c}
.sub06 ul.bus li img{ vertical-align:middle}



.sub06 ul#tab_02{position:relative; overflow:hidden; width:100%; height:60px; background:url(/mobile/images/sub/tab.png) 0 0 repeat-x; margin:0 auto; margin-bottom:10px;}
.sub06 ul#tab_02 li{float:left; width:19.7%; height:50px; line-height:50px; padding-bottom:10px; text-align:center;  border-right:1px solid #fff; font-weight:600}
.sub06 ul#tab_02 li a{color:#2e3c85; display:block; width:100%; height:50px; line-height:50px; cursor:pointer}
.sub06 ul#tab_02 li.on{background:url(/mobile/images/sub/tab_on.png) 50% 90% no-repeat;}
.sub06 ul#tab_02 li.on a{color:#fff; background:#2e3c85;}
.sub06 ul#tab_02 li.br_0{border-right:0; line-height:20px;}
.sub06 ul#tab_02 li.br_0 a{line-height:20px;  padding-top:5px; height:45px;}



.aBigmap{display:none}
.daumBi{display:none}


#roundBox .tbl_01{position:relative; overflow:hidden; width:100%; table-layout:fixed; border-spacing:0; margin-bottom:15px;}
#roundBox .tbl_01 tr {border-bottom:1px solid #cacaca;}
#roundBox .tbl_01 tr:last-child{border-bottom:0;}
#roundBox .tbl_01 tr th{padding:5px; height:20px; line-height:20px; font-size:1.1em; font-weight:600; text-align:left; border-bottom:1px solid #cacaca;  background:#6666cc}
#roundBox .tbl_01 tr td{font-size:0.7em; padding:5px; height:20px; border-right:1px solid #cacaca; letter-spacing:-0.1em}
#roundBox .tbl_01 tr td.school{text-align:center;}
#roundBox .tbl_01 tr td:nth-child(2){border-right:0;}


#roundBox .tbl_02{position:relative; overflow:hidden; width:100%; table-layout:fixed; border-spacing:0; border:1px solid #cacaca; color:#000; margin-bottom:15px;}
#roundBox .tbl_02 tr {border-bottom:1px solid #cacaca;}
#roundBox .tbl_02 tr th{padding:5px; width:20%; max-width:100px; color:#fff; height:20px; line-height:20px; font-size:1em; font-weight:600; text-align:center; background:#6666cc}
#roundBox .tbl_02 tr td{font-size:1em; padding:5px; height:20px;  letter-spacing:-0.1em}
#roundBox .tbl_02 tr td input{ width:98%; height:25px; border:1px solid #cacaca}
#roundBox .tbl_02 tr td textarea{width:98%; height:100px; border:1px solid #cacaca}