@charset "utf-8";

#wrap{
	width:100%;
	text-align:center;
	float:left;
}
#header{
	width:100%;
	margin:0 auto;
	/*height:100%;*/
}

/* TOP MENU */
.topmenu-list {
    width: 100%;
}
.topmenu-section-wrap {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.topmenu-section {
    width:100%;
	height: 59px;
	margin: 0 auto;
	/*width:1000px;*/
    overflow:hidden;
}
.topmenu-section .topmenu-list {
    height: 100%;
    float: right;
    margin-left: 320px;
    /*float: left;*/
}
.topmenu-section .topmenu-list li {
	float: left;
}
.searchBar{
	background:url(../img/top_search_bar.gif);
}

@media (max-width: 1200px) {
    .topmenu-section {
        width: 100%;
        /*height: 120px;*/
        height: 58px;
        margin: 0 auto;
    }

    .topmenu-Weblog {
        margin-top: -55px !important;
        margin-left: 545px !important;
    }

    .topmenu-toggle {
        display: block !important;
        padding: 18px;
        cursor: pointer;
        z-index: 999;
        width: 30px;
        height: 22px;
        -webkit-box-sizing: unset !important;
        box-sizing: unset !important;
    }

    .topmenu-logo {
        display: block !important;
    }

    .topmenu-notice {
        display: none !important;
    }

    .topmenu-notice-arr {
        display: none !important;
    }

    .topmenu-searchBar {
        display: block !important;
        width: 100% !important;
        border-top: 1px #dbdbdb solid;
        margin: 0 !important;
        padding-top: 8px;
    }

    .topmenu-searchBar_body {
        position: absolute;
        top: 280px !important;
        left: 445px !important;
        width: 260px !important;
        height: 35px !important;
    }

    .imgButSearch_ {
        position: absolute;
        top: 286px !important;
        left: 670px !important;
        height: 22px !important;
    }

    .txtSearch_ {
        height: 20px !important;
        width: 205px !important;
        top: 287px !important;
        left: 465px !important;
        font-size: 17px !important;
    }
}

.topmenu-toggle{
    display : none ;
}

.topmenu-notice{
    display : block;
}
.topmenu-notice-arr{
    display : block ;
}
.topmenu-searchBar{
    width:initial;
    margin: 7px 0 0 10px;
}
.topmenu-Weblog {
    display: block;
    height: 20px;
    overflow-y: hidden;
    
    position: relative;
    top: 18px;
    right: -230px;
}

.topmenu-searchBar_body {
    position: absolute;
    top: 360px;
    left: 295px;
    width: 366px;
    height: 40px;
}
.imgButSearch_ {
    position: absolute;
    top: 368px;
    left: 621px;
    height: 24px
}
.txtSearch_ {
    height: 35px;
    border: none;
    outline: none;
    width: 280px;
    position: absolute;
    top: 362px;
    left: 330px;
    font-size: 18px
}
/*Top_tap*/
/*NEVI MENU*/
@media screen and (min-width: 1200px) and (max-width: 1979px) {
    /*.nav-section {
        display: block !important;
    }*/

    .nav-section-toggle {
        display: none !important;
    }
    #loading-toggle  {
        display: none !important;
    }
}
@media (max-width: 1200px) {
  
    .nav-section {
        display:none;
    }
       
    .nav-section-sub {
        height: 100%;
        width: 0 !important;
        margin: 0 auto;
        overflow: hidden;
        float: left;
        position: absolute;
        background-color: rgba( 255, 255, 255, 0.5 );
        opacity: inherit;
        /*background-color: rgba( 130, 154, 179, 0.12 );*/
        /*z-index:999;*/
    }   
    .nav-section-toggle{
        display:none;
    }
    .sub-nav-topsection {
        width: 100% !important;
        white-space: nowrap;
    }
}
#loading-toggle {
    width: 100%;
    height: 100%;    
    position: fixed;
    display: block;
    opacity: 0.8;
    background: black;
    z-index: 99;
    text-align: center;
    /*토글 가리는거 테스트*/
    /*height:200%;
    top:370px;
    position:absolute !important;*/
}
.nav-section {
    height: 100%;
    width: 260px;
    margin: 0 auto;
    overflow: hidden;
    float: left;
    position: absolute;
    background-color: rgba( 255, 255, 255, 0.5 );
    opacity: inherit;
    /*background-color: rgba( 130, 154, 179, 0.12 );*/
    /*z-index:999;*/
}
.nav-section-toggle {
    display:none;
    height: 100%;
    width: 260px;
    margin: 0 auto;
    overflow: hidden;
    float: left;
    position: absolute;
    background-color: rgba( 255, 255, 255, 0.5 );
    opacity: inherit;
    /*background-color: rgba( 130, 154, 179, 0.12 );*/
    /*z-index:999;*/
}

