@charset "utf-8";

header{}

header img{position: fixed; top: -15%; right: 10%; z-index: 10; display: none;}

/*----------------------------메인시작------------------------------------------------------*/

main{}

.main_visual{max-width: 1920px; margin: 0 auto;
             background: url(../img/visual_bg.jpg) no-repeat center;}
.main_visual::after{content: ""; display: block; clear: both;}
.main_visual>div{float: left;}

.main_visual .visual_left{width: 45%; padding-top: 160px;}
.main_visual .visual_left .visual_logo{margin: 0 0 50px 100px; width: 52%;}
.main_visual .visual_left .visual_logo img{width: 100%;}
.main_visual .visual_left h2{margin: 0 0 15px 100px; width: 55%;}
.main_visual .visual_left h2 img{width: 100%;}
.main_visual .visual_left h3{margin-left: 100px; width: 77%;}
.main_visual .visual_left h3 img{width: 100%;}
.main_visual .visual_left .visual_text{color: #111; font-size: 25px; font-weight: 500;
                                       margin: 40px 0 0 100px; letter-spacing: -1.1px;}
.main_visual .visual_left .visual_btn{width: 400px; height: 60px; background: #0a5cba;
                                      margin: 80px 0 0 100px; border-radius: 50px; 
                                      font-size: 28px; text-align: center; line-height: 58px;
                                      font-weight: 600;}
.main_visual .visual_left>span{display: block; width: 400px; height: 3px; background: #555;
                               margin: 40px 0 18px 120px;}
.main_visual .visual_left .visual_ect{margin: 0 0 0 120px; font-size: 20px; color: #111; font-weight: 600;
                                      line-height: 1.4; letter-spacing: -1.5px;}

.main_visual .visual_right{width: 55%; padding: 100px 0;}
.main_visual .visual_right>div{width: 90%;}
.main_visual .visual_right>div img{width: 100%;}

.main_visual .visual_right{}



/*---------------------------------섹션01--------------------------------------------*/

.section01{margin-top: 200px; text-align: center;}
.section01 h3{margin-bottom: 200px;}

.section01 ul{max-width: 1920px; margin: auto;}
.section01 ul::after{content: ""; display: block; clear: both;}
.section01 ul li{float: left; width: 50%;overflow: hidden;}

.section01 ul li:nth-child(1) img{width: 40%;}
.section01 ul li:nth-child(2) img{width: 100%; margin-right: -110px; margin-top: -100px;}

/*---------------------------------섹션02--------------------------------------------*/

.section02{text-align: center; margin-top: 130px;}
.section02 h3{}

.section02 div{position: relative; height: 1100px; max-width: 1920px; margin: 0 auto;}
.section02 div img{position: absolute;}
.section02 img:nth-child(1) {left: 5%; top: 200px;}
.section02 img:nth-child(2) {left: 20%; top: 90px;}
.section02 img:nth-child(3) {left: 47%; top: 600px;}
.section02 img:nth-child(4) {left: 49%; top: 100px;}
.section02 img:nth-child(5) {left: 63%; top: 330px;}
.section02 img:nth-child(6) {left: 75%; top: 0px;}

/*---------------------------------섹션03--------------------------------------------*/

.section03{text-align: center; margin-top: 110px;}
.section03 h3{margin-bottom: 100px;}
.section03 ul{max-width: 1920px; margin:0 auto;}
.section03 ul::after{content: ""; display: block; clear: both;}
.section03 ul li{float: left; width: 25%;}
.section03 ul li img{width: 80%;}

/*---------------------------------섹션공통04~07--------------------------------------------*/
.ctn01 .left_i{position: absolute; top: 10%; left: 5%;}
.ctn01 .right_i{position: absolute; top: 10%; right: 15%;}
.ctn01 span{display: block; font-size: 20px; position: absolute; bottom: 10%; right: 5%;}

.ect_ctn{}
.ect_ctn .left_i_b{position: absolute; bottom: 5%; left: 5%;}
.ect_ctn .right_i_b{position: absolute; bottom: 5%; right: 5%;}
.ect_ctn .left_i_t{position: absolute; top: 10%; left: 5%;}
.left_t_t{position: absolute; top: 15%; left: 5%; font-size: 48px; color: #000; 
                   line-height: 1.2; font-weight: bold;}
.right_t_t{position: absolute; top: 15%; right: 5%; font-size: 17px; color: #000;
                    line-height: 1.5;}

