@charset "UTF-8";
/* CSS Document */


/**/
*{margin:0; padding:0;}
ol,ul{list-style:none;}
a{text-decoration:none; color:inherit; outline:none;}
img{border:0;}
body{font-family: 'Noto Sans KR', sans-serif; font-size: 13px; color: #272727;}
.wrap{max-width:1200px; margin: 0 auto;}

/*nav_bg*/
.nav2{background:url(../image/sub_1_nav2_bg.png) no-repeat center center;}
/*nav_bg*/

/*p1*/
.p1{width: 100%; height: 350px; background:url(../image/sub_1_p1_bg.png) no-repeat center center; color: white;}
.list1_f{width: 1200px; height: 60px; padding-top: 25px;}
.list1{width:110px; height:60px; float: right; font-weight: 300;}
.list1 li{float: left; margin-left: 5px;}
.txt1_f{width:1200px; height: 150px; margin-top: 80px;}
.txt1{width:350px; height:150px; font-size: 50px; font-weight: bold; text-align: right; float: right;}
.txt1_1{float: right;}
#txt1_1{margin-right: 27px;}
.button5{position:fixed; bottom:20px; right:30px; z-index:1; border:none; outline:none; background: white; cursor:pointer; opacity: 0.5; padding:15px; border-radius:10px; display:none;}
.button5:hover{background:black; opacity: 1; color:white;}
/*p1*/

/*p2*/
.p2{width: 100%; height:650px; text-align: center; font-size: 26px;}
.list2{width: 1200px; height: 650px;}
.line{margin: 0 auto; margin-top: 110px;}
.txt3{font-size: 50px; font-weight: bold; line-height: 170px;}
#txt4{line-height: 245px;}
/*p2*/

/*p3*/
.p3{width: 100%; height: 400px; text-align: center; font-size: 30px;}
.list3{width:1200px; height: 350px; }
.list3 li{float:left;}
.list3_1{width: 212px; height: 350px;}
.list3_1 p{padding-top: 250px;}
.list3_1 strong{color:#cc1515;}
.list3_2{width: 282px; height: 350px; background:url(../image/sub_1_list3_2.png) no-repeat center center; }
#list3_1_1{background:url(../image/sub_1_list3_1_1.png) no-repeat;}
#list3_1_2{background:url(../image/sub_1_list3_1_2.png) no-repeat;}
#list3_1_3{background:url(../image/sub_1_list3_1_3.png) no-repeat;}
/*p3*/

/*p4*/
.p4{width: 100%; height: 960px; text-align: center;}
.map{width:1200px; height: 430px;}
.info{width:1200px; height: 290px; text-align: left; font-size: 15px;}
.info div{float: left;}
.name{width: 392px; font-size: 16px; height: 290px;}
.name strong{font-size:40px ; font-weight: bold;}
.s_b{width:800px;}
.s_b_1{font-size: 25px;}
.s_b_1 img{margin-right: 10px;}
.list4{width:500px; height: 20px; margin-top: 20px; margin-bottom: 20px;}
.list4 li{float: left; line-height: 20px;}
#list4_1{margin-right: 5px;}
#list4_3{margin-left: 10px;}
.list5_1{width: 220px; height: 150px; float: left;} 
.list5_1 li{line-height: 50px;}
.list5_2{width:400px; height: 150px; float: left; font-size: 13px; margin-left: 20px;}
.list5_2 li{height: 50px; line-height: 52px;}
/*p4*/


/*laptop*/
@media (min-width:1024px) and (max-width:1680px) {
    .wrap{max-width:1670px;}
    .m_wrap2{width:1024px; margin: 0 auto;}
    .list1_f, .txt1_f, .list3{width: 1024px;}
    .info{width:1024px; margin: 0 auto;}
    .txt1{margin-right: 50px;}
    .list2{width:1024px;}
    .list3_2{display: none;}
    .list3 li{margin-left: 95px;}
    .map{width: 1000px; margin: 0 auto;} 
    .map_1{width: 1000px;}
    .name{width: 320px; margin-left: 20px;}
    .s_b{width: 650px;}
}

/*tablet*/
@media (min-width:768px) and (max-width:1024px) {
    .wrap{max-width:1023px;}
    .m_wrap2{width:768px; margin: 0 auto;}
    .list1_f, .txt1_f, .list3{width: 768px;}
    .info{width:768px; margin: 0 auto;}
    .txt1{margin-right: 50px;}
    .list1{padding-right: 30px;}
    .list2{width:768px;}
    .list2{font-size: 20px;}
    .txt3{font-size: 40px;}
    #txt4{line-height: 200px;}
    .list3_2{display: none;}
    .list3 li{margin-left: 30px;}
    .map{width: 700px; margin: 0 auto;} 
    .map_1{width: 700px;}
    .name{width: 214px; margin-left: 30px; font-size: 15px;}
    .name strong{font-size: 30px;}
    .s_b{width: 500px; margin-left: 20px;}
    .s_b_1{font-size: 20px;}
    .list5_1{width: 180px; font-size: 12px;}
    .list5_1 li{line-height: 30px; margin-bottom: 10px;}
    .list5_2{width: 260px; font-size: 10px;}
    .list5_2 li{height:30px; margin-bottom: 10px;}
}
    
    /*mobile*/
@media (min-width:376px) and (max-width:767px) {
    .wrap{max-width:376px;}
    .m_wrap2{width:376px; margin: 0 auto;}
    .list1_f, .txt1_f, .list3{width: 376px;}
    .info{width:376px; margin: 0 auto;}
    .line{margin-top: 50px;}
    .txt1{margin-right: 20px;}
    .list1{padding-right: 10px;}
    .p2{height: 400px;}
    .list2{width:376px;}
    .list2{font-size: 14px;}
    .txt3{font-size: 25px; line-height: 100px;}
    #txt4{line-height: 200px;}
    .p3{height:500px}
    .list3_1{width:145px; height: 250px; font-size: 14px;}
    #list3_1_3{margin-left: 115px;}
    .list3_1 p{padding-top: 165px;}
    .list3_2{display: none;}
    .list3 li{margin-left: 30px;}
    #list3_1_1{background:url(../image/sub_1_list3_1_1_m.png) no-repeat;}
    #list3_1_2{background:url(../image/sub_1_list3_1_2_m.png) no-repeat;}
    #list3_1_3{background:url(../image/sub_1_list3_1_3_m.png) no-repeat;}
    .p4{height: 680px;}
    .map{width: 350px; margin: 0 auto;} 
    .map_1{width: 350px;}
    .name{width: 260px; height:95px; margin-left: 30px; font-size: 15px;}
    .name strong{font-size: 30px;}
    .s_b{display: none;}
}


/*mobile min*/
@media (min-width:320px) and (max-width:375px) {
    .m_wrap2{width:320px; margin: 0 auto;}
    .list1_f, .txt1_f, .list3{width: 320px;}
    .txt1_f{margin-top: 110px;}
    .info{width:320px; margin: 0 auto;}
    .line{margin-top: 50px;}
    .txt1{margin-right: 20px; font-size: 40px; width: 320px;}
    .txt1_1 img{width:120px}
    .list1{padding-right: 10px;}
    #txt1_2{font-size: 43px;}
    .p2{height: 350px;}
    .list2{width:320px;}
    .list2{font-size: 12px;}
    .txt3{font-size: 20px; line-height: 100px;}
    #txt4{line-height: 100px;}
    .p3{height:400px}
    .list3_1{width:115px; height: 210px; font-size: 14px;}
    .list3_1 p{padding-top: 135px;}
    #list3_1_3{margin-left: 105px;}
    .list3_2{display: none;}
    .list3 li{margin-left: 30px;}
    #list3_1_1{background:url(../image/sub_1_list3_1_1_m2.png) no-repeat;}
    #list3_1_2{background:url(../image/sub_1_list3_1_2_m2.png) no-repeat;}
    #list3_1_3{background:url(../image/sub_1_list3_1_3_m2.png) no-repeat;}
    .p4{height: 680px;}
    .map{width: 300px; margin: 0 auto;} 
    .map_1{width: 300px;}
    .name{width: 260px; height:95px; margin-left: 30px; font-size: 15px;}
    .name strong{font-size: 30px;}
    .s_b{display: none;}
}