@charset "utf-8";


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

:root{
	--mainColor: #1c2e8e;
	--subColor : #212d6d;
	--item_r : 20px;
}

/*header*/ 
#header{z-index: 200; position: fixed; top: 0; left: 0; width:100%;}
#header .va_wrap,
#header .h_wrap{height:var(--header_H);}
#header #logo{z-index:800;}
#header #logo .a_ver{display:none;}
#header #logo img{display:block;}
#header .gnb_wrap{margin:0 auto;}
#header .gnb_wrap .gnb .depth1{margin:0 30px; position: relative;}
#header .gnb_wrap .gnb .depth1 > a{font-size: 1.125em; line-height: inherit; font-weight:400; 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(--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:600px; opacity:1 }
#header .gnb_wrap .gnb .depth1:hover > ul:after{transform: scaleX(1);}

.co_st#header{background:transparent!important; border-bottom: 0px!important;}
.co_st#header #logo .a_ver{display: none!important;}
.co_st#header #logo .b_ver{display: block!important;}
.co_st#header .gnb_wrap .gnb .depth1 > a{color:#fff!important;}
.co_st#header .btn_gnb .bar_i{background: #fff!important;}

/*검색*/
#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:45px; height: 45px; position: relative; z-index: 10000; /*margin-left:25px;*/  align-content: center;}
#header .btn_gnb .bar_i{width:28px; height: 2px; background:#fff; margin:8px 0; display: block; transition:.3s;}
#header .btn_gnb .bar_i.n_02{width:22px; margin-left:auto;}
#header .btn_gnb:hover .bar_i.n_02{width:28px;}
.pc_all_menu .gnb_all{padding: 4em 0 0;}
.pc_all_menu .gnb_all > li.depth1{margin-bottom: 2.5em;}
.pc_all_menu .gnb_all > li.depth1 > a.dp1{width: 400px; font-size: 2.25em; font-weight: 700; line-height: inherit; position: relative;}
.pc_all_menu .gnb_all > li.depth1 .dp2_menu > li a:after{height: 6px;}
#header .btn_gnb.on .bar_i{background: #333;}
#header .btn_gnb.on .bar_i.n_02{display:none;}
#header .btn_gnb.on .bar_i:nth-child(1){position: absolute; top: 38%; left: 10px; transform:translateY(-50%) rotate(45deg)}
#header .btn_gnb.on .bar_i:nth-child(3){position: absolute; top: 38%; right: 7px; transform:translateY(-50%) rotate(-45deg)}
.co_st#header .btn_gnb.on .bar_i{background: #333!important;}

/*구글언어*/
/*
.scroll #header #google_notranslate_top > a .xi{color: inherit;}
.scroll #header #google_notranslate_top > a img.st{filter: inherit;}
.scroll #header #google_notranslate_top > a:before{color: inherit;}
*/