.ect_ctn .mid_i_t01{position: absolute; left: 50%; transform: translateX(-50%); top: 0;}
.ect_ctn .mid_i_t02{position: absolute; left: 50%; transform: translateX(-50%); top: 15%;}
.ect_ctn .mid_i_t03{position: absolute; left: 50%; transform: translateX(-50%); top: 15%;}

/*---------------------------------섹션04--------------------------------------------*/

.section_bg{background: #f6f6f6; max-width: 1920px; margin: 100px auto 0;}



.section04{padding: 50px 50px 0 50px;}
.section04 .ctn01{background: url(../img/s01_img01.jpg) no-repeat center 0 / cover; 
                  height: 911px; border-radius: 30px; position: relative;}



.section04 .ctn02{padding: 150px 0 100px 0; background-color: #e7e5e5; 
                  border-radius: 30px; position: relative;}

.tab01 .tab01_bar{width: 60%; height: 10px; background: #999; position: relative;
                  left: 50%; transform: translateX(-50%); top: -20px; border-radius: 100px;}

.tab01 .tab01_menu{width: 50%; margin: 0 auto;}
.tab01 .tab01_menu::after{content: ""; display: block; clear: both;}
.tab01 .tab01_menu li{float: left; width: 25%; position: relative; z-index: 1;}
.tab01 .tab01_menu li span{display: block; width: 42px; height: 83px; margin: 0 auto; cursor: pointer;
                           background: no-repeat;}
.tab01 .tab01_menu li.on span{background: bottom no-repeat;}
.tab01 .tab01_menu li:nth-child(1) span{background-image: url(../img/s01_Tmenu01.png);}
.tab01 .tab01_menu li:nth-child(2) span{background-image: url(../img/s01_Tmenu02.png);}
.tab01 .tab01_menu li:nth-child(3) span{background-image: url(../img/s01_Tmenu03.png);}
.tab01 .tab01_menu li:nth-child(4) span{background-image: url(../img/s01_Tmenu04.png);}

.tab01 .tab01_img_wrap{text-align: center; padding: 100px 0 50px 0;}
.tab01 .tab01_img_wrap div{}
.tab01 .tab01_img_wrap div img{z-index: 9999;}


.click_wrap{display:none;}

.Tab04_click{display: block; width: 450px; height: 118px; background: rgba(255, 255, 255, 0);
             position: absolute; top: 820px; left: 46%; cursor: pointer;}

.click_img{position: absolute; top: 300px; left: 50%; transform: translateX(-50%); width: 65%;}

.close {cursor: pointer; position: absolute; left: 75%; top: 330px;}
/*---------------------------------섹션05--------------------------------------------*/

.section05{padding: 50px 50px 0 50px;}
.section05 .ctn01{background: url(../img/s02_img01.jpg) no-repeat center 0 / cover; 
                  height: 911px; border-radius: 30px; position: relative;}



.section05 .ctn02{position: relative; background-color: #fff; padding: 250px 0 100px 0;
                  border-radius: 30px;}

.section05 .ctn02 .tab02_menu{width: 30%; margin: 0 auto;}
.section05 .ctn02 .tab02_menu::after{content: ""; display: block; clear: both;}
.section05 .ctn02 .tab02_menu li{float: left; width: 33.3333%;}
.section05 .ctn02 .tab02_menu li span{height: 111px; display:block; margin: 0 auto;
                                      cursor: pointer; background: left no-repeat;}
.section05 .ctn02 .tab02 .tab02_menu li.on span{background: right no-repeat;}
.section05 .ctn02 .tab02 .tab02_menu li:nth-child(1) span{background-image: url(../img/s02_img08.png); width: 55px;}
.section05 .ctn02 .tab02 .tab02_menu li:nth-child(2) span{background-image: url(../img/s02_img10.png); width: 93px;}
.section05 .ctn02 .tab02 .tab02_menu li:nth-child(3) span{background-image: url(../img/s02_img12.png); width: 133px;}

.tab02 .tab02_img_wrap{text-align: center; padding: 50px 0 50px 0;}
.tab02 .tab02_img_wrap div{}
.tab02 .tab02_img_wrap div img{}



.section05 .ctn03{position: relative; background-color: #e7e5e5; padding: 250px 0 100px 0;
                  border-radius: 30px;}
.section05 .ctn03 .s05_ctn03_img{margin: 100px auto; width: 80%;}
.section05 .ctn03 .s05_ctn03_img img{width: 100%;}

/*----------------------이미지 슬라이더----------------------------------------*/

.img_slider{position: relative; padding-top: 50px; width: 100%; height: 1064px; overflow: hidden;}
.img_slider .tab03 .tab03_menu{width: 50%; position: absolute; top: 15%; left: 50%; transform: translateX(-50%); z-index: 2;}
.img_slider .tab03 .tab03_menu::after{content: ""; display: block; clear: both;}
.img_slider .tab03 .tab03_menu li{float: left; width: 33.3333%;}
.img_slider .tab03 .tab03_menu li span{display: block; height: 82px; margin: auto;}
.img_slider .tab03 .tab03_menu li:nth-child(1) span{background: url(../img/s02_img14.png) no-repeat; transition: 0.3s; cursor: pointer; width: 164px;}
.img_slider .tab03 .tab03_menu li:nth-child(1) span:hover{background: url(../img/s02_img14_c.png) no-repeat;}
.img_slider .tab03 .tab03_menu li:nth-child(2) span{background: url(../img/s02_img20.png) no-repeat;
transition: 0.3s; cursor: pointer; width: 161px;}
.img_slider .tab03 .tab03_menu li:nth-child(2) span:hover{background: url(../img/s02_img20_c.png) no-repeat;}
.img_slider .tab03 .tab03_menu li:nth-child(3) span{background: url(../img/s02_img26.png) no-repeat;
transition: 0.3s; cursor: pointer; width: 293px;}
.img_slider .tab03 .tab03_menu li:nth-child(3) span:hover{background: url(../img/s02_img26_c.png) no-repeat;}

/*---------------------------------섹션06--------------------------------------------*/

.section06{padding: 50px 50px 0 50px;}
.section06 .ctn01{background: url(../img/s03_img01.jpg) no-repeat center 0 / cover; 
                  height: 911px; border-radius: 30px; position: relative;}



.section06 .ctn02{position: relative; background-color: #fff; padding: 250px 0 100px 0;
                  border-radius: 30px;}
.section06 .ctn02 .s06_ctn02_img{margin: 100px auto; width: 75%;}
.section06 .ctn02 .s06_ctn02_img img{width: 100%;}



.section06 .ctn03{position: relative; background-color: #e7e5e5; padding: 100px 0 100px 0;
                  border-radius: 30px;}
.section06 .ctn03 .s06_ctn03_img{margin: 0 auto; width: 55%;}
.section06 .ctn03 .s06_ctn03_img img{width: 100%;}

/*---------------------------------섹션07--------------------------------------------*/

.section07{padding: 50px 50px 0 50px;}
.section07 .ctn01{border-radius: 35px; overflow: hidden;}



.section07 .ctn02{position: relative; background-color: #fff; padding: 250px 0 100px 0;
                  border-radius: 30px;}
.section07 .ctn02 .s07_ctn02_img{margin: 100px auto; width: 60%;}
.section07 .ctn02 .s07_ctn02_img img{width: 100%;}



.section07 .ctn03{position: relative; background-color: #e7e5e5; padding: 100px 0 100px 0;
                  border-radius: 30px;}
.section07 .ctn03 .s07_ctn03_img{margin: 0 auto; width: 100%;}
.section07 .ctn03 .s07_ctn03_img img{width: 100%;}



.section07 .ctn04{position: relative; background-color: #ffffff; padding: 200px 0 100px 0;
                  border-radius: 30px;}
.slider_wrap{width: 67%; margin: 100px auto;}
.slider_wrap div img{margin:  auto;}

/*---------------------------------푸터--------------------------------------------*/

footer{background-color: #2f2f2f;margin: 0 auto; padding: 50px;}

.bt_logo{text-align: center; padding-top: 30px;}
.bt_logo img{}

.bt_con{width: 242px; margin: 30px auto 0;}
.bt_con::after{content: ""; display: block; clear: both;}
.bt_con li{float: left;}
.bt_con li+li{margin-left: 10px;}
.bt_con li a{color: #b8b7b7;}
.bt_con li span{display: block; width: 1px; height: 17px; background-color: #b8b7b7;}

.bt_text{text-align: center; margin-top: 20px;}
.bt_text span{display: block; color: #b8b7b7;}
.bt_text span+span{margin-top: 10px;}

.bt_sns{width: 145px; margin: 30px auto 0;}
.bt_sns::after{content: ""; display: block; clear: both;}
.bt_sns li{float: left;}
.bt_sns li+li{margin-left: 20px;}
.bt_sns li a{}
.bt_sns li a img{}