@charset "utf-8";


.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:#00508f;
    --subColor:#2ea7e0;
    --bor_r:3px;
	--header_H:80px;
    --fs_01: "Nanum Brush Script", serif;
}



#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/*header*/
#header{z-index: 200; position: fixed; top: 0; left: 0; width:100%; border-bottom:1px solid rgba(255,255,255,.2);}
#header .va_wrap,
#header .h_wrap{height:var(--header_H);}
#header #h_logo .logo_a{display:none;}
#header #h_logo img{display:block;}
#header .gnb_wrap{margin:0 auto;}
#header .gnb_wrap .gnb .depth1{margin:0 35px; position: relative;}
#header .gnb_wrap .gnb .depth1 > a{font-size: 1.125em; line-height: inherit; font-weight:500; color:#fff; position: relative;}
#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 }
#header .gnb_wrap .gnb .depth1 > ul:after{content: ""; position: absolute; left: 0; top: -2px; width: 100%; height:5px; background-color:var(--subColor); 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 .gnb_wrap .gnb .depth1:hover > ul:after{transform: scaleX(1);}

#header .lang_wrap{ position: relative;}
#header .lang_wrap .lw_btn{font-size: 1em; cursor: pointer; color:#fff; position: relative;}
#header .lang_wrap .lw_btn .lw_tx{margin:0 10px 0 5px;}
#header .lang_wrap .lw_btn .xi{font-size:1.125em; transition: .3s;}
#header .lang_wrap .lw_btn.on .xi-angle-down-min{transform: rotate(-180deg);}
#header .lang_wrap .lw_list{position: absolute; top: 30px; left: 50%; transform: translateX(-50%); padding:10px 5px; border-radius: 10px; background-color: #fff; width:100px; box-shadow: 0 0 5px rgba(0,0,0,.1); display: none;}
#header .lang_wrap .lw_list.on{display:block;}
#header .lang_wrap .lw_list a{color:#666; display: block; text-align: center; font-size:.938em; margin: 2px 0;}
#header .lang_wrap .lw_list a:hover{color:var(--mainColor)}


/*검색*/
#header .hd_sch_btn{font-size:1.125em; color:#fff; cursor: pointer;}
#header .hd_sch_btn.on .xi:before{content:'\e921';}
#header .hd_sch_wr #hd_sch{border:1px solid rgba(255,255,255,.8); border-radius: 50px; position: relative; width:240px; overflow: hidden;}
#header .hd_sch_wr #hd_sch #sch_stx{border:0; background:transparent; color:#fff; 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:rgba(255,255,255,.8)!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:#fff; 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:30px; height: 30px; position: relative; z-index: 10000; margin-left:25px;}
#header .btn_gnb .a_rd{width:10px; height: 10px; background-color: #fff; border-radius: 50%;}
#header .btn_gnb .a_rd.a1{position: absolute; top: 0; left: 0; transition:.3s;}
#header .btn_gnb .a_rd.a2{position: absolute; top: 0; right: 0; background-color:var(--subColor)!important; transition:.3s;}
#header .btn_gnb .a_rd.a3{position: absolute; bottom: 0; left: 0; transition:.3s; }
#header .btn_gnb .a_rd.a4{position: absolute; bottom: 0; right: 0; transition:.3s; }

#header .btn_gnb:hover .a_rd.a1,
#header .btn_gnb:hover .a_rd.a4{display:none;}
#header .btn_gnb:hover .a_rd.a2,
#header .btn_gnb:hover .a_rd.a3{width:100%; border-radius: 50px;}

#header .btn_gnb.on .a_rd.a1,
#header .btn_gnb.on .a_rd.a4{display:none;}
#header .btn_gnb.on .a_rd.a2{width:100%; border-radius: 50px;}
#header .btn_gnb.on .a_rd.a3{width:100%; border-radius: 50px; background-color: #666;}
#header .btn_gnb.pc_only.on .a_rd.a3{background-color: #fff;}

/*스크롤 header*/
.scroll #header{background-color:#fff; border-bottom:1px solid #ddd;}
.scroll #header #h_logo .logo_a{display:block;}
.scroll #header #h_logo .logo_b{display:none;}
.scroll #header .gnb_wrap .gnb .depth1 > a{color:#111;}
.scroll #header .hd_sch_btn{color:#555;}
.scroll #header .hd_sch_wr #hd_sch{border-color:#ccc;}
.scroll #header .hd_sch_wr #hd_sch #sch_stx{color:#555;}
.scroll #header .hd_sch_wr #hd_sch #sch_stx::placeholder{color:#aaa!important;}
.scroll #header .hd_login > li a{color:#555;}
.scroll #header .btn_gnb .a_rd{background-color:#666;}
.scroll #header .lang_wrap .lw_btn{color:#666;}

