@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: #fff;
}

.bi_nav td{
	color: #fff;
	padding: 5% 1%;
	text-align: center;
	border: 1px solid #ccc;
	width: 50%;
}

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

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

.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: 65px 20px;
	line-height: 1.5;
	font-weight: bold;
}

.sec1_title span{
	color: #1969b4;
}

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

.sec1_wrap1{
	margin-top: 30px;
}

.sec1_wrap2{
	margin-top: 10px;
}

/*sub1_2*/

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

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

.sec1_1_title span{
	color: #1969b4;
}

/*sub1_3*/

.sub1_3_sec1_wrap1{
	width: 100%;
	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{
	width: 100%;
	margin-top: 50px;
	padding: 0 10px;
}

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

.sub1_3_sec1_wrap3{
	width: 100%;
	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;
}

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

.cg_list2 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: 2% 2%;
	font-size: 14px;
	text-align: center;
	width: 11.1%;
	border: 1px solid #ccc;
}

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

.sub2_1_img{
	text-align: center;
	margin-top: 40px;
	padding: 0 20px;
}

/*sub2_2*/

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

.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;
	width: 100%;
	margin: 30px 10px 0 0;
}

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

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

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

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

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

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

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

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

.list_img1{
	text-align: center;
	padding: 0;
	cursor: pointer;
}

.list_img1 > div{
	text-align: center;
	padding: 0;
	cursor: pointer;
	margin: 0 auto;
}

.list_subject1{
	text-align: center;
	padding: 15px 0 0 0;
	line-height: 1.8;
}

.page_btn{
	/* max-width: 190px;
	margin: 0 auto; */
	text-align: center;
}

.page_btn ul{
	margin: 60px 0;
}

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

.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: 300px;
	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 1%;
}

/*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: 80px 20px 40px 20px;
}

.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: #fff;
}

.bi_nav td{
	color: #fff;
	padding: 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: 3% 0;
	border: 1px solid #ccc;
	width: 50%;
}

.sub3_1_sec2{
	padding: 20px 20px 0 20px;;
}

.sub3_1_sec2 img{
 	width: 100%;
}

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

.sub3_1_sec3 td{
	padding: 0 3%;
}

.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;
	padding: 0 20px;
}

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

.sub4_nav td{
	padding: 5% 3%;
	font-size: 14px;
	border: 1px solid #ccc;
}

.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: 100%;
	padding: 10px 20px;
	height: 40px;
	margin-top: 50px;
}

.sub5_btn li{
	float: left;
}

.sub5_btn p{
	color: #fff;
}

.sub5_btn2{
	background-color: #861818;
	width: 100%;
	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: 5% 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 {
	position: relative;
    width: 320px;
    height: 400px;
    margin: 0;
    left: 50%;
    margin-left: -170px;
}
#south {
    position: absolute;
    top: 0px;
    left: 0;
}
#seoul {top:80px; left:75px;}
#gygg {top:80px; left:45px;}
#incheon {top:80px; left:75px;}
#gangwon {top:45px; left:150px;}
#chungbuk {top:120px; left:145px;}
#chungnam {top:165px; left:60px;}
#daejeon {top:165px; left:80px;}
#sejong {top:145px; left:70px;}
#gwangju {top:260px; left:60px;}
#jeonbuk {top:205px; left:60px;}
#jeonnam {top:260px; left:60px;}
#gyeongbuk {top:160px; left:180px;}
#gyeongnam {top:240px; left:130px;}
#daegu {top:210px; left:170px;}
#busan {top:250px; left:190px;}
#ulsan {top:225px; left:200px;}
#jeju {top:340px; left:80px;}