@charset "utf-8";


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

/*header*/
#header{z-index: 200; position: fixed; top: 0; left: 0; width:100%; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1);}
#header .h_top{padding: 10px 0; text-align: center; color: #fff; background: var(--mainColor); position: relative; z-index: 800;}
#header .h_logo{padding: 17px 0; border-bottom: 1px solid #ddd;}
#header .tel{font-size: 1.125em; font-weight:600; }
#header .tel .xi{width: 46px; height: 46px; line-height: 46px; font-size: 1.25em; color: #fff; text-align: center; background: var(--mainColor); border-radius: 50%; margin-right: 10px;}
#header .tel span{font-size: 1.555em; font-weight:700; color: #111; line-height: 1;}
#header .tel p{line-height: 1; font-size: 14px;}
#header #logo{z-index:800; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#header #logo img{display:block;}
#header .gnb_wrap{margin:0 auto; height: 55px; align-content: center;}
#header .gnb_wrap .gnb .depth1{margin:0 10px; position: relative;}
#header .gnb_wrap .gnb .depth1 > a{font-size: 1.1875em; line-height: inherit; font-weight:600; color:#111; position: relative; font-family: var(--fs_02);}
#header .gnb_wrap .gnb .depth1 > ul{background:#fff; min-width: 160px; border: 1px solid #ddd; border-top:0; margin-top:-2px; transition:all .5s; position:absolute; left:50%; transform:translateX(-50%); max-height:0; overflow:hidden; opacity:0; display: none;}
#header .gnb_wrap .gnb .depth1 > ul:after{content: ""; position: absolute; left: 0; top: -2px; width: 100%; height:5px; background-color:var(--mainColor); transform: scaleX(0); transition: .3s;}
#header .gnb_wrap .gnb .depth1 > ul > .depth2 a{display: block; text-align: center; color:#444; border-top: 1px dotted #ddd; font-weight:400; padding: 15px 10px;}
#header .gnb_wrap .gnb .depth1 > ul > .depth2 a:hover{background: #f5f5f5;}
#header .gnb_wrap .gnb .depth1:hover ul{ max-height:500px; opacity:1 }
#header .gnb_wrap .gnb .depth1:hover > ul:after{transform: scaleX(1);}

#header .sns_wrap .h_sns > li{margin-left:7px;}
#header .h_icon a{ display: block; width:40px; height: 40px; border: 1px solid #ddd; border-radius: 50%; margin-left: 8px; transition: .3s;}
#header .h_icon .xi{font-size:1.25em; color:#ccc;}
#header .h_icon:hover .xi{color: #fff;}
#header .h_icon.s1:hover a{border-color: #3bb51c; background: #3bb51c;}
#header .h_icon.s2:hover a{border-color: #ff2b2b; background: #ff2b2b;}


/*검색*/
#header .hd_sch_btn{font-size:1.125em; color:#555; cursor: pointer;}
#header .hd_sch_btn.on .xi:before{content:'\e921';}
#header .hd_sch_wr #hd_sch{border:1px solid #ccc; border-radius: 50px; position: relative; width:240px; overflow: hidden;}
#header .hd_sch_wr #hd_sch #sch_stx{border:0; background:transparent; color:#555; width:100%; height: 45px; padding:5px 55px 5px 20px; font-size:.95em; box-sizing: border-box;}
#header .hd_sch_wr #hd_sch #sch_stx::placeholder{color:#aaa!important;}
#header .hd_sch_wr #hd_sch button{border:0; background-color:var(--mainColor); width:38px; height: 38px; color:#fff; position: absolute; top:50%; transform: translateY(-50%); right:4px; border-radius: 50%; font-size:.9em;}

/*회원*/
#header .hd_login{margin-left:20px;}
#header .hd_login > li a{color:#555; margin-left:15px; font-weight: 300;}
#header .hd_login > li:first-child a{margin-left:0px;}
#header .hd_login > li .xi{vertical-align: baseline; margin-right:4px;}

/*전체메뉴버튼*/
#header .btn_gnb{width:40px; height: 40px; line-height: 40px; font-size: 1.25em; color: var(--mainColor); text-align: center; position: relative; z-index: 10000; cursor: pointer; border: 1px solid var(--mainColor); border-radius: 50%; margin-left: 8px;}
#header .btn_gnb.on .xi:before{content: "\e921";}
#header .btn_gnb.on{background: var(--mainColor); color: #fff;}


