@charset "utf-8";

.inner:after{content:''; display:block; clear:both; visibility:hidden;}

.header_01{background-color:#f7f7f7; text-align:right;}
.header_01 a{line-height:35px; color:rgba(82,82,82,.5); font-size:14px; margin-right:20px; }
.header_01 a:last-child{margin-right:0px; }
.header_02{padding:35px 0 25px;}
.header_02 h1{float:left; margin-right:135px; }
.header_02 .search{width:480px; float:left; }
.header_02 .search input{padding:20px; box-sizing:border-box; border:3px solid #2054ca; }
.header_02 .search button{line-height:46px; box-sizing:border-box; vertical-align:middle;font-size: 15px; color:#2054ca}
.header_shop{float:right;}
.header_shop a{font-size:35px; margin-right:25px; color:#575757;}
.header_shop a:last-child{margin-right:0px; }

.header_03{border-top:1px solid #e5e5e5; border-bottom:2px solid #e5e5e5; position:relative;}
.menu_button{cursor:pointer; width:60px; height:60px; border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; float:left; position:relative; }
.menu_button span{transition:all 0.5s; width:22px; height:2px; background-color:#0e0e0e; display:block; position:absolute; left:50%; transform:translateX(-50%)}
.menu_button span:nth-of-type(1){top:35%;}
.menu_button span:nth-of-type(2){top:50%; transform:translate(-50%, -50%)}
.menu_button span:nth-of-type(3){bottom:35%;}
.menu_button.on span:nth-of-type(1){top: 30%; transform: skew(0, -45deg) translateX(-50%);}
.menu_button.on span:nth-of-type(2){display:none;}
.menu_button.on span:nth-of-type(3){bottom: 30%; transform: skew(0, 45deg) translateX(-50%);}
.header_03 .inner > ul{width:calc(100% - 60px); float: left;padding:0 40px; }
.header_03 .inner > ul > li{float:left;text-align: center;}
.header_03 .inner > ul li a{font-size:18px; line-height:60px; color:#353535; font-weight:600;}
.header_03 .inner .menu{position:absolute; width:100%; padding:50px 40px;  background-color:#fff; z-index:99; top:62px; display:none;}
.header_03 .inner .menu > ul > li{float:left;}
.header_03 .inner .menu > ul > li:last-child{}
.header_03 .inner .menu > ul > li > a{font-size:19px; line-height:35px; color:#000; font-weight:600;}
.header_03 .inner .menu > ul > li > ol > li > a{font-size:15px; line-height:32px; color:#4c4c4c;}
.header_03 .inner .menu > ul > li > ol{margin-top:10px;}

/*.mainvisual .swiper01 .swiper-slide{background-size:cover; background-position:center; background-repeat:no-repeat;padding:115px 0 270px;}*/
.mainvisual .swiper01 .swiper-slide{background-size:cover; background-position:center; background-repeat:no-repeat;}
.mainvisual .swiper01 .slide01{background-image:url('../img/main_visual.jpg');}
.mainvisual .swiper01 .slide02{background-image:url('../img/main_visual.jpg');}
.mainvisual .swiper01 .slide03{background-image:url('../img/main_visual.jpg');}
.mainvisual .swiper01 .swiper-slide p{font-size:24px; color:rgba(255,255,255,0.5) ; line-height:51px; }
.mainvisual .swiper01 .swiper-slide h3 span{display:block;}
h3{font-size:90px; color:#fff; line-height:93px; font-weight:900;}
h3 span{color:#759fff; }
.mainvisual .swiper01 .swiper-pagination{width:1200px; left:50%;transform:translateX(-50%);text-align:center; bottom:140px;}
.mainvisual .swiper01 .swiper-pagination span{width:12px; height:12px; background-color:#fff; margin-right:12px;}
.section01 > div{height:205px; width:210px; background-color:#fff; background-repeat:no-repeat; background-position:75% 75%; float:left; box-shadow: 10px 10px 10px rgb(0 0 0 / 20%); padding:40px; box-sizing:border-box; }
.section01 > div:nth-of-type(1){width:510px }
.section01 > div h5{font-size:21px; color:#000; margin-bottom:20px;font-weight:600;  }
.section01 > div:nth-of-type(1) > p{font-size:18px; color:#000; margin-top:20px;font-weight:600;  }
.section01 > div:nth-of-type(1) > p span{color:#b8b8b8;}
.section01 > div:nth-of-type(2){background-image:url('../img/ico_11.png') }
.section01 > div:nth-of-type(3){background-image:url('../img/ico_13.jpg') }
.section01 > div:nth-of-type(4){background-image:url('../img/ico_15.png') }
.sec01_call p{font-size:35px; color:#2054ca; float:left; font-weight:900;  }
.sec01_call span{float:right; font-size:15px; line-height:20px; color:rgba(0,0,0,.5);letter-spacing: -1px;}
.sec01_call:after{content:''; display:block; clear:both; visibility:hidden;}
.section01{display:flex; justify-content: space-between; }
.section01:after{content:''; display:block; clear:both; visibility:hidden;}
.section01{ bottom: 100px; z-index: 10; }
.arrow_txt {font-size:11px; color:#60657d; }
.section01 > div .arrow_txt{margin-top:60px;}
.section02{background-color:#fafafa; padding-top: 170px; margin-top: -210px; padding-bottom:90px;}
.section02 .tab_btn_wrap:after{content:''; display:block; clear:both; visibility:hidden;}
.section02 .tab_btn_wrap li{width:16.66%; box-sizing:border-box; text-align:center; cursor:pointer;   float:left; line-height:60px; font-size:17px; color:#353535; font-weight:600; background-color:#fff; border:2px solid #ddd; }
.section02 .tab_btn_wrap li{border-right:none;}
.section02 .tab_btn_wrap li:last-child{border-right:2px solid #ddd;}
.section02 .tab_btn_wrap li.on{background-color:#2054ca; color:#fff; border:2px solid #2054ca;}
.tab_area > div{display:none;}
.tab_area > div.active{display:block;}

.section03{padding:95px 0 85px; background-image:url('../img/bo_visual.jpg');background-size:cover; background-position:center; background-repeat:no-repeat;text-align:center; }
.section03 h3{text-align:center; font-size:45px; margin-bottom:55px; }
.section03 .swiper-slide h2{font-size:18px; color:#fff; display:block; margin:25px 0 15px; }
.section03 .swiper-slide p{color:#759fff;font-size:19px; display:inline-block; margin-right:15px; }
.section03 .swiper-slide p:after{content:"원"}
.section03 .swiper-slide span:before{content:""; display:block; width:50px; height:1px; background-color:rgba(147,147,147,.8);position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.section03 .swiper-slide span{color:rgba(147,147,147,.8); display:inline-block; position:relative; text-align:center; }
.section03 .swiper-slide span:after{content:"원"}
.section03 .swiper-button-next{right:-50px; top:56%}
.section03 .swiper-button-prev{left:-50px; top:56%}
.section03 .swiper-slide img{width:100%;}
/* 
.section03 .swiper-button-next:after{content:"\f061"; font-family: 'Font Awesome 6 Pro'; color:rgba(255,255,255,.5)}
.section03 .swiper-button-prev:after{content:"\f060"; font-family: 'Font Awesome 6 Pro'; color:rgba(255,255,255,.5)} */

.section04{padding:60px 0 70px;}
.section04 > div h5{font-size:23px; font-weight:600; color:#000; float:left;}
.section04 > div .arrow_txt{float:right;}
.section04:after{content:''; display:block; clear:both; visibility:hidden;}
.sec04_sub:after{content:''; display:block; clear:both; visibility:hidden;}
.sec04_sub{margin-bottom:25px;}
.board_wrap{width:330px; float:left; }
.board_wrap li p{font-size:15px; color:#636363; float:left; line-height:23px; width:70%; /* white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  */  word-break:keep-all;}
.board_wrap li span{font-size:13px; color:rgba(152,152,152,.6); float:right; line-height:30px;  }
.help_wrap{width:750px; float:right;}
.help_wrap ul:after{content:''; display:block; clear:both; visibility:hidden;}
.help_wrap ul li{width:25%; float:left; padding:25px 10px; box-sizing:border-box;  text-align:Center; background-color:#fafafa; border:1px solid #ddd; border-right:none;  }
.help_wrap ul li:last-child{border-right:1px solid #ddd;}
.help_wrap ul li p{font-size:15px; color:#000; font-weight:600; margin-top:20px; word-break:keep-all; }
.help_wrap ul li img{opacity:0.4}
.help_wrap ul li:hover img{opacity:1;}

.footer{background:#373a4a; padding:50px 0; }
.footer_01:after{content:''; display:block; clear:both; visibility:hidden;}
.footer_01{border-bottom:1px solid rgba(255,255,255,.15); padding-bottom:30px;}
.footer_01 ul:nth-of-type(1){float:left; }
.footer_01 ul:nth-of-type(1) li{display:inline-block; margin-right:30px;}
.footer_01 ul:nth-of-type(1) li a{font-size:17px; color:#fff; font-weight:600;  }
.footer_01 ul:nth-of-type(2){float:right; }
.footer_01 ul:nth-of-type(2) li a{font-size:15px; color:rgba(255,255,255,.5);  }
.footer_01 ul:nth-of-type(2) li{display:inline-block; margin-left:30px;}
.footer_02:after{content:''; display:block; clear:both; visibility:hidden;}
.footer_02{padding:40px 0 50px;}
.footer_02 .footer_txt{float:left; }
.footer_02 .footer_txt p:nth-of-type(1){font-size:31px; color:#80aaff;font-weight:600;  }
.footer_02 .footer_txt p:nth-of-type(2){font-size:18px; color:#fff; font-weight:600; margin:20px 0;}
.footer_02 .footer_txt p:nth-of-type(3){font-size:15px; color:#fff; line-height:23px;  }
.footer_02 ul {float:right;width: calc(100% - 270px);}
.footer_02 ul:after{content:''; display:block; clear:both; visibility:hidden;}
.footer_02 ul > li{float:left; }
.footer_02 ul > li:last-child{margin-right:0px;}
.footer_02 ul > li > a{font-size:17px; line-height:30px; color:#fff; font-weight:600;  }
.footer_02 ul > li ol{margin-top:10px;}
.footer_02 ul > li ol li a{font-size:14px; color:rgba(255,255,255,.5); line-height:26px;}
.footer .inner > p{width:100%; display:block; font-size:14px; color:rgba(255,255,255,.3)}


@media screen and (min-width:800px) and (max-width:1199px){

.inner{width:90% !important;min-width:1070px;}

}