/*pc_all_menu*/
.no_scroll{scroll-behavior: auto; overflow: hidden; height: 100vh;}
.pc_all_menu2{ background-color:rgba(0,0,0,0.65); backdrop-filter: blur(10px); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 500; opacity: 0; visibility: hidden; }
.pc_all_menu2.on{opacity: 1; visibility: visible;}
.pc_all_menu2 .box0{height:100vh;}
.pc_all_menu2 .gnb_all{width:100%;}
.pc_all_menu2 .gnb_all > li.depth1{width:calc(100% / 7); text-align: center;}
.pc_all_menu2 .gnb_all > li.depth1 > a.dp1{font-size: 1.625em; letter-spacing: -.5px; color:#fff; line-height: 1.1; font-weight: 800;}
.pc_all_menu2 .gnb_all > li.depth1 .dp2_menu{margin-top:40px;}
.pc_all_menu2 .gnb_all > li.depth1 .dp2_menu > li a{ display: inline-block; font-size:1.125em; position: relative; color:#ddd; margin-bottom: 20px;}
.pc_all_menu2 .gnb_all > li.depth1 .dp2_menu > li a:hover{ color:var(--subColor);}
.pc_all_menu2 .gnb_all > li.depth1 .dp2_menu > li a:after{content:''; display: block; width:0; height: 1px; background:var(--subColor); position: absolute; bottom: -4px; left: 0; opacity: 0; transition: .5s;}
.pc_all_menu2 .gnb_all > li.depth1 .dp2_menu > li a:hover:after{opacity: 1; width:100%;}


/*탑버튼*/
.qk_list{position:fixed; bottom:15px; right:15px; z-index: 800;}
.qk_list > li a{display:block; width:50px; height: 50px; line-height: 50px; border-radius: 50%; font-size:1.25em; text-align: center; margin-top:3px; transition: .3s;}
.qk_list > li a:hover{box-shadow: 3px 3px 7px rgba(0,0,0,0.15);}
.qk_list > li.top_btn a{background-color:#333; color:#fff;}
.qk_list > li.kakao_btn a{background-color:#fae100; color:#3c1e1e;}
.qk_list > li.blog_btn a{background-color:#03c75a; color:#fff;}

/*footer*/
.main #footer{margin-top:0;}
#footer{background-color:#111; padding:55px 0 0; margin-top:11em;}
#footer .f_left{width:calc(100% - 400px);}
#footer .f_logo{margin-bottom:25px;}
#footer .f_info > li{color:#fff; opacity: .7; font-weight: 300; margin-right:70px; margin-bottom: 10px;}
#footer .f_info > li .f_co{opacity: .7; margin-right:15px;}
#footer .f_priv{ color:#fff; opacity: .7; display: block; text-align: right; margin-top:40px;}
#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}    
#footer .f_copy{font-size:.875em; color:#fff; opacity: .4; margin-top:60px; letter-spacing: 0px; font-weight: 200; text-align: center; border-top:1px solid rgba(255,255,255,.2); padding:22px 0; text-transform: uppercase;}


/*서브 비주얼*/
.sub_v_wrap{position: relative;}
#sub_visual{height:430px; position: relative; overflow: hidden;}
#sub_visual:before{content:''; width:100%; height: 100%; background-color: rgba(0,0,0,.3); position: absolute; top: 0; left:0; z-index: 10;}
#sub_visual .bgfix{position:absolute; top: 0; left:0; width:100%; height: 100%; transform: scale(1.15); transition-timing-function: ease-in-out; transition: 1s; background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual .sub_v_tit{ font-weight: 700; text-align:center; font-size:3.625em; color:#fff; position: relative; z-index: 10; margin-right:3em; opacity:0; transition:1s;}
.load #sub_visual .bgfix{transform: scale(1);}
.load #sub_visual .sub_v_tit{margin-right:0; opacity:1}

#sub_visual.sub10 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub20 .bgfix{background-image:url(../img/sub/sub_v_02.jpg);}
#sub_visual.sub30 .bgfix{background-image:url(../img/sub/sub_v_03.jpg);}
#sub_visual.sub40 .bgfix{background-image:url(../img/sub/sub_v_04.jpg);}
#sub_visual.sub50 .bgfix{background-image:url(../img/sub/sub_v_05.jpg);}
#sub_visual.sub60 .bgfix{background-image:url(../img/sub/sub_v_06.jpg);}
#sub_visual.sub70 .bgfix{background-image:url(../img/sub/sub_v_07.jpg);}

/*snb*/
#snb { position: absolute; bottom:4em; left:50%; transform: translateX(-50%); z-index: 10; opacity: 0; transition: 1.5s; width:96%;}
#snb .snb_list .sdp1 a{display:block; width:55px; height: 55px; line-height: 55px; border-radius: 50%; text-align:center; background-color:var(--mainColor); color:#fff; font-size:1.125em;}
#snb .snb_list .sdp2,
#snb .snb_list .sdp3,
#snb .snb_list .last{position: relative; width:250px; border-bottom:1px solid rgba(255,255,255,.3);padding:15px 20px; margin-left:20px; cursor: pointer; box-sizing: border-box;}
#snb .snb_list .last{cursor: default;}
#snb .snb_list .sdp_tt{ color:#fff; font-size:1.125em; font-weight: 500; padding-right:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#snb .snb_list .sdp_tt:before{content:'\e943'; font-family: 'xeicon'; position: absolute; top: 50%; right:20px; transform: translateY(-50%); font-size:.938em;}
#snb .snb_list .last .sdp_tt:before{display:none;}
#snb .snb_list .sdp_list_wrap{ max-height: 0px; position: absolute; top: 75px; left: 0;  width: 100%;  background: #fff; border-radius: 20px; box-sizing: border-box; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10); z-index: 10; transition: .3s; transition-timing-function: ease-in-out; opacity: 0; overflow: hidden;}
#snb .snb_list .Aon .sdp_list_wrap{ max-height: 1000px; opacity: 1;}
#snb .snb_list .sdp_list{ padding: 25px; }
#snb .snb_list .sdp_list > li{margin-bottom:7px;}
#snb .snb_list .sdp_list > li:last-child{margin-bottom:0;}
#snb .snb_list .sdp_list > li a{color:#777; font-size:1.05em;}
#snb .snb_list .sdp_list > li.on a{color:var(--mainColor); font-weight: 500;}
.load #snb{ opacity: 1;}


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

/*컨텐츠 타이틀*/
.container_title{font-weight: 500; font-size: 2.5em; padding-top: 35px; margin: 90px 0 55px; 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 .slogan{ position:absolute; top:50%; left:50%; transform: translate(-50%, -70%); color:#fff;}
.mainSlider .slogan .t1{ font-size:3.875em; display:block; transform:translateY(1em); font-weight: 800; opacity:0; margin-bottom: 5px; line-height: 1.2;}
.mainSlider .slogan .t2{ font-size:1.5em; font-weight: 200; transform:translateY(1em); opacity:0; line-height: 1.5; margin-top:40px;}
.mainSlider .slogan .t2 span{font-weight: 700}
.mainSlider .el.swiper-slide-active .bg{ transform:scale(1); transition:2s; transition-delay:0; transition-timing-function:ease-in}
.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 .mainSlider-pagination{ position: absolute; left:50%; bottom:3em; transform: translateX(-50%); z-index: 100;}
.mainSlider .mainSlider-pagination .swiper-pagination-bullet{width:120px; height:auto; margin: 0 20px 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;}
.scroll_wrap{position: absolute; bottom: 0; left:0;width:100%; z-index: 10;}
.scroll_wrap .mainSlide_scroll{ color: #fff; font-size: 0.85em; text-align: center; letter-spacing: 4px; font-weight: 200;}
.scroll_wrap .mainSlide_scroll_bar{ width: 1px; height: 35px; background: rgba(255,255,255,.3); margin: 5px auto 0; position: relative; overflow: hidden;}
.scroll_wrap .scroll_bar {width:1px; height: 15px; background: #fff; animation: box-ani 2s linear infinite backwards; }

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


/*메인 샘플용 css*/
.main_doc{overflow:hidden;}

.main_tit{ margin-bottom: 30px;}
.main_tit .in_tt{ font-size:3.625em; color:#111; font-weight: 800; line-height: 1.3;}
.main_tit .in_tx{ font-size:1.25em; color:#555; line-height: 1.5; margin-top:30px;}
.main_tit2{ margin-bottom: 20px;}
.main_tit2 .in_tt{ font-size:2.437em; color:#111; font-weight: 600; line-height: 1.3;}
.main_more a{transition: .3s; font-size:2.375em; color:#aaa;}
.main_more a:hover{color:var(--mainColor);}

.main_business{padding:120px 0 70px;}
.main_business .bus_top_wrap .main_tit{width:450px; margin-bottom: 0;}
.main_business .bus_top_wrap .main_tit a{font-size:1.125em; color:#888; display: inline-block; margin-top:70px; transition: .3s;}
.main_business .bus_top_wrap .main_tit a .xi{line-height: 1; vertical-align: middle; margin-left:15px;}
.main_business .bus_top_wrap .main_tit a:hover{color:var(--mainColor);}
.main_business .bus_top_wrap .bus_top_img{width:calc(100% - 450px); padding-left:100px;}
.main_business .bus_top_wrap .bus_top_img .bgfix{width:100%; height: 330px;}
.main_business .bus_bom_list{ border-top:1px solid #444; border-bottom:1px solid #444; margin-top:60px;}
.main_business .bus_bom_list > li{width:33.33%; padding:15px; position: relative;}
.main_business .bus_bom_list > li:before{content:''; width:1px; height: calc(100% - 30px); background-color: #ddd; position: absolute; top: 50%; right:0; transform: translateY(-50%);}
.main_business .bus_bom_list > li:after{content:''; width:calc(100% - 30px); height: 1px; background-color: #ddd; position: absolute; bottom: 0; left:50%; transform: translateX(-50%);}
.main_business .bus_bom_list > li:nth-child(3n):before{display:none;}
.main_business .bus_bom_list > li:nth-child(4):after,
.main_business .bus_bom_list > li:nth-child(5):after,
.main_business .bus_bom_list > li:nth-child(6):after{display:none;}
.main_business .bus_bom_list > li a{text-align: center; display: block; padding:50px 30px; transition: .3s; min-height: 295px; position: relative;}
.main_business .bus_bom_list > li a:before{content:''; width:100%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0; z-index: -1; transition: .3s; background-position: center; background-repeat: no-repeat; background-size: cover;}
.main_business .bus_bom_list > li:nth-child(1) a:before{background-image: url(../img/main/bus_bg01.jpg);}
.main_business .bus_bom_list > li:nth-child(2) a:before{background-image: url(../img/main/bus_bg02.jpg);}
.main_business .bus_bom_list > li:nth-child(3) a:before{background-image: url(../img/main/bus_bg03.jpg);}
.main_business .bus_bom_list > li:nth-child(4) a:before{background-image: url(../img/main/bus_bg04.jpg);}
.main_business .bus_bom_list > li:nth-child(5) a:before{background-image: url(../img/main/bus_bg05.jpg);}
.main_business .bus_bom_list > li:nth-child(6) a:before{background-image: url(../img/main/bus_bg06.jpg);}
.main_business .bus_bom_list > li a .in_icon .ver_b{display:none;}
.main_business .bus_bom_list > li a .in_tt{font-size:1.5em; font-weight: 500; color:#111; margin: 15px 0 10px;}
.main_business .bus_bom_list > li a .in_tx{font-size:1.068em; color:#777;}
.main_business .bus_bom_list > li a .in_plus .xi{font-size:1.875em; color:#fff; display: none;}
.main_business .bus_bom_list > li a:hover:before{opacity: 1;}
.main_business .bus_bom_list > li a:hover .ver_a{display:none;}
.main_business .bus_bom_list > li a:hover .ver_b{display:block;}
.main_business .bus_bom_list > li a:hover > *{color:#fff;}
.main_business .bus_bom_list > li a:hover .in_tx{display:none;}
.main_business .bus_bom_list > li a:hover .in_plus .xi{display:block;}

.main_company{padding:120px 0;}
.main_company .comp_tt{background-color: #fff; width:calc(50% - 5px); padding:80px 80px 90px;}
.main_company .comp_tt .main_tit{margin-bottom:0; height: 100%; display: flex; flex-wrap:wrap; align-content: space-between;}
.main_company .comp_tt .main_tit .in_tt,
.main_company .comp_tt .main_tit .cov_tbox{width:100%;}
.main_company .comp_tt .main_tit .cov_tbox .cov_tx{font-size:1.562em; color:var(--mainColor); margin-top:20px;}
.main_company .comp_ol{width:calc(50% - 5px);}
.main_company .comp_ol .comp_list{margin-right:-10px;}
.main_company .comp_ol .comp_list > li{flex:50%; margin-bottom: 10px;}
.main_company .comp_ol .comp_list > li .in{display:block; margin-right:10px; background-color: #fff; text-align: center; min-height: 230px; padding:30px 20px;}
.main_company .comp_ol .comp_list > li .in .in_en{font-weight: 300; color:#bbb; margin-top:5px;}
.main_company .comp_ol .comp_list > li .in .in_tt{ font-weight: 500; color:#111; font-size:1.45em;}
.main_company .comp_ol .comp_list > li .in .xi-plus-thin{color:#aaa; font-size:1.875em; margin-top:10px; transition: .3s; line-height: 1;}
.main_company .comp_ol .comp_list > li .in:hover .xi-plus-thin{color:var(--mainColor);}
.main_company .comp_ol .comp_list > li:last-child{margin-bottom:0;}
.main_company .comp_ol .comp_list > li:last-child .in{padding:20px 80px; min-height: 145px; text-align:left;}
.main_company .comp_ol .comp_list > li:last-child .in .in_icon{margin-right:30px;}
.main_company .comp_ol .comp_list > li:last-child .in .in_icon img{display: block}
.main_company .comp_ol .comp_list > li:last-child .in .in_en{margin-top:0px;}
.main_company .comp_ol .comp_list > li:last-child .in .xi-plus-thin{margin-left:auto; margin-top:0;}

.main_resh{padding:100px 0;}
.main_resh .resh_list{border-top:1px solid #444;}
.main_resh .resh_list > li .in{position: relative; border-bottom:1px solid #ddd;}
.main_resh .resh_list > li .in:after{content:''; width:0%; height: 1px; position: absolute; bottom: -1px; left: 0; background-color: var(--mainColor); transition: .7s;}
.main_resh .resh_list > li .in:hover:after{width:100%;}
.main_resh .resh_list > li .in > *{padding:45px 0 35px; width:50%;}
.main_resh .resh_list > li .in .tt_w .t1{font-weight: 700; color:#111; font-size:1.875em;}
.main_resh .resh_list > li .in .tt_w .t2{font-weight: 100; font-size:5.312em; line-height: 1; padding:10px 0; width: fit-content; color: #eee;  transition:all .3s; position: relative; background: #0000}
.main_resh .resh_list > li .in:hover .tt_w .t2{background: linear-gradient(130deg, var(--mainColor), var(--subColor)) text; color: #0000;}
.main_resh .resh_list > li .in .tx_w p{font-size:1.25em; color:#555;}
.main_resh .resh_list > li .in .tx_w .xi{color:#aaa; font-size:1.875em; margin-top:30px; transition: .3s;}
.main_resh .resh_list > li .in .tx_w:hover .xi{color:var(--mainColor);}




.main_pr{padding:90px 0;}
.main_pr .la_board_w{margin-right:-50px; margin-top:100px;}
.main_pr .la_board_w > *{width:50%; padding-right:50px;}
.main_pr .la_board_w .la_video_list .in{display: block;}
.main_pr .la_board_w .la_video_list .in_img{position: relative;  height: 385px; overflow: hidden; }
.main_pr .la_board_w .la_video_list .in_img:before{content:''; width:100%; height: 100%; background-color: rgba(0,0,0,.5); position: absolute; top: 0; left: 0;}
.main_pr .la_board_w .la_video_list .in_img:after{content:'\ea3f'; font-family: 'xeicon'; color:#fff; font-size:5em; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1;}
.main_pr .la_board_w .la_video_list .in_img img{width:100%; height: auto; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;}

.main_inq{padding:110px 0;}
.main_inq .inq_wrap .main_tit{width:calc(100% - 540px)}
.main_inq .inq_wrap .main_tit > *{color:#fff;}
.main_inq .inq_wrap .inq_box{width:540px;}
.main_inq .inq_wrap .inq_box > li{width:50%;}
.main_inq .inq_wrap .inq_box > li .in{display:block; padding:70px 20px 50px; border:1px solid rgba(255,255,255,.6); text-align: center; margin-left:20px; backdrop-filter: blur(2px); transition: .3s; height: 100%;}
.main_inq .inq_wrap .inq_box > li .in .in_tt{color:#fff; font-weight: 500; font-size:1.45em; margin-top:30px;}
.main_inq .inq_wrap .inq_box > li .in .xi{color:#ddd; font-size:1.875em; margin-top:15px; transition: .3s;}
.main_inq .inq_wrap .inq_box > li .in:hover{border-color:var(--subColor); background-color: rgba(0,0,0,.1)}
.main_inq .inq_wrap .inq_box > li .in:hover .xi{color:var(--subColor)}


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


/*공통*/
.tab_idx{ margin:-1em 0 3em -1em;}
.tab_idx > li{flex:1 20%;}
.tab_idx > li > a{ padding:0 .5em; height:4em; border:1px solid #ddd; margin:1em 0 0 1em; color:#666; transition:.3s;}
.tab_idx > li > a .va{font-size:1.068em; font-weight:500}
.tab_idx > li > a:hover,
.tab_idx > li.on > a{ box-shadow:0 0 1em .125em rgba(0,0,0,.1); color:var(--mainColor); border-color:var(--mainColor)}

.page_tt{font-size:2em; font-weight: 600; line-height: 1.4}
.page_stt{font-size:1.45em; font-weight: 600;}
.page_tx{font-size:1.125em; font-weight: 300; color:#222;}
.page_stx{font-size:1em; font-weight: 300;}

.table_st{table-layout:fixed; border-top: 2px solid var(--mainColor);}
.table_st th,
.table_st td{ padding:1em; border:1px solid #ddd; text-align: center; line-height: 1.3;}
.table_st th{color:#222; background-color: #f7f7f7; font-size:1.068em;}
.table_st td{color:#333;}
.table_st .bg01{background-color:#f5f8ff}
.table_st .bg02{background-color:var(--mainColor); border-color:rgba(255,255,255,.3); color:#fff;}
   

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

.bus_cont{ margin-right:-50px;}
.bus_cont > li .in{margin-right:50px;}
.bus_cont > li .in .img_z{width:100%; height:450px; background-color: #aaa; position: relative;}
.bus_cont > li .in .img_z .in_stt{font-size:1.5em; 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.375em; margin:20px 0 10px; font-weight: 500;}


/*인사말*/
.about_wrap .intro_tit{padding: 6em 0 9em; margin:0 2%; position: relative;}
.about_wrap .intro_tit:after{content:''; width:100%; height: 100%; background-color: rgba(0,0,0,.2); position: absolute; top: 0; left: 0; /*backdrop-filter: blur(3px);*/}
.about_wrap .intro_tit .in_tt { font-weight: 900; line-height: 1; text-align: center; position: relative; z-index: 1;}
.about_wrap .intro_tit .in_tt .t1{ color: transparent; -webkit-text-stroke: 1px #fff; font-style: italic; line-height: 1.2; margin-bottom:30px; font-size:4.5em; }
.about_wrap .intro_tit .in_tt .t2{ color: #fff; font-style: italic; font-size:2.375em;}	
.about_wrap .intro_box{background-color:#fff; padding:6em 16em; box-sizing: border-box; line-height: 1.8; margin-top: -5.5em; box-shadow: 0 0 20px rgba(0,0,0,0.1); position: relative;}
.about_wrap .intro_box:after{content:''; width:220px; height: 148px; position: absolute; bottom:2.5em; right:4em; background-image: url("../img/sub/comp_logo.png"); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: .8;}
.about_wrap .intro_box .page_tt{margin-bottom:40px;}
.about_wrap .intro_box .page_tx{ margin-top: 30px; line-height: 1.5; z-index: 1; position: relative;}
.about_wrap .intro_box .page_tx.ceo_name{margin-top:65px;}
.about_wrap .intro_box .page_tx.ceo_name .tx{letter-spacing: 2px;}
.about_wrap .intro_box .page_tx.ceo_name .in_name{font-size: 2em; margin-left: 10px; letter-spacing: 15px; font-family: var(--fs_01);}


/*경영방침*/
.manag_wrap{ text-align: center;}
.manag_wrap .page_tt span{color:var(--mainColor); font-weight: 700;}
.manag_wrap .page_stt{margin-top:15px; font-weight: 300;}
.manag_wrap .bus_cont{margin-top:60px;}
.manag_wrap .bus_cont > li{width:33.33%;}
.manag_wrap .bus_cont > li:nth-child(2){margin-top:70px;}

/*HSE경영방침*/
.hse_wrap .hse_list{margin-right:-100px; margin-top:80px;}
.hse_wrap .hse_list > li:not(:last-child){margin-bottom:100px;}
.hse_wrap .hse_list > li .in > *{width:50%; padding-right:100px;}
.hse_wrap .hse_list > li .in .page_tt{margin-bottom:30px;}
.hse_wrap .hse_list > li .in .img_z .bgfix{width:100%; height: 100%; min-height:430px; background-color: #f9f9f9; border-radius: 0 70px 0 70px;}
.hse_wrap .hse_list > li .in.rev .img_z .bgfix{border-radius: 70px 0 70px 0;}
.hse_wrap .hse_list > li .in .page_tx > li{background-color: #f9f9f9; padding:18px 40px; margin-top: 7px; position: relative;}
.hse_wrap .hse_list > li .in .page_tx > li:before{content:''; width:4px; height: 4px; background-color: var(--mainColor); border-radius: 50%; position: absolute; top: 30px; left: 25px;}


/*생산관리기준*/
.produc_list{ position: relative; justify-content: space-between; width:100%;} 
.produc_list:after{ content: ''; position: absolute; top: 115px; left: 0; width: 100%; height: 1px; border-top:2px dashed #ddd; z-index: -1;} 
.produc_list > li{width:25%; padding:0 15px;}
.produc_list > li .round_box{ position: relative; width: 220px; height: 220px; gap: 20px; font-weight: bold; margin: 0 auto; z-index: 1; } 
.produc_list > li .round_box:after{ content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 250px; height: 250px; border: 1px solid #ccc; background: #fff; border-radius: 50%; z-index: -2; } 
.produc_list > li .round_box:before{ content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 220px; height: 220px; background: #eee; border-radius: 50%; z-index: -1; } 
.produc_list > li .in_nmb { color: var(--mainColor); margin-bottom: 10px;} 
.produc_list > li .in_tt{ font-size: 1.25em; color: #333; margin-top:5px}
.produc_list > li:last-child .round_box:before { background: var(--mainColor);}
.produc_list > li:last-child .round_box .in_nmb,
.produc_list > li:last-child .round_box .in_tt{ color: #fff; }
.produc_list > li .dot_list{margin: 40px auto 0;}
.produc_list > li .dot_list.page_tx > li{border: 1px dashed #ccc; border-radius: 50px; padding: 10px 35px;}
.produc_list > li .dot_list.page_tx > li:after{top:22px; left:22px;}

/*윤리경영*/
.em_wrap .page_tt{margin-bottom:50px;}
.em_wrap .bus_cont.st2 > li{width:20%;}
.em_wrap .bus_cont.st2 > li .img_z{width:220px; height: 220px;}
.em_wrap .em_list_w{background-color: #f9f9f9; padding:100px 0 150px; margin-top: 90px; } 
.em_wrap .em_list_w .em_list .in .img_z .bgfix{border-radius: 50%; width: 400px; height: 400px; background-color: #aaa;}
.em_wrap .em_list_w .em_list .in .txt_z{width:calc(100% - 400px); padding-left:70px;}
.em_wrap .em_list_w .em_list .in .page_tx > li{ background-color: #fff; font-weight: 300; padding: 18px 40px; margin:15px 0; position: relative; font-size:1.068em;}
.em_wrap .em_list_w .em_list .in .page_tx > li .c_point{font-weight:600; margin-right:5px;}

/*품질경영*/
.qly_top .qly_rd_ul{margin-right:-110px; margin-bottom: 90px;}
.qly_top .qly_rd_ul .in{width:335px; height: 335px; border-radius: 50%; background-color: #f9f9f9; margin-right:110px; position: relative;} 
.qly_top .qly_rd_ul li:not(:last-child) .in:before{content:'\e93e'; font-family: 'xeicon'; width:75px; height: 75px; line-height: 56px; border-radius: 50%; border:10px solid #e7f1f5; background-color: #fff; text-align: center; position: absolute; top: 50%; right:-28%; transform: translateY(-50%); font-size:1.25em; color:var(--mainColor)}
.qly_top .qly_rd_ul .in .tx_box{width:100%; height:100%;  margin: 0 auto; display: flex; flex-wrap:wrap; align-content: center; background-color: rgb(0 80 143 / 90%); border-radius: 50%;}
.qly_top .qly_rd_ul li:nth-child(2) .in .tx_box{background-color: var(--subColor);}
.qly_top .qly_rd_ul .in .t_icon{width:100%; margin: -15px auto 15px;}  
.qly_top .qly_rd_ul .in .t1{font-size:1.15em; color:#fff; line-height: 1.4; margin-bottom: 7px; text-shadow: 0px 2px 3px rgba(0, 0, 0, .1); width:100%;} 
.qly_top .qly_rd_ul .in .t2{font-size:1.825em; font-weight: 700; color:#fff; width:100%;}  
.qly_round_w {background-color: #f9f9f9; padding:100px 0 150px;} 
.qly_round_w .qrd_box {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} 
.qly_round_w .qrd_box .in_rd {display: flex; width: 240px; height: 240px; justify-content: center; align-items: center; text-align: center; background: var(--mainColor);  border-radius: 50%; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%);} 
.qly_round_w .qrd_box::after {content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 340px; height: 340px; background: #fff; border-radius: 50%; box-shadow: 0 0 20px rgba(0,0,0,.08); z-index:0;} 
.qly_round_w .qrd_box::before {content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 600px; height: 600px; border:5px dotted #ddd; border-radius: 50%; animation: Ani_line 40s linear infinite;}     
@keyframes Ani_line {
100% {transform: translate(-50%, -50%) rotate(360deg);}
}
.qly_round_w .qly_list {position: relative; z-index: 1; flex-wrap: wrap; height: 600px; padding: 40px 0; max-width: 1090px; margin: 0 auto;}    
.qly_round_w .qly_list li {width: 50%;}
.qly_round_w .qly_list li > div {gap: 30px;}
.qly_round_w .qly_list li .icon_box{width:130px; height: 130px; background-color: #b5bed1; border-radius: 50%;}
.qly_round_w .qly_list li .tx_box {width: 230px;}
.qly_round_w .qly_list li .tx_box .in_nmb{font-size:1.25em;}
.qly_round_w .qly_list li .tx_box .in_tx{font-weight: 600; color: #333; display: block; font-size:1.325em;}
.qly_round_w .qly_list li:nth-child(3){display: flex; align-items: end;} 
.qly_round_w .qly_list li:nth-child(4){display: flex; align-items: end; justify-content: end;} 
.qly_round_w .qly_list li:nth-child(even) > div {justify-content: end;} 
.qly_round_w .qly_list li:nth-child(odd) {text-align: right;} 
.qly_round_w .qly_list li:nth-child(odd) .icon_box{order: 1;}
   

/*주요설비*/
.mf_total{padding:1.2em; border:2px solid var(--mainColor); text-align: center; background-color: #f9f9f9; margin-top: -1px;}
.mf_total .pay_total{font-size:1.375em; font-weight: 700; margin-left:10px;}
.fixed_info{ color:#aaa; margin-bottom: 10px; display: none;}

/*연구개발 비젼*/
.rch_vn_wrap .bus_cont{margin-right:-40px;}
.rch_vn_wrap .bus_cont > li{width:25%;text-align:center;}
.rch_vn_wrap .bus_cont > li .in{margin-right:40px;}
.rch_vn_wrap .bus_cont > li .img_z{width:260px; height: 260px; border-radius: 50%; margin: 0 auto 30px;}


/*사업영역*/
.business_wrap{position: relative; margin-bottom: 300px;}
.business_wrap:before{content:''; width:77%; height: 500px; background-color: var(--mainColor); position: absolute; bottom:-110px; left: 0; z-index: -1;}
.business_wrap .page_tt{text-align:center; font-weight: 300; margin:0 0 50px; font-size:1.625em;}
.business_wrap .bus_slide_w{ position: relative;}
.business_wrap .business_slide{border-radius: 0 100px 0 100px; overflow: hidden; box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.2);}
.business_wrap .business_slide .in{height:600px; background-color: #aaa;}
.business_wrap .bus_control{width:100%; position: absolute; top:50%; left: 0; transform: translateY(-50%); padding:0 20px;}
.business_wrap .bus_control .xi{cursor: pointer; font-size: 3em; color: #fff; opacity: .7; transition: .3s;}
.business_wrap .bus_control .xi:hover{opacity: 1;}


/*본사/공장현황*/
.loc_wrap:not(:last-child){ margin-bottom:70px; padding-bottom:70px; border-bottom:1px dashed #ccc;}
.loc_wrap .loc_tit .page_stt{margin-top:15px;}
.loc_wrap .loc_tit .page_stt .xi-maker{width:48px; height: 48px; line-height: 48px; border-radius: 50%; background-color: var(--subColor); color:#fff; text-align: center; margin-right: 10px; font-size:.938em;}
.loc_wrap .loc_tit .page_stt .xi-maker.co_st{background-color:var(--mainColor)}
.loc_wrap .loc_tit .page_tx{margin-top:20px;}
.loc_wrap .loc_con{margin-right:-30px; margin-top:40px;}
.loc_wrap .loc_con .in_w{width:50%; padding-right:30px;}
.loc_wrap .loc_con .in_w .loc_slide{border:1px solid #ddd; position: relative;}
.loc_wrap .loc_con .in_w .loc_slide .bgfix{height:400px;}
.loc_wrap .loc_con .in_w .loc_slide .slick-arrow{display:none!important; }
.loc_wrap .loc_con .in_w .loc_slide .slick-dots{ position: absolute; bottom:5px; left: 2.5%; z-index: 100; width:95%;}
.loc_wrap .loc_con .in_w .loc_slide .slick-dots > ul{display:flex; flex-wrap:wrap; justify-content: flex-end;}
.loc_wrap .loc_con .in_w .loc_slide .slick-dots > ul li button{width:12px; height: 12px; border:0; text-indent: -9999px; border-radius: 50%; background-color:#bbb; margin:0 3px; transition: .3s;}
.loc_wrap .loc_con .in_w .loc_slide .slick-dots > ul li.slick-active button{width:40px; border-radius: 50px; background-color: var(--subColor);}
.loc_wrap .loc_con .root_daum_roughmap .cont{display:none;}
.loc_wrap .loc_con .root_daum_roughmap .wrap_controllers{display:none;}
.loc_wrap .loc_con .root_daum_roughmap_landing .border2{display:block;}

/**/
.perf_wrap .page_tt{margin-bottom:20px;margin-top:50px;}
.table_tx{color:#666; margin-top:10px; margin-bottom:50px;}




/*언어관련*/
.en_ver{visibility: hidden !important; height: 0; overflow: hidden;}

.lang_ko .ko_ver{visibility: visible !important; height: inherit; overflow: inherit;}
.lang_ko .en_ver{visibility: hidden !important; height: 0; overflow: hidden;}

.lang_en .en_ver{visibility: visible !important; height: inherit; overflow: inherit;}
.lang_en .ko_ver{visibility: hidden !important; height: 0; overflow: hidden;}


/*en_ver*/
.lang_en #header .gnb_wrap .gnb .depth1{margin:0 20px;}
.lang_en #header .gnb_wrap .gnb .depth1 > ul > .depth2 a{padding:12px 10px; line-height: 1.2;}
.lang_en .about_wrap .intro_box .page_tx.ceo_name .in_name{letter-spacing: 0;}
.lang_en .qly_top .qly_rd_ul .in .t1,
.lang_en .qly_top .qly_rd_ul .in .t2{padding:0 10px;}