@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic|Nanum+Myeongjo');

*{  /* 전체선택자 */
        margin:0;
        padding:0;      
}
html,body{
        width:100%; 
        height:100%;
}
html{
        /* ************************************************************
                종류:overflow(가로,세로)/overflow-x(가로)/overflow-y(세로)
                표현방식:auto/scroll/hidden 
            ************************************************************ */
        overflow-y:scroll; /* 문서전체에 세로 스크롤바자국 항상 표시 */
        overflow-x:hidden; /* 문서전체에 가로 스크롤바자국 항상 숨김 */
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{ 
        display:block; 
        /*시맨틱태그를 지원하지 않은 브라우저 
        -> 인식하지 못하는 태그를 인라인으로 인식하기때문에 강제로 블럭으로 설정함*/
}

li{list-style:none;}   /*목록에 점 없애기 */
a{text-decoration:none;}  /* 하이퍼링크 밑줄없앰 */

body,input,textarea{
        font-size:12px;
        font-weight:100; /* IE8 이하버전 대응 */
        font-family:'Nanum Gothic', sans-serif;
}
img{
        vertical-align:top;
        font-size:0;
        border:0; /* 이미지 링크시 기본적으로 나타나는 테두리 제거 */
}
table{border-collapse:collapse;} /* 칸사이의 기본 여백 제거 및 중첩 테두리 상쇄 효과 */
input,select{vertical-align:middle;} /*세로정렬 가운데 */


.clear:after{    /* 자식이 모두 float 을 사용할때 부모가 높이를 갖게하기 위함 */
        content:"";
        display:block;
        clear:both;
        *zoom:1;  /* IE8 이하버전 대응 */
}
.indent{     /* 글자 안보이게 밀어놓기 */
        display:block;
        text-indent:-9999px;
}
.hidden{display:none;}

/*===============여기서 부터 홈페이지 css====================*/
body{background:#fff;}

#top_btn{ /*위치설정*/
        width:35px;
        height:45px;
        background:#ff0000;
        position:fixed;
        right:0;
        bottom:0;
        z-index:9999; /*항상 맨위에 올라게 (position과 같이사용해야함)*/
}
#top_btn .active{ /*top 버튼*/
        height:45px;
        display:block;
        font-size:15px;
        color:#fff;
        font-weight:bold;
        text-align:center; /*수평정렬*/
        line-height:45px; /*수직정렬*/
}
#top_btn .active:hover{
        font-weight:bold;
        background:#1b65b3;
        color:#fff;
}

header{
        width:100%;
        height:85px;
        /*text-align:center;*/
        position:relative;
        z-index:100; /*메뉴가 맨위에 오게 함*/
}

input{
        font-size:14px;
        width:225px;
        height:5px;
        padding:10px;
        border:0px;
        outline:none;
        float:left;
}

.gnb{
        width:1250px;
        height:77px;
        margin:0 auto;
        margin-top:10px;
     /* background:pink;*/
}

.gnb a img{ /*로고*/
        float:left;
}


/*///// 주메뉴(자손걸기) ////*/
.gnb .gnbMenu{
        float:right;
}

.gnbMenu{}
.gnbMenu>li{
        float:left;
        width:150px;
        margin-top:15px;
        position:relative;
       /* background:red;*/
}
.gnbMenu>li>a{
        display:block;
        color:#333;
        font-size:18px;
        font-weight:600;
        line-height:50px;
        text-align:center;
}

