@charset "utf-8";

body{font-size:16px;}
.doc{font-size: 16px;}
.box0{ width:1700px; max-width: 96%; margin:0 auto; position:relative } 
.box1{ width:1300px;max-width: 96%; margin:0 auto; position:relative } 
.mobile_only{display:none;}

:root { 
    --mainColor:#73bf44;
    --subColor:#2c62c1;
    --bor_r:3px;
    --item_r:20px;
	--header_H:80px;
    --fs_01: "Nanum Brush Script", serif;
}


/*=======================================기본셋팅 css 수정=======================================*/

/*header*/
.header-wrap{position: fixed; top: 0; left: 0; width:100%;}
.header-wrap,
.header-wrap .header-title > .box1,
.header-wrap .navbar-nav > li .va_wrap{height:var(--header_H);}
.navbar-nav{flex-direction: inherit;}
.navbar-nav > li > .nav-link{padding:0!important;}
.navbar-nav .dropdown-menu{position: absolute; top: var(--header_H); left: 50%; transform: translateX(-50%); min-width:160px; padding:0; border:1px solid #ddd;}
.navbar-nav .dropdown-menu:after{content: ""; position: absolute; left: 0; top: -2px; width: 100%; height:3px; background-color:var(--mainColor); transform: scaleX(0); transition: .3s;}
.navbar-nav > li:hover .dropdown-menu:after{transform: scaleX(1);}
.navbar-nav .dropdown-item{display: block; text-align: center; color: #444!important; border-top: 1px dotted #ddd; font-weight: 400; padding: 15px 10px!important;}
.navbar-nav .dropdown-item:hover{background-color: #f7f7f7!important;}
.navbar-nav .dropdown:hover>.dropdown-menu {z-index:10;top:var(--header_H)!important;opacity:1;visibility:visible}

/*footer*/
.main .footer{margin-top:0;}
.footer{background-color: #161616; border-top:0; padding-top:70px; margin-top:120px;}
.footer .f_logo{opacity: .5;}
.footer .footer-cont-info{margin-top:0; font-size:1em; padding-left:130px;}
.footer .footer-cont-info li{margin-right:60px; color:#bbb; margin-bottom: 10px;}
.footer .footer-cont-info li .f_co{color:#888; margin-right:15px; font-weight: 500;}
.footer .footer-copyright{border-top:1px solid rgba(255,255,255,.15); padding:20px 0; margin-top:50px; font-size:.875em; font-weight: 300; color:rgba(255,255,255,.4); letter-spacing: 0px;}
.footer .site_wrap{ position:relative; width: 175px;}
.footer .site_wrap .siteBtn{ display: block; border:1px solid #ccc; width: 100%; box-sizing: border-box; padding:.6em 2em .8em 2.5em; transition:.3s; font-size:1em; color: #aaa;}
.footer .site_wrap .siteBtn .xi{ margin-left:10px; vertical-align:middle; font-size: .938em}
.footer .site_wrap .site{ position:absolute; left:0; z-index:10; top:50px; width:100%; background:#fff; opacity:0; visibility:hidden; transition:.3s; border:1px solid #ccc; box-sizing:border-box; height: 100px; overflow-y: scroll;}
.footer .site_wrap:hover .site{ opacity:1; visibility:visible}
.footer .site_wrap .site > li{ border-bottom:1px solid #ddd; text-align: left;}
.footer .site_wrap .site > li > a{ display:block; font-size:.938em; padding:.5em 3em .6em 1em; font-weight:300; color:#333; overflow:hidden; position:relative; transition:.3s}
.footer .site_wrap .site > li > a .icon:before{ content:"\e980"; font-size:.813em; margin-right:.125em}
.footer .site_wrap .site > li > a:after{ content:"\e907"; font-family:xeicon!important; position:absolute; right:-2em; top:12px; transition:.3s}
.footer .site_wrap:hover .siteBtn,
.footer .site_wrap .site > li:hover > a{ background:#444; border-color:#777; color:#fff; opacity:1}
.footer .site_wrap .site > li:hover > a:after{ right:1em}    

/*body 셋팅 수정*/
.main-slider-top{margin-top:0;}
.main .basic-body{margin-top:0;}
.basic-body{padding:0; margin-top:4em;}
.ctt_admin{display:none;}

/*서브 비주얼*/
.page-title-wrap{height:430px; padding-top:var(--header_H); background-image:url(../image/sub/sub_v.jpg); }
.page-title-wrap h2{font-size:3em; width:100%; text-align: center; display:block; margin-bottom: 15px;}
.page-title-wrap .sub-breadcrumb{font-size:.938em; color:#fff; opacity: .85;}
.page-title-wrap .sub-breadcrumb-wrap{justify-content: center}

/*snb*/
.snb_list{ width:100%; position: absolute; bottom:0; left: 0;}
.snb_list > .sidebar-nav-item{display:none;}
.snb_list > .sidebar-nav-item.active{display:block;}
.snb_list > .sidebar-nav-item > .collapse{text-align: center;font-size:0;}
.snb_list > .sidebar-nav-item > .collapse > li{width:50%; max-width:33.33%; display:inline-block; vertical-align: top; font-size:1rem;}
.snb_list > .sidebar-nav-item > .collapse > li > a{background:rgba(0,0,0,.3); height:3.8em; color:rgba(255,255,255,.9); border-left:1px solid rgba(255,255,255,.1);transition:.3s;}
.snb_list > .sidebar-nav-item > .collapse > li > a .va{ font-size:1.125em; transition:.3s;}
.snb_list > .sidebar-nav-item > .collapse > li.active > a{ background:#fff; color:#111;}


/*컨텐츠 타이틀*/
.main .container_title{display:none;}
.container_title{font-weight: 500; font-size: 2.125em; padding-top: 35px; margin: 55px 0 70px; text-align: center; position: relative;}
.container_title:before{content:''; width:1px; height: 26px; visibility: hidden; transition: .8s; transition-timing-function: ease-in-out; transform: scaleY(0); transform-origin: left top; background: #222; position: absolute; top: 0; left: 50%;}
.load .container_title:before{transform: scaleY(1); visibility: visible;} 

/*모달*/
.modal-open{padding-right:0!important;}

/*게시판 페이징,버튼*/
.eb-pagination a{overflow: hidden; border-radius: 2px;}
.btn-e{font-size:.938em; padding:10px 15px; border-radius: var(--bor_r);}
.btn-e-lg{border-radius: var(--bor_r);}

/*카카오맵*/
.root_daum_roughmap .cont,
.wrap_controllers{display:none!important;}
.root_daum_roughmap_landing .border1,
.root_daum_roughmap_landing .border2,
.root_daum_roughmap_landing .border3,
.root_daum_roughmap_landing .border4{display:none!important;}


/*=======================================작업 main css=======================================*/

/*header*/
.header-wrap{background-color: transparent; border-bottom:1px solid rgba(255,255,255,.25);}
.header-wrap .title-logo .ver_a{display:block;}
.header-wrap .title-logo .ver_b{display:none;}
.header-wrap .navbar-nav > li:not(:last-child){margin-right:110px;}
.header-wrap .navbar-nav > li .va_wrap{font-size:1.125em; font-weight: 500; color:#fff;}
.header-wrap .btn_gnb{width:28px; height: 22px; position: relative; z-index: 600;}
.header-wrap .btn_gnb .a_rd{display:block; width:100%; height: 2px; background-color: #fff; transition: .3s; position: relative;}
.header-wrap .btn_gnb .a_rd.a1{ position: absolute; top:0; left: 0;}
.header-wrap .btn_gnb .a_rd.a2{width:70%; position: absolute; top:50%; right:0;}
.header-wrap .btn_gnb .a_rd.a3{position: absolute; top: 100%; left: 0;}
.header-wrap .btn_gnb:hover .a_rd.a2{width:100%;}
.header-wrap .btn_gnb.on .a_rd.a1{transform: rotate(45deg); top:50%;}
.header-wrap .btn_gnb.on .a_rd.a2{display:none;}
.header-wrap .btn_gnb.on .a_rd.a3{transform: rotate(-45deg); top:50%;}

.header-wrap .btn_gnb.mobile_only.on .a_rd{background-color: #666!important;}

.scroll .header-wrap,
.sub .header-wrap{background-color: #fff; border-bottom-color:#ddd;}
.scroll .header-wrap .title-logo .ver_a,
.sub .header-wrap .title-logo .ver_a{display:none;}
.scroll .header-wrap .title-logo .ver_b,
.sub .header-wrap .title-logo .ver_b{display:block;}
.scroll .header-wrap .navbar-nav > li .va_wrap,
.sub .header-wrap .navbar-nav > li .va_wrap{color:#111;}
.scroll .header-wrap .btn_gnb .a_rd,
.sub .header-wrap .btn_gnb .a_rd{background-color: #666;}

/*main_v*/
.ebs-shop-basic-in .swiper-main .swiper-cont h2{position: relative;}
.ebs-shop-basic-in .swiper-main .swiper-cont h2:before{content:''; width:40px; height: 40px; background-color: var(--mainColor); border-radius: 50%; position: absolute; top: -90px; left:49%; transform: translateX(-50%); opacity: .8;}
.ebs-shop-basic-in .swiper-main .swiper-cont h2:after{content:''; width:40px; height: 40px; background-color: var(--subColor); border-radius: 50%; position: absolute; top: -90px; left:51%; transform: translateX(-50%); opacity: .8;}


/*main_inc*/
.main_tit{text-align:center; margin-bottom:50px;}
.main_tit .bar{background-color:var(--mainColor); width:36px; height: 2px; margin:0 auto 40px; transform: rotate(-30deg);}
.main_tit .tt{font-size:2.437em; font-weight: 400; color:#111; line-height: 1.3;}
.main_tx{ text-align:center; font-size: 1.375em; font-weight: 500;}
.main_plus{width:48px; height: 48px; line-height: 48px; background-color: var(--subColor); border-radius: 50%; color: #fff; text-align: center; margin-top:30px; transition: .3s;}

/*con2*/
.main_con2{ padding:110px 0 100px;}
.main_con2 .con2_wrap{ width: 80%; margin: 0 auto;}
.main_con2 .con2_wrap .con2_list{ margin-right: -40px;}
.main_con2 .con2_wrap .con2_list > li{ width:33.33%;}
.main_con2 .con2_wrap .con2_list > li .in{display:block; margin-right: 30px; position: relative;}
.main_con2 .con2_wrap .con2_list > li .in .r_icon{ width: 270px; height: 270px; border-radius: 50%; text-align: center; margin: 0 auto 15px; overflow: hidden; position: relative;}
.main_con2 .con2_wrap .con2_list > li .in .r_icon .plus_bg{position: absolute; top: 0; left: 0; width:100%; height: 100%; background-color: rgba(0,0,0,0.2); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; opacity: 0; transition: .3s;}
.main_con2 .con2_wrap .con2_list > li .in:hover .r_icon .plus_bg{opacity: 1;}
.main_con2 .con2_wrap .con2_list > li .in:hover .r_icon .plus_bg .main_plus{margin-top:0;}

/*con3*/
.main_con3{ background: #10237a; padding:100px 0;}
.main_con3 .main_tit .tt{color:#fff;}
.main_con3 .bus_list{ margin-right: -30px;}
.main_con3 .bus_list > li{width:33.33%;}
.main_con3 .bus_list > li .in{display:block; margin-right: 30px; height: 100%; position: relative;}
.main_con3 .bus_list > li .img_con{border-radius: var(--item_r); height: 300px; position: relative; overflow: hidden;}
.main_con3 .bus_list > li .txt_con{color:#fff; text-align: center; margin-top:25px;}
.main_con3 .bus_list > li .in .plus_bg{position: absolute; top: 0; left: 0; width:100%; height: 100%; background-color: rgba(0,0,0,0.3); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; opacity: 0; transition: .3s;}
.main_con3 .bus_list > li .in:hover .plus_bg{opacity: 1;}
.main_con3 .bus_list > li .in:hover .plus_bg .main_plus{margin-top:0;}

/*con5*/
.main_con5{  padding:110px 0; background-image: url("../image/main/main_cs_bg.jpg"); position: relative;}
.main_con5:before{content:''; width:100%; height: 100%; background-color: rgba(0,0,0,0); position: absolute; top: 0; left: 0; backdrop-filter: blur(3px);}
.main_con5 .main_tit .tt{ color: #fff; text-shadow: 0 1px 5px rgba(0, 0, 0, .15);}
.main_con5 .main_tx{ color: #fff; font-weight: 300; text-shadow: 0 1px 5px rgba(0, 0, 0, .15);}
.main_con5 .more_btn a{ display:block;  text-align: center;  box-sizing: border-box; padding: .75em .5em; width: 170px; margin: 3.5em auto 0; background-color:#fff; color:#555;; font-size: 1.125em; transition: all .3s; border-radius: 50px;}
.main_con5 .more_btn a:hover{ background-color: var(--mainColor); color:#fff;}


/*con6*/
.main_con6 { padding:100px 0 140px; background-color: #f9f9f9;}
.loc_wrap .map_cont{ border-radius: var(--item_r); border:1px solid #bbb; overflow: hidden;}
.loc_wrap .add_list{ margin-top:40px;}
.loc_wrap .add_list > li{ width: 33.33%;}
.loc_wrap .add_list > li .in{ text-align: center; box-sizing: border-box; padding: 0 3em; height: 100%; border-right:1px solid #ddd;}
.loc_wrap .add_list > li:last-child .in{border-right:none;}
.loc_wrap .add_list > li .in .xi{font-size: 1.375em; color: #fff; width: 2.25em; line-height: 2.25em; height: 2.25em; background:var(--mainColor); border-radius: 50%; text-align: center;}
.loc_wrap .add_list > li:nth-child(2n) .in .xi{background:var(--subColor);}
.loc_wrap .add_list > li .in .t1{ font-size: 1.375em; font-weight: 500; margin: 10px 0 15px;}
.loc_wrap .add_list > li .in .t2{ font-size: 1.125em;}
.loc_wrap .add_list > li .in .t2.f_st{ font-size: 1.25em;}


/*=======================================작업 sub css=======================================*/

/*sub inc*/
.page_tt{font-size:1.825em; font-weight: 600;}
.page_stt{font-size:1.45em; font-weight: 600;}
.page_tx{font-size:1.2em; font-weight: 400; line-height: 1.6; color:#222;}
.page_stx{font-size:1em; font-weight: 300;}

.dot_list > li{position: relative; padding-left:15px;}
.dot_list > li:before{content:''; width:4px; height: 4px; border-radius: 50%; background-color: var(--subColor); position: absolute; top: 12px; left: 0;}
.dot_list > li:not(:last-child){margin-bottom:15px;}


/*인사말*/
.about_01_01 .def_intro{margin-right:-7em;}
.about_01_01 .def_intro .in > *{padding-right:7em;}
.about_01_01 .def_intro .in .img_z{width:50%;}
.about_01_01 .def_intro .in .img_z .bgfix{height: 100%; background-color: #aaa;border-radius: var(--item_r);}
.about_01_01 .def_intro .in .txt_z{width:50%;}
.about_01_01 .def_intro .in .txt_z .page_tt{margin-bottom:35px;}
.about_01_01 .def_intro .in .txt_z .page_tx{ margin-bottom:15px;}
.about_01_01 .def_intro .in .txt_z .page_tx.ceo_name{margin-top:55px;}
.about_01_01 .def_intro .in .txt_z .page_tx.ceo_name .tx{letter-spacing: 2px;}
.about_01_01 .def_intro .in .txt_z .page_tx.ceo_name .in_name{font-size: 2em; margin-left: 10px; letter-spacing: 6px; font-family: var(--fs_01);}

/*경영이념*/
.bus_cont{margin-right:-40px;}
.bus_cont > li{width:33.33%; margin-bottom: 50px;}
.bus_cont > li:nth-child(1){margin-left:16.66%;}
.bus_cont > li .in{margin-right:40px;text-align: center;}
.bus_cont > li .in .img_z{width:100%; height:400px; background-color: #aaa; position: relative; border-radius: var(--item_r); overflow: hidden;}
.bus_cont > li .in .img_z .in_stt{font-size:1.625em; font-weight: 600; line-height: 1.25; position: absolute; bottom:0; left: 0; padding:20px 10px; color:#fff; background:linear-gradient(0deg, rgba(0,0,0,.35), #0000); width:100%;}
.bus_cont > li .in .in_stt2{font-size:1.45em; margin:20px 0 10px; font-weight: 500;}
.bus_cont > li .in .page_tx{width:80%; margin: 0 auto;}

/*사업분야*/
.about_01_01 .def_intro.bus_st .in{margin-bottom:4em;}
.about_01_01 .def_intro.bus_st .in .img_z{min-height:400px;}
.about_01_01 .def_intro.bus_st .in .txt_z{padding-top:2.5em; padding-bottom:2.5em;}
.about_01_01 .def_intro.bus_st .in .page_stt{margin-bottom:15px;}
.about_01_01 .def_intro.bus_st .in .page_stt.bar_st{position: relative; padding-left:15px;}
.about_01_01 .def_intro.bus_st .in .page_stt.bar_st:before{content:''; width:3px; height: 22px; background-color: var(--mainColor); position: absolute; top: 6px; left: 0;}
.about_01_01 .def_intro.bus_st .in .mg_st{margin-top:50px;}