@charset "UTF-8";

/* 메인페이지 공통 */
.main_wrap {margin:0 auto; text-align: center;}
.main_conbox{width: 1200px; display: inline-block;}

/* main_vis */
.main_visual{position: relative; text-align: center; background-image: url(/web/images/main/main_vis.jpg);}
.mainvis_con{position: relative;}
.mainvis_textbox{width: 1200px; position: absolute; top: 50%; left: 50%; transform: translateY(-50%); margin-left: -600px;}
.mainvis_text{position: absolute; top: 50%; transform: translateY(-50%); left: 0; text-align: left;}
.mainvis_text li{color: #fff;}
.mainvis_text li:nth-child(1){font-size: 26px; margin-bottom: 18px;}
.mainvis_text li:nth-child(2){font-size: 44px; line-height: 1.4; margin-bottom: 54px;}
.mainvis_text li:nth-child(3){font-size: 18px; line-height: 1.5; margin-bottom: 64px;}
.mainvis_text li:nth-child(4) a{font-size: 18px; color: #fff; font-weight: 400; width: 228px; padding: 18px 0; text-align: center; border: 1px solid #fff; display: inline-block;}
.mainvis_text li:nth-child(4) a:hover{background-color: #fff; color: #5a5d62;}
.slick-arrow{border: none; background: none; position: absolute; cursor: pointer; z-index: 1;}
.mainvis_arrow{width: 52px; height: 52px; top: 50%; transform: translateY(-50%); background-repeat: no-repeat;}
.mainvis_prev{left: 12%; background-image: url(/web/images/main/mainvis_prev.png);}
.mainvis_next{right: 12%; background-image: url(/web/images/main/mainvis_next.png);}
.main_tit{padding: 80px 0 52px; text-align: center;}
.main_tit li:nth-child(1){font-size: 14px; color: #61b7e3; letter-spacing: 0.5em; margin-bottom: 20px;}
.main_tit li:nth-child(2){font-size: 34px; font-weight: 500; color: #313131; letter-spacing: 0.1em;}

/* main_con1 */
.main_con1{margin-bottom: 100px;}
.maincon1_it{float: left; width: 50%;}
.maincon1_it:nth-child(1){text-align: left;}
.maincon1_textbox{text-align: left;}
.maincon1_textbox li:nth-child(1){font-size: 30px; line-height: 1.4; margin-bottom: 34px;}
.maincon1_textbox li:nth-child(1) span{font-weight: 500; vertical-align: bottom;}
.maincon1_textbox li:nth-child(2){margin-bottom: 76px; font-size: 20px; color: #868686; line-height: 1.6;}
.maincon1_textbox li:nth-child(3) span{display: inline-block; margin-right: 30px;}
.maincon1_textbox li:nth-child(3) span:last-child{margin-right: 0;}
.maincon1_it:nth-child(2){text-align: right;}
.maincon1_it:nth-child(2) img{width: 100%;}

/* main_con2 */
.main_con2{background-color: #f4f4f4; padding-bottom: 98px;}
.maincon2_list{float: left; width: 33.33%; padding: 148px 0 22px; position: relative; height: 322px; box-sizing: border-box;}
.maincon2_list1{background-image: url(/web/images/main/maincon2_img1.jpg);}
.maincon2_list2{background-image: url(/web/images/main/maincon2_img2.jpg);}
.maincon2_list3{background-image: url(/web/images/main/maincon2_img3.jpg);}
.maincon2_list4{background-image: url(/web/images/main/maincon2_img4.jpg);}
.maincon2_list5{background-image: url(/web/images/main/maincon2_img5.jpg);}
.maincon2_list6{background-image: url(/web/images/main/maincon2_img6.jpg);}
.maincon2_list li:nth-child(1){margin-bottom: 110px; font-size: 24px; color: #fff;}
.maincon2_list li:nth-child(2) a{font-size: 15px; color: #fffefe;}
.mc2_listhover{text-align: center; position: absolute; top: 0; left: 0; width: 100%; padding: 79px 0 22px; display: none;}
.mc2_listhover::before{display: inline-block; content: ''; width: 36px; height: 2px; background-color: #fff; margin-bottom: 30px;}
.mc2_listhover li:nth-child(1){margin-bottom: 20px;}
.mc2_listhover li:nth-child(2){font-size: 16px; color: #fff; line-height: 1.4; margin-bottom: 60px;}
.mc2_listhover li:nth-child(3) a{font-size: 15px; color: #fffefe;}
.mc2_listhover1{background-color: rgba(25, 77, 123, 0.8);}
.mc2_listhover2{background-color: rgba(85, 98, 106, 0.8);}
.mc2_listhover3{background-color: rgba(57, 123, 184, 0.8);}
.mc2_listhover4{background-color: rgba(58, 70, 84, 0.8);}
.mc2_listhover5{background-color: rgba(70, 155, 194, 0.8);}
.mc2_listhover6{background-color: rgba(110, 151, 173, 0.8);}

/* main_con3 */
.main_con3{background-color: #1a4770; color: #fff; padding: 94px 0;}
.mc3_titbox{float: left; width: 30%; text-align: left;}
.mc3_descbox{float: right; width: 70%; text-align: left;}
.mc3_titbox li:nth-child(1){font-size: 14px; letter-spacing: 0.9em; margin-bottom: 18px;}
.mc3_titbox li:nth-child(2){font-size: 34px; margin-bottom: 46px;}
.mc3_titbox li:nth-child(3){display: inline-block; width: 60px; height: 2px; background-color: #fff; margin-bottom: 52px;}
.mc3_titbox li:nth-child(4){font-size: 18px; color: #dbdfe2; line-height: 1.6;}
.mc3_desc1{margin-bottom: 38px; text-align: right;}
.mc3_desc1 li{float: left; width: 50%; margin-bottom: 24px;}
.mc3_desc1 li span{font-size: 18px; width: 73px; display: inline-block; margin-right: 18px; font-weight: 200;}
.mc3_desc1 li input,.mc3_desc1 li select{width: calc(100% - 140px); height: 38px; border: 1px solid #dfdfdf; box-sizing: border-box; padding-left: 12px;}
.mc3_desc1 li select{font-size: 14px; color: #a4a4a4; background-color: #fff;}
.mc3_desc2{text-align: right;}
.mc3_desc2 li{display: inline-block;}
.mc3_desc2 li input[type="checkbox"]{display: none;}
.mc3_desc2 li input[type="checkbox"] + label{cursor: pointer;}
.mc3_desc2 li input[type="checkbox"] + label .checkbox_text{font-size: 14px; color: #fff; padding-bottom: 4px; border-bottom: 1px solid #fff; display: inline-block;}
.mc3_desc2 li input[type="checkbox"] + label .design_check{width: 18px; height: 18px; background-color: #fff; display: inline-block; margin-left: 12px;}
.mc3_desc2 li input[type="checkbox"]:checked + label .design_check{background-image: url(/web/images/main/agree_checked.png); background-position: center center; background-repeat: no-repeat;}
.mc3_desc2 li:nth-child(1){margin-top: 38px;}
.mc3_desc2 li:nth-child(2) a{font-size: 19px; color: #fff; width: 230px; text-align: center; padding: 20px 0; display: inline-block; background-color: #4daacc; margin-left: 38px;}
.mc3_desc2 li:nth-child(2) a:hover{background-color: #6ec7e8;}

/* main_con4 */
.main_con4{margin-bottom: 110px;}
.mc4_listbox{display: inline-block; width: calc(33.33% - 13px); font-size: 0; padding: 44px 0 54px; padding-left: 28px; text-align: center; border: 1px solid #dddddd; box-sizing: border-box; margin-right: 15px; height: 318px;}
.mc4_listbox:last-child{margin-right: 0;}
.mc4_listimg{display: inline-block; width: 20%; text-align: left; vertical-align: top; margin-right: 20px;}
.mc4_listtext{display: inline-block; width: calc(80% - 20px); text-align: left;}
.mc4_listtext li:nth-child(1){font-size: 28px; font-weight: 500; margin-bottom: 20px;}
.mc4_listtext li:nth-child(2){font-size: 20px; font-weight: 200; color: #b3b3b3; line-height: 1.4; margin-bottom: 30px;}
.mc4_listtext li:nth-child(3){font-size: 20px; color: #999999; line-height: 1.6;}
.mc4_listtext li:nth-child(3) span{font-weight: 400; vertical-align: bottom;}
.mc4_listbox:nth-child(2) .mc4_listtext li:nth-child(3){padding-left: 20px;}
.mc4_listbox:nth-child(2) .mc4_listtext a{display: inline-block; font-size: 20px; color: #9a9a9a; width: 136px; padding: 10px 0; border: 1px solid #9a9a9a; box-sizing: border-box; text-align: center; margin-top: 22px;}
.mc4_listbox:nth-child(2) .mc4_listtext a:hover{background-color: #3f97bf; color: #fff; border-color: #3f97bf;}

/* main_con5 */
.main_con5{background-color: #f8f8f8;}
.main_clients{border: 1px solid #acacac; width: 1200px; height: 65px; padding: 20px 0; overflow: hidden; display: inline-block; background-color: #fff; margin-bottom: 112px;}
.main_clients li{width: 238px; height: 65px; line-height: 60px; float: left; text-align: center;}