@charset 'utf-8';

.font {
	font-family: 'Nanum Gothic', 'Roboto Condensed', sans-serif;
}

* {
	box-sizing: border-box;
}

* {
	padding: 0;
	margin: 0;
	color: #333;
	font-family: 'Roboto Condensed', '맑은 고딕', sans-serif;
}

body,header,footer {
	padding: 0;
	margin: 0;
}

header,section,footer,div,p,ul,ol,li,
#wrap {
	display: block;
}

img {
	border: none;
	vertical-align: top;
}

li {
	list-style-type: none;
}

a:link,
a:visited {
	text-decoration: none;
	color: #333;
}

a:hover,
a:focus {
/*outline:none;*/
}

/*sub1_1*/

.over_hi{
	overflow: hidden;
}

.sub1_bi{
	width: 100%;
	background: url(../images/sub_banner1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 290px;
}

.sub1_bi p{
	color: #fff;
	padding-top: 135px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}

.bi_title p{
	font-size: 24px;
	color: #fff;
	font-weight: bold;
}

.bi_nav_wrap{
	background-color: #292929;
}

.bi_nav td{
	color: #fff;
	padding: 1.5% 0;
	text-align: center;
}

.bi_nav{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	border-collapse: collapse;
}

.sub1_1_sec1{
	max-width: 1200px;
	margin: 0 auto;
}

.sub1_1_title p{
	font-size: 20px;
	font-weight: bold;
}

.sub1_1_title{
	margin: 60px 0 30px 0;
}

.sec1_title{
	background: url(../images/sub1_img2.png);
	height: 186px;
}

.sec1_title p{
	font-size: 20px;
	padding: 85px 50px;
	line-height: 1.5;
	font-weight: bold;
}

.sec1_title span{
	color: #1969b4;
}

.sec1_txt p{
	margin-top: 40px;
	line-height: 1.5;
}

.sec1_wrap1{
	float: left;
	width: 40%;
	margin-top: 67px;
}

.sec1_wrap2{
	float: left;
	width: 60%;
	margin-top: 40px;
}

/*sub1_3*/

.sub1_3_sec1_wrap1{
	float: left;
	width: 33.3%;
	margin-top: 50px;
	padding: 0 10px;
}

.wrap1_img{
	border-top: 2px solid #1969b4;
}

.wrap1_img img{
	width: 100%;
}

.wrap2_img img{
	width: 100%;
}

.wrap3_img img{
	width: 100%;
}

.wrap1_txt{
	border: 1px solid #ccc;
	padding: 30px 30px;
}

.wrap1_txt p{
	text-align: center;
	line-height: 1.5;
}

.wrap2_txt{
	border: 1px solid #ccc;
	padding: 30px 30px;
}

.wrap2_txt p{
	text-align: center;
	line-height: 1.5;
}

.wrap3_txt{
	border: 1px solid #ccc;
	padding: 30px 30px;
}

.wrap3_txt p{
	text-align: center;
	line-height: 1.5;
}

.sub1_3_sec1_wrap2{
	float: left;
	width: 33.3%;
	margin-top: 50px;
	padding: 0 10px;
}

.wrap2_img{
	border-top: 2px solid #1969b4;
}

.sub1_3_sec1_wrap3{
	float: left;
	width: 33.3%;
	margin-top: 50px;
	padding: 0 10px;
}

.wrap3_img{
	border-top: 2px solid #1969b4;
}

/*sub1_4*/

.cg_list{
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin-top: 50px;
	border-top: 2px solid #1568b3;
}

.cg_list td{
	border: 1px solid #ccc;
	padding: 1% 2%;
	text-align: center;
}

/*sub2_1*/

.sub2_bi{
	width: 100%;
	background: url(../images/sub_banner2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 290px;
}

.sub2_bi p{
	color: #fff;
	padding-top: 135px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}

.bi_nav_wrap2{
	border-bottom: 1px solid #ccc;
}

.bi_nav2{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	border-collapse: collapse;
}

.bi_nav2 td{
	padding: 1% 0;
	font-size: 14px;
	text-align: center;
	width: 11.1%;
}

.sub2_1_sec1{
	max-width: 1200px;
	margin: 0 auto;
}

.sub2_1_img{
	text-align: center;
	margin-top: 80px;
}

/*sub2_2*/

.sub2_2_sec1{
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 80px;
	padding-bottom: 40px;
}

.sub2_2_title li{
	float: left;
}

.sub2_2_title img{
	margin-top: 5px;
}

.sub2_2_title p{
	margin-left: 10px;
	font-weight: bold;
	color: #1668b2;
	font-size: 20px;
}

.sub2_2_list1{
	border: 1px solid #ccc;
	border-top: 2px solid #1668b2;
	padding: 20px 20px;
	float: left;
	width: 32.5%;
	margin: 30px 10px 0 0;
}

.sub2_2_list2{
	border: 1px solid #ccc;
	border-top: 2px solid #1668b2;
	padding: 20px 20px;
	float: left;
	width: 32.5%;
	margin: 30px 10px 0 0;
}

.sub2_2_list3{
	border: 1px solid #ccc;
	border-top: 2px solid #1668b2;
	padding: 20px 20px;
	float: left;
	width: 32.5%;
	margin: 30px 10px 0 0;
}

.sub2_2_list4{
	border: 1px solid #ccc;
	border-top: 2px solid #1668b2;
	padding: 20px 20px;
	float: left;
	width: 32.5%;
	margin: 30px 10px 0 0;
}

.sub2_2_list5{
	border: 1px solid #ccc;
	border-top: 2px solid #1668b2;
	padding: 20px 20px;
	float: left;
	width: 32.5%;
	margin: 30px 10px 0 0;
}

.sub2_2_list6{
	border: 1px solid #ccc;
	border-top: 2px solid #1668b2;
	padding: 20px 20px;
	float: left;
	width: 32.5%;
	margin: 30px 10px 0 0;
}

.sub2_2_list7{
	border: 1px solid #ccc;
	border-top: 2px solid #1668b2;
	padding: 20px 20px;
	float: left;
	width: 32.5%;
	margin: 30px 10px 0 0;
}

.sub2_2_list8{
	border: 1px solid #ccc;
	border-top: 2px solid #1668b2;
	padding: 20px 20px;
	float: left;
	width: 32.5%;
	margin: 30px 10px 0 0;
}

.sub2_2_list9{
	border: 1px solid #ccc;
	border-top: 2px solid #1668b2;
	padding: 20px 20px;
	float: left;
	width: 32.5%;
	margin: 30px 10px 0 0;
}

.list_img1{
	float: left;
	padding: 0;
	cursor: pointer;
	width: 148px;
}

.list_subject1{
	float: left;
	padding: 0 0 0 20px;
	line-height: 1.8;
	width: 200px;
}

.page_btn{
text-align: center;
}

.page_btn ul{
	width: 100%;
	text-align: center;
}

.page_btn li{
	border:1px solid #ccc;
	display: inline-block;
	padding: 3px 10px;
	margin: 4% 3px 1%;
}

.sub2_2_sec2{
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	padding: 122px 0 262px 0;
	display: none;
}

.sub2_2_sec2.on{
	display: block;
}

.sub2_2_wrap{
	background-color: #fff;
	margin: 0 auto;
	width: 1200px;
	height: 100%;
	padding: 0 30px 100px 30px;
}

/*sub2_3*/

.seoul_list{
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin-top: 30px;
	border-top: 2px solid #1668b2;
}

.seoul_list td{
	border: 1px solid #ccc;
	text-align: center;
	padding: 20px 0;
}

/*sub2_4*/

.rep_intro{
	max-width: 1200px;
	margin: 0 auto;
}

.rep_intro_title p{
	font-size: 20px;
	font-weight: bold;
}

.rep_intro_title{
	margin: 60px 0 30px 0;
}

.rep_intro_title p{
	float: left;
}

.sub2_2_icon img{
	float: right;
}

.sub2_4_list1{
	border: 1px solid #ccc;
	border-top: 2px solid #1668b2;
	padding: 20px 20px;
	width: 100%;
	margin: 30px 10px 0 0;
}

.sub2_4_list2{
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-top: 2px solid #1668b2;
	margin-top: 50px;
}

.sub2_4_list2 td{
	border: 1px solid #ccc;
	text-align: center;
	padding: 1.5% 2%;
}

.sub2_4_list3{
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-top: 2px solid #1668b2;
	margin-top: 50px;
}

.sub2_4_list3 td{
	border: 1px solid #ccc;
	text-align: center;
	padding: 1.5% 2%;
}

.sub2_4_btn{
	width: 150px;
	background-color: #1568b3;
	padding: 1% 1%;
	float: right;
	margin-top: 30px;
}

.sub2_4_btn p{
	text-align: center;
	color: #fff;
}

/*sub2_5*/

.sub2_5_sec1{
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 80px;
	padding-bottom: 40px;
}

.sub2_5_title li{
	float: left;
}

.sub2_5_title img{
	margin-top: 5px;
}

.sub2_5_title p{
	margin-left: 10px;
	font-weight: bold;
	color: #1668b2;
	font-size: 20px;
}

.sub2_5_icon li{
	float: right;
	margin-left: 10px;
}

.sub2_5_list{
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-top: 2px solid #1668b2;
	margin-top: 20px;
}

.sub2_5_list td{
	border: 1px solid #ccc;
	text-align: center;
	padding: 1.5% 0;
}

/*sub3_1*/

.sub3_bi{
	width: 100%;
	background: url(../images/sub_banner3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 290px;
}

.sub3_bi p{
	color: #fff;
	padding-top: 135px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}

.bi_title p{
	font-size: 24px;
	color: #fff;
	font-weight: bold;
}

.bi_nav_wrap{
	background-color: #292929;
}

.bi_nav td{
	color: #fff;
	padding: 1.5% 0;
	text-align: center;
	width: 20%;
}

.bi_nav{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	border-collapse: collapse;
}

.sub3_1_sec1{
	max-width: 1200px;
	margin: 0 auto;
}

.sub3_1_title p{
	font-size: 20px;
	font-weight: bold;
}

.sub3_1_title{
	margin: 60px 0 30px 0;
}

.sec1_nav{
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin-top: 40px;
}

.sec1_nav td{
	text-align: center;
	padding: 1% 0;
	border: 1px solid #ccc;
	width: 50%;
}

.sub3_1_sec2{
	margin: 0 auto;
	height: 1000px;
	background: url(../images/map_img2.png);
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 1200px;
}

.sub3_1_map{
	float: left;
}

.sub3_1_map2{
	float: right;
}

.map1_sj1{
	padding-top: 170px;
}

.map_con1{
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 5% 5%;
	border-top: 2px solid #1c3c8f;
}

.map1_sj2{
	padding-top: 20px;
}

.map_con2{
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 5% 5%;
	border-top: 2px solid #1c3c8f;
}

.map1_sj3{
	padding-top: 25px;
}

.map_con3{
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 5% 5%;
	border-top: 2px solid #1c3c8f;
}

.map1_sj4{
	padding-top: 110px;
}

.map_con4{
   background-color: #fff;
	border: 1px solid #ccc;
	padding: 5% 5%;
	border-top: 2px solid #1c3c8f;
}

.map1_sj5{
	padding-top: 100px;
}

.map_con5{
   background-color: #fff;
	border: 1px solid #ccc;
	padding: 5% 5%;
	border-top: 2px solid #1c3c8f;
}

.map1_sj6{
	padding-top: 50px;
}

.map_con6{
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 5% 5%;
	border-top: 2px solid #1c3c8f;
}

.map1_sj7{
	padding-top: 250px;
}

.map_con7{
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 5% 5%;
	border-top: 2px solid #1c3c8f;
}

.sub3_1_sec3{
	max-width: 1200px;
	margin: 0 auto;
}

.sub3_1_list{
	border: 1px solid #ccc;
	padding: 20px 20px;
	width: 100%;
}

.sub3_1_title li{
	float: left;
}

.sub3_1_title img{
	margin-top: 5px;
}

.sub3_1_title p{
	margin-left: 10px;
	font-weight: bold;
	color: #1668b2;
	font-size: 20px;
}

/*sub3_2*/

.sub3_2_icon li{
	float: right;
	margin-left: 10px;
}

.sub3_2_icon{
	margin-top: 50px;
	margin-bottom: 30px;
}

.sub3_1_list1{
	width: 100%;
	border: 1px solid #ccc;
	border-top: 2px solid #1668b2;
	border-collapse: collapse;
}

.sub3_1_list1 td{
	border: 1px solid #ccc;
	padding: 1.5% 0;
	text-align: center
}

.sub3_1_list2{
 	margin-top: 50px;
	width: 100%;
	border: 1px solid #ccc;
	border-top: 2px solid #1668b2;
	border-collapse: collapse;
}

.sub3_1_list2 td{
	border: 1px solid #ccc;
	padding: 1.5% 0;
	text-align: center
}

.sub3_1_list2 td span{
	font-weight: bold;
}

.sub3_2_sec2{
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	padding: 122px 0 260px 0;
	display: none;
}

.sub3_2_sec2.on{
	display: block;
}

.sub3_2_wrap{
	background-color: #fff;
	margin: 0 auto;
	width: 1200px;
	height: 100%;
	padding: 0 30px 100px 30px;
}

.sub3_2_title p{
	font-size: 20px;
	font-weight: bold;
}

.sub3_2_title{
	margin: 60px 0 30px 0;
}

.sub3_2_title p{
	float: left;
}

.sub3_2_icon img{
	float: right;
	cursor: pointer;
}

.mb_tel{
	cursor: pointer;
}

.sub3_2_btn{
	background-color: #eef1f6;
	width: 150px;
	text-align: center;
	border: 1px solid #ccc;
	padding: 1% 0;
	float: right;
	margin-top: 30px;
	cursor: pointer;
}

.sub3_2_print{
	background-color: #1568b3;
	width: 150px;
	text-align: center;
	border: 1px solid #ccc;
	padding: 1% 0;
	float: right;
	margin-right: 10px;
	margin-top: 30px;
}

.sub3_2_print p{
 	color: #fff;
}

/*sub3_4*/

.sub2_5_icon li{
	margin-top: 50px;
	float: right;
	margin-left: 10px;
}

.sub3_4_list{
	margin-top: 50px;
	width: 100%;
	border: 1px solid #ccc;
	border-top: 2px solid #1668b2;
	border-collapse: collapse;
}

.sub3_4_list td{
	border: 1px solid #ccc;
	padding: 1.5% 0;
	text-align: center
}

/*sub3_3*/

.sub3_3_list{
	margin-top: 50px;
	width: 100%;
	border: 1px solid #ccc;
	border-top: 2px solid #1668b2;
	border-collapse: collapse;
}

.sub3_3_list td{
	border: 1px solid #ccc;
	padding: 1.5% 0;
	text-align: center;
}

/*sub3_5*/

.sub3_5_list{
	margin-top: 50px;
	width: 100%;
	border: 1px solid #ccc;
	border-top: 2px solid #1668b2;
	border-collapse: collapse;
}

.sub3_5_list td{
	border: 1px solid #ccc;
	padding: 1.5% 0;
	text-align: center;
}

/*sub3_6*/

.sub3_6_list{
	margin-top: 50px;
	width: 100%;
	border: 1px solid #ccc;
	border-top: 2px solid #1668b2;
	border-collapse: collapse;
}

.sub3_6_list td{
	border: 1px solid #ccc;
	padding: 1.5% 2%;
}

/*sub4_1*/

.sub4_bi{
	width: 100%;
	background: url(../images/sub_banner4.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 290px;
}

.sub4_bi p{
	color: #fff;
	padding-top: 135px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}

.bi_title p{
	font-size: 24px;
	color: #fff;
	font-weight: bold;
}

.sub4_sec1{
	max-width: 1200px;
	margin: 0 auto;
}

.sub4_nav{
	width: 100%;
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	padding: 2% 3%;
	margin-top: 50px;
}

.sub4_nav td{
	padding: 0.5% 0;
	font-size: 14px;
}

.sub4_1_title{
	margin-top: 50px;
}

.sub4_1_title li{
	float: left;
}

.sub4_1_title img{
	margin-top: 5px;
}

.sub4_1_title p{
	margin-left: 10px;
	font-weight: bold;
	color: #1668b2;
	font-size: 20px;
}

.sub4_1_list{
	margin-top: 30px;
	width: 100%;
	border: 1px solid #ccc;
	border-top: 2px solid #1668b2;
	border-collapse: collapse;
}

.sub4_1_list td{
	border: 1px solid #ccc;
	padding: 1.5% 2%;
}

/*sub5_1*/

.sub5_bi{
	width: 100%;
	background: url(../images/sub_banner5.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 290px;
}

.sub5_bi p{
	color: #fff;
	padding-top: 135px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}

.sub5_list{
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-top: 2px solid #1668b2;

}

.sub5_list td{
	text-align: center;
	border: 1px solid #ccc;
	padding: 1.5% 2%;
}

.sub5_txt{
	margin: 20px 0;
}

.sub5_txt p{
	line-height: 1.8;
	color: #646464;
}

.sub5_list2{
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-top: 2px solid #1668b2;

}

.sub5_list2 td{
	text-align: center;
	border: 1px solid #ccc;
	padding: 1.5% 2%;
}

.sub5_link li{
	float: left;
	margin-top: 10px;
}

.sub5_link{
	background-color: #f9f9f9;
	height: 40px;
	border-top: 1px solid #ccc;
}

.sub5_link2 li{
	float: left;
	margin-top: 10px;
}

.sub5_link2{
	background-color: #f9f9f9;
	height: 40px;
	border-top: 1px solid #ccc;
}

/*sub5_2*/

.sub5_btn{
	background-color: #1969b4;
	width: 20%;
	padding: 10px 20px;
	height: 40px;
	margin-top: 50px;
}

.sub5_btn li{
	float: left;
}

.sub5_btn p{
	color: #fff;
}

.sub5_btn2{
	background-color: #861818;
	width: 20%;
	padding: 10px 20px;
	height: 40px;
	margin-top: 30px;
}

.sub5_btn2 li{
	float: left;
}

.sub5_btn2 p{
	color: #fff;
}

.sub5_2_list{
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-top: 2px solid #1668b2;
	margin-top: 30px;
}

.sub5_2_list td{
	text-align: center;
	border: 1px solid #ccc;
	padding: 1.5% 2%;
}

/*sub6_1*/

.sub6_bi{
	width: 100%;
	background: url(../images/sub_banner6.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 290px;
}

.sub6_bi p{
	color: #fff;
	padding-top: 135px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}

.sub6_list{
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-top: 2px solid #1668b2;
	margin-top: 30px;
}

.sub6_list td{
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding: 1% 3%;
	font-size: 14px;
}

/*sub6_2*/

.sub6_2_t1{
	margin-top: 50px;
	border-top: 2px solid #1668b2;
	padding: 2% 2%;
}

.sub6_2_t1 p{
	font-weight: bold;
}

.sub6_2_list{
	width: 100%;
	border-collapse: collapse;
}

.sub6_2_list td{
	text-align: center;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 1% 3%;
	font-size: 14px;
}

.sub6_2_subject{
	margin-top: 40px;
}

.sub6_2_subject p{
	margin-top: 20px;
}

.sub6_2_list2{
	width: 100%;
	border-collapse: collapse;
	margin-top: 40px;
}

.sub6_2_list2 td{
	text-align: center;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 1% 3%;
	font-size: 14px;
}

.sub6_2_btn{
	background-color: #1568b3;
	width: 150px;
	padding: 1% 2%;
	float: right;
	margin-top: 50px;
}

.sub6_2_btn p{
	text-align: center;
	color: #fff;
}

/*지도*/
#canvas h2 {
    padding: 0;
    margin: 0;
    font-size: 12px;
		color:#fff;
}
#seoul, #gygg, #incheon, #gangwon, #chungbuk, #chungnam, #daejeon, #sejong, #jeonbuk, #jeonnam, #gwangju, #gyeongbuk, #gyeongnam, #daegu, #busan, #ulsan, #jeju {
    display: none;
    position: absolute;
    background-color: #000;
    color: #fff;
    padding: 2px 5px;
    text-align: center;
}
#canvas {
    float: left;
    position: relative;
    width: 640px;
    height: 840px;
    margin: 0;
}
#south {
    position: absolute;
    top: 0px;
    left: 0;
}
#seoul {
	left: 174px;
top: 190px;
}
#gygg {
	left: 120px;
    top: 153px;
}
#incheon {
	left: 140px;
	top: 194px;

}
#gangwon {
	left: 333px;
top: 45px;
}
#chungbuk {
	left: 272px;
	top: 312px;
}
#chungnam {
	left: 157px;
	top: 362px;
}
#daejeon {
	left: 178px;
	top: 373px;
}
#sejong {
	left: 145px;
	top: 323px;
}
#jeonbuk {
	left: 192px;
  top: 485px;
}
#jeonnam {
	left: 80px;
	top: 570px;
}
#gyeongbuk {
	left: 381px;
top: 360px;
}
#gyeongnam {
	left: 323px;
	top: 547px;
}
#daegu {
	left: 360px;
	    top: 446px;
}
#busan {
	left: 420px;
    top: 540px;
}
#ulsan {
	left: 427px;
top: 484px;
}
#jeju {
	left: 190px;
top: 700px;
}
#gwangju {
	left: 141px;
    top: 542px;
}
#south{
  transform: scale(2);
  top:200px;
  left:160px;
}
/*지도*/