/* 공통 */
ul { width: 100%; float: left; }
ul li { width: 100%; float: left; }
.text_box{padding-left: 20px;}

/* 폰트 */
.gwbold { font-family: 'GangwonEduPowerExtraBoldA';}

/* header */
.header { line-height: 85px; position: fixed; z-index: 999; background: #fff; }
.main_logo { width: 15%; float: left; margin-left: 10px;}
.main_logo img { cursor: pointer; }
.main_menu {width: max-content; float: right; }
.header_nav { width: max-content; font-size: 18px; float: left; margin-right: 10px; font-weight: bold;}
.header_nav li { width: max-content; cursor: pointer; }
.header_nav li:not(:last-child) { margin-right: 55px; }
.header_nav li.login{width: 95px; height: 37px; line-height: 37px; font-size: 16px; border-radius: 100px; text-align: center; margin-top: 24px; background-color: #d13234; color: #fff;}

.section_01{margin-top: 85px; padding-top: 75px; overflow: hidden; background: url(/images/main_bg01.jpg) center; background-repeat: no-repeat; background-size: cover;}
.section_01 .main_wrap{width: 100%; float: left;}
.section_01 .text_box{width: 50%; float: left; color: #fff; padding-top: 70px; text-align: left;}
.section_01 .text_box .sub_title{font-size: 77px; line-height: 90px; }
.section_01 .text_box .main_title{font-size: 142px; margin-top: 26px;}
.section_01 .text_box .main_title span{color: #ffec6e;}
.section_01 .img_box{width: 50%; float: left;}

.section_02{background-color: #fff; overflow-x: hidden; margin-top: 80px;}
.section_02 .main_wrap{width: 100%; float: left;}
.section_02 .text_box{width: 50%; float: left; padding-top: 35px; padding-left: 30px;}
.section_02 .text_box .under_line{width: 204px; float: left; height: 14px; border-radius: 100px; position: absolute; top: 53px; left: 23px; background-color: rgba(255, 236, 110, 0.6);}
.section_02 .text_box .sub_title{font-size: 25px; font-weight: bold; z-index: 1;}
.section_02 .text_box .main_title{font-size: 45px; font-weight: bold; line-height: 60px; margin-top: 25px;}
.section_02 .text_box .main_title span{color: #cc3333; font-weight: 700;}
.section_02 .text_box .main_content{font-size: 22px; font-weight: 300; margin-top: 36px; line-height: 36px;}

.section_02 .img_box{width: 50%; float: left; padding-left: 140px;}
.section_02 .img_box .phone_bg{width: 100%; float: left;}
.section_02 .img_box .hand_img{position: absolute; top: 0; z-index: 4;}
.section_02 .img_box .phone_img{position: absolute; top: 0; z-index: 3;}
.section_02 .img_box .menu_box{width: 340px; float: left; position: absolute; top: 68px; left: 170px;}
.section_02 .img_box .menu_box > p{text-align: center;}
.section_02 .img_box .menu{width: 49%; float: left; height: 56px; line-height: 56px; border-radius: 15px; font-size: 18px; font-weight: bold; text-align: center; background-color: #ebebeb;}
.section_02 .img_box .menu.first{width: 100%; margin-left: 0 !important; margin-top: 26px;}
.section_02 .img_box .menu:not(:nth-child(2)){margin-top: 2%;}
.section_02 .img_box .menu:nth-child(2n){margin-left: 2%;}
.section_02 .img_box .point{width: 340px; float: left; font-size: 18px; text-align: center; font-weight: bold; color: #fff; position: absolute; top: 380px; left: 240px;}
.section_02 .img_box .point span{width: 200px; height: 46px; float: left; line-height: 46px; border: 2px solid #fff; border-radius: 100px;}

.section_02 .list_wrap{width: 100%; float: left; position: absolute; top: 445px; right: 104px; z-index: 2;}
.section_02 .list_wrap .slide_wrap{width: 1650px; float: right; overflow: hidden;}
.section_02 .list_wrap .slide_wrap .slide{width: 100%; float: left;}
.section_02 .list_wrap .content{width: 310px; float: left; margin-left: 20px; background-color: #fff; border-radius: 15px; }
.section_02 .list_wrap .content li{width: 100%; float: left;}
.section_02 .list_wrap .content .title{height: 48px; line-height: 48px; padding-left: 15px; font-size: 17px; border-radius: 15px 15px 0 0; font-weight: 500; background-color: #000; color: #fff;}
.section_02 .list_wrap .content .con{width: 280px; float: left; height: 210px; line-height: 20px; font-size: 15px; font-weight: 500; padding: 15px; margin: 15px 15px 0 15px; border-radius: 12px; background-color: #f0f0f0;}
.section_02 .list_wrap .content .send{width: 100%; float: left; text-align: center; margin: 15px 0;}
.section_02 .list_wrap .content .send button{width: 240px; height: 48px; line-height: 48px; font-size: 17px;  display: inline-block; vertical-align: middle; border: 1px solid #000; border-radius: 100px; background-color: #fff;}

.section_02 .bg_box{width: 5000px; float: left; height: 398px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background-color: #cc3333;}


.section_03{height: 430px; background: url(/images/main_bg02.jpg) center; background-repeat: no-repeat; background-size: cover;}
.section_03 .text_box{width: 70%; float: left; color: #fff;}
.section_03 .text_box .sub_title{font-size: 33px; font-family: 'InkLipquid';}
.section_03 .text_box .main_title{font-size: 45px; margin-top: 20px; line-height: 56px; font-weight: bold;}

.section_03 .main_wrap{width: 100%; float: left; padding: 130px 0;}
.section_03 .main_wrap .btn_box{width: 30%; float: left; padding: 58px 0; text-align: center;}
.section_03 .main_wrap .btn_box button{width: 240px; float: left; height: 65px; line-height: 65px; font-size: 19px; font-weight: bold; color: #fff; background-color: #cc3333; border-radius: 100px;}


/* footer */
.footer{ background: #ececec; padding: 75px 0;}
.footer .footer_wrap{width: 100%; float: left;}
.footer .footer_wrap .logo_Wrap{width: 30%; float: left; padding: 30px 0 30px 20px;}
.footer .footer_wrap .info_Wrap{width: 70%; float: left;}
.footer .info_Wrap ul{width: 100%; float: left;}
.footer .info_Wrap ul li{width: 100%; float: left;}
.footer .info_Wrap .sub{font-weight: 500; font-size: 20px;}
.footer .info_Wrap .main{font-size: 15px; margin-top: 25px; line-height: 25px; font-weight: 300; color: #333;}