@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_3_nav2_bg.png) no-repeat center center;}
/*nav_bg*/

/*p1*/
.p1{width: 100%; height: 350px; background:url(../image/sub_3_p1_bg.png) no-repeat center center; color:#282828}
.list1_f{width: 1200px; height: 60px; padding-top: 25px;}
.list1{width:138px; 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:355px; height:150px; font-size: 50px; font-weight: bold; text-align: right; float: right;}
.txt1_1{float: right;}
#txt1_1{margin-right: 27px;}
#txt1_2{font-size: 55px;}
.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:850px; text-align: center; font-size: 26px;}
.list2{width: 1200px; height: 220px;}
.line{margin: 0 auto; margin-top: 110px;}
.txt3{font-size: 50px; font-weight: bold; line-height: 170px;}
.control{width:900px; height:500px; margin: 0 auto; background:url(../image/sub_3_p2_control.png) no-repeat center center;}
/*p2*/

/*p3 tab*/
.p3{width:100%; height: 1730px; text-align: center;}
.tab_menu{width:720px; height: 60px; line-height: 60px; font-size: 18px; font-weight: 300; cursor: pointer; margin: 0 auto;}
.tab_menu li{float: left; width:240px; box-sizing: border-box;}
.tab_menu li.active{background: #000000;; color:#fff;}
.tab_menu_1{border:1px solid #cdcdcd;}
.tab_menu_2, .tab_menu_3{border-style: solid; border-width: 1px 1px 1px 0px; border-color: #cdcdcd;}

    /*tab_con_1*/
    .tab_con_1{width: 100%; height: 1670px; text-align: center; font-size: 30px;}
    .list3{width:1200px; height: 650px; font-size: 18px;}
    .list3 li{float:left;}
    .list3_1{width: 400px; height: 600px;}
    .list3_1 p{padding-top: 450px; font-weight: 300; }
    .list3_1 strong{font-size: 24px; line-height: 55px;}
    #list3_1_1{background:url(../image/sub_3_tab_img.png) no-repeat center center;}
    #list3_1_2{background:url(../image/sub_3_tab_img2.png) no-repeat center center;}
    #list3_1_3{background:url(../image/sub_3_tab_img3.png) no-repeat center center;}

    .img1{width: 100%; height: 510px; background: #edf0f4; position: relative;}
    .list4{width:1200px; height:350px; text-align: left;  position: absolute; top:50%; transform: translateY(-50%); }
    .txt4{float:left;}
    .list4_1{background:url(../image/sub_3_tab_img4.png) no-repeat center center; width:600px; height: 350px;}
    .list4_2{width:520px; height:350px; margin-left: 80px; padding-top: 80px;}
    #txt5{font-size: 35px; font-weight: bold; margin-bottom: 20px;}
    #txt6{font-size: 22px;}

    .img2{width:100%; height: 510px; position: relative;}
    .list5_1{width:520px; height:350px; margin-right: 80px; padding-top: 80px;}
    .list5_2{background:url(../image/sub_3_tab_img5.png) no-repeat center center; width:600px; height: 350px;}
    /*tab_con_1*/

    /*tab_con_2*/
    #tab2_img1{background:url(../image/sub_3_tab2_img.png) no-repeat center center;}
    #tab2_img2{background:url(../image/sub_3_tab2_img2.png) no-repeat center center;}
    #tab2_img3{background:url(../image/sub_3_tab2_img3.png) no-repeat center center;}
    #tab2_img4{background:url(../image/sub_3_tab2_img4.png) no-repeat center center;}
    #tab2_img5{background:url(../image/sub_3_tab2_img5.png) no-repeat center center;}
    /*tab_con_2*/

    /*tab_con_3*/
    #tab3_img1{background:url(../image/sub_3_tab3_img.png) no-repeat center center;}
    #tab3_img2{background:url(../image/sub_3_tab3_img2.png) no-repeat center center;}
    #tab3_img3{background:url(../image/sub_3_tab3_img3.png) no-repeat center center;}
    #tab3_img4{background:url(../image/sub_3_tab3_img4.png) no-repeat center center;}
    #tab3_img5{background:url(../image/sub_3_tab3_img5.png) no-repeat center center;}
    /*tab_con_3*/

/*p3 tab*/

/*laptop*/
@media (min-width:1024px) and (max-width:1680px) {
    .wrap{max-width:1670px;}
    .m_wrap2{width:1024px; margin: 0 auto;}
    .list1_f, .txt1_f{width: 1024px;}
    .info{width:1024px; margin: 0 auto;}
    .txt1{margin-right: 50px;}
    .list2{width: 1024px;}
    .tab_menu{width: 1000px; margin: 0 auto; height: 52px;}
    .tab_menu li{width: 200px; font-size: 16px; line-height: 50px;}
    .tab_menu_1{margin-left: 190px;}
    .list3{width: 1000px;}
    .list3_1{width: 333px; height: 400px;}
    .list3_1 p{padding-top: 350px;}
    .img1{margin-top: 450px;}
    .list4{width: 1024px;}
    .list4_1, .list5_2{width: 450px;}
    .list4_1, .list5_1{margin-left: 30px;}
    .list4_2{margin-left: 30px;}
    .list5_1{margin-right: 30px;}
    .list4_2, .list5_1{width: 490px;}

}

/*tablet*/
@media (min-width:768px) and (max-width:1024px) {
    .wrap{max-width:1023px;}
    .m_wrap2{width:768px; margin: 0 auto;}
    .list1_f, .txt1_f{width: 768px;}
    .info{width:768px; margin: 0 auto;}
    .txt1{margin-right: 50px;}
    .list1{padding-right: 30px;}
    .list2{width:768px;}
    .control{width:700px; background:url(../image/sub_3_p2_control_t.png) no-repeat center center;}
    .tab_menu{width: 700px; margin: 0 auto; height: 42px;}
    .tab_menu li{font-size: 14px; line-height: 40px; width: 200px;}
    .list3{width: 700px; margin: 0 auto;} 
    .list3_1{width:200px; height: 350px; margin-left: 25px;}
    .tab_menu_1{margin-left: 50px;}
    #list3_1_1, #list3_1_2, #list3_1_3, #tab2_img1, #tab2_img2, #tab2_img3, #tab3_img1, #tab3_img2, #tab3_img3, #tab4_img1, #tab4_img2, #tab4_img3, #tab5_img1, #tab5_img2, #tab5_img3{background-size: 200px;}
    .list3_1 p{padding-top: 320px; font-size: 14px;}
    .img1{margin-top: 450px;}
    .list4{width: 768px;}
    .list4_1, .list5_2{width: 300px;}
    .list4_1, .list5_1{margin-left: 30px;}
    .list4_2{margin-left: 30px; width: 368px;}
    .list5_1{margin-right: 10px; width: 400px;}
    #txt5{font-size: 28px;}
    #txt6{font-size: 16px;}
    .tab_con_1 {height:1590px;}

}
    
    /*mobile*/
@media (min-width:376px) and (max-width:767px) {
    .wrap{max-width:766px;}
    .m_wrap2{width:376px; margin: 0 auto;}
    .list1_f, .txt1_f{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; font-size: 14px; height: 120px;}
    .txt3{font-size: 25px; line-height: 100px;}
    .control{width:370px; height: 240px; background:url(../image/sub_3_p2_control_m.png) no-repeat center center;}
    .p3{height: 1463px;}
    .tab_menu{width: 370px; margin: 0 auto; height: 42px;}
    .tab_menu li{width: 123px; font-size: 14px; line-height: 40px;}
    .tab_menu1, .tab_menu2{border-bottom: 0;}
    .tab_menu2, .tab_menu3, .tab_menu5{border-left: 0;} 
    .list3{width: 370px; margin: 0 auto; margin-top: 70px;}
    .list3_1{width:145px; height: 250px; font-size: 11px; margin-left: 27px;}
    #list3_1_1, #list3_1_2, #list3_1_3, #tab2_img1, #tab2_img2, #tab2_img3, #tab3_img1, #tab3_img2, #tab3_img3, #tab4_img1, #tab4_img2, #tab4_img3, #tab5_img1, #tab5_img2, #tab5_img3{background-size: 145px;}
    .list3_1 strong{font-size:18px;}
    .list3_m_1{margin-left: 115px; margin-top: 50px;}
    .list3_1 p{padding-top: 200px;}
    .img1{margin-top:0; height: 350px;}
    .img2{height: 350px;}
    .list4{width: 376px; height: 352px;}
    .list4_1, .list5_2{display: none;}
    .list4_2, .list5_1{margin-left: 20px; height: 350px; padding-top: 0; margin-top: 80px; width: 370px;}
    #txt5{font-size: 25px;}
    #txt6{font-size: 15px;}
    #tab4_list4_2{padding-top: 0;}
    #tab1_m_bg1{background:url(../image/sub_3_tab_img4_m.png) no-repeat center center; }
    #tab1_m_bg2{background:url(../image/sub_3_tab_img5_m.png) no-repeat center center; color: white;}
    #tab2_m_bg1{background:url(../image/sub_3_tab2_img4_m.png) no-repeat center center;}
    #tab2_m_bg2{background:url(../image/sub_3_tab2_img5_m.png) no-repeat center center; color: white; }
    #tab3_m_bg1{background:url(../image/sub_3_tab3_img4_m.png) no-repeat center center;}
    #tab3_m_bg2{background:url(../image/sub_3_tab3_img5_m.png) no-repeat center center; color: white; }

}



/*mobile min*/
@media (min-width:320px) and (max-width:375px) {
    .m_wrap2{width:320px; margin: 0 auto;}
    .list1_f, .txt1_f{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: 400px;}
    .list2{width:320px; font-size: 14px; height: 120px;}
    .txt3{font-size: 25px; line-height: 100px;}
    .control{width:300px; height: 240px; background:url(../image/sub_3_p2_control_m2.png) no-repeat center center;}
    .p3{height: 1333px;}
    .tab_menu{width: 300px; margin: 0 auto; height: 42px;}
    .tab_menu li{width: 100px; font-size: 14px; line-height: 40px;}
    .tab_menu1, .tab_menu2{border-bottom: 0;}
    .tab_menu2, .tab_menu3, .tab_menu5{border-left: 0;} 
    .list3{width: 320px; margin: 0 auto;}
    #list3_1_1, #list3_1_2, #list3_1_3, #tab2_img1, #tab2_img2, #tab2_img3, #tab3_img1, #tab3_img2, #tab3_img3, #tab4_img1, #tab4_img2, #tab4_img3, #tab5_img1, #tab5_img2, #tab5_img3{background-size: 123px;}
    #list3_1_1{margin-left: 15px;}
    .list3_1{width:123px; height: 250px; font-size: 11px; margin-left: 20px;}
    .list3_1 strong{font-size:16px;}
    .list3_m_1{margin-left: 100px; margin-top: 30px;}
    .list3_1 p{padding-top: 200px;}
    .img1{margin-top:0; height: 320px;}
    .img2{height: 320px;}
    .list4{width: 320px; height: 352px;}
    .list4_1, .list5_2{display: none;}
    .list4_2, .list5_1{margin-left: 20px; height: 300px; padding-top: 0; margin-top: 80px; width: 300px;}
    #txt5{font-size: 20px;}
    #txt6{font-size: 12px;}
    #tab4_list4_2{padding-top: 0;}
    #tab1_m_bg1{background:url(../image/sub_3_tab_img4_m.png) no-repeat center center; }
    #tab1_m_bg2{background:url(../image/sub_3_tab_img5_m.png) no-repeat center center; color: white;}
    #tab2_m_bg1{background:url(../image/sub_3_tab2_img4_m.png) no-repeat center center;}
    #tab2_m_bg2{background:url(../image/sub_3_tab2_img5_m.png) no-repeat center center; color: white; }
    #tab3_m_bg1{background:url(../image/sub_3_tab3_img4_m.png) no-repeat center center;}
    #tab3_m_bg2{background:url(../image/sub_3_tab3_img5_m.png) no-repeat center center; color: white; }
    .content{width: 300px;}
    .rental_img {width: 300px; background:url(../index/image/pop_img_m.png) no-repeat center center;}
    .rental_p_1{font-size: 12px;}
}