@charset "utf-8";

/* bx-slide modify css */

.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
}

.bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0px solid #fff;
    left: 0px;
    background: none;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

div.banner_wrap{
    position:relative;
}

.banner_wrap .main_slide {
    position: relative;
    width: 100%;
    height: 706px !important;
    margin: 0 auto;
}

.banner_wrap .main_slide .slide {
    height: 706px !important;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

/* 메인 배너 이미지 */
.banner_wrap .main_slide .slide01 {
    background-image: url(../images/main01.gif);
}

.banner_wrap .main_slide .slide02 {
    background-image: url(../images/main_banner02.jpg);
}

.banner_tb{
    position:absolute;
    top:0;
    left:50%;
    margin-left:-600px;
    height:100%;
 width:1200px;
}

.banner_tb>h3{
font-size:67px;
    color:#023335;
    font-weight:500;
    line-height:1.2;
    margin:127px 0 19px;
    padding-top:4px;
    
}
.banner_tb>h3 span{
    color: #f56902;
}

.banner_tb>p{
font-size:25px;
    font-weight:400;
    color:#023335;
    line-height:1.3;  
    padding-left: 6px;
}

.b_arrow{   
    position:absolute;
    left:50%;
    bottom:35px;
    margin-left:-23px;
    display:block;
    text-indent:-9999em;
    width:47px;
    height:47px;
    background:url(../images/banner_arrow.png);
}

.business_wrap{
    width:1200px;
margin:70px auto 96px;
}

.area_b_title{
text-align:center;    
}

.sec_title{
    font-family: 'NanumSquare', sans-serif;
    font-weight: 800;
    font-size:35px;    
    color:#000;
    letter-spacing:0;
    margin-bottom:7px;
}

.sec_sub_t{
font-size:15px;
    font-weight:300;
}

.business_list{
 margin-top:50px;   
}

.business_list:after{
 content:'';
    display:block;
    clear:both;
}

.business_list>div{
 position: relative;
    float:left;   
    width:280px;
    height:351px;
    margin-right:27px;
    background-position: center;
    background-size:100%;
}

.business_list>div:first-child{
 margin-right:26px;   
}

.business_list>div:last-child{
 margin-right:0;   
}

.business_list>div>a{
    display:block;
 width:280px;
    height:351px;
}

.b_box01{
background-image:url(../images/m_business01.jpg);    
}

.b_box02{
background-image:url(../images/m_business02.jpg);    
}

.b_box03{
background-image:url(../images/m_business03.jpg);    
}

.b_box04{
background-image:url(../images/m_business04.jpg);    
}

.business_list>div h3{
    position: absolute;
    bottom: 58px;
    left: 30px;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    background: url(../images/busi_bar.png) no-repeat left bottom;
    padding-bottom: 8px;
    width: 217px;
}

.business_list>div span{
     position:absolute;
    bottom:22px;
    left:30px;
    font-size:16px;
    font-weight:200;
    color:#fff;
    line-height:1.1;
}

.gn_wrap{
    position: relative;
 margin-bottom:64px; 
    background:url(../images/sec02_bg.jpg) no-repeat center center;
    background-size:cover;
    min-width:1200px;
}

.gn_wrap>.safe_box{
height:450px;
}

.gn_title{
    position:relative;
    top:100px;
    font-size:45px;
    font-weight:400;
    color:#fff;
    padding-top:18px;
    background:url(../images/sec02_title_bar.gif) no-repeat left top;
}

.gn_sub_t{
    position:relative;
    top:104px;
    font-size:16px;
    font-weight:200;
    color:#fff;
}

.gn_btn>a:link, .gn_btn>a:visited{
    position:relative;
    top:145px;
    display:block;
    width:110px;
    height:34px;
    line-height:34px;
    text-align:center;
    color:#fff;
    font-size:15px;
    font-weight:300;
    border:1px solid #fff;
    transition-duration:0.3s;
}

.gn_btn>a:hover, .gn_btn>a:focus{
    background:#fff;
    color:#000;
}

.country_list>li>a{
    font-size:17px;
    font-weight:300;
    letter-spacing: 0;
    color:#fff;
    text-align:center;
    line-height:25px;
    height:25px;
    width:80px;
    display:block;
    border-radius: 15px;
}

.kc_k{
    position: absolute;
    right: 188px;
    top: 234px;
}

.kc_k>a{
background-color:#012151;
}

.kc_k>img{
     position: absolute;
    top: -82px;
    left: -8px;   
}

.kc_c{
position: absolute;
     right:296px;
    top:256px;
}

.kc_c>img{
     position: absolute;
    top: -82px;
    left: -8px;
}

.kc_c>a{
background-color:#ed6911;   
}



.cm_wrap{
 width:1200px;
    margin:0 auto 80px;
}

.area_c_title{
 text-align:center;   
}

.cm_list{
margin-top:50px;
}

.cm_list:after{
content:'';
    display:block;
    clear:both;
}

.cm_list>div{
    position:relative;
 float:left;   
    width:387px;
    height:253px;
    margin-right:20px;
}

.cm_list>div:first-child{
margin-right:19px;
}

.cm_list>div:last-child{
 margin-right:0;
}

/*
.cm_title{
    font-size:20px;
    font-weight:400;
    color:#070607;
    padding-left:42px;
    padding-bottom:20px;
    border-bottom:2px solid #707070;
}
*/

.cm_box01>.cm_title{
 background:url(../images/qna_icon.png) no-repeat left top 5px;   
     font-size:20px;
    font-weight:400;
    color:#070607;
    padding-left:42px;
    padding-bottom:20px;
    border-bottom:2px solid #707070;
}

.cm_box02>.cm_title{
 background:url(../images/notice_icon.png) no-repeat left top 5px;   
    padding-left:34px;
     font-size:20px;
    font-weight:400;
    color:#070607;
    padding-bottom:20px;
    border-bottom:2px solid #707070;
}

.qna_list{
margin:23px 10px 0;
}

.qna_list>li{
 position:relative;  
    padding-left:20px;
    background:url(../images/list_bg.gif)no-repeat left center;
    margin-bottom:5px;
}

.qna_list>li:last-child{
 margin-bottom:0;   
}

.qna_list>li>a:link, .qna_list>li>a:visited{
    font-size:16px;
    font-weight:300;
    width:250px;
}

.qna_list>li>a:hover, .qna_list>li>a:focus{
    text-decoration:underline;
}

.qna_day{
    position:absolute;
    top:0;
    right:0;
    font-size:16px;
    font-weight:300;
}




.notice_list{
margin:23px 10px 0;
}

.notice_list>li{
 position:relative;  
    padding-left:20px;
    background:url(../images/list_bg.gif)no-repeat left center;
    margin-bottom:5px;
}

.notice_list>li:last-child{
 margin-bottom:0;   
}

.notice_list>li>a:link, .notice_list>li>a:visited{
    font-size:16px;
    font-weight:300;
    width:250px;
}

.notice_list>li>a:hover, .notice_list>li>a:focus{
    text-decoration:underline;
}

.notice_day{
    position:absolute;
    top:0;
    right:0;
    font-size:16px;
    font-weight:300;
}

.cm_list>div>a{
    position:absolute;
    right:15px;
    top:4px;
    font-size:24px;
    text-align:center;
    line-height:30px;
    display:block;
    width:30px;
    height:30px;
    color:#c8c8c8;
    border:1px solid #c8c8c8;
    border-radius:30px;
}

.cm_box03{
    background:#012151;
}

.cm_box03>.cm_title{
    color:#fff;
    font-size:20px;
    font-weight:400;
    background:url(../images/cs_bar.gif) no-repeat left top;
    padding-top:10px;
    margin-top:30px;
    margin-left:45px;
}

.cm_sub_t{
    position: absolute;
    left:45px;
    top:67px;
     color:#fff;
    font-size:16px;
    font-weight:400;
}

.tel_number{
    position: absolute;
    left: 20px;
    top: 113px;
    color: #fff;
    display: block;
    width: 275px;
    font-size: 20px;
    font-weight: 300;
    padding: 4px 0 25px 75px;
    border-bottom:1px solid rgba(255,255,255,0.25);
    background: url(../images/cs_icon01.png) no-repeat left 34px top 4px;
}

.cm_mail{
    position: absolute;
    left:55px;
    top:190px;
  color:#fff;
    font-size:20px;
    font-weight:300;
    padding:4px 0 4px 40px;
    background:url(../images/cs_icon02.png) no-repeat left center;
}

.area_ck>a{
    position: absolute;
    font-size:17px;
    font-weight: 300;
    display:block;
    width:70px;
    height:26px;
    color:#fff;
    text-align: center;
    line-height:26px;
    border-radius:10px;
    letter-spacing: 0;
}

.area_ck>a.ck_k{
    background: #012151;
    top: 50%;
    right: 50%;
    margin-right: -400px;
}

.area_ck>a.ck_c{
    background: #ed6911;
    bottom: 50%;
    right: 50%;
    margin-right: -294px;
    margin-bottom: -53px;
}