.nav-section-sub {
    height: 100%;
    width: 250px;
    margin: 0 auto;
    overflow: hidden;
    float: left;
    position: absolute;
    background-color: rgba( 255, 255, 255, 0.5 );
    opacity: inherit;
    /*background-color: rgba( 130, 154, 179, 0.12 );*/
    /*z-index:999;*/
}
.nav-list-left{
    /*margin-top:100px;*/
}
.nav-list_img img{ 	
    max-width: 90%;
    height: auto;
    display: block;
    margin:15px 10px;
    margin-bottom:50px;
    
}
.nav-list ul{
    margin:15px 10px;
}


.nav-list {
    margin:0px 15px;
    
}
.nav-font{
    font-family:"Malgun Gothic","맑은 고딕",sans-serif;
    font-weight:bold; 
    font-size:18px; 
    text-align:left;
    text-shadow:0px 0px black;
}
.nav-font img {
    margin-top:7px;
}

/*tab MENU*/
.tap_section{

}
.cont-img img{
    position: absolute;
    left: -15px;
    width: 356px;
}
.jq_tabon{
    margin-top: -18px; 
    margin-left: -28px;
}
.jq_taboff{
    margin-left: 0px;
}

.tab_cont {
    border:0px solid #d5d5d5;
    border-radius:5px;
    width:100%;
    overflow:hidden;
    position:absolute;
    z-index:100;
    background-color:white;
    /*background-image:url(../img/main_flash_map_back_new3.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left;*/

    /*height:650px;*/ 
}
.tab_cont_menu {
    position:absolute; 
    overflow:hidden; 
    margin-top: -400px;
    margin-left:900px;

}



.nav-list-left li {
    margin: 5px;
    margin-left: 25px;
    margin-top: 12px;
    font-size: 13px;
    text-align: left;
    list-style: none;
    list-style-position: outside;
    list-style-image: none;
    font-weight: 600;
    /*float:left;*/
}

.nav-list-left ul{
    margin:18px 10px;
    cursor:pointer;
}

.tap_section li{
	float:left;  
}
.tab_menu {
    display:table;
    width:100%;
    border:0px solid #ccc; 
    overflow:hidden;
    background: #28323c;
}
.tab_menu li {
    display:table-cell;
    border-left:0px solid #ccc;
    text-align:center

}
.tab_menu li:first-child {
    border-left:0 none

}
.tab_menu .tit {
    display:block;
    padding:0px;
    color:#888;
    background-color:#ededed;
    cursor:pointer

}
.tab_menu .on .tit {
    color:#fff;
    background-color:#27b600

}

/*CONTENT*/

@media (max-width: 1200px) {

  
    .cont-img img{
        display:none;       
    }
    .k-remap-topsection{
        margin:auto !important;
    }
    .wrap {
        width: 100% !important;
        margin: 0 auto;
        min-width: initial !important;
    }

    .wrap-bg {
        background-image:none!important;
    }

    .wrap-section span, .l_flash  {
        display: none !important;
    }
    .wrap-section{
        height:0px!important;
    }
    .wrap-section span {
        margin-left: 3% !important;
    }
    .wrap-section-all {
        display: inherit !important;
        float: initial !important;
        margin-top: -30px;
        margin-left: 0px !important;
        border:0 !important;
    }  
    
    .wrap-section-map {
        width: 95% !important;
        box-shadow: 0px 0px 5px gray;
        float:none !important;
        margin:auto;
        min-width:950px;
    }  
    
    .k-remap-wrap{
        width:908px !important;
        margin: auto;
    }
   
    .wrap-section-chart {
        float: initial !important;
        width: 95%;
        height: 440px;
        margin-left:auto!important;
        margin-right:auto!important;
        box-shadow: 0px 0px 5px gray  !important;
        min-width:950px;
    }
    
    /*.wrap-section-chart {
        float: left;
        width: 95%;
        height: 440px;
        margin-left: 2.5% !important;
        box-shadow: 0px 0px 5px gray !important;
    }*/   
    .chart-wrap{

    }
    .wrap-section-map .main-title{
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    .l_flash_chart{
        width:100% !important;        
    }

    .l_flash_chart svg
    {
        width:100% !important;    
    }
    .l_flash_chart_ddl{
        border:1px #dbdbdb solid !important;
        margin-top: -35px !important;
    }

    .l_flash_chart .graph_date{
        position: initial !important;
    }
    .content-wrap2 {
        width: 100% !important;    
        background:none!important; 
        min-width:980px;
        height: 0 !important;
    }
    
    .content-section {
        height: 370px !important;
        width:100% !important;   
        margin-left: 0 !important;
    }
    .content-list{
        inline-size:inherit !important;
        
    }    
    .content-list-icon{
        width:95% !important; 
        
    }
    .icon-section1{
        width:47% !important; 
        min-width:460px !important ;
    }
    .icon-section2{
        width:47% !important; 
        min-width:300px;
        margin-left: 55% !important;
	    height:100% !important;
    }
    
    .content-list-news{
        display:block;
	    width: 100% !important; 
    }
    .main-title-news{
        z-index: 1;
        position: relative;
    }
    .tab-style {
        height: 231px;
        display:inline-flex !important;
        z-index: 1;
        position: relative;
    }    
    
    .content-list-news-bg{
        display:block;
	    width: 100% !important; 
        height: 100% !important;         
        /*padding-bottom:70px !important;*/ 
        background:url(../img/main_img3.png)  !important; 
        background-repeat: no-repeat  !important; 
        background-position: right  !important; 
        opacity:0.8;
        z-index:-1;
        margin-top:-280px;
    }
    

    .footer-section-wrap .footer-list {
        margin: 0 auto 0 auto !important;
        width: 0px !important;
    }   
    .footer-section-wrap .footer-list li {
	    margin-left: 0px !important; 
    }      
    .spon-section table{
        margin:0 !important;
    }

    .info ul {
        position: initial !important;
        left: 0 !important;
        margin: 0 auto 0 auto !important;
        width: 550px;
    }
    .info ul li~ li {
        margin-top:8px;
    }
    .bottom-logo {
        position: initial  !important; 
        left: initial  !important; 
    }
    .info-top {
        height:57px;
    }
    .c3{
        float: right  !important; 
    }
    .tab-style .active .inner-tab  {
	    display:block;
        margin-top:17px;
    }

    .search_bar_div{
        position:absolute;
        top:-230px;
        left:0px;
    }
}
.wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    min-width: 1421px
}