/*탑버튼*/
.qk_list{position: fixed; top:50%; right: 26px;z-index: 100;font-size: 16px; transform: translateY(-50%);}
.qk_list li{ margin-top: 5px;}
.qk_list li a{display: block; width: 52px; height: 52px; line-height: 52px; text-align: center;  border-radius: 50%; font-size: 1.45em;  box-shadow: 2px 2px 3px rgb(0 0 0 / 20%); overflow: hidden; margin-left: auto; background-color: #333; color: #fff; transition: .5s;}
.qk_list li .xi{width: 52px; line-height: 52px; text-align:center;}
.qk_list li .stx{font-style: normal; font-size: .75em; width:0; overflow: hidden; display: none; font-weight: 700;}
.qk_list li a:hover .stx{width:auto; overflow: hidden; display: block;}
.qk_list li .qk_call{background-color:#0072e6;}
.qk_list li .qk_call:hover{width:190px; border-radius: 50px;}
.qk_list li .qk_inq{background: var(--mainColor);}
.qk_list li .qk_inq .xi{font-size:.85em;}
.qk_list li .qk_inq .stx{font-size:.7em;}
.qk_list li .qk_inq:hover{width:140px; border-radius: 50px;}

/*footer*/
#footer{background-color: #151515;position: relative; z-index: 1;}
#footer .f_bottom{padding:70px 0;}
#footer .f_bottom .f_info{width:calc(100% - 202px); padding-left:170px; margin-top:7px;}
#footer .f_bottom .f_info > li{color:#ccc; font-weight: 300; margin-right:40px; font-size:1.068em; margin-bottom: 15px; opacity: .85;}
#footer .f_bottom .f_info > li .fwSB{color:#eee; margin-right:10px;}
#footer .f_bottom .f_info > li.copyright{margin:25px 0 0 0;} 
#footer .f_bottom .f_info > li.copyright a{font-size:.875em; color:#eee; opacity: .5; letter-spacing: 0px; font-weight: 200;} 
.sub #footer{margin-top:10em;}

/*서브 비주얼*/
.sub_v_wrap{position: relative; margin-bottom: 60px; overflow: hidden;}
#sub_visual{height: 560px; transition:1s; position: relative; text-align: center;}
#sub_visual:after{content:''; width:100%; height: 100%; background-color: rgba(0,0,0,.3); position: absolute; top: 0; left: 0;}
#sub_visual .bgfix{width:110%; height: 100%; transition: 5000ms ease;  position: absolute; top: 0; left: 53%; z-index: -1; transform: translateX(-50%); }
/*#sub_visual .sub_v_stt{ font-weight: 700; color:var(--mainColor); margin-bottom: 30px; z-index: 10; opacity:0; transition:1s;} 
#sub_visual .sub_v_stt .bar{width:30px; height: 1px; background-color: var(--mainColor); display: inline-block; opacity: .5; margin-left:10px;}*/
#sub_visual .sub_v_tit{ font-weight: 800; font-size:4em; z-index: 10; line-height: 1.3; opacity:0; transition:1s; color:#fff; position: relative; margin-top: 100px;}  
.load #sub_visual .bgfix{left:50%;}
.load #sub_visual .sub_v_stt{ opacity:1}
.load #sub_visual .sub_v_tit{ opacity:1}

#sub_visual.sub10 .bgfix{background-image:url(../img/sub/v_01.jpg);}
#sub_visual.sub20 .bgfix{background-image:url(../img/sub/v_02.jpg);}
#sub_visual.sub30 .bgfix{background-image:url(../img/sub/v_03.jpg);}
#sub_visual.sub40 .bgfix{background-image:url(../img/sub/v_04.jpg);}
#sub_visual.sub50 .bgfix{background-image:url(../img/sub/v_05.jpg);}
#sub_visual.sub60 .bgfix{background-image:url(../img/sub/v_06.jpg);}
#sub_visual.sub70 .bgfix{background-image:url(../img/sub/v_07.jpg);}
#sub_visual.sub80 .bgfix{background-image:url(../img/sub/v_08.jpg);}
#sub_visual.sub90 .bgfix{background-image:url(../img/sub/v_09.jpg);}

#snb_tab { border-top:1px solid rgba(255,255,255,.3); position: absolute; bottom:0; left: 0; width:100%; z-index: 10;}
#snb_tab .snb_list .sdp_list{width:100%;}
#snb_tab .snb_list .sdp_list > li{width:20%;}
#snb_tab .snb_list .sdp_list > li a{color:rgba(255,255,255,.85); padding:0 5px; display: block; font-size:1.125em; text-align: center; height:65px;}
#snb_tab .snb_list .sdp_list > li.on a{color:var(--subColor); font-weight: 500; position: relative;}
#snb_tab .snb_list .sdp_list > li.on a .va:before{content:''; width:100%; height: 3px; background-color: var(--subColor); position: absolute; top: -2px; left: 50%; transform: translateX(-50%);} 


/*컨텐츠 페이지*/
.ctt_admin{display:none;}/*관리자 내용수정 버튼*/
#ctt header{display:none;}/*컨텐츠 페이지 타이틀 header*/

/*컨텐츠 타이틀*/
.container_title{font-weight: 600; font-size: 2.125em; padding-top: 35px; margin: 55px 0; 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;} 

/*개인정보&이용약관*/
.agree_box{ border:1px solid #ddd; background:#f9f9f9; border-radius:5px}
.agree_box .in_con{  padding:2em; border:1px solid #ededed; margin:1em; background:#fff;}
.agree_box .in_con .agree_wrap{ font-size: .938em;}
.agree_box .in_con .agree_wrap span{ display: block;}


/*=================================================================main============================================================*/

/*메인 비주얼*/
.mainSlider{position:relative}
.mainSlider .el{ height:100vh; position:relative; overflow:hidden}
.mainSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform:scale(1.2,1.2); transition-delay:1s}
.mainSlider .el.swiper-slide-active .bg{ transform:scale(1); transition:2s; transition-delay:0; transition-timing-function:ease-in}
.mainSlider .slogan{ position:absolute; top:48%; left:50%; transform: translate(-50%, -30%); color:#fff; text-align: center;}
.mainSlider .slogan .t1{ font-size:1.3em; display:block; transform:translateY(1em);  opacity:0; margin-bottom: 5px; line-height: 1.2;}
.mainSlider .slogan .t2{ font-size:3.75em; font-weight: 800;transform:translateY(1em); opacity:0; line-height: 1.5; margin-top:20px;}
.mainSlider .slogan .t3{ font-size:1.3em; transform:translateY(1em); opacity:0; line-height: 1.5; margin-top:30px; padding-top:30px; position: relative;}
.mainSlider .slogan .t3:before{content:''; width:60px; height: 2px; background-color: #fff; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.mainSlider .el.swiper-slide-active .slogan .t1{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s}
.mainSlider .el.swiper-slide-active .slogan .t2{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1s}
.mainSlider .el.swiper-slide-active .slogan .t3{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1.5s}
.mainSlider .mainSlider-pagination{ position: absolute; left:50%; bottom:4.5em; transform: translateX(-50%); z-index: 100;}
.mainSlider .mainSlider-pagination .swiper-pagination-bullet{width:calc((100% / 10) - 10px); height:auto; margin: 0 10px 0 0; border-radius: 0; opacity: .4; background:transparent; color:#fff; border-bottom:2px solid #fff; padding-bottom:5px;}
.mainSlider .mainSlider-pagination .swiper-pagination-bullet-active{opacity: 1;}
.mainSlider .main_v_arr{position: absolute; top:50%; left:50%; transform: translate(-50%, 0); z-index: 10; width:98%;}
.mainSlider .main_v_arr .xi{color:#fff; font-size:4em; opacity: .3; cursor: pointer; transition: .3s;}
.mainSlider .main_v_arr .xi:hover{opacity: 1;}
.scroll_wrap{position: absolute; bottom: 0; left:0;width:100%; z-index: 10;}
.scroll_wrap .mainSlide_scroll{ color: #fff; font-size: 0.815em; text-align: center; letter-spacing: 4px; font-weight: 200;}
.scroll_wrap .mainSlide_scroll_bar{ width: 2px; height: 40px; background: rgba(255,255,255,.3); margin: 5px auto 0; position: relative; overflow: hidden;}
.scroll_wrap .scroll_bar {width:2px; height: 15px; background: #fff; animation: box-ani 2s linear infinite backwards; position: absolute; top: 0; left: 0;}


@keyframes box-ani { 
0% {transform: translate(50%, 0);} 
100% {transform: translate(50%, 53px);}
}


/*메인 inc*/
.main_tit{text-align:center; margin-bottom:60px;}
.main_tit .in_tt{font-size:3.875em; color:#111; font-weight: 700; line-height: 1.3;}
.main_tit .in_tx,
.main_tx{font-size:1.25em; color:#444; margin-top:25px;}
.main_more a{ width:200px; padding:16px 25px; color:#bbb; border:1px solid #bbb; margin: 40px auto 0; font-size:1.25em; transition: .3s;}
.main_more a:hover{border-color:var(--mainColor); background-color: var(--mainColor); color:#fff;}

.main_service{ padding:150px 0;}
.main_service .tab_idx{margin-right:-20px; margin-bottom: 40px;}
.main_service .tab_idx > li{width:20%;}
.main_service .tab_idx > li .va_wrap{height:64px; border:1px solid var(--mainColor); color:var(--mainColor); margin-right:20px; margin-bottom: 20px; padding:0 25px; font-size:1.25em; transition: .3s;}
.main_service .tab_idx > li .va_wrap .va{width:100%;}
.main_service .tab_idx > li.on .va_wrap,
.main_service .tab_idx > li:hover .va_wrap{background-color: var(--mainColor); color:#fff;}
.main_service .tab_idx > li.on .xi{transform: rotate(45deg);}
.main_service .swiper-slide .in{height: 100%; position: relative; overflow: hidden;}
.main_service .swiper-slide .in .in_img img{width: 100%; height: 100%; object-fit: cover;}
.main_service .swiper-slide .in .in_txt{position: absolute; bottom:0; left:0; color:#fff; padding:40px 45px; background: linear-gradient(0deg, rgba(0,0,0,0.5), #0000); width:100%;}
.main_service .swiper-slide .in .in_txt .in_nm{font-size:1.375em; font-weight: 300;}
.main_service .swiper-slide .in .in_txt .in_tt{font-size:2.5em; font-weight:700; }
.main_service .swiper-slide .in .in_txt .in_tx{font-size:1.625em; font-weight: 700;}
.service_control{margin-top:70px;}
.service_control .xi{width:44px; height: 44px; line-height: 44px; border:1px solid #ddd; color:#aaa; border-radius: 50%; text-align: center; margin:0 25px; cursor: pointer; transition: .3s; font-size:1.25em;}
.service_control .xi:hover{background-color:var(--mainColor); border-color:var(--mainColor); color:#fff;}
.service_control .b_pagen{width:450px; height: 4px; background-color: #ccc; position: relative;}
.service_control .b_pagen .swiper-pagination-progressbar-fill{ background-color:var(--mainColor);}

.main_company{background-color: #424e68; padding:200px 0 150px;}
.main_company .line_box{width:100%; height:440px; position: absolute; top: -30px; left:0;}
.main_company .line_box > span{width:100%; height: 1px; background-color: rgba(255,255,255,.3);}
.main_company .line_box .line01{ position: absolute; top: 0; left: 0;}
.main_company .line_box .line02{ position: absolute; top: 50%; left: 0;}
.main_company .line_box .line03{ position: absolute; bottom:0; left: 0;}
.main_company .comt_box {position: relative; z-index: 1; text-align:center; width:800px; margin: 0 auto;}
.main_company .comt_box .in_img{ height: 450px;}
.main_company .comt_box .main_tx{color:#fff; padding:0 90px; position: relative; margin-top:35px;}
.main_company .comt_box .main_tx a{position: absolute; top: 50%; right:0; transform: translateY(-50%);}
.main_company .txt_box > *{text-transform: uppercase; color:#fff; font-size:8.125em; font-weight: 500;}
.main_company .txt_box .st01{position: absolute; top: -101px; left: 2%; z-index: 2;}
.main_company .txt_box .st02{position: absolute; top:20%; right: 2%; z-index: 2;}
.main_company .txt_box .st03{position: absolute; bottom:20px; left: 10%; opacity: .8;}

.main_promise{padding:140px 0; background-color: #f9f9f9; overflow: hidden; position: relative;}
.main_promise:before{content:'THE PROMISE OF MANTECH'; width:2000px; text-align: center; color: #fff; font-size: 9em; font-weight: 700; position: absolute; bottom:80px; left: 50%; transform: translateX(-50%);}
.main_promise .prom_tit{width: calc(100% - 850px);}
.main_promise .prom_tit .main_tit{text-align:left;}
.main_promise .prom_cont{width: 850px;}
.main_promise .prom_cont .prom_list{margin-right:-40px;}
.main_promise .prom_cont .prom_list > li{width:50%}
.main_promise .prom_cont .prom_list > li .in{margin-right:40px; margin-bottom:40px; position: relative; align-content: space-between; border: 1px solid #ddd;}
.main_promise .prom_cont .prom_list > li:nth-child(2) .in{margin-top:240px; margin-bottom: -240px;}
.main_promise .prom_cont .prom_list > li .in .img_z{width: 100%; height: 250px;}
.main_promise .prom_cont .prom_list > li .in .txt_z{width: 100%; padding:30px 35px; background: #fff;}
.main_promise .prom_cont .prom_list > li .in .nm{font-size:.938em; font-weight: 500; color:var(--subColor); width:100%; margin-bottom: 10px;}
.main_promise .prom_cont .prom_list > li .in .t_wrap{width:100%;}
.main_promise .prom_cont .prom_list > li .in .tt{font-size:1.5em; font-weight: 600; line-height: 1.3;}
.main_promise .prom_cont .prom_list > li .in .tx{font-size:1.125em; line-height: 1.3; font-weight: 300; margin-top:10px; opacity: .9;}

.main_contents{padding:140px 0;}
.main_contents .in_txt .in_tx{color:#333; font-size:1.125em; font-weight: 500; text-align: center; margin-top:10px;}
.main_contents .service_control{margin-top:40px;}
.main_contents .service_wrap .in{text-align: center;}


.main_loc{padding-bottom:150px; background: linear-gradient(180deg, #fff 70%, #f9f9f9 30%)}
.main_loc .loc_wrap .loc_map{width:calc(100% - 410px); padding-right:20px;}
.main_loc .loc_wrap .loc_map .root_daum_roughmap_landing{border:1px solid #ddd;}
.main_loc .loc_wrap .loc_map .wrap_controllers,
.main_loc .loc_wrap .loc_map .cont,
.main_loc .loc_wrap .loc_map .map_border{ display:none;}
.main_loc .loc_wrap .img_z{width: 100%; height: 502px;}
.main_loc .loc_wrap .loc_box{width:410px; border:1px solid #ececec; padding:50px 40px; background-color: #fff;}
.main_loc .loc_wrap .loc_box .xi-city{color:#ddd; font-size: 5em; line-height: 1;}
.main_loc .loc_wrap .loc_box .tt{font-size: 1.625em; font-weight: 600; margin-top:10px;}
.main_loc .loc_wrap .loc_box .txt{font-size: 1.125em; color: #666;}
.main_loc .loc_wrap .loc_box .line_bar{width:40px; height: 2px; background-color: #ddd; margin: 41px 0;}
.main_loc .loc_wrap .loc_box .loc_info li{margin-top:15px;}
.main_loc .loc_wrap .loc_box .loc_info .xi{width:44px; height: 44px; line-height: 44px; text-align: center; color:#fff; background-color: var(--mainColor); font-size:1.25em; border-radius: 50%;}
.main_loc .loc_wrap .loc_box .loc_info .tx{width:calc(100% - 44px); padding-left:15px; font-size:1.125em; line-height:1.3;}
.main_loc .loc_wrap .loc_box .loc_info .tx.st{font-size:2.125em; font-weight: 700;}


.main_contact{padding-top: 130px; padding-bottom: 140px; position: relative;}
.main_contact:after{content: ''; display: block; position: absolute; top: 0; left: 0; width: 43%; height: 100%; background-image: url(/theme/aram_02/img/main/cont_bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; z-index: -1;} 
.main_contact .main_tit .in_tt,
.main_contact .main_tit .in_tx, .main_tx{color: #fff;}
.main_contact .inq_list{margin-top: 45px;}
.main_contact .inq_list > div{margin-bottom: 15px;}
.main_contact .inq_list .xi{width: 46px; height: 46px; text-align: center; line-height: 46px;border-radius: 50%; background-color: #fff; font-size: 1.25em; color: var(--mainColor); margin-right: 20px;}
.main_contact .inq_list .tt{font-size: 1.875em; color: #fff;} 
.main_contact .inq_list .tx{font-size:16px;margin-left: 66px; color: #ddd;}
.main_contact .le_cont{width: 40%; padding-right: 4em;}
.main_contact .ri_cont{width: 60%; padding-left: 4em;}
.main_contact .ri_cont .ri_tit{font-size: 1.25em; font-weight: 600; margin-bottom: 20px;}

.board_inq tr .w_in{background-color: #f9f9f9; padding: 17px 20px 16px; margin-bottom: 12px;}
.board_inq tr .w_in .inp{width: calc(100% - 130px); background: transparent; padding: 5px;}
.board_inq tr .w_in .txt{font-weight: 500; color: #333; margin-bottom: 5px;}
.board_inq .prv_pop{color: #999;}
.board_inq .w_ti{font-size: 1.125em; font-weight: 600; color: #333; width: 130px; display: inline-block;}
.board_inq .w_ti .xi{font-size: 1.111em; margin-right: 10px;}
.board_inq .w_list{width: calc(100% - 130px); padding-left: 20px;}
.board_inq .w_list > li{width: 33.33%; margin-bottom: 10px; font-weight: 500; color: #555;}
.board_inq .w_list > li input{margin-right: -16px; opacity: 0;}
.board_inq .inp.in_10{width: 100px;}
.board_inq .in_btn{display: inline-block; color: #fff; background: #333!important; padding: 14px 25px; border-radius: 5px; border: 0; font-weight: 600;}
.board_inq input[type=text], .board_inq input[type=password], .board_inq input[type=date]{padding: 0;border: 0; border-bottom: 1px solid #ddd;}
.board_inq #daum_juso_pageadd_zip{width: 400px!important; position: absolute!important; top: 45px; left: 50%!important; transform: translateX(-50%);}
.board_inq .w_add{position: relative; width: calc(100% - 130px);}
.board_inq tr .w50{width: 100%!important;}
.board_inq .w_tx{color: #999; margin-bottom: 20px;}
.board_inq .w_tx .xi{margin-right: 3px;}
.btn_more{width: 150px; height: 45px; background: var(--mainColor); border:0; color: #fff; font-weight: 400; font-size: 1em;}



.inq_wrap {border-top:2px solid #333; padding-top:35px; margin-top:35px;}
.inq_wrap .board_inq .w_form_tit{width:25%;}
.inq_wrap .board_inq th{text-align:left; color:#333; font-size:1.185em; font-weight: 600}
.inq_wrap .board_inq th,
.inq_wrap .board_inq td{padding:10px 25px;}

.inq_wrap .form_st.st_01{margin-right:-10px;}
.inq_wrap .form_st.st_01 > li{width:50%;}
.inq_wrap .form_st.st_01 > li .in{margin-right:10px;}

.inq_wrap .form_st{margin-top:-.7em;}
.inq_wrap .form_st .in{ position:relative; margin-top:.7em;}
.inq_wrap .form_st .in .lab{ position:absolute; left:.75em; top:50%; line-height:1em; margin-top:-.5em; color:#999; background:#fff; padding:0 .25em; transition:.3s}
.inq_wrap .form_st .in .lab.st{ top:1.7em;}
.inq_wrap .form_st .in .inp{ width:100%; box-sizing:border-box; padding:1em; height:3.5em; border:none; position:relative; z-index:1; background:none; }
.inq_wrap .form_st .in textarea.inp{width:100%!important; height:10em;}
.inq_wrap .form_st .in .line{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; border-radius:.25em; box-sizing:border-box; transition:.3s}
.inq_wrap .form_st .in .inp:focus ~ .lab,
.inq_wrap .form_st .in .inp.on ~ .lab{ transform:scale(.9,.9); top:0; color:var(--subColor); margin-left:-.5em}
.inq_wrap .form_st .in .inp:focus ~ .icon,
.inq_wrap .form_st .in .inp.on ~ .icon{ color:#333}
.inq_wrap .form_st .in .inp:focus ~ .line,
.inq_wrap .form_st .in .inp.on ~ .line{ border-color:var(--subColor)}

.inq_wrap .form_st .in .label_box{margin-left:-45px; padding: 1.7em .5em; position: relative; z-index: 10;}
.inq_wrap .form_st .in .label_st{margin-left:45px;}
.inq_wrap .form_st .in .label_st:not(.cssbrowser) input ~ span{color:#666;}
.inq_wrap .form_st .in .label_st:not(.cssbrowser) input:checked ~ span{color: var(--mainColor);}
.inq_wrap .form_st .in .label_st:not(.cssbrowser) .xi:before{font-size:1.5em;}
.inq_wrap .form_st .in .label_st:not(.cssbrowser) input:checked ~ .xi:before{color: var(--mainColor);}

.inq_wrap .form_st input[type=text]:focus,
.inq_wrap .form_st input[type=password]:focus,
.inq_wrap .form_st textarea:focus,
.inq_wrap .form_st select:focus {-webkit-box-shadow:none; -moz-box-shadow: none; box-shadow: none; border: none !important;}
.inq_wrap .form_st select{cursor: pointer;}
.inq_wrap .form_st .req{position:absolute; top: 5px; right: 10px; color:#f13a3a;}

.inq_wrap .file_info{font-size:.938em; color:#aaa; margin-top:10px; letter-spacing: 0;}
.inq_wrap .file_info .st{color:#888; border-bottom:1px solid #888;}
.inq_wrap .file_info .xi{color:#888; vertical-align: middle; font-size:1.125em;}
.inq_wrap #captcha #captcha_img{height:46px;}
.inq_wrap #captcha #captcha_key{width:100px; height:46px; font-size:1.25em; font-weight: normal;}
.inq_wrap #captcha #captcha_mp3{width:46px; height: 46px; background-color: #c9c9c9; background-position: center 3px;}
.inq_wrap #captcha #captcha_reload{width:46px; height: 46px; background-color: #c9c9c9; background-position: center -37px;}
.inq_wrap .w_flex .w_box{width:50%;}
.inq_wrap .cont_check {font-size:1.125em; line-height: 1;}
.inq_wrap .cont_check .label_st:not(.cssbrowser) .xi:before{font-size:1.5em;}
.inq_wrap .cont_check .label_st:not(.cssbrowser) input:checked ~ .xi:before{color: var(--mainColor);}
.inq_wrap .cont_check a{color:#888}
.inq_wrap .rs_btn{margin:30px auto 0;}
 

/*=================================================================sub============================================================*/

.page_txt{}
.page_tit{font-size: 4.5em; font-weight: 700; line-height: 1.2; margin-bottom: 20px;}
.page_tt{font-size: 1.25em; font-weight: 600;}
.page_te{font-size: 1.825em; font-weight: 600;}

.dot_list{margin-top: 20px;} 
.dot_list > li{position: relative; margin-left: 10px; line-height: 1.6; margin-bottom: 5px;}
.dot_list > li::before{content:''; display: block; width: 3px; height: 3px; border-radius:50%; background-color: #ababab; position: absolute; top: 10px; left: -10px;}

.bus_infobox{margin-bottom: 4em;}
.bus_infobox .bus_inbox{padding: 20px; background: #f9f9f9; border: 1px solid #ddd; margin-bottom: 20px;}
.bus_infobox .page_tt{color: var(--subColor); margin-bottom: 20px;}
.bus_infobox .dot_list{margin-top: 0;}
.bus_infobox .dot_list > li{color: #333; margin-right: 20px;}
.bus_infobox .tel .xi{width:44px; height: 44px; line-height: 44px; text-align: center; color:#fff; background-color: var(--subColor); font-size:1.25em; border-radius: 50%; margin: 0 10px 0 20px;}
.bus_infobox .tel span{font-size: 2em; font-weight:700; color: #111; line-height: 1;}
.bus_infobox .tel p{font-size: .937em; font-weight: 500; line-height: 1;}
.bus_infobox .bus_bottom{}
.bus_infobox .bus_txt{margin: 10px 0;}

.company_wrap{}
.company_wrap .com_con{margin-top: 5em;}
.company_wrap .com_con .page_tit{line-height: 1;} 
.company_wrap .page_txt{width: 40%;}
.company_wrap .txt_box{width: 60%; padding-left: 6em;}
.company_wrap .txt_box .tt{font-size: 1.125em; font-weight: 300; line-height: 1.8; margin-bottom: 20px;}
.company_wrap .txt_box .tt.ceo{font-weight: 600;}
.company_wrap .img_box{}
.company_wrap .img_box .img_z{width: 100%; height: 400px; margin: 4em 0; border: 1px solid #ddd;}


.history_wrap{position:relative; overflow:hidden; padding:2em 0}
.history_wrap:before,
.history_wrap .lineAni{ content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd}
.history_wrap .lineAni{ height:0; background:var(--mainColor); transition:.3s}
.history_wrap .lineAni:before,
.history_wrap:after{ content:""; position:absolute; left:50%; top:0; margin-left:-.5em; width:1em; height:1em; background:#fff; border:.25em solid var(--mainColor); border-radius:100%; box-sizing:border-box}
.history_wrap:after{ top:auto; bottom:0}
.history_wrap .history > li{ margin-top:2em}
.history_wrap .history > li:first-child{ margin-top:0}
.history_wrap .history > li .year_tt{ margin-bottom: 1.5em;}
.history_wrap .history > li .year_tt .wrap_in{ position:relative; overflow:hidden;}
.history_wrap .history > li .year_tt .tt{ display:inline-block; position:relative; padding:0 .5em; font-size:2.375em; font-weight:bold; color:var(--mainColor); font-family: 'LeferiPoint-SpecialA';}
.history_wrap .history > li .year_tt .tt:before{ content:""; position:absolute; right:100%; top:50%; margin-top:-7px; width:100%; border-top:2px dotted #aaa}
.history_wrap .history > li .year_img{width:80%; height: 220px; background-color: #aaa; margin: 20px 0 30px;}
.history_wrap .history > li .list{ width:50%; margin-top:1em}
.history_wrap .history > li .list > li{ margin-top:.5em}
.history_wrap .history > li .list > li:first-child{ margin-top:0}
.history_wrap .history > li .list .wrap_in{ padding:0 2em}
.history_wrap .history > li .list .wrap_in .detail > li .tt:after{ display: block; clear: both; content: '';}
.history_wrap .history > li .list .mont{ color: #999; font-weight: 600; font-size: 1.25em; display:block;}
.history_wrap .history > li .list .page_tx{font-size: 1.125em; line-height: 1.8;}
.history_wrap .history > li .list .detail{ width: 100%;}
.history_wrap .history > li .list .detail > li{ margin-top:.5em}
.history_wrap .history > li .list .detail > li:first-child{ margin-top:0}
.history_wrap .history > li .list .detail .tt{ position:relative; padding:0 1.5em; margin-top:.125em; margin-bottom: 1.5em; color:#444; line-height: 1.6;}
.history_wrap .history > li .list .detail .tt:before{ content:""; position:absolute; left:0; top:.7em; width:.75em; border-top:2px solid #aaa}
.history_wrap .history > li:nth-child(2n) .year_tt{ justify-content:flex-end; text-align:right}
.history_wrap .history > li:nth-child(2n) .year_tt .tt:before{ right:auto; left:100%}
.history_wrap .history > li:nth-child(2n) .year_img{margin-left:auto;}
.history_wrap .history > li:nth-child(2n) .list{ order:-1}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-end}
.history_wrap .history > li:nth-child(2n) .list .detail{ order:-1}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ left:auto; right:0}
.history_wrap .history > li:nth-child(2n) .list .mont{ /*float: right;*/ margin-left: 13px; margin-right: 0;}
.history_wrap .history > li:nth-child(2n) .list .page_tx{ /*float: right;*/}


.ledsign_wrap{} 
.ledsign_wrap .led_con{margin-top: 5em;}
.ledsign_wrap .page_txt{width: 40%;}
.ledsign_wrap .txt_box{width: 60%; padding-left: 6em;}
.ledsign_wrap .txt_box .tt{font-size: 1.125em; font-weight: 300; line-height: 1.8; margin-bottom: 20px;}
.ledsign_wrap .led_list{margin-right:-20px; margin-top: 4em; margin-bottom: 20px;}
.ledsign_wrap .led_list > li{width: 33.33%; margin-bottom: 20px;}
.ledsign_wrap .led_list > li .in{height: 300px; margin-right: 20px; border: 1px solid #ddd; padding: 40px; position: relative; color: #fff; }
.ledsign_wrap .led_list > li .in:after{content:''; display: block; width: 100%; height: 100%; background: var(--mainColor); opacity: 0; position: absolute; top: 0; left: 0; transition: .3s;}
.ledsign_wrap .led_list > li .in:hover:after{opacity: 1}
.ledsign_wrap .led_list > li .in .te{font-size: 1em; font-weight: 600; margin-bottom: 10px;position: relative; z-index: 1; /*width: 35px; height: 35px; text-align: center; align-content: center; border-radius: 50%;*/}
/*.ledsign_wrap .led_list > li:nth-child(1) .in .te{background-color: #e60012; transition: .3s;}
.ledsign_wrap .led_list > li:nth-child(1) .in:hover .te{background-color: rgba(255,255,255,.3);} 
.ledsign_wrap .led_list > li:nth-child(2) .in .te{background-color: #e94c08;}
.ledsign_wrap .led_list > li:nth-child(3) .in .te{background-color: #ed6a02;}
.ledsign_wrap .led_list > li:nth-child(4) .in .te{background-color: #f7b000;}
.ledsign_wrap .led_list > li:nth-child(5) .in .te{background-color: #fdcf00;}
.ledsign_wrap .led_list > li:nth-child(6) .in .te{background-color: #fff001;}*/
.ledsign_wrap .led_list > li .in .ti{font-size: 1.5em; font-weight: 600; margin-bottom: 1em;position: relative; z-index: 1;}
.ledsign_wrap .led_list > li .in .tt{font-size: 1.125em; position: relative; z-index: 1; }
.ledsign_wrap .sign_list{margin-top: 4em; margin-right: -20px;}
.ledsign_wrap .sign_list > li{width: 33.33%;}
.ledsign_wrap .sign_list > li .in{margin-right: 20px; padding: 40px; background: #f9f9f9; height: 460px; position: relative; overflow: hidden;}
.ledsign_wrap .sign_list > li .in .te{font-size: 1em; color: #999; margin-bottom: 5px;}
.ledsign_wrap .sign_list > li .in .ti{font-size: 1.75em; font-weight: 700; margin-bottom: 30px;}
.ledsign_wrap .sign_list > li .in .tt{font-size: 1.1em; line-height: 1.6;}
.ledsign_wrap .sign_list > li .in .img_z img{position: absolute; bottom: -20px; right: -20px; opacity: .6}
.ledsign_wrap .led_box{border-top: 1px solid #ddd; padding: 4em 0;}
.ledsign_wrap .led_box .page_te{width: 20%;}
.ledsign_wrap .led_box .img_box{width: 80%;}
.ledsign_wrap .led_box .img_box .in{width: 50%;}
.ledsign_wrap .led_box .img_box .in .img_z{margin-left: 20px;}


.esg_wrap{} 
.esg_wrap .esg_con{margin-top: 5em;}
.esg_wrap .page_txt{width: 40%;}
.esg_wrap .txt_box{width: 60%; padding-left: 6em;}
.esg_wrap .txt_box .tt{font-size: 1.125em; font-weight: 300; line-height: 1.8; margin-bottom: 20px;}
.esg_wrap .esg_box{padding: 8em 0 10em;}
.esg_wrap .esg_box.bg{background-color: #f9f9f9;margin-top: 4em;}
.esg_wrap .esg_box.st{padding: 12em 0 15em;}
.esg_wrap .esg_list{width: 100%; margin-top: 2em; text-align: center;}
.esg_wrap .esg_list > li{width: 33.33%;}
.esg_wrap .esg_list > li .in{margin-right: 20px; border: 1px solid #ddd; padding-bottom: 40px; background-color: #fff;}
.esg_wrap .esg_list > li .in .img_z{height: 250px;}
.esg_wrap .esg_list > li .in .ti{font-size: 1.5em; font-weight: 600; margin-top: 30px;}
.esg_wrap .esg_list > li .in .tt{font-size: 1em; color:#999; margin-bottom: 10px;margin-top: 5px; letter-spacing: 1px;}
.esg_wrap .esg_list > li .in .tx{font-size: 1.125em; font-weight: 300;}
.esg_wrap .txt_z{margin-top: 6.5em; text-align: center; font-size: 1.75em; font-weight: 700; position: relative;}
.esg_wrap .txt_z:after{content: ''; display: block; width: 10px; height: 10px; background: var(--mainColor); border-radius: 50%; position: absolute; top: -40px; left: 50%; transform: translateX(-50%);}
.esg_wrap .txt_z:before{content: ''; display: block; width: 1px; height: 60px; border-left: 6px dotted #ddd;  position: absolute; top: -120px; left: 50%; transform: translateX(-50%);}
.esg_wrap .esg_box.st{color: #fff;}
.esg_wrap .esg_box.st .page_txt{margin-bottom: 2em;}
.esg_wrap .task_list{margin-right: -20px;}
.esg_wrap .task_list > li{width: 33.33%;}
.esg_wrap .task_list > li .in{border:1px solid rgba(255,255,255,.5); margin-right: 20px; padding: 60px 50px; }
.esg_wrap .task_list > li .in .icon{display:block; margin-bottom: 2em;}
.esg_wrap .task_list > li .in .ti{font-size: 1.5em; font-weight: 600; margin-bottom: 15px;}
.esg_wrap .task_list > li .in .task_list{fnot-size:1.1em; line-height: 1.6;}




/*인증서*/
#bo_gall .gall_text_href{margin: 0;}
#bo_gall .gall_tbox{padding: 15px 10px;}

/*오시는 길*/
.location_box{ margin: 0 auto; padding: 0 1em;}
.location_box .map_tw{padding-bottom:1em; font-size:1.5em;}
.location_box .map_tw .xi{ width: 44px; height: 44px; background: var(--mainColor); border-radius: 50%; line-height: 44px; margin-right: 10px; font-size:.938em; color:#fff;}
.location_box .map_view{ border-top:3px solid var(--mainColor); box-shadow: 0 0.25em 0.5em rgba(0,0,0,.2); transition: .3s;  padding: 1em; border-radius: 0 0 1em 1em;}
.location_box .map_view .tt {padding-bottom:10px; font-size:1.25em; color:#333; letter-spacing:-2px; vertical-align:middle;}
.location_box .map_view .xi {vertical-align:middle; font-size:1.125em; padding-right:5px;}
.location_box .map_view .map_cont .root_daum_roughmap .wrap_controllers{display:none;}
.location_box .info_list{margin-top:1em;}
.location_box .info_list > li { padding:2.5em 0; border-bottom:1px dotted #ddd;}
.location_box .info_list > li h3 { float:left; font-size:1.5em; font-weight:500; position: relative; padding-top:7px;}
.location_box .info_list > li h3:before{content:''; width:25px; height: 2px; background: var(--mainColor); position: absolute; top:0; left: 0;}
.location_box .info_list > li h3 .xi { font-size:1.125em; margin-right: 5px;}
.location_box .info_list > li .info { margin:0 0 0 240px;}
.location_box .info_list > li .info .in_tbox{border: 1px solid #ddd; padding: 1.5em; background-color: #f9f9f9; color:#333;}
.location_box .info_list > li .info .in_tbox .fwB{margin-right:8px; font-weight: 500;}
.root_daum_roughmap{width: 100%!important;}

/* 문의하기 */
.sub .main_contact{padding: 0;}
.sub .main_contact:after{display: none;}
.sub .main_contact .main_tit .in_tt, .sub .main_contact .main_tit .in_tx, .sub .main_tx{color: #111;}
.sub .main_contact .inq_list .tt{color: #333;}
.sub .main_contact .inq_list .tx{color: #999;}
.sub .main_contact .inq_list .xi{background: var(--mainColor); color: #fff;}
.sub .main_tit .in_tt{font-size: 3em;}
.sub .main_tit .in_tx, .main_tx{font-size: 1.125em; margin-top: 20px;}
.sub .main_contact .inq_list .tt{font-size: 1.75em;}