.gnbMenu>li:hover>a{color:#1b65b3;}


/*///// 서브메뉴 ////*/

.gnbMenu>li .smenu{ /*모든 서브메뉴*/
        float:left;
        display:none;
        position:absolute;
        top:100%; /*주메뉴가 끝나는 지점에 바로 위치*/
        padding-top:10px;
        width:150px;
        text-align:center;
  /*      background:pink;*/
        /*background:#fff; ->bg_box 서브배경박스에 배경색이 들어가 있으므로 넣지않음*/
}

.gnbMenu>li ul li{
        padding:10px 0px;
/*      margin-top:55px;*/
        transition:all 0.4s;
}
.gnbMenu> li ul li a{
        color:#666;
        font-size:16px;
        text-align:center;

}
.gnbMenu> li ul li a:hover{
        text-decoration:underline;
        font-weight:bold;
        color:#1b65b3;
}


/*.gnbMenu> li ul li:hover{background:#dbe4ea;}*/

.bg_box{/*100%서브배경박스*/
        display:none;
        width:100%;
        height:200px;
        background:#fff;
}


/* ////////////// 스크롤바 내릴때 나오는 탑메뉴 fix */

.logo_fix{
        position:absolute;
        top:50;
        left:322px;
        margin-top:5px;
}

.gnb_fix{
        width:100%;
        height:87px;
        text-align:center;
        position:fixed;  /*스크롤바 내리면 나오는 위치+고정*/
        top:0px;
        right:0px;
        z-index:10000;
        margin-top:-87px;   /*안보이게 위로 올려놓음*/
        background:#fff;
}

/* ///// 주메뉴 ///// */

.gnbMenu_fix{
        float:right;
        width:1080px; /*내려오는메뉴랑 위에메뉴랑 맞춤*/
        margin:0 auto;
}
.gnb_fix>.gnbMenu_fix{
        display:inline-block;
       /* background:pink;*/
}
.gnb_fix>.gnbMenu_fix>li{
        float:left;
        width:150px;
        margin-top:20px;
        position:relative;
}
.gnb_fix>.gnbMenu_fix>li>a{
        display:block;
        color:#333;
        font-size:18px;
        font-weight:600;
        line-height:50px;
        text-align:center;
}
.gnb_fix>.gnbMenu_fix>li:hover>a{color:#1b65b3;}


/* ///// 서브메뉴 ///// */

.gnbMenu_fix>li .smenu_fix{
        width:150px;
        float:left;
        display:none;
        position:absolute;
        top:100%; /*주메뉴가 끝나는 지점에 바로 위치*/
        z-index:1000;
        margin-top:20px;    
       /* box-sizing:border-box;*/
        /*background:pink;*/
}

.gnb_fix>.gnbMenu_fix>li ul li{
        padding:10px 0px;
        text-align:center;
        /* css3 transition */
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -ms-transition:all 0.5s;
    transition: all 0.5s;
}

.gnb_fix>.gnbMenu_fix>li ul li a{
        color:#666;
        font-size:16px;
        text-align:center;
}
.gnb_fix>.gnbMenu_fix>li ul li:hover a{
        text-decoration:underline;
        font-weight:bold;
        color:#1b65b3
}

.bg_box_fix{   /*서브배경박스*/
        display:none;
        position:absolute;
        top:77px; 
        width:100%;
        height:200px; 
        background:#fff;
}

/*================================왼쪽메뉴============================
*/

/*Tab Mneu ---------------------------------------*/

#tabmenu{
    width:1200px;
    height:800px;
    margin:30px auto;
    position:relative;
}
.tab-header{
    width:200px;
    float:left;
    position:relative;
}
.tab-content{
    width:700px;
    float:left;
    margin-top:30px;
    margin-left:25px;
}
.tab_box{
    width:160px;
    height:280px;
    position:relative;
    top:50px;
    left:30px;
}
.tab li{
    width:160px;
    height:70px;
    box-sizing:border-box;
    border-bottom:1px solid #ccc;
    position:relative;
    /*background:pink;*/
}
.tab li a{
    display:block;
    color:#000;
    font-size:17px;
    line-height:70px;
    text-align:center;
    letter-spacing:1px; 
    position:relative;
    z-index:100;  
}

.tab li a.active{color:#fff;}  /*1번째 선택된 글자색 */

.tab-highlight{  /*현재 선택된 탭메뉴*/
    background:#000;
    position:absolute;
    left:0px;
    top:140px;
    width:160px;
    height:70px;  
}

.tab-highlight:after{  /*박스아래 삼각형모양*/
    background:url(../image/arrow2.png) no-repeat 0 0;
    content:"";
    position:absolute;
    right:-12px;
    top:35%;
    z-index:10;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-left: 12px solid #000;
    border-bottom:10px solid transparent;
}
 
.panel li{
    width:700px;
    height:500px;
    position:relative;
    top:0;
    left:0;
    display:none;   
}
.panel li:nth-child(3){display:block;}
/*==========================메인============================*/

.contitle{
        width:1100px;
        height:800px;
        margin:20px;
       /* background:pink;*/
}
.contitle p{
        font-size:20px;
        line-height:40px;
        margin-bottom:15px;
}

.contitle img{
  margin-bottom:35px;
}


/*form_table*/
.form_table table {margin: 10px  0  10px  0 ; width:80%; position: relative; border-top: 2px solid #1b65b3; border-bottom: 2px solid #1b65b3; border-right: 1px solid #ffffff; border-collapse: collapse; text-align: left; line-height: 20px; font-size:16px;}
.form_table .theadcolor1{ background:#1b65b3;   text-align:center;  line-height:18px;  font-weight: bold;  border-bottom:2px solid #1b65b3; color: #ffffff;  border-right:1px solid #ffffff;  }


.form_table .theadcolor2    { text-align:left; background:#1b65b3;    font-weight: bold;    line-height:18px;  border-bottom:2px solid #1b65b3; color: #ffffff;  border-right:1px solid #ffffff;  }
.form_table .theadcolor2ct1    { background:#1b65b3;    position:relative;  clear:both; line-height:18px;  border-bottom:2px solid #1b65b3; color: #ffffff;  border-right:1px solid #ffffff; text-align:center;  font-weight: bold; }
.form_table .theadcolor2ct        {  text-align:center; }
.form_table .theadcolor2rg        {  position:absolute; right:5px; top:3px;   text-align:right;  }




.form_table th        {  border-bottom:1px solid #c3ccd5; border-right:1px solid #c3ccd5; padding:3px 6px 3px 6px; }


.form_table td        {  border-bottom:1px solid #c3ccd5; border-right:1px solid #c3ccd5; padding:3px 6px 3px 6px;  valign:top; }
.form_table .bodyend     {   background:#ededed;  border-right:1px solid #c3ccd5;  text-align:center; }
.form_table .bodyend1      {  background:#ededed;  border-right:1px solid #c3ccd5;  text-align:center; }
.form_table .color1   {  background:#f5f5f5;    border-right:1px solid #c3ccd5;    text-align:left; }
.form_table .color2   {  background:#f5f5f5;    border-right:1px solid #c3ccd5;   text-align:center; }
.form_table .color3   {  background:#f5f5f5;    border-right:1px solid #c3ccd5;  width:160px;  text-align:left; }
.form_table .color1ct   {  background:#f5f5f5;    border-right:1px solid #c3ccd5;  width:130px;  text-align:center; }
.form_table .color1whno  {   background:#f5f5f5; text-align:left;}
.form_table .color1whno1  {   background:#ccffcc; text-align:left;  font-weight: bold;}
.form_table .color1whnoct  {   background:#f5f5f5; text-align:center;}
.form_table .color1wh1  {   background:#f5f5f5;    width:200px; text-align:left;}
.form_table .ed     { border-right:1px solid #ffffff;    }
.form_table .top     {  border-top:2px solid #1b65b3;  }


.form_table .table2   { width:100%;margin-top:5px; border:1px solid #cccccc; border-collapse:collapse;text-align:center; padding:0px 5px 0px 5px;}
.form_table .table2thead  {background:#ededed;   text-align:center; }

.ul{
        width:800px;
        background:pink;
}

h2{
        margin-top:35px;
        margin-bottom:20px;
}


===============================메인 끝==============================

hr{
        background-color:#1b65b3;
        height:1.5px;
}

#footerstyle { 
        clear: both;
        float: center;
        padding-top:30px;  
        padding-bottom:50px;  
        width:100%; 
        height:50px;
        color: #666;
}

#footer1 { 
        width:1200px;
        margin-right: auto;
        margin-left: auto;
        font-family: "나눔고딕";
}

 .footlogo { 
        width:170px;
        float:left;     
        text-align:center; 
 }
 
 .footadd{
        width:1000px;
        margin-top:10px;
        float:left;
        font-size:15px;
        line-height:30px;
        font-weight:600;
        
}
 .footadd1{ 
        float:left;
        line-height:20px;
        border-left: 2px solid #ededed;  
        padding-left: 20px;
}

 .footadd2{  
        float:right; 
        border-left: 2px solid #ededed;  
        padding-left: 20px;
}

.copy{  
        position:relative;
        color:#666;
        font-size: 14px;
}

.foottext{      
   color: #1b65b3;
   font-weight:600;
}

.foottextline{  
        padding-left:10px;  
        padding-right:10px;  
        margin-bottom: 12px;
        color:#666;
}