.wrap-bg {
    width: 100%;
    /*height: 566px;*/
    height: 370px;
    background-image: url(../img/main_img_4.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: right;
    position: absolute;
    z-index: -1;
}

.wrap-section {
    width: calc(100% - 260px);
    height: 324px;
    margin-left: 260px;
    
}

.wrap-section-all {
    display: inline-flex;
    float: left;
    /*border-bottom: 1px solid #cecece;*/
    margin-left:260px;
}  
.wrap-section-map {        
    width:908px;
    float:left
}
.k-remap-wrap {
    width: 100%;
    /*height:500px;*/
    height: 480px;
    position: relative;
}
.main-title {
    font-size: 24px;
    font-weight: 700;
    float: left;
    margin-left:8px; 
    margin-top: 5px;
}

.main-title span {
    color: rgba(17,15,113);
}

.main-title-news {
    font-size: 24px;
    font-weight: 700;
    margin-left:20px; 
    margin-top: 5px;
    
}

.main-title-news span {
    color: rgba(17,15,113);
}
.wrap-section-chart {
    float:left; 
    margin-left:45px; 
    margin-top: 40px;
}   

.wrap-section-map .main-title{
    margin-top: 49px;
}
.k-remap-section {
    width: 100%;
    /*height: 560px;*/
    height: 490px;
    margin-top: 40px;
}
.k-remap-topwrap{
    width:100%;
    height:615px;
    padding-top: 30px;
}
.k-remap-topsection{
    width:1050px;
	/*margin:0 auto;*/
    margin-left: 346px;

}
.k-remap_area{
    width:274px; 
    height:405px;
}
.k-remap_area .map{
    width:274px; 
    height:405px;
    fill:#fff;
}
.map_background{
    opacity:0.2;
    width:274px; 
    height:405px;
    fill:#fff;
    fill:#fff;
}
.k-remap_font_area{
    float:left;    
    width:280px;  
    background-color :#fff;
    opacity:0.2;
    height: 27px;
    position: absolute;
}

.k-remap_font{
   font-weight:bold; 
   font-size:16px; 
}
.k-remap_font_bl{
   font-weight:bold; 
   font-size:16px; 
   color:blue;
}

.k-remap_topfont_bl{
   font-weight:bold; 
   font-size:16px; 
   color:#004f9b;
}
.k-remap_legend_area{
    width:86px; 
    height:405px;
    background-color :#fff;
    opacity:0.2;
    position: absolute;
}
.jisu_chart img {
    margin-top: -5px;
}
.k-remap_legend_font_area{
    float:left;    
    width:68px;  
    background-color :#fff;
    opacity:0.3;
    height: 27px;
    position: absolute;
}
.k-remap-section ul{
	float:left;
    height:29px;
}
.k-remap-section li{
	float:left;
}

.k-remap-section .k-remap-title li{
	float:left;    
    width:280px;  
    margin-top:2px;
    
}
.k-remap-section .k-remap-content li{
	float:left;
}
.l_flash{
    float:right; 
    margin-top:25px;
    margin-right:5.5%; 
    width:183px; 
    height:320px; 
    background:url(../img/sidebanner1.png) 0 0 no-repeat;
    box-shadow: 0px 0px 5px gray;
}


.l_flash_area {
    width:486px;
    background-color:rgba( 255, 255, 255, 0.3 );
    /*opacity:0.3;*/
    height:39px;
    position:absolute;
    right:0;
    top:9px;
    z-index:-1;
}
.l_flash_chart
{
    margin-top: 47px;
    height:432px;
    background-color: rgba( 255, 255, 255, 0.3 ) !important;     
}
.l_flash_chart .graph_date {
    margin:13px 0 0 16px;
    width: 100px;
    position: absolute;
}
 .l_flash_chart .graph_date span {
    font-size: 16px;
    font-weight: 700
 }
.l_flash_chart svg
{
    background-color: rgba( 255, 255, 255, 0.5 ) !important; 
    width : 420px;
    height: 320px;
    /*margin: 15px;*/
    margin-right:0px;
}

.l_flash_chart ul
{
    text-align:right;
}
.l_flash_chart_ddl {
    border: none;
    margin: 10px 20px;
    border-inline: none;
    border: 1px solid #cccccc;
}

.top
{  
    font-size:16px;
	font-weight:600;
	color: #fff;
    text-align:center;
    margin-top:25px;
	/*width: 72px;
	height: 37px;
	font-size:16px;
	font-weight:600;
	color: #292929;
    float:left;
	 border: 1px solid; */
}

.title {
    /*position: absolute;
    right: 244px;
    top: 10px;
    width: 144px;
    float: left;
    height: 37px;
    font-size: 16px;
    font-weight:600;*/
    font-weight: 600;
    color: #fff;
}

.d_title {
    position: absolute;
    right: 244px;
    top: 10px;
    width: 144px;
    float: left;
    height: 37px;
    font-size: 16px;
    font-weight:600;
}
.c2 {
   /* position: absolute;
    right: 125px;
    top: 10px;
    width: 100px;
    float: left;
    height: 37px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #336699;*/
    /* border: 1px solid; */
    color: #fff;
    float: left;
    margin-left:15px;
}

.c3 {
    /*width: 95px;
    height: 34px;
    line-height: 30px;
    float: left;
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    border: 1px solid #0A4097;
    background-color: #fff;
    margin-left: 385px;
    position: absolute;
    right: 165px;
    top: 24px;
    color: #336699;*/
    width: 95px;
    height: 34px;
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    border: 1px solid #0A4097;
    background-color: #fff;
    float:right;
    margin-right: 15px;
    margin-top: 5px;
    line-height:initial;
}


.c4
{
	clear: both;
	position: relative;
	width: 172px;
	height: 17px;
	line-height:17px;
	top: 46px;	
	font-size:14px;
	color: #336699;
	text-align: right;
	
}


.c4_txt
{
	font-size:11px;
	color: #336699;
    float: left;
    margin-left:15px;
}

.c5{
	position: relative;
	width: 172px;
	height: 16px;
	line-height:17px;
	top: 82px;	
	font-size:14px;
	color: #336699;
    text-align: right;
	
}

.c5_txt{
    font-size:11px;
	color: #336699;
    float: left;
    margin-left:15px;
}
.content-wrap{
	width:100%;
    height: 500px;
}
.content-wrap1 {
    width: 100%;
	height:231px;
	margin:0 auto;   
}
.content-wrap2 {
    width: 100%;
}
.content-wrap3 {
    width: 100%;
    height: 500px;
}
.content-list{
	width:100%;
	margin:0 20px;
	/*height:231px;*/
    inline-size: max-content;
}
.content-list-icon{
	width:47%;
    min-width:650px;
    border-top: 1px solid #cecece;
}
.content-list-news {
    /*width: 49%;*/
    width:690px;
    /*margin:40px 0 0 20px;*/
    margin: 0;
    text-align: left;
    border-top: 1px solid #cecece;
}

/*content-list ul{
	display:flex;
    justify-content:space-around;
}*/
.content-list li{
	float:left;
}
.tab-style {
    display: inline-flex;
    text-align: center;
}
.tab-style li{
	float:left;
	width:112px;
	padding-top: 8px;
    height:4px;
    /*margin-left:64px;*/
}
.tab-style li .tab-title:hover {
    color: #3170b5;
    /*border-bottom:3px solid #005b9f;
	 font-weight:bold;*/
}
.inner-tab li{
	width:661px;
	text-align:left;
	padding-left:10px;
}
.inner-tab li a{
	display:block;
    font-size:12pt;
}
.inner-tab li span{
	display:block;
	position: relative;
	top: -25px;
	left: 578px;
	color: #333;
}

.inner-tab li a:hover{
	color:#709bcb;
	font-weight:bold;
	display:inline-block;
}
.inner-tab li a span{
	padding-left:65px;
}
.inner-tab li:first-child{
	padding-top:20px
}
.inner-tab-new li{
	width:752px;
	padding-top:10px;
	text-align:left;
	padding-left:30px;
}
.inner-tab-new{
    width:700px;
    height:230px;
    margin-top:15px;
}
.inner-tab-new li a{
	display:block;
    font-size:10pt;
}
.inner-tab-new li span{
	display:block;
	position: relative;
	top: -15px;
	left: 395px;
	color: #333;
}
.inner-tab-new ul span{
	display:block;
	position: relative;
	color: #333;
}
.inner-tab-new li a:hover{
	color:#709bcb;
	font-weight:bold;
	display:inline-block;
}
.inner-tab-new ul a:hover{
	color:#709bcb;
	font-weight:bold;
	display:inline-block;
}
.inner-tab-new  a span{
	padding-left:65px;
}
.inner-tab-new li:first-child{
	padding-top:20px
}
.inner-tab-new .boardline {
    width: 200px;
    height: 153px;
    margin: 18px 10px 0 0;
    float: left;
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    position:relative;
}
.board-title {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    position: absolute;
    left: 3px;
    top: 21px;
    width: 198px;
    text-align:left;
}
.board-main {
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    position: absolute;
    left: 1%;
    top: 65px;
    
}
.board-date {
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    position: absolute;
    left: 62%;
    top: 130px;

}

.tab-style .tab-title {
    font-size: 18px;
    color: #292929;
    font-weight: bold;
}
.tab-style .active {
    border-bottom: 3px solid #709bcb !important;
    font-weight: bold;
}
.tab-style .active .inner-tab  {
	display:block;
    margin-top:17px;
    right: 20px;
}

.tab-style .active .inner-tab .more {
    color: #558CC4;
	right: initial; 
    position:absolute; 
    margin-top:-48px;
    margin-left:280px;
    font-size:17px;
    min-width: 45px;
}

.tab-style .active .inner-tab .more:hover{
	color: #0A4097;
    font-size:18px;
}
.tab-style .active .inner-tab1  {
    padding-top:12px;
	margin-left:-112px;
}
.tab-style .active .inner-tab2  {
    padding-top:12px;
	margin-left:-112px;
}
.tab-style .active .inner-tab3  {
    padding-top:12px;
	margin-left:-224px;
}
.tab-style .active .inner-tab4  {
    padding-top:12px;
	margin-left:-336px;
}
.tab-style .active .inner-tab5  {
    padding-top:12px;
	margin-left:-448px;
}
.tab-style .inner-tab  {
	
	width:672px;
	height:200px;
	overflow:hidden; 
	display:none; 
	left:0;
	}
.boardcont {
    width:100%;
    height:28px;
    border-bottom:1px solid #e8e8e8;
    margin-top:15px;
}
.tab-style .inner-tab:nth(2) .inner-tab-new{
	left:0;
}
.tab-style .active > a {
    color: #1360b4;
    font-weight: bold;
    /*border-bottom:3px solid #005b9f;*/
}
.tab-area {
    border-bottom: 3px solid #000;
    padding: 35 0;
    margin: 10 0;
}

.g_content-section {
    width: 1200px;
    height: 500px;
    margin: 0 auto;
}

.content-section {
    height: 250px;
    margin-left: 260px;
    
}

.icon-section1{
	position: absolute;
    width:315px; 
    /*height:231px;*/
    min-width:288px;
}

.icon-section2{
	margin-left: 315px;
    width:50%; 
    /*height:231px;*/
}
/*.icon-section1{
	width:100%;
	height:30px;
	margin-top:30px;
    margin-left:-390px;
    font-weight:700;
}*/
.icon-section{
	width:288px; 
    height:231px;
	    
}
.icon-section1 ul{
	
	margin:0 auto;
    display:flex;
    justify-content:space-around;
    margin: 15px 0;
}
.icon-section1 ul li {
    float: left;
    /*margin-top:38px;*/
    margin-top: 8px;
    width: 144px;
}
.icon-section1 ul li p {
    margin-top:12px;
    font-size:16px;
    color:rgba(49, 112, 181);
    font-weight:600;
}

.icon-section2 ul{
	
	margin:0 auto;
    display:flex;
    justify-content:space-around;
    margin: 15px 0;
}
.icon-section2 ul li {
    float: left;
    /*margin-top:38px;*/
    margin-top: 8px;
    width: 144px;
}
.icon-section2 ul li p {
    margin-top:12px;
    font-size:16px;
    color:rgba(49, 112, 181);
    font-weight:600;
}
.buttton-section {
    font-size: 18px;
    width:97%;
    padding: 9px 0px 9px 0px;
    background-color: #19426e;
    font-weight:500;
    color:#fff;
}
.buttton-section img{
    margin-right:15px;
    float: right;
    margin-top: -2px;
}


.jisu_chart {
    float: left;
    width: 86px;
}

.top_chart_area{
    width:200px; 
    height:410px;
    background-color :#fff;
    opacity:0.3;
    position: absolute;
}
.top_chart_font_area{
    float:left;    
    width:200px;  
    background-color :#fff;
    opacity:0.3;
    height: 27px;
    position: absolute;
}
.g_map{
    border:2px;
    background-size: 100% 100%;
    /*background:url("../img/map_bg(3).png");*/
}
.g_background {
    fill: #c6d2f6;
    border: 2px;
    /*opacity:0.3;*/
}
.g_background_UK
{
    fill:#829ab3;
    border:2px;
    /*opacity:0.3;*/
}
.g_background_US
{
    fill:#7b68ee;
    border:2px;
    /*opacity:0.3;*/
}
.g_background_FR {
    fill: #7066ad;
    border: 2px;
    /*opacity:0.3;*/
}
/*FOOTER MENU*/
/*FOOTER MENU*/
.spon-section-wrap {
    width: 100%;
    /*margin: 0 auto;*/
    margin: 20px auto;
    overflow: hidden;
    border-top: 1px solid #cacaca;
}
.spon-section-wrap .spon-section{
	width:100%;
    border-bottom:1px solid #cecece;
}
.spon-section tr {
    height: 76px;
}
.footer-section-wrap {
    width: 100%;
    margin: 0 auto;
}
.footer-section-wrap .footer-list {
	margin-left: 657px; 
    font-size:14px;
    min-width:820px;
}
.footer-section-wrap .footer-list li{
	float:left;
    margin-left:20px;
}
.info {
    width:100%;
    height:90px;
    position:relative;
}
.info ul {
    margin-left: 58px;
    position: absolute;
    left: 622px;
    text-align:left;
    font-size:14px;
    min-width:550px;
}
.info ul li~ li {
    margin-top:8px;
}
.bottom-logo {
    position:absolute;
    left:287px;
    
}
.info-top {
    height:57px;
}
/*SIMPLE-NAVIBAR*/
.line_map {
    width:98.3%;
    margin-left:10px;
    border-bottom: 2px solid #000;
    display: inline-block;
    min-width: 960px;
    
}
.line_map .text-right{
	text-align:left;
	padding:10px 10px;
    font-weight: bold;
}
.line_map .text-right .sim_navi{
	display:inline-block;
	padding-top:5px;
}
.line_map .text-right .sim_navi span{
    font-size:28px;
	font-weight:bold;
}
/*MENU1*/
.sub-content-section-ver2{
	width:1015PX;
	margin:0 auto;
	overflow:hidden;
	border-left:1px solid #ededed;
}

@media (max-width: 1200px) {

    .sub-content-section {
        margin: 0 auto;
        margin-left: 0 !important;
        /*overflow: auto !important;*/
        border-left: 1px solid #ededed;
        /*min-width: 850px;*/
    }
}

.sub-content-section{
	margin:0 auto;
    margin-left:250px;
	overflow:hidden;
	border-left:1px solid #ededed;
}
.sub-nav-topsection{
    display:none; 
    background:url(../App_Themes/img/sub_top1.png)no-repeat center center; 
    height:340px; 
    border-bottom: 35px #f3f3f3 solid;
    box-sizing: border-box;
    position: absolute;
    z-index: -1;
    width: 100%;
}

.sub-text-title{
    color:white;
    font-size:48px;
    padding-top:102px;
}
.sub-text-tilte-underbar {
    width:45px;
    height:2px;
    background-color:#fff;
    position:absolute;
    left:50%;
    transform:translate(-50%);
    margin-top:4px;
}
.sub-text-title-sub {
    color: white;
    font-size: 18px;
    padding-top: 18px;
}
.sub-text_nav {
    text-align: right;
}
.sub-text_nav span{
    vertical-align: middle;
    margin:0 5px;
}
/*SUB_LEFT_MENU1*/
.left-area{
	width:264px;
	float:left;
}
.menu_back{
	height:90%;
	background:url(../img/left_menu_back.gif) repeat-y;
}
/*SUB_RIGHT_MENU1*/
.right-area-ver2{
	float:left;
	width:735px;
	border-left:1px solid #ededed;
}
.right-area{
    width:100%;
	float:left;
	border-left:1px solid #ededed;
    overflow:auto;
}
.sub_cont_wrap .sub_cont{
	width: 736px;
}
.intro-main p {
    margin-top:20px;
}
.intro-main p:first-child {
    text-indent:20px;
}

.center_work_wrap h2 {
    font-size: 30px;
    color: #0049b6;
}
.center_work_wrap p {
    margin-top:20px;
}
.center_work_wrap span {
    font-size: 42px;
    color: black;
}
/*MENU2*/
.sub_cont table {
    width: 736px;
    height: 147px;
}
.inside {
	padding:0 10px;
	margin:15px 0 25px 0;
}
/*MENU5*/
.right_cont_warp{width:100%}
.bbs_list .list_area .list_left {
        PADDING-RIGHT: 0px;
        PADDING-LEFT: 0px;
        VERTICAL-ALIGN: middle;
        PADDING-TOP: 0px;
        HEIGHT: 32px;
        background-repeat: no-repeat;
        background-position: left top;
        /*background-image: url(../img/new_lbg.png);*/
}
.bbs_list .list_area .list_right {
        VERTICAL-ALIGN: middle;
        HEIGHT: 40px;
        background-repeat: no-repeat;
        background-position: right top;
        padding: 0px;
        PADDING-BOTTOM: 15px;
        /*background-image: url(../img/new_rbg.png);*/
}
.bbs_list .list_area TH {
        PADDING-RIGHT: 0px;
        PADDING-LEFT: 0px;
        PADDING-BOTTOM: 15px;
        VERTICAL-ALIGN: middle;
        PADDING-TOP: 0px;
        HEIGHT: 40px;
        TEXT-ALIGN: center;
        background-repeat: repeat-x;
        /*background-image: url(../img/new_cbg.png);*/
}
.list_area TD {
    BORDER-BOTTOM: #F6F6F6 2px solid;
    TEXT-ALIGN: center;
    line-height: 37px;
    /*BORDER-BOTTOM: #BFD2E6 1px solid;*/
}
.btnArea {
    position: relative;
    height: 35px;
    width: 100%;
}
.paging{
	margin-top:18px;
	height:15px;
	clear:both;
}
.ser_f {
    background: url(../img/ser_b_left.gif) no-repeat;
    background-position: left top;
    font-size: 12px;
    font-family: dotum, sans-serif;
    color: #666666;
    width: 10px;
    height: 38px;
}

.ser_m {
    background: url(../img/ser_b_bg.gif) repeat-x;
    font-size: 12px;
    font-family: dotum, sans-serif;
    color: #666666;
    height: 38px;
}

.ser_b {
    background: url(../img/ser_b_right.gif) no-repeat;
    background-position: right top;
    font-size: 12px;
    font-family: dotum, sans-serif;
    color: #666666;
    width: 10px;
    height: 38px;
}
.ser_input SELECT {
        WIDTH: 80px;
        HEIGHT: 21px;
        VERTICAL-ALIGN: middle;
        BORDER: #558CC4 1px solid;
    }
.ser_m .ser_input .ser_content {
    BORDER-RIGHT: #558CC4 1px solid;
    BORDER-TOP: #558CC4 1px solid;
    BORDER-LEFT: #558CC4 1px solid;
    BORDER-BOTTOM: #558CC4 1px solid;
    WIDTH: 180px;
    HEIGHT: 16px;
    BACKGROUND-COLOR: #fff;
    VERTICAL-ALIGN: middle;
    padding-top: 3px;
}
.bbs_view .view_area .ttl_left2 {
    VERTICAL-ALIGN: middle;
    PADDING-TOP: 0px;
    HEIGHT: 32px;
    font-size : 18px;
    /*background-image: url(../img/new_lbg2.png);
    background-repeat: no-repeat;*/
}
.bbs_view .view_area .ttl_middle2 {
    padding-right: 0px;
    padding-bottom: 0px;
    vertical-align: middle;
    padding-top: 0px;
    height: 32px;
    text-align: left;
    /*background: url(../img/new_cbg.png) 0 0 repeat-x;*/
    /*padding-left: 5px;*/
}
.bbs_view .view_area .ttl {
    TEXT-ALIGN: center;
    padding-top:5px;
    PADDING-BOTTOM: 5px;
    VERTICAL-ALIGN: middle;
    HEIGHT: 30px;
    font-size:18px;
    /*PADDING: 0px;*/
    /*BORDER-BOTTOM: #97b2db 1px solid;*/
}
.bbs_view .view_area .ttl2 {
    TEXT-ALIGN: left;
    VERTICAL-ALIGN: middle;
    HEIGHT: 30px;
    font-size:18px;
    /*padding-left: 5px;*/
    /*text-indent: 5px;*/
    /*BORDER-BOTTOM: #97b2db 1px solid;*/
}
.bbs_view .view_area .ttl3 {
    TEXT-ALIGN: center;
    VERTICAL-ALIGN: middle;
    HEIGHT: 20px;
    padding-left: 5px;
    /*border-top: #97b2db 1px solid;*/
    /*padding-bottom:5px;
    padding-top:5px;*/
    /*BORDER-BOTTOM: #97b2db 1px solid;*/
}
.bbs_view .view_area .ttl4 {
    TEXT-ALIGN: left;
    VERTICAL-ALIGN: middle;
    HEIGHT: 20px;
    padding-left: 1.9em;
    font-weight: bold;
    /*BORDER-BOTTOM: #97b2db 1px solid;*/
    /*border-top: #97b2db 1px solid;*/
    /*color: blue;*/
    /*padding-left: 5px;*/
    /*text-indent: 5px;*/
}

.bbs_view .view_area .ttl4 :hover
{
    color:blue;
}

.bbs_view .view_area .ttl_right2 {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    PADDING-TOP: 0px;
    HEIGHT: 32px;
    /*background-image: url(../img/new_rbg.png);
    background-repeat: no-repeat;
    background-position: right top;*/
}
.bbs_view .view_area #divcontent {
    padding: 20px 0px;
    width: 100%;
    overflow: auto;
    text-align: left;
    min-height: 160px
}
.bbs_view .view_area .bottom {
    TEXT-ALIGN: left;
    VERTICAL-ALIGN: middle;
    BORDER-BOTTOM: #97b2db 1px solid;
    color: #0A4097;
}
.bbs_view .view_area .ttl6_2 {
    TEXT-ALIGN: left;
    VERTICAL-ALIGN: middle;
    HEIGHT: 20px;
    BORDER-BOTTOM: #E0E0E0 1px solid;
    color: #0A4097;
    font-size:18px;
    /*text-indent: 5px;*/
    /*padding-left: 5px;*/
}
.bbs_view .view_area .ttl5 {
    TEXT-ALIGN: center;
    VERTICAL-ALIGN: middle;
    HEIGHT: 20px;
    /*padding-bottom:5px;
    padding-top:5px;*/
    /*BORDER-BOTTOM: #E0E0E0 1px solid;*/
}
.bbs_view .view_area .ttl5_1 {
    TEXT-ALIGN: center;
    VERTICAL-ALIGN: middle;
    HEIGHT: 20px;
    /*padding-bottom:5px;
    padding-top:5px;*/
    /*BORDER-BOTTOM: #97b2db 1px solid;*/
}
/*MENU8*/
#tabsF {
    float: left;
    width: 100%;
    background-image: url(../img/tab01_back.gif);
    font-size: 93%;
    line-height: normal;
    background-repeat: repeat-x;
    background-position: left bottom;
    height: 31px;
    border-bottom: 1px solid #014D7E;
    font-weight: bold;
    margin-top: 20px;
}
#tabsF .current a span {
			background: url(../img/tab_bg.png) 0 0 repeat-x;
            border-top: 1px solid #014d7e;
			border-left: 1px solid #014d7e;
			border-right: 1px solid #014d7e;
			border-bottom:1px solid f1f9fc;
            color: #ee8c1c;
}
#tabsF span {
    float: left;
    display: block;
    cursor: pointer;
    width: 115px;
    text-align: center;
    padding: 8px 0px 8px 0px;
    color: #4E89AE;
    border-top: 1px solid #9bbdd3;
    border-right: 1px solid #9bbdd3;
    border-left: 1px solid #9bbdd3;
    border-bottom: 1px solid #014d7e;
    background: #ccdbe5;
    border-radius: 10px 10px 0 0;
}

