/* CSS for desktop 
/*****Basic Layout 템플릿의 기본 요소가 이곳에 기록됩니다.*****/
body{
    margin: 0px;
    padding: 0px;
    background: #FEF6E6;
   }
   a{
    cursor: pointer;
    font-weight: bold;
   }
   #container {
    width: 100%;
    margin: 0;
    margin-top: 30px;
    margin-bottom: 0px;
   }
   /*****intro 시작*****/
   #gwon_login_area{
    display: block;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    /*background:url("../img/menu_bg.jpg")repeat-y;*/
    /**전체 컨텐츠 영역에 대한 배경이미지 설정*/
   }
   /***상단 타이틀 영역입니다.***/
   #gwon_login_area_txt{
    /***상단 타이틀 전체 영역에 대한 설정값이 적용됩니다.***/
    /*text-shadow: 1px 1px #555555;*/
    width: 100%; /*80%;*/
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
    color: #555555;
   }
   /*****intro 시작*****/
   #top_area{
    display: block;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    /*background:url("../img/menu_bg.jpg")repeat-y;*/
    /**전체 컨텐츠 영역에 대한 배경이미지 설정*/
    background: #fff;
   }
   #logo_img{
    /***상단 타이틀 영역에 삽입되는 로고 이미지에 대한 설정입니다..***/
    margin-bottom: 20px;
    width: 100%;
   }
   /***상단 타이틀 영역입니다.***/
   #top_con{
    /***상단 타이틀 전체 영역에 대한 설정값이 적용됩니다.***/
    width: 100%;
    padding-top: 0%;
    text-align: center;
    padding-top: 0%;
    padding-top: 0%;
    color: #555555;
   }
   
   h2#top_title{
    font-size: 30px;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 0;
   }
   
   /***상단 메뉴 영역입니다. 현재 숨김 처리되어있습니다.***/
   #menu_area{
    display: block;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 1000px; 
   }
   #menu_txt{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: left;
    background-color:#fff;
    padding-top: 10px;
    padding-bottom:10px;
    text-align: center;
   }
   #menu_txt a{
       color: #000000;
       margin-left: 20px;
       margin-right: 20px;
   }
    
   .btn-info{
       background: #F4A100;
       border:none;
   }
   .btn-info:hover{
       background: #F1A207;
       border:none;
   }
   /***콘텐츠 영역입니다.***/

   #main_con_board{
       width: 80%;
       padding-left: 10%;
       padding-right: 10%;
       background: #fff;
   }

   div#main_con_area.con_area_div{
    padding-top: 10px;
}

   div#main_con_area h3{
       display: none;
   }
   
   #con_area{
    /***콘텐츠 전체 영역에 대한 설정값이 적용됩니다.***/
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    /*padding-top: 0px;*/
    padding-top: 10px;
    /*padding-bottom: 30px;*/
    text-align: center;
    background: #fff;
   }
   
   .con_area_div{
       position: relative;
       float: left;
       text-align: left;
       /*border-bottom: #ebebe3 1px solid; */
       /*width: 960px;*/
       width: 90%;
       /*padding-left: 20px;*/
       padding-left: 5%;
       /*padding-right: 20px;*/
       padding-right: 5%;
       padding-top: 0px;
       padding-bottom: 0px;
   }
   .con_area_div img{
    width: 50%;
    padding: 2%;
    padding-left: 2.5%;
    padding-right: 2.5%;
    min-width: 50px;
   }
   
   #apply_bt_area{
       text-align: center;
       padding-top: 10px;
       padding-bottom: 10px;
   }
   /***콘텐츠 전체 영역에 대한 설정값이 적용됩니다.***/
   
   .con_titles{
    /***본문 타이틀 공통 클래스입니다.***/
    float: left;
    text-align: left;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
   }
   
   /*****Basic Layout 템플릿의 기본 요소가 이곳에 기록됩니다.*****/
   /*****other style 템플릿의 추가 요소가 이곳에 기록됩니다.*****/
   div#main_con_form #other_info{
    display: none;
}
   
   #other_info{
    /***하단 추가 정보 영역입니다.***/
    display: block;
    border-top: #ebebe3 1px solid;
    width: 960px;
    padding-top: 2%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0px;
    margin-right: 0px;
    text-align: left;
    background-color:#fff;
   }
   #other_info a{
       font-size: 1.0rem;
   }
   #logo_area{
    width: 100%;
    text-align: center;
    background-color:#efefef;
   }
   #logo_area_con{
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    text-align: center;
   }
   #map_info{
    width: 100%;
   }
   
   #right_top_shape{
    position:absolute ;
    right:0px;
    top: 0px; 
   }
   .logo_shape{
    filter:alpha(opacity=50);
    width: 32px;
   }
   
   /*****intro 끝*****/
   
   button#bt_openpage_main_apply{
    width: 146px;
    height: 43px;
   }
   
   /****sub page 끝 ***/
   #bottom{
    clear: both;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
   }
   #bt_txt{
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    text-align: center;
   }
   
   #content_area h1, #content_area h3, #con_area h1, #con_area h3{
    /*font-family: '나눔 명조','Nanum Myeongjo', 'Palatino Linotype', 'Book Antiqua', 'Palatino', serif;*/
    font-style: normal;
    font-weight: 800;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
   }
   #other_info h1,#other_info h3{
    text-align: left;
   }
   
   .li_right_angle ul{
          list-style-type: none;
      }
      .li_right_angle::before{
          content: "\f105";
          font-family: FontAwesome;
          margin-left: -1.0em;
          margin-right: 0.5em;
      }
   .row{
       margin-left: -15px;
       margin-right: -15px;
   }
   .indent_30 span{
       display: inline-block;
       padding-inline-start: 30px;
       word-break: keep-all;
       text-align: justify;
   }
   .indent_40 span{
       display: inline-block;
       padding-inline-start: 40px;
       word-break: keep-all;
       text-align:justify;
   }
   .indent_50 span{
       display: inline-block;
       padding-inline-start: 50px;
       word-break: keep-all;
       text-align:justify;
   }
   .wb_ka_jf{
       word-break: keep-all;
       text-align: justify;
   }
   /*본문영역 수정*/
   #iframe_con_area .btn-primary{
       background: #F4A100;
       color: #fff;
       border: 0px;
   }
   #iframe_con_area .btn-primary:hover{
       background: #F4A100;
       color: #fff;
       border: 0px;
   }
   #iframe_con_area h3{
       color: #F4A100;
       padding-bottom: 10px;
       width: 100%;
       border-bottom: 1px solid #EAEAEA;
   }
   table{
       width: 100%;
       margin-bottom: 10px;
   }
   table tr{
       border-bottom: 1px solid #cdcdcd;
   }
   table tr td, table tr th{
   padding-top: 5px;
   padding-bottom: 5px;
   }