body,
table,
div,
p {
    font-family: 'Noto Sans KR';
    font-size: 14px;
    letter-spacing: -1px;
}
* {
    margin: 0;
    padding: 0;
}
ul li,
ol li {
    list-style: none;
}
img {
    border: none;
}
a {
    text-decoration: none;
}
A:link {
    text-decoration: none;
}
A:visited {
    text-decoration: none;
}
A:active {
    text-decoration: none;
}
A:hover {
    color: #727880;
}
table {
    border-spacing: 0;
    border: 0 none;
}
ul li {
    list-style: none;
    float: left;
}

.header ul li {
    float: left;
    list-style: none;
    margin: 33px;
}
.logo {
    float: left;
    margin-top: 30px;
}

.loginout {
    position: absolute;
    color: #787878;
    font-size: 11px;
    margin-left: 700px;
    margin-top: 20px;
    z-index: 9999px;
}
.wrap {
    width: 960px;
    margin: 0 auto;
}

.footer_call {float:right; width:34%; margin-top:20px; }
.footer_call_seoul { float:left; width:40%; margin:15px; }
.footer_call_seoul p {float:left; }
.footer_call_han {width:45%; float:left; margin-left:50px;}
.footer_call p {font-size:12px; color:#787878;}
.footer_call img {float:left;padding-right:10px;}
.footer_call_margin-top {margin-top:15px;}
.footer_copyright {float : left; font-size: 12px; color: #b5b5b5; margin-top:10px; padding-bottom:20px;}

.footer_1 {
    width: 100%;
    height: 50px;
    border-top: 1px solid #0e0c0b;
    border-bottom: 1px solid #e6e6e6;
    float: left;
	

}
.footer_2_1 {
    float: left;
	/*width:63%;*/
    width:57%;
	border-right:1px solid #eee;
	line-height: 20px;
    margin-top: 20px;
	font-size: 12px;
    color: #787878;
}
.footer_2_2 {
    float: left;
    width: 200px;
    margin-top: 40px;
    padding-left: 120px;
    padding-bottom: 30px;
}
.footer_2 {
    float: left;
    width: 100%;
    font-size: 12px;
    color: #787878;
}
.footer_1 ul li {
    float: left;
    color: #787878;
    list-style: none;
    margin-right: 20px;
    margin-top: 15px;
    font-size: 12px;
}
.container {
    width: 100%;
    height: 100%;
    padding-bottom: 50px;
}
.nav {
    width: 100%;
    height: 50px;
    background-color: #f1f1f1;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #fff;
}
.nav1 {
    margin-left: 470px;
    margin-top: 15px;
    position: absolute;
}
.nav1 li {
    padding-right: 30px;
    font-size: 12px;
}
.gnb-border {
    border-bottom: 4px solid #385dae;
    padding-bottom: 17px;
    padding-left: 20px;
    padding-right: 20px;
}




/*해더*/

.list_link {text-decoration:none; padding-left:20px; padding-right:20px;}
.list_link:hover {border-bottom:3px solid #385dae; padding-bottom:18px;}


       ul>li{list-style:none}
		header{
		  height:90px; width:100%; border:1px solid #fff; 
		  box-sizing : border-box;
			    border-bottom: 1px solid #dddddd;
		}
		 .main_list_item{
		  float:left;
		  margin-right:30px;
          }

		.main_list_item span { color:#333333;}
		.nav_main_list {float:right; margin-top:50px;}
		.sub_list{
		    position: absolute;
		    top: 110px;
			height: 50px;
			left: 50%;
			display: none;
			width: 950px;
			Margin-left:-5px;
			
         }
		 .list3 {padding-left:270px;}
		 .list2 {padding-left:100px; width:400px;}
		 .list4 {padding-left:150px;}
		 .sub_list li {float:left; margin-right:20px;color:#787878; font-size:14px;}
		 .drop_bg{display:none;width:100%;height:50px;background:#f1f1f1; margin-top:90px;}

/*반복*/ /*20171212수정*/
.subh1 {text-align:center; font-size:40px; font-style:bold; margin-top:80px;}
.sub1 {width:940px; height:250px; background-color:#f9f9f9; border:1px solid #e6e6e6; margin-top:20px; margin-bottom:20px;}
.sub_img { width:750px; margin:0 auto; }
.sub_img a div{margin:40px; float:left;}
.sub1_p{text-align:center;} 
.guk {width:167px; height:167px; background:url("img/guk.png") no-repeat;} 
.guk:hover {width:167px; height:167px; background:url("img/guk1.png") no-repeat;}
.hea {width:167px; height:167px; background:url("img/hea.png") no-repeat;} 
.hea:hover {width:167px; height:167px; background:url("img/hea1.png") no-repeat;}
.dan {width:167px; height:167px; background:url("img/dan.png") no-repeat;} 
.dan:hover {width:167px; height:167px; background:url("img/dan1.png") no-repeat;}
.wae {width:167px; height:167px; background:url("img/wae.png") no-repeat;} 
.wae:hover {width:167px; height:167px; background:url("img/wae1.png") no-repeat;}
/*조회*/
.btn_1 {
    font-size: 14px;
    color: #787878;
    height: 58px;
    width: 188px;
    background: #fff;
    border: 1px solid #e6e6e6;
    margin: 15px;
}
.btn_1:hover {
    background-color: #2b76d3;
    color: #fff;
}
.btn_1:visited {
    background-color: #2b76d3;
    color: #fff;
}
.btn_2 {
    font-size: 12px;
    color: #fff;
    height: 28px;
    width: 60px;
    background: #eb5729;
    border: 1px solid #e54719;
    margin: 15px;
}
.sub2_1 {
    text-align: center;
    margin-top: 15px;
}
.sub2 {
    width: 940px;
    height: 180px;
    background-color: #f9f9f9;
    border: 1px solid #e6e6e6;
    margin-top: 20px;
    margin-bottom: 20px;
}
.sub_1_table {
    font-size: 12px;
    margin-top: 30px;
	margin-bottom:70px;
    width: 940px;
    border-collapse: collapse;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.sub_1_table tr td, tr th {
    text-align: center;
    height: 30px;
    border-right: 1px solid #ccc;
    border-collapse: collapse;
    border-bottom: 1px solid #ccc;
}
.sub_1_table tr th {
    background: #f9f9f9;
}

/*공지사항*/

.sub_3_table {
    font-size: 14px;
    margin-top: px;
    height: 40px;
    background-color: #f9f9f9;
    width: 940px;
    border-collapse: collapse;
    border-bottom: 1px solid #e6e6e6;
    color: #787878;
}
.sub_3_table tr th {
    text-align: center;
    background-color: #f9f9f9;
    border: none;
    height: 70px;
    border-bottom: 1px solid #e6e6e6;
    color: #787878;
    border-top: 1px solid #454545;
}
.sub_3_table tr td {
    text-align: center;
    background-color: #fff;
    border: none;
    height: 50px;
    border-bottom: 1px solid #e6e6e6;
    color: #787878;
    font-size: 13px;
}
.subject_2_table {}
.subject_2_table tr th {border:1px solid #eee; padding:5px; margin:10px;}
.subject_2_table tr td {padding-left:10px;}
.r_title {margin:10px; 0px 10px 10px;}
.sub_contents_seoul {float:left; width:75%; margin:10px;}
.s_title {margin-top:50px;  padding:20px;}
.sub_contents_seoul_div {padding-left:20px;}

*{margin:0; padding:0;}
.header {width:100%; height:90px; border-bottom:1px solid #dddddd;}
.header ul li {float:left; list-style:none; margin:33px;}
.logo {float:left; margin-top:30px;}
.link_btn {position: absolute; right: 0; top:20px; padding: 10px; border: 2px solid #385dae; border-radius: 5px}
.link_btn:hover {background: #385dae; color: white; cursor: pointer}
/*.logo {text-align:center; padding-top:30px;}*/
.gnb {float:left; margin-left:215px; }
.loginout { position:absolute; color:#787878; font-size:11px; margin-left:780px; margin-top:20px; }
.wrap {width:1080px;margin:0 auto;}

.main_1 {width:100%; height:620px; background-color:#ddeefa;}
.main_event {width:100%; height:182px;}
.main_notice {width:100%;}
.main_1 img{  position:absolute; }
.main_bnns {height:550px; width:100%; overflow:hidden;  position:absolute; margin:0 auto;}
.main_bnns img {margin-left:100px;}
.main_bnn {width:1080px; height:620px; position:absolute; }
.main_bnn_font1 {font-size:49px; margin:60px 0px 20px 0px; color:#454750; letter-spacing:-0.1em;}
.main_bnn_font2 { margin-left:0px; margin-top:20px; color:#252527;}

.margin-left20{margin-right:20px; }
.margin-top50 {margin-top:50px;}

.main_notice_table { width:50%; height:100%; margin-top:40px; float:left; margin-bottom:30px;}
.main_notice_table tr td {font-size:12px; color:#787878;}
.main_table_td {width:380px;height:25px;}
.table_line {border-right:1px solid #e6e6e6; padding-right:30px; margin-top:10px;}
.table_line_2 {padding-left:20px; margin-top:10px;}
.main_h4 {padding-left:20px; color:#454545;}

.login {width:940px; height:140px; background:#fff; margin-top:430px; position:absolute;}
.login_form {margin:40px; 30px; 40px 30px;}
 input[type="text"] {float:left; width:220px; height:50px; border:1px solid #ccc;  margin-left:20px; font-size:18px; padding-left:20px;}
 input[type="password"] { float:left; width:220px; height:50px; border:1px solid #ccc;  margin-left:20px;font-size:18px; padding-left:20px;}
 input[type="button"] { float:left; width:220px; height:52px; background:#385dae; margin-left:110px; font-size:18px; color:#fff; text-decoration:none; border: 0px;}


/****************************** Drop Down *************************************/
/* Dropdown Button */
.dropbtn {

    background-color: white;
    color: black;
    padding: 16px;

    font-size: 16px;
    border: none;
    cursor: pointer;

}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
	margin-top:25px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #color;
	border-bottom:4px solid #385dae;
}
#btn_login:hover {
	cursor : pointer;
}


.insert-area.join {
    width: 50%;
    text-align: left !important;
    background: #fcfcfc !important;
    border: 1px solid #d3d3d3 !important;
    height: 40px !important;
    line-height: 44px !important;
    font-size: 16px !important;
    padding-left: 15px !important;
    display: inline-block !important;
    margin-left: 0px !important;
}