/*스크롤 header*/
.scroll #header{ background-color:#fff; border-bottom:1px solid #ddd;}
.scroll #header #logo .a_ver{display:block;}
.scroll #header #logo .b_ver{display:none;}
.scroll #header .gnb_wrap .gnb .depth1 > a{color:#222;}
.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 .btn_gnb .bar_i{background: #333;}



/* 퀵메뉴 */
.qk_list{position: fixed; bottom:20px; right: 26px; z-index: 100;font-size: 16px; }
.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-size: .75em; width:0; overflow: hidden; display: none; font-weight: 600;}
.qk_list li a:hover .stx{width:auto; overflow: hidden; display: block;}
.qk_list li .qk_tel{background-color: #1c2e8e;}
.qk_list li .qk_tel:hover{width:200px; border-radius: 50px;}
.qk_list li .qk_inq{background-color: #1c2e8e;}
.qk_list li .qk_inq:hover{width:140px; border-radius: 50px;}
.qk_list li .qk_you{background-color: #ff0033; color:#fff;}
.qk_list li .qk_you:hover{width:190px; border-radius: 50px;}
.qk_list li .qk_blog{background-color: #3bb51c; color:#fff;}
.qk_list li .qk_blog:hover{width:190px; border-radius: 50px;}
.main .qk_list li .top_go{display: block;}
.main .qk_list li .top_btn{display: none;}
.sub .qk_list li .top_go{display: none;}
.sub .qk_list li .top_btn{display: block;}



/*헤더 문의하기 버튼*/
.h_inq{}
.h_inq a{font-size: 1.0625em; font-weight: 500; padding: 8px 31px; background: var(--mainColor); color: #fff; border-radius: 50px; margin-right: 20px; transition: .3s;}
.h_inq a .xi{margin-left: 12px;}
.h_inq a:hover{background: var(--subColor);}


/*footer*/
.main #footer{margin-top: 0;}
#footer{background-color:#000; padding:45px 0 25px; margin-top:8em;}
#footer .f_logo{opacity: .6;}
#footer .f_info > li .in{color:#fff; font-size: 1.0625em; font-weight: 300; margin-right:120px;}
#footer .f_info > li .in .f_stt{font-weight: 700; margin-bottom: 25px;} 
#footer .f_info > li .in .f_tx{opacity: .6;} 
#footer .f_info > li .in .f_tx span{font-weight: 500; width: 75px; display: inline-block;}
#footer .f_info > li .in .f_tx > p{margin-bottom: 5px;}
#footer .f_info > li .in .tel{font-size: 1.882em; font-weight: 800; margin-bottom: 20px; opacity: 1;}
#footer .f_info > li .in .f_btn{display: block; font-size: .823em; font-weight: 300; color: rgba(255,255,255,.6); background: #222; border-radius: 50px; padding: 14px 44px; transition: .3s;}
#footer .f_info > li .in .f_btn:hover{background: #333;}
#footer .f_copy{font-size:.875em; color:#fff; opacity: .4; margin-top:50px; letter-spacing: 1px; font-weight: 200; border-top: 1px solid #ddd; padding-top: 25px;}


/*서브 비주얼*/
.sub_v_wrap{position: relative;}
#sub_visual{height:430px; position: relative; overflow: hidden;}
#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;}
#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}

/*snb*/ 
#snb { position: absolute; bottom:0; left:50%; transform: translateX(-50%); z-index: 10; width:96%;}
#snb .sdp_list > li {width:20%; position: relative;}
#snb .sdp_list > li.on:before{content:''; width:30px; height: 30px; background-image: url(../img/sub/bor_r.svg); position: absolute; bottom: -2px; left: -28px; transform: rotate(90deg);}
#snb .sdp_list > li.on:after{content:''; width:30px; height: 30px; background-image: url(../img/sub/bor_r.svg); position: absolute; bottom: -2px; right: -28px; transform: rotate(180deg);}
#snb .sdp_list > li.on .va_wrap{background-color: rgba(255,255,255,1); color:#111;}
#snb .sdp_list > li .va_wrap{height:65px; background-color: rgba(255,255,255,.3); border-radius: 20px 20px 0 0; font-size: 1.0625em; color:#fff;}

  

#sub_visual.sub10 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub20 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub30 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub40 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub50 .bgfix{background-image:url(../img/sub/sub_v_01.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: 400; 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;}


/*구글언어*/
#google_notranslate_top{position: relative; width:76px;}
#google_notranslate_top > a{ display: block; padding: 7px 0; position: relative;}
#google_notranslate_top > a:before{content:'\e942'; font-family: 'xeicon'; position: absolute; top: 50%; right:10px; transform: translateY(-50%);}
#google_notranslate_top > a .xi{margin-right: 5px; color: #000;}
#google_notranslate_top .translation-links{position: absolute; top: 38px; left: 0; background-color: #fff; width:100%; border-radius: 10px; padding:5px; border:1px solid #ddd;}
#google_notranslate_top .translation-links > a{display:block; text-align: center;}
.co_st#header #google_notranslate_top > a .xi{color: #fff;}
.co_st#header #google_notranslate_top > a img.st{filter: brightness(100);}
.co_st#header #google_notranslate_top > a:before{color: #fff;}
.sub #header #google_notranslate_top > a .xi{color: #fff;}
.sub #header #google_notranslate_top > a img.st{filter: brightness(100);}
.sub #header #google_notranslate_top > a:before{color: #fff;}

.scroll.sub #header #google_notranslate_top > a .xi{color: inherit;}
.scroll.sub #header #google_notranslate_top > a img.st{filter: inherit;}
.scroll.sub #header #google_notranslate_top > a:before{color: inherit;}

/*구글번역*/
body{top:0!important;}
.skiptranslate{display:none;}

/*구글언어 텍스트 안내창*/
.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q{background:transparent!important; box-shadow: 0 0 0 transparent!important;}
.VIpgJd-yAWNEb-L7lbkb{display: none!important; }



/*영문CSS*/
html[lang="en"] #header .gnb_wrap .gnb .depth1 > a{font-size: 1em; white-space: nowrap;}
html[lang="en"] .h_inq a{font-size: 1em; padding: 8px 20px;}
html[lang="en"] .qk_list li .qk_inq:hover{width: 165px;}
html[lang="en"] #footer .f_info > li .in{margin-right: 40px;}
html[lang="en"] .la_vid_list > li .in .in_tbox .in_tit{font-size: 1.125em;}


/*=================================================================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:38%; left:50%; transform: translate(-50%, -50%); color:#fff;}
.mainSlider .slogan .t1{ font-size:1.125em; font-weight: 700; display:block; transform:translateY(1em); opacity:0; margin-bottom: 5px; line-height: 1.2;}
.mainSlider .slogan .t2{ font-size:3.937em; font-weight: 300; transform:translateY(1em); opacity:0; line-height: 1.5; margin-top:40px;}
.mainSlider .slogan .t3{ font-size:3.937em; font-weight: 800; transform:translateY(1em); opacity:0; line-height: 1.5;}
.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 .el.swiper-slide-active .slogan .t3{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1.5s}



/*메인 샘플용 css*/
.main_section{padding:7em 0;}
.main_section_bg{background-color: #f9f9f9;}
.main_tit{ margin-bottom: 30px;}
.main_tit .in_en{ font-size:1.25em; font-weight: 600; color: var(--mainColor); margin-bottom: 10px;}
.main_tit .in_tt{ font-size:2.625em; font-weight: 700; color:#111; line-height: 1.3;}
.main_tit .in_tx{font-size: 1.125em; font-weight: 400; color: #333; line-height: 1.6; margin-top: 15px;}
.main_more{text-align:center;}
.main_more a{display: inline-block; padding:18px 59px; border:1px solid #ddd; transition: .3s; color:#999; font-size:1.125em; border-radius: 50px; margin-top: 40px;}
.main_more a:hover{border-color:var(--mainColor); background-color:var(--mainColor); color:#fff;}

.section{height:100vh; overflow: hidden;}

/*메인 제품카테고리*/
.cate_box{ width: 100%; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 100;}
.cate_box:before{content: ''; display: block; width: 100%; height: 260px; background: rgba(0,0,0,.4); backdrop-filter:blur(10px); position: absolute; bottom: 0; left: 0;}
.cate_box .cate_list{height: 260px;}
.cate_box .cate_list > li{width: 20%;}
.cate_box .cate_list > li .in{display: block; height: 100%; text-align: center; padding-bottom: 40px; padding: 0 10px 40px 0; position: relative; z-index: 1; transition: .3s;}
.cate_box .cate_list > li .in > *{position: relative; z-index: 1;}
.cate_box .cate_list > li .in .img_z{margin-bottom: 20px;}
.cate_box .cate_list > li .in .img_z img{width: 130px; height: auto; transition: .3s;} 
.cate_box .cate_list > li .in .ti{font-size: 1.125em; font-weight: 600; color: #fff;}
.cate_box .cate_list > li .in:before{content: ''; display: block; width: 100%; height: 300px;  background: var(--subColor); border-radius: 20px 20px 0 0; position: absolute; bottom: 0; left: 0; opacity: 0; transition: .3s; z-index: 0;} 
.cate_box .cate_list > li:hover .in:before{ opacity: 1;}
.cate_box .cate_list > li:hover .in .img_z img{width: 210px;}


/*메인 제품소개*/
.main_product{padding-top: 140px; height: 100vh; background: #f9f9f9;}
.main_product .product_box{position: relative;}
.main_product .wrap_idx{overflow: inherit;}
.con_idx > .idx{position: absolute;left: 0;top: 0;width: 100%;visibility: hidden;opacity: 0;}
.con_idx > .idx.on{position: relative; visibility: visible; opacity: 1}




/*메인 회사소개*/
.main_company{padding-top: 220px; height: 100vh; overflow: hidden; position: relative;} 
.main_company .line_box{width: 1400px; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.main_company .line_box > li{width: 25%; height: 100vh; border-left: 1px solid rgba(221,221,221,.1);}
.main_company .line_box > li:last-child{border-right: 1px solid rgba(221,221,221,.1);}
.main_company .main_tit .in_en{color: #fff;}
.main_company .main_tit .in_tt{color: #fff;}
.main_company .main_tit .in_tx{color: #fff;}
.main_company .com_list{margin-top: 120px;}
.main_company .com_list > li{width: 25%;}
.main_company .com_list > li .in{text-align: center; color: #fff;}
.main_company .com_list > li .in .icon{margin-bottom: 10px;}
.main_company .com_list > li .in .icon img{}
.main_company .com_list > li .in .ti{font-size: 1.625em; font-weight: 700; margin-bottom: 10px;}
.main_company .com_list > li .in .tx{font-size: 1.0625em; font-weight: 200; opacity: .7; padding: 0 20px;}

/*주요고객사*/
.main_partner{padding-top: 220px; height: 100vh; position: relative; overflow: hidden;}
.main_partner .move_text{margin-top: 80px;}
.main_partner .pt_list{background-repeat: repeat-x; background-position-y: center; background-size: cover 100%; height: 102px; width: 100%;}
.main_partner .pt_list.move_left{background-image: url(/theme/aram_01/img/main/pt_list_01.jpg); position: relative; left: 0; animation: ani-left 70s linear infinite;}
.main_partner .pt_list.move_right{background-image: url(/theme/aram_01/img/main/pt_list_02.jpg); position: relative; right: 0; animation: ani-right 72s linear infinite; margin-top:20px;}
.main_partner .txt{font-size: 10em; font-weight: 800; color: #f7f7f7; white-space: nowrap; text-transform: uppercase; line-height: 1; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%);}

@keyframes ani-left {
  0% {
    background-position-x: -5716px;
  }
  100% {
    background-position-x: 0;
  }
}
@keyframes ani-right {
  0% {
    background-position-x: 5456px;
  }
  100% {
    background-position-x: 0;
  }
}


/*동영상자료실*/
.main_media{padding-top: 110px; overflow: hidden;}


/*cs*/
.main_cs{padding-top: 140px;}
.main_cs .main_tit .in_en{color: #fff;}
.main_cs .main_tit .in_tt{color: #fff;}
.main_cs .main_tit .in_tx{color: #fff;}
.main_cs .inquiry_box{width: 100%; height: 400px; background: #ddd; border-radius: var(--item_r); align-content: center; padding: 40px 30px;} 
.main_cs .main_more a{background-color:var(--mainColor); border:1px solid var(--mainColor); color:#fff;}
.main_cs .main_more a:hover{border-color: #fff; background-color: #fff; color: var(--mainColor);}
.main_cs .cs_box{margin-top: 60px;}
.main_cs .cs_box .cs_list{}
.main_cs .cs_box .cs_list > li{width: 33.33%; border-right: 1px solid #ddd;}
.main_cs .cs_box .cs_list > li:last-child{border: 0;}
.main_cs .cs_box .cs_list > li .in{display: block; text-align: center; padding: 30px 20px;}
.main_cs .cs_box .cs_list > li .in .icon{margin-bottom: 10px;}
.main_cs .cs_box .cs_list > li .in .ti{font-size: 1.625em; font-weight: 700; margin-bottom: 10px;}
.main_cs .cs_box .cs_list > li .in .tx{font-size: 1.0625em; color: #333;} 



/**/
/**/
/*
.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)}
*/


.tab_idx{ margin:-1em 0 1.5em -1em;}
.tab_idx > li{}
.tab_idx > li > a{font-weight: 500; color:#000; padding: 12px 22px; background: #fff; border:1px solid #ddd; border-radius: 30px; margin:10px 0 0 10px;  transition:.3s;}
.tab_idx > li > a .va{font-size:1.068em; font-weight:500}
.tab_idx > li > a:hover,
.tab_idx > li.on > a{color: #fff;; border-color:var(--mainColor); background: var(--mainColor);}


/**/
.nm_page_tt{font-size:1.5em; text-align: center; margin:80px auto 30px;}
.nm_page_tt .nmb{width:50px; height: 50px; line-height: 50px; border-radius: 50%; background-color: var(--mainColor); display: inline-block; color:#fff; margin-right:5px;}
.page_tt{font-size:1.825em; font-weight: 600;}
.page_stt{font-size:1.45em; font-weight: 600;}
.page_tx{font-size:1.125em; font-weight: 300; line-height: 1.6;}
.page_stx{font-size:1em; font-weight: 300;}


/* 게시판 분류 */
.menu_list{ margin:-1em 0 2em -1em;}
.menu_list > li{width: 33.33%;}
.menu_list > li > a{ font-weight: 500; color:#999; padding: 1em; background: #fff; border:1px solid #ddd; border-radius: 100px; margin:10px 0 0 10px;  transition:.3s;}
.menu_list > li > a .va{font-size:1.068em; font-weight:500}
.menu_list > li > a:hover,
.menu_list > li.on > a{color: var(--mainColor); border-color:var(--mainColor);}

/**/
.dot_list{padding: 0!important; margin: 0!important; text-align: left;}
.dot_list > li{line-height: 1.8; font-size: 1em; color: #222; position: relative; padding-left: 10px;}
.dot_list > li:before{content: ''; display: block; width: 3px; height: 3px; background: #bbb; border-radius: 50%; position: absolute; top: 10px; left: 0;}
	
.table_st{table-layout:fixed; margin-bottom: 10px;}
.table_st th, 
.table_st td{padding: 1.2em 1.5em; border: 1px solid #fff; text-align: center; line-height: 1.6; background: #f8f8f8;}
.table_st th{color:#fff; background: var(--subColor); font-size:1.125em; font-weight: 500; }
.table_st thead th:first-child{border-radius: 10px 0 0 10px; border-left: 0; border-top: 0; border-bottom: 0;}
.table_st thead th:last-child{border-radius: 0 10px 10px 0; border-right: 0; border-top: 0; border-bottom: 0;}
.table_st td{font-size: 1.125em; font-weight: 400; color:#333; }
.table_st tr td:last-child{text-align: left;}
.table_st tr:first-child td:first-child{border-radius: 10px 0 0 0;}
.table_st tr:first-child td:last-child{border-radius: 0 10px 0 0;}
.table_st tr:last-child td:first-child{border-radius: 0 0 0 10px;}
.table_st tr:last-child td:last-child{border-radius: 0 0 10px 0;}
	
.table_st .co_1{background: #f9f9f9;}
.table_st .co_2{background: var(--mainColor); color: #fff;}
.table_info{display: none;}

/*서브*/

/*인사말*/
.intro_wrap{}
.intro_wrap .img_box{margin-bottom: 3.5em; }
.intro_wrap .img_box .img_z{width: 100%; height: 400px; border-radius: var(--item_r);}
.intro_wrap .txt_box{}
.intro_wrap .txt_box .tit{width: 40%; padding-right: 3em; border-right: 1px solid #ddd;}
.intro_wrap .txt_box .ti{font-size: 3em; font-weight: 700; line-height: 1.4; color: #333; margin-bottom: 20px;}
.intro_wrap .txt_box .page_stt{color: #999;}
.intro_wrap .txt_box .txt_z{width: 60%; padding-left: 3em;}
.intro_wrap .txt_box .txt_z .page_tx{color: #333; margin-bottom: 20px;}
	

/*비전*/
.bus_01_02{ text-align: center;}
.bus_01_02 .page_tt{font-size: 2.825em;
font-weight: 700;}
.bus_01_02 .page_stt{margin-top:15px; font-weight: 300;}
.bus_01_02 .bus_cont{margin-top:60px;}
.bus_01_02 .bus_cont > li{}
.bus_01_02 .bus_cont > li .in{width:320px; height:320px; border:25px solid #f7f7f7; border-radius: 50%; margin:0 50px; background-color: #fff; position: relative; padding: 40px;}
.bus_01_02 .bus_cont > li:nth-child(2) .in{background: var(--subColor);}
.bus_01_02 .bus_cont > li:nth-child(2) .in .in_stt{color: #fff;} 
.bus_01_02 .bus_cont > li:nth-child(2) .in .page_stx{color: #fff;}
.bus_01_02 .bus_cont > li:not(:last-child) .in:after{content:''; width:100%; height: 1px; border-top:1px solid #bbb;  position: absolute; top:50%; right: -100%;}
.bus_01_02 .bus_cont > li .in .in_stt{font-size:1.625em; font-weight: 700; color:var(--mainColor); margin-bottom: 10px;}
.bus_01_02 .bus_cont > li .in .in_stt span{display: block; font-size:.615em; font-weight:400; color: #999;}

.bus_01_02 .in_box{margin-top: 6em; padding-top: 6em; border-top: 2px dashed #ddd;}
.bus_01_02 .in_box .bus_list{margin-top:4em; margin-right: -20px;}
.bus_01_02 .in_box .bus_list > li{width:33.33%;}
.bus_01_02 .in_box .bus_list > li .in{margin-right: 20px;}
.bus_01_02 .in_box .bus_list > li .in .img_box{}
.bus_01_02 .in_box .bus_list > li .in .img_box .img_z{width:100%; height:250px; border-radius: var(--item_r);}
.bus_01_02 .in_box .bus_list > li .in .txt_box{padding: 20px;}
.bus_01_02 .in_box .bus_list > li .in .txt_box .page_stx{color: var(--mainColor);} 
.bus_01_02 .in_box .bus_list > li .in .txt_box .page_stt{margin: 5px 0 10px; font-weight:600;}


/*개요*/
.com_wrap{}
.com_wrap .in_box{}
.com_wrap .in_box .img_box{width:50%; padding-right: 2em;}
.com_wrap .in_box .img_box .img_z{width:100%; height: 550px; border-radius: var(--item_r);}
.com_wrap .in_box .txt_box{width:50%; padding-left: 2em; }
.com_wrap .in_box .txt_box .page_tt{margin-bottom: 10px}
.com_wrap .in_box .txt_box .page_tx{color: #333;}
.com_wrap .in_box .txt_box .dot_list{padding: 30px 40px!important; margin-top: 40px!important; background: #f9f9f9; border-radius: var(--item_r);}
.com_wrap .in_box .txt_box .dot_list > li span{width: 90px; display: block;} 
.com_wrap .in_box .txt_box .dot_list > li:before{top:13px;}
.com_wrap .in_box_st{margin-top: 3em; padding:4em; background: #f9f9f9; border-radius: var(--item_r);}
.com_wrap .in_box_st .com_box {}
.com_wrap .in_box_st .com_box .page_tt{width: 40%; padding-right: 3em;}
.com_wrap .in_box_st .com_box .page_tx{width: 60%; color: #333; padding-left: 3em;}
.com_wrap .in_box_st .com_box .page_tx span{font-size: 1.25em; margin-top:2em; margin-bottom:20px; display: block;}
.com_wrap .in_box_st .com_box .com_list > li{width:50%; font-size: 1em; margin: 5px 0; line-height: 1.6; padding-left: 20px; position: relative;}
.com_wrap .in_box_st .com_box .com_list > li:before{content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background: var(--mainColor); position: absolute; top: 14px; left: 0px;}
.com_wrap .in_box_st .com_box .com_list.st{padding: 30px 40px; background: #fff; border-radius: var(--item_r);}


/*연혁*/
.his_04_01 .img_box .img_z{width: 100%; height: 400px; border-radius: var(--item_r);}
.his_04_01 .history_wrap{ position:relative; overflow:hidden; padding:4em 0; border-bottom: 1px solid #ddd;}
.his_04_01 .history_wrap:before,
.his_04_01 .history_wrap .lineAni{ content:""; position:absolute; left:35%; top:0; width:3px; height:100%; background:#ddd}
.his_04_01 .history_wrap .lineAni{ height:0; background:var(--mainColor); transition:.3s}
.his_04_01 .history_wrap:after{ top:auto; bottom:0}
.his_04_01 .history_wrap .history > li{ margin-top:2em; border-bottom: 1px solid #ddd; padding-bottom: 5em;}
.his_04_01 .history_wrap .history > li:first-child{ margin-top:0}
.his_04_01 .history_wrap .history > li:last-child{border-bottom:0;}
.his_04_01 .history_wrap .history > li .year_tt{font-size:3em; font-weight:700; margin-bottom: .5em;}
.his_04_01 .history_wrap .history > li .year_tt .wrap_in{ position:relative; overflow:hidden;}
.his_04_01 .history_wrap .history > li .list{ width:60%; margin-top:1em}
.his_04_01 .history_wrap .history > li .list > li{ margin-top:.5em}
.his_04_01 .history_wrap .history > li .list > li:first-child{ margin-top:0}
.his_04_01 .history_wrap .history > li .list .wrap_in{ padding:0 2em}
.his_04_01 .history_wrap .history > li .list .wrap_in .detail > li .tt:after{ display: block; clear: both; content: '';}
.his_04_01 .history_wrap .history > li .list .mont{ color: #999; font-weight: 600; font-size: 1.5em; display:block;}
.his_04_01 .history_wrap .history > li .list .detail{ width: 100%;}
.his_04_01 .history_wrap .history > li .list .detail > li{ margin-top:3em}
.his_04_01 .history_wrap .history > li .list .detail > li:first-child{ margin-top:0}
.his_04_01 .history_wrap .history > li .list .detail .tt{ position:relative; padding:0 1.5em; margin-top:.125em; color:#444;}


/*오시는길*/
.location_wrap{} 
.location_wrap .root_daum_roughmap .cont .section.lst,
.location_wrap .root_daum_roughmap .wrap_controllers{display: none;}
.location_wrap .map_con{border: 1px solid #ddd; margin-bottom: 2em; border-radius: var(--item_r); overflow: hidden;} 
.location_wrap .info_box .tit{font-size: 2.5em; font-weight:300; line-height: 1.4; margin-bottom: 1.5em;}
.location_wrap .info_box .info_list{font-size: 1.25em; color: #333;}
.location_wrap .info_box .info_list > li{padding: 1.6em 1em; border-top: 1px solid #ddd;}
.location_wrap .info_box .info_list > li span{font-weight: 700; margin-right: 20px; color: #222;}
.location_wrap .info_box .loc_btn{}
.location_wrap .info_box .loc_btn a{display: inline-block; padding: 15px 31px; font-size: 1.125em; background: #333; color: #fff; border-radius: 100px; transition: .3s;}
.location_wrap .info_box .loc_btn a:hover{background: #111;}
.root_daum_roughmap .wrap_map .map_border{border: 0!important; background-color: transparent!important;} 


/*제품소개*/
#bo_cate ul li{padding: 2.5px 2.5px 0 2.5px;}

/*영문CSS*/
html[lang="en"] #snb .sdp_list > li .va_wrap{font-size: .875em;}

html[lang="en"] .com_wrap .in_box .txt_box .dot_list > li span{width: 260px;}
html[lang="en"] .main_product{padding-top: 100px;} 
html[lang="en"] .main_product .tab_idx > li > a{padding: 8px 16px;}
html[lang="en"] .main_product .tab_idx > li > a .va{font-size:.937em;}
html[lang="en"] .la_prod_control .swiper-pagination{margin-top: 30px;}