@charset "utf-8";
@import url(../_glb/css/icons/fa/css/font-awesome.css);

/* - 페이지 로딩 처리 - */
body.loading:after {  font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
	content: "\f110";position:fixed;top:50%;left:50%;width:50px;height:50px;line-height:50px;font-size:44px;padding:5px;z-index:1000;margin-left:-30px;margin-top:-30px;
	-webkit-border-radius: 50%;-khtml-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background:#fff;color:#2d3845;overflow:hidden;border-radius: 50%;text-align: center;
	animation: spin 1s linear infinite;will-change: transform, opacity;
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
}

body.loading:before { display:block;position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0.7);z-index:999;will-change: transform, opacity;content:''; }

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* - @페이지 로딩 처리 - */



.wrap{width: 100%;}
.star{color: #F27FAA;}

/*영역지정*/
.section{width: 100%;}
.inner{width: 1200px; margin: 0 auto; position: relative;}

/*VIEW MORE Button*/
.more_btn_white{font-size: 16px; font-weight: 400; padding: 15px 80px 15px 0; margin-bottom: 15px; border-bottom: 1px solid #fff; background: url(../img/right.png) no-repeat right center; font-weight: 300; margin-bottom: 120px;}
.more_btn_black{font-size: 16px; font-weight: 400; padding-right: 80px; border-bottom: 1px solid #222; background: url(../img/right_black.png) no-repeat right center; color: #222; padding: 15px 80px 15px 0;}

/*텍스트*/
.section_tit{margin-bottom: 60px;}
.section_tit .tit{font-size: 45px; font-weight: 700; color: #111;}
.section_tit .sub_tit{font-size: 20px; font-weight: 400; color: #333}
.sec_txt_sub{letter-spacing: -0.02em; font-size: 20px; font-weight: 400;  line-height: 35px; color: #222;}
.slide_txt{padding: 50px;}
.slide_txt .slide_txt_tit{font-size: 30px; font-weight: 700; margin-bottom: 70px;}
.slide_txt .slide_txt_sub{font-size: 16px; font-weight: 400; color: #222;}


/*배경텍스트*/
.section .txt_back{z-index: -1; font-weight: 700; opacity: 0.03; letter-spacing: 0;}

/*메인비주얼 영역*/
.main_visual{position: relative; margin-bottom: 170px;}
.main_visual a{color: #fff;}
.main_visual .nav{display: flex; align-items: center; justify-content: space-between; margin-top: 15px; position: absolute; top: 0; width: 1200px; left: 50%; transform: translateX(-50%); z-index: 1;}
.main_visual .nav .logo a{text-indent: -999em; background: url(../img/logo.png) no-repeat center center; background-size: contain; display: block; width:220px; height: 80px;}
.main_visual .nav .all_menu li{display: inline-block; margin-right: 50px; font-size: 16px; font-weight: 500;}
.main_visual .nav .all_menu li a{display: block; color:#fff}
.main_visual .nav .all_menu li:last-child{margin-right: 0;}
.main_visual .nav .all_menu li.contact a{font-size: 16px; border: 1px solid #fff; border-radius: 20px; padding: 11px 30px; line-height: 1;}


.bx-wrapper {position: relative; *zoom: 1; }
.bx-wrapper img {max-width: 100%; display: block; }
.bx-wrapper .bx-viewport { -webkit-transform: translatez(0); 	-moz-transform: translatez(0);     	-ms-transform: translatez(0);     	-o-transform: translatez(0);     	transform: translatez(0); }

.main_visual .bxslide_wrap a.bx-prev{position: absolute; top: 50%;left: 100px; text-indent: -999em; background: url(../img/main_prev.png) no-repeat center center; background-size: contain; width:33px; height: 56px;}
.main_visual .bxslide_wrap a.bx-next{position: absolute; top: 50%; right: 100px; text-indent: -999em; background: url(../img/main_next.png) no-repeat center center; background-size: contain; width:33px; height: 56px;}
.main_visual .bxslide_wrap .bx-default-pager{position: absolute; bottom: 30px; display: flex; left: 50%; transform: translateX(-50%); z-index: 3;}
.main_visual .bxslide_wrap .img_container {overflow: hidden; display: flex; align-items: center; justify-content: center; width: 100%; height: auto;}

.bx-wrapper .bx-pager .bx-pager-item{display: inline-block;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #fff; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; border-radius: 5px; opacity: .5;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #fff; opacity: 1;}

.main_visual .bxslide li{height: 900px;}
.main_visual .bxslide li:nth-child(1){background: url(../img/visual_image_01.png) no-repeat center top / cover;}
.main_visual .bxslide li:nth-child(2){background: url(../img/visual_image_02.png) no-repeat center top / cover;}
.main_visual .bxslide li:nth-child(3){background: url(../img/visual_image_03.png) no-repeat center top / cover;}


.main_visual .main_txt{position: absolute; right: 0; bottom: 65px; text-align: right; color: #fff; z-index: 0; width:1200px; left: 50%; transform: translateX(-50%);}
.main_visual .main_txt .txt1{font-size: 35px; font-weight: 500;}
.main_visual .main_txt .txt2{font-size: 55px; font-weight: 700; margin-bottom: 35px;}
.main_visual .main_txt .txt3{font-size: 20px; font-weight: 300; margin-bottom: 35px;}
.main_visual .main_txt > div{margin-bottom: 140px;}
.mobile {display: none;}

/*mobile menu*/
body { margin: 0; padding: 0; }
#hamburger-wrapper { position: absolute; right: 0; margin-top: -30px; display: none;}
#hamburger {cursor: pointer; font-size: 40px; color: #fff;}
#close-sidenav {cursor: pointer; height:40px; line-height: 40px; font-size: 40px; font-weight: 300; float: right; color: #444; margin-right:10px; margin-top:10px;}
#sidenav {height: 100%; width: 50%; top: 0; right: -100%; z-index: 10; background: rgba(255,255,255,1); position: fixed; transition: 0.4s;}
.sidenav_bg{content: ""; background: rgba(0,0,0,0.6); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; display: none;}

#sidenav .menu_tit { color: white; display: block;}
#sidenav .menu_tit { background: #fff; height: 35px; line-height: 35px; font-size: 20px; padding: 0 10px;}
#sidenav > ul{margin-top:20px; padding: 0 20px; letter-spacing: -1px;}
#sidenav > ul > li{position: relative; margin-bottom:10px;}
#sidenav > ul > li > a{color: #333; position: relative; display: block; font-weight: 500; padding:10px 35px; font-size: 18px; color:#111; word-break: keep-all;}
#sidenav > ul > li > a::before{content: ""; display: block; position: absolute; width: 25px; height: 1px; background: #111; top:50%; position: absolute; left: 0; top: 50%;}

.depth2{ }
.depth2 li{ border-top:none; position: relative;}
.depth2 li a{font-size:13px; padding:0 30px; color:#111;}

/*section1 위드굿스 이념*/
.section1{margin-bottom: 130px;}
.section1 .section_tit{text-align: center; margin-bottom: 130px;}
.section1 .sec1_txt{font-family: 'Nanum Myeongjo', serif; font-size: 80px; display: flex; justify-content: space-around; align-items: center; margin-bottom: 90px;}
.section1 .sec1_txt .dot{display: inline-block; width: 11px; height: 11px; border-radius: 50%; background: #F27FAA;}
.section1 .sec_txt_sub{text-align: center; padding: 0 300px;}

.section1 .txt_back{top: 50%; transform: translateY(-50%); font-size: 150px; position: absolute;}

/*section2 위드굿스 서비스*/
.section2{padding-top: 170px; margin-bottom: 200px; position: relative;}
.section2 .bg_sec2{background: #f6f2e9; width: 1392px; height: 1180px; position: absolute; top: 0; z-index: -1;}
.section2 .top{margin-bottom: 355px; display: flex; justify-content: flex-end; }
.section2 .top .top_txt .sec_txt_sub p{margin-bottom: 95px;}
.section2 .top .top_txt{width: 700px;}
.section2 .top_pic{background: url(../img/bg_sec2.png) no-repeat center right; background-size: cover; height: 420px; width: 870px;}
.section2 .bxslide_wrap{position: relative;}
.section2 .bxslide_wrap .bx-controls a.bx-prev{display: block; position: absolute; top: 45%; left: -105px; text-indent: -999em; background: url(../img/swiper_prev.png) no-repeat center center; background-size: contain; width:45px; height: 45px;}
.section2 .bxslide_wrap .bx-controls a.bx-next{display: block; position: absolute; top: 45%; right: 0; text-indent: -999em; background: url(../img/swiper_next.png) no-repeat center center; background-size: contain; width:45px; height: 45px;}
.section2 .bxslide_wrap .bxslide li{display: flex; justify-content: flex-start; align-items: flex-end;}
.section2 .txt_back {text-align: right; position: absolute; top: 45%; font-size: 180px; width: 1200px; transform: translateX(-50%); left: 50%; line-height: 180px; }


/*section3 사업영역*/
.section3{margin-bottom: 200px; position: relative;}
.section3 .sec_txt_sub > div{margin-bottom: 160px;}
.section3 .sec_txt_sub > p{margin-bottom: 95px;}
.section3 .box_ul ul{text-align: center;}
.section3 .box_ul ul li{color: #fff; width: 590px; height: 410px; display: table; cursor: pointer;}
.section3 .box_ul ul li > div{display: table-cell; vertical-align: middle;}
.section3 p.li_txt { font-size: 15px; font-weight: 300;}
.section3 .box_ul ul li .li_tit{font-size: 30px; font-weight: 500; padding-top: 100px; padding-bottom: 10px;}
.section3 .box_ul ul li:nth-child(1){background: url(../img/bg_edu.png) no-repeat center center; float: left; margin-bottom: 18px;}
.section3 .box_ul ul li:nth-child(2){background: url(../img/bg_gov.png) no-repeat center center; float: right; margin-bottom: 18px;}
.section3 .box_ul ul li:nth-child(3){background: url(../img/bg_office.png) no-repeat center center; float: left;}
.section3 .box_ul ul li:nth-child(4){background: url(../img/bg_home.png) no-repeat center center; float: right;}

.section3 .box_ul ul li:nth-child(1) .li_tit{background: url(../img/icon_edu.png) no-repeat center top;}
.section3 .box_ul ul li:nth-child(2) .li_tit{background: url(../img/icon_gov.png) no-repeat center top;}
.section3 .box_ul ul li:nth-child(3) .li_tit{background: url(../img/icon_office.png) no-repeat center top;}
.section3 .box_ul ul li:nth-child(4) .li_tit{background: url(../img/icon_home.png) no-repeat center top;}

.section3 .txt_back {font-size: 170px; position: absolute; top: 27%;}

/*section4 상담신청*/
.section4{margin-bottom: 150px;}
.section4 .section_tit{text-align: center;}
.section4 .sec_txt_sub{text-align: center; margin-bottom: 95px;}



/* .consulting_form{display: grid; grid-template-columns: 100px 5fr 100px 5fr; grid-gap: 20px; font-size: 18px; font-weight: 500; align-items:center; margin-bottom: 60px;}

.consulting_form .agree_chk{grid-column: 2; font-size: 16px; font-weight: 400; color: #333; cursor: pointer; display: flex; align-items: center;}
.consulting_form textarea{grid-column: 2/5; height: 225px; padding: 15px;} */






.consulting_form .fl_r label, .consulting_form .fl_l label {width: 100px; display: inline-block;}
.consulting_form .fl_r > span{width: 100px; display: inline-block;}
.consulting_form .clear > span{width: 100px; display: inline-block;}
.consulting_form input[type="text"]{height: 48px; padding:0 15px; width: 478px; font-size: 15px; box-sizing: border-box;}
.consulting_form select{height: 48px; background: #f3f3f3; padding: 0 15px;}
.consulting_form select{background:url(../img/icon_bottom_arrow.png) no-repeat right 15px center; width: 100%; font-size: 15px; color: #777;}
select::-ms-expand {display:none}
.agree_chk.chkstyle{margin-left:100px; display: flex; align-items: center;}
.consulting_form .agree_chk label{cursor: pointer;}

.consulting_form .as_c{align-self: center;}
.consulting_form input[type="text"].completed{padding: 0 15px;}

.select{background: #f3f3f3; width: 87%;}


/*크롬 checkbox*/
.chkstyle input[type=checkbox]{position:relative; margin-right:5px; width:18px; height:18px; vertical-align:baseline;}
.chkstyle input[type=checkbox]:before{display:block; content:''; position:absolute; width:18px; height:18px; background:#fff url(../img/icon_radoff.png) no-repeat; background-size:18px 18px; z-index:2; cursor:pointer;}

.chkstyle input[type=checkbox]:checked:after{display:block; content:''; position:absolute;  width:18px; height:18px; background:#fff url(../img/icon_radon.png) no-repeat; background-size:18px 18px; z-index:2;}

/*IE checkbox*/
.chkstyle input[type=checkbox]{border: 1px solid #000; border-radius: 50%;}


.submit_btn{text-align: center;}
.submit_btn button{width: 240px; height: 60px; background: #3e4e5e; color: #fff; border: none; cursor: pointer; font-size: 18px; font-weight: 500; letter-spacing: -0.02em;}


/*footer*/
.footer{width: 100%; background: #333; padding-bottom: 40px;}
.footer .nav_footer{color: #ddd; font-size: 14px; font-weight: 500; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #777; margin-bottom: 25px; height: 73px; line-height: 73px;}

.footer .nav_footer .logo_footer{text-indent: -999em; background: url(../img/footer_logo.png) no-repeat center center; background-size: contain; display: block; width:150px; height: 50px; opacity: 0.5;}

.footer .nav_footer .all_menu li{display: inline-block;}
.footer .nav_footer .all_menu li:after{content:''; display:inline-block;width:3px; height:3px; margin:0 10px; vertical-align:middle;background:#ddd; border-radius:50%;}
.footer .nav_footer .all_menu > li:last-child:after{width: 0; height: 0;}
.footer .nav_footer .all_menu li a{color: #ddd;}

.footer .footer_info{color: #aaa; display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.footer .footer_info ul {display: inline-block; line-height: 2;}
.footer .footer_info ul li{display: inline-block;}
.footer .footer_info .info_basic li:after{content:''; display:inline-block;width:1px; height:14px; margin:0 10px; vertical-align:middle;background:#999; border-radius:50%;}
.footer .footer_info .info_basic > li:nth-child(3):after{width: 0; height: 0;}
.footer .footer_info .info_basic > li:nth-child(6):after{width: 0; height: 0;}
.footer .footer_info .footer_sns{display: flex; align-items: center;}
.footer .footer_info .footer_sns li{margin-right: 10px;}

.footer .copyright{color: #aaa; font-size: 14px; font-weight: 400;}