@charset "utf-8";
/* CSS Document */


/*=========================================================
  1. 폰트
=========================================================*/ 
/*오픈산스*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

/*나눔명조*/
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/*나눔스퀘어*/
@font-face {
  font-family:'NanumSquare';
  font-style: normal;
  src: url(../font/NanumSquare.eot);
  src: local('NanumSquare'),
       local('NanumSquare'),
       url(../font/NanumSquare.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumSquare.woff) format('woff'),
       url(../font/NanumSquare.ttf) format('truetype');
}



/************************************
*           전체레이아웃            *
************************************/

div#wrap{width:100%; float:left;}




/************************************
*            header                 *
************************************/
div#header_wrap{width:100%;position:fixed; background:url(../images/header_bg.png) repeat-x;z-index:9999;}



div#header{width:1100px; margin:0px auto;position:relative}
div#util, div#top, div#nav{width:1100px; margin:0px auto; position:relative}
ul.util_list{color:#fff; display:block; text-align:center;line-height:30px; font-family:Arial, Helvetica, sans-serif;background:#014c8f;}
ul.util_list li{display:inline-block; margin:0 0px 0 10px;font-size:13px;}
ul.util_list li a:link, ul.util_list li a:visited, ul.util_list li a:active{text-decoration:none; color:#fff}
ul.util_list li a:hover{text-decoration:none; color:#ffffff}
p.logo{text-align:center;margin:0px 0 0 0}
ul.nav_list{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#ffffff; display:block; text-align:center; }
ul.nav_list>li{margin:0 50px 0 50px; display:inline-block; }
ul.nav_list>li a:link, ul.nav_list li a:visited, ul.nav_list li a:active {text-decoration:none; color:#000; font-weight:bolder;}
ul.nav_list>li a:hover{text-decoration:none; color:#333}
.util_list2{display:block;text-align:center;background:#FFF;}
.util_list2>li{display:block;display:inline-block;}


@media (max-width:768px){

div#header_wrap{width:100%; float:left;  position:relative; background:url(/images/header_bg.png) repeat-x;background:#000000}
}

 



ul.menu{font-family:NanumSquare;float:left; padding-left:90px;  font-size:1.2em; font-weight:bold;  text-transform: uppercase;}
ul.menu li{float:left; margin:0 0 0 50px;position:relative;padding-top:35px; }
ul.menu li a:link, ul.menu li a:active, ul.menu li a:visited, ul.menu li a:hover{color:#000000; text-decoration:none;}


div.mainmenu{position:relative;}
div.mainmenu p{position:relative;}

div.submenu{position:absolute; left:-10px; top:80px;background:#000;z-index:9999;  font-size:14px;}
div.submenu p{color:#fff;width:160px; padding:8px 5px 8px 20px;text-align:left;}
div.submenu a{color:#000000;}
div.submenu a:visited, div.submenu p:active, div.submenu a:link{text-decoration:none; color:#ffffff}
div.submenu p:hover{background:#1563c2;color:#ffffff; padding:8px 5px 8px 20px;}
div.submenu a:hover{background:#00356a;text-decoration:none; color:#ffffff}





/************************************
*            visual                 *
************************************/
div#visual_wrap{width:100%; height:805px;float:left;position:relative; background:#000000;}
div#visual{width:1920px; position:absolute; left:50%; margin:0 0 0 -960px;}

div#sub_visual_wrap{width:100%; height:399px;float:left;position:relative; background:#000000;}






/************************************
*            content                *
************************************/
div#contents_wrap{width:100%; float:left; padding:30px 0 60px 0;}
div#contents{width:1200px; margin:0px auto;position:relative}
div#board_wrap{width:460px; height:418px; float:left;border:solid 1px #e6e6e6; padding:30px 14px 30px 14px; margin:0 10px 0 0}
div#board_t{float:left; font-family:Arial, Helvetica, sans-serif; font-size:20px;position:relative; width:100%;margin:0 0 15px 0;}
div#board_t p{float:left;}
span.more{position:absolute; right:0px; top:0px}
div#board_c{float:left;}
div#board_c_top{width:460px; height:230px; float:left;}
p.n_img{float:left;}
p.n_t_date{color:#666666; font-size:15px; font-weight:600;margin:20px 0 0 0;float:left;width:100%;}
p.n_t_t{font-size:17px; font-weight:600;float:left;width:100%;margin:10px 0 15px 0;}
p.n_t_c{color:#7b7b7b; font-size:15px; float:left;width:100%; line-height:20px;}
div#board_c_bottom{margin:10px 0 0 0;width:460px;height:150px; float:left;color:#7b7b7b; font-size:15px; line-height:28px}
div#con_wrap{float:left;width:700px;}
ul.con_list{float:left;}
ul.con_list li{float:left;}
ul.con_list li.c_m_1{margin:0 10px 10px 0}
ul.con_list li.c_m_2{margin:0 0 10px 0}
ul.con_list li.c_m_3{margin:0 10px 0 0}
ul.con_list li.c_m_4{}

div#partner_wrap{width:100%; float:left; border-top:solid 1px #d0d0d0; padding:15px 0 15px 0}
div#partner{width:1200px; margin:0px auto; position:relative}
ul.partner_list{text-align:center; display:block;}
ul.partner_list li{display:inline-block; margin:0 10px 0 10px}
ul.partner_list2{text-align:center; display:none;}
ul.partner_list2 li{display:inline-block; margin:0 10px 0 10px}
.c2{display:none;}

@media (max-width: 1200px){

ul.partner_list{display:none;}
ul.partner_list2{display:block;}
.c1{display:none;}
.c2{display:block;}

}

/************************************
*            footer                *
************************************/
div#footer_wrap{width:100%; float:left;padding:45px 0 45px 0; background:#0c0c0c}
div#footer{width:1200px; margin:0px auto;}
p.f_logo{float:left;}
ul.f_text{float:left;color:#cecece; margin:0 0 0 25px; }
ul.f_text li{line-height:19px; }
p.face{float:right}


div#location_wrap{width:100%; float:left;}
div#sub_title_wrap{width:100%; float:left;padding:30px 0 0 0;}
p.location{text-align:center; font-size:11px; color:#757575}
.lo_red{color:#f11c1c}
p.sub_title{width:100%;text-align:center; font-size:30px; font-weight:bolder; margin:0 0 8px 0; }
p.sub_title2{width:100%;text-align:center; }

div#sub_con{width:100%; float:left; padding:50px 10px 0 10px; line-height:25px}
p.sub_img{float:left;}
div.sub_con_text{width:100%; font-size:15px; color:#757575;padding:35px 0 18px 0; float:left}
p.sub_subtitle{width:100%; float:left; border-bottom:solid 1px #dcdcdc; padding:0 0 15px 0}
div.sub_text{width:100%; float:left; padding:15px 0 0 0;}
p.sub_text2{float:left; width:100%; font-size:20px; font-weight:600;color:#000000;margin:45px 0 25px 0}
div.history_wrap{width:50%; float:left;padding:30px 0 0 0;}
div.history_wrap1{float:left; width:100%;margin:0 0 50px 0}
p.year{float:left; font-weight:bolder; font-size:40px; color:#757575;}
p.month{float:left; font-weight:bold; font-size:20px; color:#000000;margin:5px 0 0 40px}
p.history{float:left;margin:5px 0 0 10px}
div.history2{float:left;width:100%;margin:0 0 0 97px}
span.a_gray{font-weight:bold; font-size:20px; color:#757575;}