.pg1 {
    float: right;
    padding: 5px 0;
}
#Policy_list_left {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    VERTICAL-ALIGN: middle;
    PADDING-TOP: 0px;
    HEIGHT: 32px;
    TEXT-ALIGN: center;
    background: url(../img/new_lbg2.png) 0 0 no-repeat;
}
#Policy_listt_area {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    PADDING-TOP: 0px;
    HEIGHT: 32px;
    TEXT-ALIGN: center;
    background: url(../img/new_cbg.png) 0 0 repeat-x;
}
#Policy_list_right {
    VERTICAL-ALIGN: middle;
    HEIGHT: 32px;
    background: url(../img/new_rbg.png) right top no-repeat;
    TEXT-ALIGN: center;
    padding: 0px;
}
.year_back {
    background-image: url(../img/year_back.gif);
    font: bold 16px Arial, Helvetica, sans-serif;
    color: #4E89AE;
    background-repeat: no-repeat;
    background-position: left center;
    text-align: center;
    vertical-align: middle;
    height: 100px;
    width: 100px;
    /*padding-right: 50px;*/
}
.year_back a {
        color: #4E89AE;
        text-decoration: none;
    }

.year_back_r {
    background-image: url(../img/year_back.gif);
    font: bold 16px Arial, Helvetica, sans-serif;
    color: #4E89AE;
    background-repeat: no-repeat;
    background-position: right center;
    text-align: center;
    vertical-align: middle;
    height: 100px;
    width: 100px;
    /*padding-left: 50px;*/
}

    .year_back_r a {
        color: #4E89AE;
        text-decoration: none;
    }
.bbs_view .view_area .ttl_left1 {
    /*PADDING-RIGHT: 0px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 5px;*/
    VERTICAL-ALIGN: middle;
    PADDING-TOP: 0px;
    ttl HEIGHT: 32px;
    font-size: 18px;
    /*background-image: url(../img/new_lbg2.png);*/
    /*background-repeat: no-repeat;	*/
}
.bbs_view .view_area .ttl_middle1 {
    font-size: 18px;
    /*background: url(../img/new_cbg.png) 0 0 repeat-x;*/
}
.bbs_view .view_area .ttl_right1 {
    background-repeat: no-repeat;
    background-position: right top;
    /*background-image: url(../img/new_rbg.png);*/
}
.bbs_view .view_area .ttl6 {
    TEXT-ALIGN: left;
    VERTICAL-ALIGN: middle;
    padding-left: 5px;
    HEIGHT: 20px;
    BORDER-BOTTOM: #E0E0E0 1px solid;
}

/*카드바디의 테이블 옵션*/
.card-body table{
    table-layout:auto;
}
/*.card-body svg{
    width:100%;
    height:100%
}*/