@charset "utf-8";
@import "./default.css";/*공통으로 사용될 css를 보관함*/

.sub-header{       
    background-image: url(./img/menu10_topbanner.png);
}

/* -START- sub_10_menu60_CSS*/
#map{
    width: 100%;
    height: 542px;
    margin-bottom: 60px;
}

.section01{
    width: 100%;
    overflow:hidden;
    height:auto;
    padding-bottom: 192px;
}

.sect01{
    width: 30%;
    height: 268px;
    background: transparent url('./img/menu60_bg01.png') 0% 0% no-repeat padding-box;
    float: left;
}

.sect02{
    padding-left: 83px;
    float: left;
    width: 69.66%;
}

.sect02 h2{
    font-family: 'paybooc-Bold';
    font-size: 35px;
    line-height: 48px;
    padding-bottom: 51px;
    padding-top: 34px;
}

.sect02 .h_logo{
    width: 162px;
    height: 70px;
    background: transparent url('/theme/basic/img/hp_logo.png') 0% 0% no-repeat padding-box;
    display: inline-block;
    vertical-align: text-top;
    float: right;
}

.sect02 li{    
    font-size: 18px;    
    line-height: 35px;        
}
.sect02 li span:nth-child(1){    
    width: 23.33px;
    height: 24.25px;
    display: inline-block;
    vertical-align: sub;
    
}
.sect02 li span.icon01{background: transparent url('./img/menu60_icon01.png') 0% 0% no-repeat padding-box;}
.sect02 li span.icon02{background: transparent url('./img/menu60_icon02.png') 0% 0% no-repeat padding-box;}
.sect02 li span.icon03{background: transparent url('./img/menu60_icon03.png') 0% 0% no-repeat padding-box;}



.sect02 li span:nth-child(2){    
    font-weight: 300;
    padding-right: 34px;
    padding-left: 26.67px;
}


@media (max-width: 1500px){
	.section01{padding: 0 20px 80px 20px;}
}

@media (max-width: 1024px) {    
    #menu60-chapter01{
        padding-left: 19px;
        padding-right: 19px;
    }
    
    .sect01{display: none;}

    .sect02{
        width: 100%;
        padding-left: 0px;
        padding-top: 5px;
    }

    .sect02 li{
        padding: 0px;
    }
}

@media (max-width: 768px) {
    #map{
        width: 100%;
        height: 215px;
        margin-bottom: 37px;
    }
   .sect02 h2{
       font-size: 20px;
       line-height: 19px;
       text-align: center;
       padding-bottom: 24px;
   }
   .sect02 .h_logo{display: none;}
   .sect02 ul{
        border-top: 1px solid #0F56BE;
   }
   .sect02 li{
       border-bottom: 0.75px solid #D1D1D1;
       padding-bottom: 16.5px;
    }
   .sect02 li span:first-child{display: none;}
   .sect02 li span:nth-child(2){       
       width: 100%;
       display: inline-block;
       font-weight: 600;
       padding-left: 11px;
       font-size: 15px;
   }
   .sect02 li span:nth-child(3){
       font-size: 15px;
       color: #6D6D6D;
       padding-left: 11px;
       display: block;
   }
}
/*// -END- sub_10_menu60_CSS*/