@charset "UTF-8"; 

html{overflow-x:hidden;}
body{overflow-x:hidden;}
body,td,span,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button{margin:0; padding:0; font-size:16px; line-height:1.6em; font-family:'Paperozi', 'Noto Sans KR', sans-serif; font-weight:400; letter-spacing:-0.02em;}
ul,ol,li{margin:0; padding:0; list-style:none;}

a, img{border:0px; vertical-align:middle;}
a{text-decoration:none;}
strong{font-weight:700;}

.lview{}
.mview{display:none !important;}
.sview{display:none !important;}

.pc_only{display:block !important;}
.mobile_only{display:none !important;}



/* 상단 레이아웃 */
#hd_pc{position:absolute; top:0; left:0; width:100%; height:120px; z-index:99999; transition:all 0.5s; margin-top:0px;}
#hd_pc #hd{position:relative;}
#hd_pc #hd_h1{position:absolute; font-size:0; line-height:0; overflow:hidden;}
#hd_pc #hd_wrapper{width:100%; height:120px; zoom:1; z-index:10; background:rgba(255,255,255,0);}
#hd_pc #hd_wrapper:after{display:block; visibility:hidden; clear:both; content:""}
#hd_pc #hd_wrapper .hd_inner{position:relative; width:100%; max-width:1600px; height:120px; margin:0 auto; transition:all 0.5s;}
#hd_pc #logo{position:absolute; left:0; top:50%; transform:translateY(-50%); width:25%; transition:all 0.5s;}
#hd_pc #logo .logo_a{display:block}
#hd_pc #logo .logo_b{display:none}
#hd_pc #logo img{max-width:100%; transition:all 0.5s;}
#hd_pc .hd_sch_wr{float:left; padding:30px 0; width:445px; margin-left:65px;}
#hd_pc #hd_sch h3{position:absolute; font-size:0; line-height:0; overflow:hidden;}
#hd_pc #hd_sch{border-radius:30px; overflow:hidden;}
#hd_pc #hd_sch #sch_stx{float:left; width:385px; height:45px; padding-left:10px; border-radius:30px 0 0 30px; background:#2c2c2c; border:0; border-right:0; font-size:1.25em; color:#fff}
#hd_pc #hd_sch #sch_submit{float:left; width:60px; height:45px; border:0; background:#2c2c2c; color:#fff; border-radius:0 30px 30px 0; cursor:pointer; font-size:16px}
#hd_pc .hd_login{position:absolute; right:0; top:60px}
#hd_pc .hd_login li{float:left; margin:0 5px; border-left:1px solid #616161; padding-left:10px; line-height:13px}
#hd_pc .hd_login li:first-child{border-left:0}
#hd_pc .hd_login a{color:#fff}


/* 메인메뉴 */
#hd_pc #gnb{position:absolute; top:0; right:130px; transition:all 0.5s;}
#hd_pc #gnb > h2{position:absolute; font-size:0; line-height:0; overflow:hidden;}
#hd_pc #gnb .gnb_wrap{margin:0 auto; position:relative}
#hd_pc #gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3}
#hd_pc #gnb #gnb_1dul{font-size:0em; padding:0;}
#hd_pc #gnb ul:after{display:block; visibility:hidden; clear:both; content:""}
#hd_pc #gnb .gnb_1dli{position:relative; display:inline-block; height:120px; line-height:120px; transition:all 0.5s;}
#hd_pc #gnb .gnb_1dli > a{color:#fff; font-weight:400; padding:0 51px;}
#hd_pc #gnb .gnb_1dli:hover > a{color:#d30d18; font-weight:400; transition:all 0.5s;}
#hd_pc .gnb_1da{display:inline-block; margin:0; text-decoration:none; font-size:1.25em; transition:all 0.5s;}
#hd_pc .gnb_1dli.gnb_al_li_plus{padding-right:25px}
#hd_pc .gnb_2dli:first-child{border:0;}
#hd_pc .gnb_2dul{display:block; opacity:0; position:absolute; top:100px; left:50%; transform:translateX(-50%); min-width:180px; border-radius:10px; overflow:hidden; background:#fff; border:1px solid #fff; transition:all 0.5s;}
#hd_pc .gnb_2dul .gnb_2dul_box{padding:15px 0;}
#hd_pc .gnb_2da{opacity:.85; display:block; padding:5px 15px; text-align:center; font-size:1em; color:#000; line-height:1.6; font-weight:400; text-decoration:none; transition:all 0.5s;}
#hd_pc a.gnb_2da:hover{opacity:1; color:#d30d18; }
#hd_pc .gnb_1dli_air .gnb_2da{}
#hd_pc .gnb_1dli_on .gnb_2da{}
#hd_pc .gnb_2da:focus, .gnb_2da:hover{color:#fff}
#hd_pc .gnb_1dli_over .gnb_2dul{opacity:1;}
#hd_pc .gnb_1dli_over2 .gnb_2dul{opacity:1;}
#hd_pc .gnb_3ddl{display:none !important; padding:10px 0; background:#f5f5f5;}
#hd_pc .gnb_3ddl dd{position:relative; margin-top:5px; text-align:left;}
#hd_pc .gnb_3ddl dd:before{content:""; position:absolute; top:8px; left:20px; width:3px; height:3px; background:#666;}
#hd_pc .gnb_3ddl dd a{display:block; padding-left:30px; font-size:1em; line-height:1.6em; color:#666;}
#hd_pc .gnb_3ddl dd:hover a{color:#000;}
#hd_pc .gnb_wrap .gnb_empty{padding:10px 0; width:100%; text-align:center; line-height:2.7em; color:#080808}
#hd_pc .gnb_wrap .gnb_empty a{color:#3980e5; text-decoration:underline}
#hd_pc .gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a{color:#555}
#hd_pc #gnb .gnb_menu_btn{background:#4158d1; color:#fff; width:50px; height:55px; border:0; vertical-align:top; font-size:18px}
#hd_pc #gnb .gnb_close_btn{background:#fff; color:#b6b9bb; width:50px; height:50px; border:0; vertical-align:top; font-size:18px; position:absolute; top:0; right:0}
#hd_pc #gnb .gnb_mnal{float:right; padding:0}

#hd_pc .lang{position:absolute; top:42px; right:0; width:90px;}
#hd_pc .lang a.sel{display:block; padding:0 5px; height:38px; line-height:38px; font-size:0.8em; color:#fff; font-weight:400; background:url('/html/image/util_lang_wh.png') no-repeat right center;}
#hd_pc .lang ul{width:100%; margin-top:-2px; padding:0; border:1px solid #000; background:#fff;}
#hd_pc .lang ul li{width:100%; height:30px; line-height:30px; cursor:pointer;}
#hd_pc .lang ul li a{display:block; padding:0 5px; text-align:center; font-size:0.8em; color:#111;}
#hd_pc .lang ul li:hover{background:#f5f5f5;}

#hd_pc.header_fixed{height:110px; border-bottom:1px solid #eee; position:fixed !important; background:rgba(255,255,255,.98); backdrop-filter:blur(5px);}
#hd_pc.header_fixed #hd_wrapper{height:110px;}
#hd_pc.header_fixed #hd_wrapper .hd_inner{height:110px;}
#hd_pc.header_fixed #logo .logo_a{display:none;}
#hd_pc.header_fixed #logo .logo_b{display:block;}
#hd_pc.header_fixed #gnb .gnb_1dli{height:110px; line-height:110px;}
#hd_pc.header_fixed #gnb .gnb_1dli > a{color:#111;}
#hd_pc.header_fixed #gnb .gnb_1dli:hover > a{color:#000;}
#hd_pc.header_fixed .gnb_2dul{background:rgba(255,255,255,.98); backdrop-filter:blur(5px); border:1px solid #eee;}
#hd_pc.header_fixed .gnb_2da{color:#666;}
#hd_pc.header_fixed a.gnb_2da:hover{color:#d30d18;}
#hd_pc.header_fixed .lang{top:38px;}
#hd_pc.header_fixed .lang a.sel{color:#111; background:url('/html/image/util_lang_bk.png') no-repeat right center;}



/* 상단 레이아웃 */
#hd_mobile{display:none; position:relative; width:100%; z-index:9999997;}
#hd_mobile #hd{position:absolute; top:0; width:100%; height:60px; background:rgba(0,0,0,0);}
#hd_mobile #hd:after{display:block; visibility:hidden; clear:both; content:""}
#hd_mobile #hd_h1{position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden;}
#hd_mobile #logo{position:absolute; left:2%; top:50%; transform:translateY(-50%); max-width:200px; transition:all 0.5s;}
#hd_mobile #logo img{max-width:90%;}
#hd_mobile #gnb{display:none; background:#fff; position:fixed; top:0; right:0; z-index:99999; width:100%; max-width:400px; height:100%; overflow-y:auto; box-shadow:0 0 5px rgba(55,55,5,0.4);}
#hd_mobile #gnb #logo_open{position:relative; padding:0 4%; width:100%; height:60px; line-height:60px; transition:all 0.5s; background:#fff;}
#hd_mobile #gnb #logo_open #logo_m{position:absolute; left:2%; top:50%; transform:translateY(-50%); max-width:200px; transition:all 0.5s;}
#hd_mobile #gnb #logo_open #logo_m img{max-width:90%;}
#hd_mobile #gnb .lang_mo{display:flex; align-items:center; gap:10px; margin:20px 0; padding:0 20px;}
#hd_mobile #gnb .lang_mo i{font-size:1em; color:#333; font-weight:500; font-family:"FontAwesome";}
#hd_mobile #gnb .lang_mo a.btn_lang{font-size:13px; color:#999; text-decoration:none; letter-spacing:0.05em;transition:color 0.3s ease;}
#hd_mobile #gnb .lang_mo a.btn_lang.active{color:#000; font-weight:700;}
#hd_mobile #gnb .lang_mo a.btn_lang:hover{color: #000;}
#hd_mobile #gnb .lang_mo .bar{display:inline-block; width:1px; height:10px; background:#aaa;}
#hd_mobile #gnb_1dul{background:#fff; margin-top:0; border-top:1px solid #000;}
#hd_mobile #gnb_1dul a{display:block; color:#000}
#hd_mobile .gnb_1dli{position:relative; line-height:40px}
#hd_mobile .gnb_1dli button{position:absolute; top:8px; right:10px; width:40px; height:40px; overflow:hidden; border:0; font-size:1.2em; background:#fff; background:url(../../img/mobile/gnb_bg2.png) no-repeat 50% 50%; text-indent:-9999px}
#hd_mobile .gnb_1dli button.btn_gnb_cl{background:url(../../img/mobile/gnb_bg.png) no-repeat 50% 50%}
#hd_mobile .gnb_1da{padding:15px 40px 15px 20px; border-bottom:1px solid #ddd; font-size:1.15em; line-height:1.4; font-weight:500;}
#hd_mobile .gnb_2dul{display:none; padding:0 0; background:#f5f5f5}
#hd_mobile .gnb_2dul .gnb_2dli a{position:relative; padding:10px 20px 10px 35px; font-size:1em !important;}
#hd_mobile .gnb_2dul .gnb_2dli a:hover{color:#fff !important; background:#d30d18;}
#hd_mobile .gnb_2dul .gnb_2dli a:before{content:""; position:absolute; top:20px; left:20px; width:2px; height:2px; background:#666;}
#hd_mobile .gnb_2da{padding-left:30px}
#hd_mobile #gnb_open{position:absolute; top:10px; right:10px; padding:0; height:40px; width:40px; border:0; background-size:70%; color:#fff; background:none; font-size:1.5em}
#hd_mobile #gnb_close{position:absolute; top:10px; right:10px; padding:0; height:40px; width:40px; border:0; background-size:70%; color:#333; background:none; font-size:1.5em;}

.jbmFixed{position:fixed !important; top:0; left:0; }
.jbmFixed #hd{background:rgba(0,0,0,0.85) !important;}
.jbmFixed .inner{border-bottom:1px solid #ddd !important;}


#contents{position:relative; clear:both; width:100%; min-width:320px; margin:0 auto;}
#contents:after{content:""; display:block; clear:both;}
.main_fixed_bg{z-index:-1; position:fixed; left:-100px; top:120px;}
.main_fixed_bg img{max-width:100%; transition:all 0.5s;}


#main_visual{position:relative; width:100%;}
#main_visual:after{content:""; display:block; clear:both;}
#main_visual .swiper-wrapper{position:relative;}
#main_visual .swiper-slide{width:100%; height:auto; padding:0; background:#000; overflow:hidden;}
#main_visual .swiper-slide div.backgroundimg{width:100%; height:100%; z-index:1; opacity:0; transform:scale(1.1, 1.1); transition:transform 2s ease-out, opacity 0.5s ease 0.3s;}
#main_visual .swiper-slide .backgroundimg .mobile_only{display:none;}
#main_visual .swiper-slide .backgroundimg img{width:100%; height:auto;}
#main_visual .swiper-slide-active div.backgroundimg{opacity:1; transform:scale(1,1) rotate(.001deg); transition-delay:0s;}
#main_visual .sliderkit-box{width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); text-align:center; z-index:2;}
#main_visual .sliderkit-box .sliderkit-text{width:100%; max-width:1600px; padding:0 50px; margin:0 auto; text-align:center;}
#main_visual .sliderkit-box div.lviewa{color:#fff; padding-bottom:20px; word-break:keep-all; }
#main_visual .sliderkit-box div.lviewa div{opacity:0; font-size:2.5em; line-height:1.2em; font-weight:600; text-shadow:0px 0px 1px #000; transition:all 0.5s; letter-spacing:0.01em;}
#main_visual .sliderkit-box div.lviewb{opacity:0; font-size:3.75em; color:#fff; line-height:1.2em; font-weight:700; text-shadow:0px 0px 1px #000; padding-bottom:20px; word-break:keep-all; transition:all 0.5s;}
#main_visual .swiper-btn-wrap{z-index:1; position:absolute; left:50%; bottom:15%; transform:translateX(-50%); width:250px; height:50px;}
#main_visual .swiper-btn-wrap .swiper-button-prev{left:0; top:50%; transform:translateY(-50%); margin:0; display:block; background:url("/html/image/visual_prev_on.png") center left no-repeat; opacity:0.5; width:50px; height:50px; color:rgba(255,255,255,0); transition:0.5s all ease;}
#main_visual .swiper-btn-wrap .swiper-button-next{right:0; top:50%; transform:translateY(-50%); margin:0; display:block; background:url("/html/image/visual_next_on.png") center right no-repeat; opacity:0.5; width:50px; height:50px; color:rgba(255,255,255,0); transition:0.5s all ease;}
#main_visual .swiper-btn-wrap .swiper-button-prev:hover{opacity:1;}
#main_visual .swiper-btn-wrap .swiper-button-next:hover{opacity:1;}
#main_visual .swiper-btn-wrap .swiper-pagination{z-index:-1; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%;}
#main_visual .swiper-btn-wrap .swiper-pagination-progressbar{width:70%; height:3px;  background:rgba(255,255,255,0.9);}
#main_visual .swiper-btn-wrap .swiper-pagination-progressbar-fill{background:#d30d18 !important;}


#sec1{width:100%;}
#sec1:after{content:""; display:block; clear:both;}
#sec1 .inner{position:relative; width:100%; max-width:1600px; margin:0 auto;}
#sec1 .inner:after{content:""; display:block; clear:both;}
#sec1 .sec1_left{float:left; width:35%; padding-top:120px;}
#sec1 .sec1_left:after{content:""; display:block; clear:both;}
#sec1 .sec1_left .con_title{width:100%; text-align:left;}
#sec1 .sec1_left .con_title em{display:block; font-size:1.125em; color:#999; line-height:1.2; letter-spacing:0.15em; font-style:normal;}
#sec1 .sec1_left .con_title p{display:block; margin-top:20px; font-size:3em; color:#111; line-height:1.2; font-weight:700;}
#sec1 .sec1_left .con_title span{display:block; margin-top:20px; font-size:1.25em; color:#333; line-height:1.6; word-break:keep-all;}
#sec1 .sec1_left a.btn_view{position:relative; display:block; width:200px; padding:15px 20px; margin-top:30px; background:#d30d18; border-radius:50px; overflow:hidden; transition:all 0.5s;}
#sec1 .sec1_left a.btn_view p{font-size:1em; color:#fff; line-height:1.4;}
#sec1 .sec1_left a.btn_view:before{z-index:-1; content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); background:#000; width:0; height:100%; transition:all 0.5s;}
#sec1 .sec1_left a.btn_view:after{z-index:0; content:""; position:absolute; right:15px; top:50%; transform:translateY(-50%); background:url('/html/image/arr_wh.png') no-repeat 50% 50%; width:30px; height:30px; border-radius:50%; transition:all 0.5s;}
#sec1 .sec1_left a.btn_view:hover:before{width:100%;}
#sec1 .sec1_left a.btn_view:hover:after{background:#fff url('/html/image/arr_bk.png') no-repeat 50% 50%;}
#sec1 .sec1_right{position:relative; float:right; width:65%; max-width:1093px; margin-right:-160px;}
#sec1 .sec1_right:after{content:""; display:block; clear:both;}
#sec1 .sec1_right img{max-width:100%;}
#sec1 .sec1_right .cer_box{position:absolute; right:62%; top:60%; width:100%; max-width:760px; text-align:center;}
#sec1 .sec1_right .cer_box:after{content:""; display:block; clear:both;}
#sec1 .sec1_right .cer_box ul{width:100%;}
#sec1 .sec1_right .cer_box ul li{float:left; width:32%; margin-right:2%; border:5px solid #dac38c; border-radius:20px; overflow:hidden; box-shadow:4px 4px 10px rgba(0,0,0,0.05);}
#sec1 .sec1_right .cer_box ul li:last-child{margin-right:0;}
#sec1 .sec1_right .cer_box ul li img{width:100%;}
#sec1 .sec1_right .cer_box ul li:hover{transform:translateY(-15px);}
#sec1 .sec1_right .cer_box p{float:left; display:block; width:100%; text-align:center; margin-top:20px; font-size:1.125em; color:#111; line-height:1.4;}


#sec2{float:left; width:100%; margin:200px auto 100px;}
#sec2:after{content:""; display:block; clear:both;}
#sec2 .inner{width:100%; max-width:1600px; margin:0 auto;}
#sec2 .con_title{width:100%; text-align:center; margin-bottom:50px;}
#sec2 .con_title em{display:block; font-size:1.125em; color:#999; line-height:1.2; letter-spacing:0.15em; font-style:normal;}
#sec2 .con_title p{display:block; margin-top:20px; font-size:3em; color:#111; line-height:1.2; font-weight:700;}
#sec2 .con_title span{display:block; margin-top:20px; font-size:1.25em; color:#333; line-height:1.6;}
#sec2 .sec2_box{width:100%;}
#sec2 .sec2_box ul{width:100%; font-size:0;}
#sec2 .sec2_box ul li{display:inline-block; vertical-align:top; width:31.25%; margin-right:3.125%;}
#sec2 .sec2_box ul li:last-child{margin-right:0;}
#sec2 .sec2_box ul li .item{position:relative; width:100%; background:#f5f5f5; border-radius:25px 25px 0 25px; overflow:hidden;} 
#sec2 .sec2_box ul li .item:before{position:absolute; content:""; left:0; bottom:0; background:rgba(0,0,0,.5); width:100%; height:0; transition:all 0.5s;}
#sec2 .sec2_box ul li .item .imgs{width:100%;}
#sec2 .sec2_box ul li .item .imgs img{width:100%;}
#sec2 .sec2_box ul li .item .txts{position:absolute; left:50%; top:40%; transform:translate(-50%,-50%); width:100%; padding:0 40px; text-align:center; transition:all 0.5s;}
#sec2 .sec2_box ul li .item .txts .t1{opacity:0; position:relative; margin-bottom:20px; padding-bottom:50px; font-size:1.125em; color:#fff; line-height:1.4; letter-spacing:0.15em; transition:all 0.5s;}
#sec2 .sec2_box ul li .item .txts .t1:after{opacity:0; position:absolute; content:""; left:50%; bottom:0; transform:translateX(-50%); display:block; width:1px; height:34px; background:#fff; transition:all 0.5s;}
#sec2 .sec2_box ul li .item .txts .t2{opacity:0; margin-top:20px; font-size:1.5em; color:#fff; line-height:1.2; font-weight:700;}
#sec2 .sec2_box ul li .item .txts strong{display:block; margin-top:10px; font-size:2.5em; color:#fff; line-height:1; font-weight:700;}
#sec2 .sec2_box ul li .item .icon{z-index:20; position:absolute; bottom:0; right:0; width:5.5rem; height:5.5rem; background:#fff; border-top-left-radius:50%;}
#sec2 .sec2_box ul li .item .icon:before{position:absolute; content:""; bottom:0; left:-1rem; background:transparent; width:1rem; height:1rem; border-bottom-right-radius:1rem; box-shadow:0.3rem 0.3rem 0 0.3rem #fff;}
#sec2 .sec2_box ul li .item .icon:after{position:absolute; content:""; top:-1rem; right:0; background:transparent; width:1rem; height:1rem; border-bottom-right-radius:1rem; box-shadow:0.3rem 0.3rem 0 0.3rem #fff;}
#sec2 .sec2_box ul li .item .icon .iconBox{position:absolute; right:0; bottom:0; width:5rem; height:5rem; display:flex; justify-content:center; align-items:center; background:#fff; border-radius:100%; transition:0.3s;}
#sec2 .sec2_box ul li .item .icon .iconBox:before{z-index:-3; content:""; position:absolute; inset:0; border-radius:50px;}
#sec2 .sec2_box ul li .item .icon .iconBox i{display:inline-block; color:#999; font-size:1.5em; transition:all 0.5s;}
#sec2 .sec2_box ul li:hover .item .icon .iconBox{right:10px; bottom:10px; width:4rem; height:4rem;}
#sec2 .sec2_box ul li:hover .item .icon .iconBox:before{background:#d30d18; animation:wave 1.5s infinite;}
#sec2 .sec2_box ul li:hover .item:before{height:100%;}
#sec2 .sec2_box ul li:hover .item .txts{top:50%;}
#sec2 .sec2_box ul li:hover .item .txts .t1{opacity:1;}
#sec2 .sec2_box ul li:hover .item .txts .t1:after{opacity:1;}
#sec2 .sec2_box ul li:hover .item .txts .t2{opacity:1;}
#sec2 .sec2_box ul li:hover .item .iconBox{background:#d30d18;}
#sec2 .sec2_box ul li:hover .item .iconBox i{color:#fff; transform:rotate(-45deg);}
@keyframes wave{
 0%{
 transform:scale(1);
 opacity:1;
 }
 100%{
 transform:scale(1.2);
 opacity:0;
 }
}


#sec3{position:relative; width:100%; overflow:hidden;}
#sec3:before{z-index:-1; content:""; display:block; clear:both; position:absolute; bottom:0; width:100%; height:50%; background:#f9f9f9;}
#sec3:after{content:""; display:block; clear:both;}
#sec3 .inner{width:100%; max-width:1600px; margin:0 auto;}
#sec3 .con_title{width:100%; text-align:center; margin-bottom:50px;}
#sec3 .con_title em{display:block; font-size:1.125em; color:#999; line-height:1.2; letter-spacing:0.15em; font-style:normal;}
#sec3 .con_title p{display:block; margin-top:20px; font-size:3em; color:#111; line-height:1.2; font-weight:700;}
#sec3 .con_title span{display:block; margin-top:20px; font-size:1.25em; color:#333; line-height:1.6;}
#rolling_box{width:100%; padding:0 4%; position:relative;}
#rolling_box:after{content:""; display:block; clear:both;}
#rolling_box .swiper-container2{width:100%; margin-top:30px;}
#rolling_box .swiper-container2 .swiper-slide{position:relative; width:400px; background:#fff; border:1px solid #eee; box-sizing:border-box; border-radius:20px; transition:.3s;}
#rolling_box .swiper-container2 .swiper-slide a{width:100%; display:block; padding:35px 40px 0 40px;}
#rolling_box .swiper-container2 .swiper-slide img{width:285px;}
#rolling_box .swiper-container2 .swiper-slide .t1{display:inline-block; padding:8px 20px; font-size:1em; color:#999; line-height:1.2; font-style:normal; background:#eaedf0; border-radius:50px;}
#rolling_box .swiper-container2 .swiper-slide .t2{margin-top:30px; font-size:1.25em; color:#000; line-height:1.4; font-weight:500;}
#rolling_box .swiper-container2 .swiper-slide .t3{margin-top:30px; font-size:1.125em; color:#666; line-height:1.6;}
#rolling_box .swiper-container2 .swiper-slide .date{display:block; border-top:1px solid #eee; margin-top:50px; padding:25px 0; font-size:0.9em; color:#666; line-height:1.4;}
#rolling_box .swiper-container2 .swiper-slide:hover{background:#666; border:1px solid #666; transform:translateY(-20px); transition:.3s;}
#rolling_box .swiper-container2 .swiper-slide:hover .t1{color:#000; background:#fff;}
#rolling_box .swiper-container2 .swiper-slide:hover .t2,
#rolling_box .swiper-container2 .swiper-slide:hover .t3,
#rolling_box .swiper-container2 .swiper-slide:hover .date{color:#fff;}
#rolling_box .swiper-container2 .swiper-slide.swiper-slide-active{background:#666; border:1px solid #666; transform:translateY(-20px); transition:.3s;}
#rolling_box .swiper-container2 .swiper-slide.swiper-slide-active .t1{color:#fff; background:#d30d18;}
#rolling_box .swiper-container2 .swiper-slide.swiper-slide-active .t2,
#rolling_box .swiper-container2 .swiper-slide.swiper-slide-active .t3,
#rolling_box .swiper-container2 .swiper-slide.swiper-slide-active .date{color:#fff;}
#rolling_box .swiper-btn-wrap{position:relative; top:0; width:100%; max-width:240px; height:15px; margin:50px auto 0;}
#rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap1{position:absolute; top:52px; width:100%; max-width:1500px; height:3px; margin:0 auto; z-index:0;}
#rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap1 .swiper-scrollbar2{width:150px; height:3px; left:0; right:0; bottom:7px; margin:0 auto; background:#666;}
#rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap1 .swiper-scrollbar-drag{height:100%; width:100%; position:relative; background:#e62129;}
#rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap2{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; max-width:260px; height:15px; text-align:center; z-index:20; background:none;}
#rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-prev2{opacity:1; background:url("/html/image/rolling_prev.png"); left:0%; right:auto; cursor:pointer;}
#rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-next2{opacity:1; background:url("/html/image/rolling_next.png"); right:0%; left:auto; cursor:pointer;}
#rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-next2, .swiper-button-prev2{position:absolute; top:auto; bottom:0px; width:8px; height:14px;}
#rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-next2.swiper-button-disabled,
#rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-prev2.swiper-button-disabled{opacity:.5;}
#rolling_box .swiper-btn-wrap .swiper-pagination2{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:140px; height:3px; background:#666;}
#rolling_box .swiper-btn-wrap .swiper-pagination2 .swiper-pagination-progressbar-fill{background:#e62129;}


#sec4{width:100%; padding:100px 0 150px 0; background:#f9f9f9;}
#sec4:after{content:""; display:block; clear:both;}
#sec4 .inner{width:100%; max-width:1600px; margin:0 auto;}
#sec4 .con_title{width:100%; text-align:center; margin-bottom:50px;}
#sec4 .con_title p{display:block; font-size:2.25em; color:#111; line-height:1.2; font-weight:700;}
#sec4 .con_box{width:100%;} 
#sec4 .con_box:after{content:""; display:block; clear:both;}
#sec4 .con_box ul{width:100%;}
#sec4 .con_box ul li{float:left; width:32%; margin-right:2%; border-radius:20px; background:#fff; box-shadow:2px 2px 10px rgba(0,0,0,0.015);}
#sec4 .con_box ul li:last-child{margin-right:0;}
#sec4 .con_box ul li .txts{position:relative; width:100%; min-height:323px; padding:50px 50px 0 50px;}
#sec4 .con_box ul li .txts p{display:block; font-size:1.5em; color:#111; line-height:1.4; font-weight:700;}
#sec4 .con_box ul li .txts span{display:block; margin-top:35px; font-size:1.125em; color:#111; line-height:1.6; word-break:keep-all; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
#sec4 .con_box ul li .txts .sec4_bt{position:absolute; left:50px; bottom:50px; display:inline-block;}
#sec4 .con_box ul li .txts .sec4_bt.btn1{min-width:150px; padding:8px 15px; line-height:1.4; text-align:center; font-size:1em; color:#fff; font-weight:500; background:#d30d18; border-radius:5px;}
#sec4 .con_box ul li .txts .sec4_bt.btn2{font-size:1.25em; color:#d30d18; font-weight:700;}
#sec4 .con_box ul li .txts .sec4_bt.btn3{font-size:1.875em; color:#d30d18; font-weight:700;}
#sec4 .con_box ul li .txts .imgs{position:absolute; right:8%; top:65%; display:block; text-align:right; transition:all 0.5s;}
#sec4 .con_box ul li .txts .imgs img{max-width:100%;}
#sec4 .con_box ul li:hover .txts .sec4_bt.btn1{background:#111;}


#bottom{clear:both; width:100%; padding:50px 2% 80px 2%; background:#2e2e2e;}
#bottom:after{content:""; display:block; clear:both;}
#bottom .copy_all{position:relative; width:100%; max-width:1600px; margin:0 auto;}
#bottom .copy_all:after{display:block; visibility:hidden; clear:both; content:"";}
#bottom .copy_logo{float:left; width:20%;}
#bottom .copy_logo img{max-width:100%; opacity:.6; filter:grayscale(100%);}
#bottom .copy_info{float:right; width:75%; padding-right:5%;}
#bottom .copy_info .copy_txt{width:100%; text-align:left; font-size:0.875em; color:#d0d0d0; line-height:2; word-break:keep-all;}
#bottom .copy_info .copy_txt a{display:inline-block; vertical-align:middle; font-size:1em; color:#d0d0d0;}
#bottom .copy_info .copy_txt a:hover{color:#fff;}
#bottom .copy_info .copyright{display:block; font-size:1em; color:#868686; line-height:1.8; word-break:keep-all; font-family:'Poppins', sans-serif;}

#top_btn{opacity:0; z-index:90; position:fixed; bottom:-50px; right:20px; width:50px; height:50px; line-height:46px; border:1px solid rgba(0,0,0,.1); text-align:center; font-size:15px; color:#333; background:rgba(255,255,255,0.5); border-radius:50px; transition:all 0.5s ease;}
#top_btn:hover{color:#fff; border:1px solid #d30d18; background:#d30d18;}
#top_btn.raised{opacity:1; bottom:70px;}



/* PC용 퀵메뉴 */
#backtotop{position:fixed; right:0; top:50%; transform:translateY(-50%); margin-top:30px; z-index:100000;}
.q-menu{position:relative; right:0; opacity:0; transition:0.5s all ease; -webkit-transition:0.5s all ease; -moz-transition:0.5s all ease; -ms-transition:0.5s all ease; -o-transition:0.5s all ease;}
.q-menu.on{opacity:1;}
.nav_btn{width:50px;}
.nav_btn ul{width:100%;display:flex; flex-direction:column; gap:10px;}
.nav_btn ul li{width:100%; display:flex; align-items:center; border-radius:20px 0 0 20px; box-shadow:0px 0px 2px rgba(0,0,0,.25); transition:all 0.5s;}
.nav_btn ul li a{width:100%; height:100%; padding:30px 0; display:flex; flex-direction:column; justify-content:space-between; align-items:center;}
.nav_btn ul li a p{font-size:1.125em; color:#000; letter-spacing:0.2em; writing-mode:vertical-rl;}
.nav_btn ul li a i{display:block; font-size:20px; color:#000; font-style:normal; font-family:'xeicon'; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1;}
.nav_btn ul li.bg1{height:200px; background-color:#fff;}
.nav_btn ul li.bg2{height:200px; background-color:#d30d18;}
.nav_btn ul li.bg2 a p{color:#fff;}
.nav_btn ul li.bg2 a i{color:#fff;}
.nav_btn ul li:hover{background:rgba(0,0,0,.85);}
.nav_btn ul li:hover a p{color:#fff;}
.nav_btn ul li:hover a i{color:#fff;}



#sub_visual{position:relative; width:100%; height:400px; overflow:hidden; background:#000; transition:all 0.3s;}
#sub_visual .sub_img{position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; animation:zoomInEffect 3s ease-out forwards; z-index:1;}
#sub_visual .sub1{background-image:url("/html/image/sub1.jpg");}
#sub_visual .sub2{background-image:url("/html/image/sub2.jpg");}
#sub_visual .sub3{background-image:url("/html/image/sub3.jpg");}
#sub_visual .sub4{background-image:url("/html/image/sub4.jpg");}
#sub_visual .sub5{background-image:url("/html/image/sub5.jpg");}
#sub_visual .sub6{background-image:url("/html/image/sub6.jpg");}
@keyframes zoomInEffect {
    0%{transform:scale(1);}
    100%{transform:scale(1.2);}
}
#container_title{z-index:2; position:relative; top:50%; transform:translateY(-50%); margin-top:30px; font-size:2.5em; font-weight:700; text-align:center;}
#container_title span{margin-bottom:0; display:block; line-height:1.4; font-size:1em; color:#fff; font-weight:700;}



#scontents_wrap{width:100%; min-height:600px; max-width:1600px; padding:60px 0 100px 0; margin:0 auto;}
#scontents_wrap:after{content:""; display:block; clear:both;}
#scontents_wrap.scont_100{width:100%; max-width:100%; padding:60px 0 100px 0;}
.scont_tit{width:100%; text-align:center;}
.scont_tit h2.Tit_1{margin-bottom:40px; padding:0 10px; text-align:center;}
.scont_tit h2.Tit_1 p{display:inline-block; font-size:2.5em;color:#000; line-height:1.4em; letter-spacing:-0.5px; font-weight:700; word-break:keep-all;}
.scont_tit h2.Tit_1 span{display:block; margin-top:15px; text-align:center; font-size:1.15em; color:#000; line-height:1.4em; word-break:keep-all;}
.s_tit{position:relative; display:block; margin-top:70px; padding-left:25px; font-size:1.5em; line-height:1.4; color:#000; font-weight:500; word-break:keep-all;}
.s_tit:before {z-index:2; content:""; position:absolute; left:0; top:8px; display:block; width:14px; height:14px; background:#fff; border:4px solid #d30d18; border-radius:50px;}
.s_tit:first-of-type {margin-top:0;}



#sub_tab{width:100%; border-bottom:1px solid #ddd; background:#fff;} 
#sub_tab .sub_tab{width:100%; max-width:1600px; text-align:left; margin:0 auto;}
.sub_location{width:100%; max-width:1600px; margin:0 auto;}
.sub_location:after{display:block; visibility:hidden; clear:both; content:""}
.sub_location ul{width:100%; max-width:1600px; padding:0; margin:0; font-size:0; display:block; vertical-align:top; box-sizing:border-box; list-style:none; text-align:center;}
.sub_location ul li{display:inline-block; min-width:25%; height:60px; border-right:1px solid #ddd; background:#fff; list-style:none; font-size:18px;}
.sub_location ul li:first-child{border-left:1px solid #ddd;}
.sub_location ul li a{display:flex; justify-content:center; align-items:center; float:left; width:100%; height:100%; padding:10px 10px; color:#000; text-align:center; box-sizing:border-box;} 
.sub_location ul li a:hover{color:#111; background:#f8f8f8;}
.sub_location ul li a.on{color:#fff; background:#d30d18;}
.sub_location ul li a.on:after{display:block;}
.sub_location ul li a span{font-size:1em; line-height:1.4; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}


#sub_tit{position:relative; width:100%; min-width:320px; max-width:1600px; margin:0 auto; text-align:center; top:-40px; left:50%; margin-left:-800px;}
#sub_tit .path{display:none; position:absolute; top:0px; right:0px;}
#sub_tit .path li{float:left; text-align:center; font-size:1.1em; padding:0 8px 0 12px; margin:0; color:#000; background:url('/html/image/ico_path.gif') no-repeat left center; list-style:none;}
#sub_tit .path li a span.ic-home{padding:0; cursor:pointer;}
#sub_tit .path li a span.ic-home i{background:url('/html/image/icon_home.png') no-repeat left center; display:inline-block; width:11px; height:11px;}
#sub_tit .path li:first-child{background:none;}
#sub_tit .path li:last-child{color:#000; font-weight:700; padding-right:0px;}


.sview{display:none;}
.snone{display:;}



/*******************************************************
	회사소개
*******************************************************/
/* 인사말_개요 */
.company1{width:100%; max-width:1600px; margin:0 auto;}
.company1:after{content:""; display:block; clear:both;}
.company1 .con_box{width:100%;} 
.company1 .con_box:after{content:""; display:block; clear:both;}
.company1 .con_box .imgs{float:left; width:30%; text-align:left;}
.company1 .con_box .imgs p{display:block;}
.company1 .con_box .imgs p img{max-width:100%; border-radius:30px; transition:0.5s all ease;}
.company1 .con_box .txt_box{float:right; width:70%; margin-top:30px; padding-left:4%;} 
.company1 .con_box .txt_box strong{display:block; font-size:1.85em; color:#000; line-height:1.4; font-weight:700; font-style:normal; word-break:keep-all;}
.company1 .con_box .txt_box .txts{margin-top:30px;}
.company1 .con_box .txt_box .txts p{display:block; margin-bottom:20px; font-size:1.1em; color:#333; line-height:1.8; word-break:keep-all;}
.company1 .con_box .txt_box .txts p span{display:inline-block; font-size:1em; color:#000; line-height:1.8; font-weight:500;}
.company1 .con_box .txt_box .txts p.ceo_sign{display:block; margin-top:40px; font-size:1.15em; color:#000; line-height:1.4; font-weight:500;}
.company1 .con_box .txt_box .txts p.ceo_sign span{margin-left:10px; font-size:2.5em; font-family:'Nanum Brush Script', cursive;}
.company1 .fixed_bg{z-index:-1; position:fixed; right:0; top:10%;}
.company1 .fixed_bg img{opacity:.01; max-width:100%; filter:grayscale(100%);}

.company1-2{width:101%; text-align:center; margin-left:-0.5%; margin-top:50px;}
.company1-2:after{content:""; display:block; clear:both;}
.company1-2 ul{width:100%; font-size:0; text-align:center; overflow:hidden;}
.company1-2 ul li{position:relative; display:inline-block; vertical-align:top; width:32.333333%; margin:0.5%; min-height:120px; border:1px solid #ddd;}
.company1-2 ul li .con_box{position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; padding:0 40px; text-align:left;}
.company1-2 ul li .icons{width:18%; display:inline-block; vertical-align:middle; text-align:center; font-size:2em;}
.company1-2 ul li .txts{width:80%; display:inline-block; vertical-align:middle; padding-left:15px;}
.company1-2 ul li .txts dt{font-size:1em; color:#222; line-height:1.2;}
.company1-2 ul li .txts dd{margin-top:10px; font-size:1.5em; color:#000; line-height:1.4; font-weight:700;}


/* 연혁 */
#his_wrap{position:relative; width:100%; max-width:1600px; margin:0 auto;}
#his_wrap:after{content:""; display:block; clear:both;}
#his_wrap .his_list{width:100%; margin-top:80px;}
#his_wrap .his_list .his_item{position:relative; width:100%; display:flex; justify-content:space-between;}
#his_wrap .his_list .his_item:before{z-index:0; content:''; position:absolute; left:30%; top:5px; display:block; width:1px; height:100%; background:#eee; overflow:hidden;}
#his_wrap .his_list .his_item .his_year{width:30%; position:relative; top:-10px; padding-right:50px; text-align:right; font-size:3em; color:#ccc; line-height:1; font-weight:700; transition:0.5s all ease;}
#his_wrap .his_list .his_item .his_txts{width:70%;position:relative; padding-left:50px; padding-bottom:80px; transition:0.5s all ease;}
#his_wrap .his_list .his_item .his_txts:before{z-index:2; content:''; position:absolute; left:-7px; top:5px; display:block; width:14px; height:14px; background:#fff; border:3px solid #ccc; border-radius:100%; transition:0.5s all ease;}
#his_wrap .his_list .his_item .his_txts:after{z-index:1; content:''; position:absolute; left:-1px; top:5px; display:block; width:0; height:0; background:#d30d18; transition:0.8s all ease;}
#his_wrap .his_list .his_item .his_txts .his_imgs{width:100%; margin-top:30px;}
#his_wrap .his_list .his_item .his_txts .his_imgs img{display:inline-block; max-width:100%; margin:0 10px;}
#his_wrap .his_list .his_item .his_txts dl{width:100%; margin-bottom:15px;}
#his_wrap .his_list .his_item .his_txts dl dt{display:inline-block; vertical-align:top; text-align:center; width:60px; font-size:1em; color:#fff; line-height:1.6; background:#ccc; border-radius:50px; transition:0.5s all ease;}
#his_wrap .his_list .his_item .his_txts dl dd{display:inline-block; vertical-align:top; width:calc(100% - 70px); padding-left:10px;}
#his_wrap .his_list .his_item .his_txts dl dd p{display:block; margin-bottom:10px; font-size:1.15em; color:#666; line-height:1.6; word-break:keep-all;}
#his_wrap .his_list .his_item.on .his_year{color:#d30d18;}
#his_wrap .his_list .his_item.on .his_txts:before{border:3px solid #d30d18;}
#his_wrap .his_list .his_item.on .his_txts:after{width:1px; height:100%;}
#his_wrap .his_list .his_item.on .his_txts dl dt{background:#666;}
#his_wrap .his_list .his_item.on .his_txts dl dd p{color:#000;}
#his_wrap .his_list .his_item:last-child .his_txts{padding-bottom:50px;}

	
/* 오시는길 */
.location_area{display:flex; justify-content:space-between; align-items:center; width:100%;}
.location_area:after{content:""; display:block; clear:both;}
.location_area .location_map{position:relative; width:65%; height:449px; border:1px solid #eee; border-radius:20px; overflow:hidden;}
.location_area .location_map .btn_map{z-index:2; position:absolute; right:30px; bottom:30px;}
.location_area .location_map .btn_map a{display:inline-block; text-align:center; min-width:150px; padding:10px 20px; line-height:1.4; font-size:1em; color:#fff; background:rgba(0,0,0,.25); backdrop-filter:blur(5px); border-radius:50px; transition:all .3s;}
.location_area .location_map:hover .btn_map a{color:#000; background:#f2da00;}
.location_area .location_info{width:30%;}
.location_area .location_info:after{content:""; display:block; clear:both;}
.location_area .location_info .addr_info{display:flex; justify-content:space-between; align-items:center; width:100%; padding:25px 20px; border-bottom:1px dashed #ddd;}
.location_area 	.location_info .addr_info .icons{display:flex; justify-content:center; align-items:center; width:40px; height:40px; background:#666; border-radius:50px;}
.location_area 	.location_info .addr_info .icons i{font-size:1em; color:#fff; line-height:1; border-radius:50px;}
.location_area 	.location_info .addr_info dl.txts{display:flex; align-items:center; width:calc(100% - 60px);}
.location_area .location_info .addr_info dl.txts dt{width:100px; font-size:1.15em; color:#000; line-height:1.6; font-weight:600;}
.location_area 	.location_info .addr_info dl.txts dd{width:calc(100% - 120px);}
.location_area 	.location_info .addr_info dl.txts dd p{display:block; margin-top:10px; word-break:keep-all;}
.location_area .location_info .addr_info dl.txts dd a{display:flex; justify-content:space-between; align-items:center; width:100%; /*pointer-events:none; cursor:default;*/}
.location_area 	.location_info .addr_info dl.txts dd a:hover{color:#d30d18;}
/* 지도테두리 */
.root_daum_roughmap{width:100% !important;}
.root_daum_roughmap .border1,
.root_daum_roughmap .border2,
.root_daum_roughmap .border3,
.root_daum_roughmap .border4{display:none !important;}
.root_daum_roughmap .wrap_controllers{border:0;}


/*******************************************************
	주요산업
*******************************************************/
#busi_wrap{width:100%; max-width:1600px; margin:0 auto;}
#busi_wrap:after{content:""; display:block; clear:both;}
#busi_wrap .busi_top{display:flex; gap:20px; padding:30px; background:#eee; border-radius:20px; overflow:hidden;}
#busi_wrap .busi_top .img-box{background:#f9f9f9; border-radius:20px; overflow:hidden;}
#busi_wrap .busi_top .img-box img{width:100%; height:100%; object-fit:cover;}
#busi_wrap .busi_chk{display:flex; flex-direction:column; margin-top:50px; padding:0 30px;}
#busi_wrap .busi_chk p{position:relative; margin:10px 0; font-size:1.15em; line-height:1.6; padding-left:35px; word-break:keep-all;}
#busi_wrap .busi_chk p::before{content:'\f058'; position:absolute; left:0; top:-3px; font-size:1.25em; color:#333; line-height:1.6; font-family:"FontAwesome"; transition:0.5s all ease;}
#busi_wrap .busi_chk p:hover::before{color:#d30d18;}
#busi_wrap .busi_app{width:100%; max-width:1400px; margin:80px auto 0; display:flex; flex-direction:column; align-items:center; justify-content:space-between;}
#busi_wrap .busi_app .busi_app_tit{position:relative; display:block; text-align:left; padding-left:40px; font-size:2em; color:#000; line-height:1.6; font-weight:600;}
#busi_wrap .busi_app .busi_app_tit::before{content:'\f013'; position:absolute; left:0; top:0; font-size:1em; color:#d30d18; font-family:"FontAwesome"; transition:0.5s all ease;}
#busi_wrap .busi_app ul{display:flex; justify-content:center; gap:20px; width:100%; margin-top:25px; text-align:center;}
#busi_wrap .busi_app ul li{position:relative; width:32%;}
#busi_wrap .busi_app ul li .imgs{width:100%; border-radius:20px; overflow:hidden;}
#busi_wrap .busi_app ul li .imgs img{width:100%; transition:0.5s all ease;}
#busi_wrap .busi_app ul li p{width:100%; padding:15px 0; font-size:1.25em; line-height:1.6; color:#000;}
#busi_wrap .busi_app ul li:hover .imgs img{transform:scale(1.1);}
#busi_wrap .busi_app .etc_txts{display:block; margin-top:10px; text-align:center; font-size:0.85em; color:#999; line-height:1.4; word-break:keep-all;}
#busi_wrap .busi_graph{width:100%; margin:20px auto 0; display:flex; justify-content:space-between; align-items:stretch; gap:20px; padding:30px; border:1px solid #eee; border-radius:20px; overflow:hidden;}
#busi_wrap .busi_graph .img-box{display:flex; width:100%; border-radius:20px; overflow:hidden;}
#busi_wrap .busi_graph .img-box img{width:100%; object-fit:cover; display:block;}
#busi_wrap .busi_graph .left-stack{width:40%; display:flex; flex-direction:column; gap:20px;}
#busi_wrap .busi_graph .left-stack p{text-align:center; font-size:1.5em; color:#000; line-height:1.4; font-weight:600;}
#busi_wrap .busi_graph .right-single{width:60%; display:flex;}
#busi_wrap .busi_graph .right-single .img-box{height:100%;}


/*******************************************************
	설비현황
*******************************************************/
table.tbl_facility{width:100%; border-top:2px solid #000; border-collapse:separate; border-spacing:0;}
table.tbl_facility thead tr{width:100%;}
table.tbl_facility thead tr th{width:25%; padding:20px 15px; text-align:center; border-bottom:1px solid #000; font-size:1.15em; font-weight:600; background:#fff;}
table.tbl_facility tbody tr td{width:25%; padding:15px 15px; text-align:center; font-size:1em; color:#222; word-break:keep-all; border-bottom:1px solid #ddd;}
table.tbl_facility tbody tr:nth-child(even){background:#f8f8f8;}

.facility_img{display:flex; gap:50px; margin-top:50px;}
.facility_img .img-box{padding:20px; background:#eee; border-radius:20px; overflow:hidden;}
.facility_img .img-box img{width:100%; height:100%; object-fit:cover; border-radius:20px; overflow:hidden;}


/*******************************************************
	품질관리
*******************************************************/
.qc_box{width:100%;}
.qc_box ul{width:100%; font-size:0; text-align:center;}
.qc_box ul li{position:relative; display:inline-block; vertical-align:top; width:23.5%; margin-right:2%; margin-bottom:2%;}
.qc_box ul li:nth-child(4n){margin-right:0;}
.qc_box ul li img{width:100%; border-radius:15px; overflow:hidden;}
.qc_box ul li p{display:block; padding:15px 0; font-size:1.25em; color:#000; line-height:1.4; background:#fff;}




@media all and (max-width:1620px){

	#hd_pc #hd_wrapper{padding:0 2%;}
	#hd_pc #gnb .gnb_1dli > a{padding:0 40px;}


	#main_visual .sliderkit-box .sliderkit-text{padding:0 2%;}
	#main_visual .sliderkit-box div.lviewa div{font-size:2em;}
	#main_visual .sliderkit-box div.lviewb{font-size:3em;}
	#main_visual .swiper_btn_wrap{bottom:10%;}
	
	#sec1{padding-left:2%;}
	#sec1 .sec1_right .cer_box{right:40%; width:70%; max-width:auto;}

	#sec2{padding:0 2%;}


	.location_area .location_map{width:60%;}
	.location_area .location_info{width:35%;}

}

@media all and (max-width:1400px){

	#hd_pc #gnb .gnb_1dli > a{padding:0 25px;}
	#hd_pc .gnb_1da{font-size:1.125em;}
	
	.main_fixed_bg img{max-width:70%;}

	#sec1 .sec1_left .con_title span{padding:0 5%;}
	
	#scontents_wrap{padding:60px 2% 60px 2%;}
	#scontents_wrap.scont_100{padding:60px 0 60px 0;}
	.scontents_wrap_bo{padding:60px 2% 60px 2% !important;}

	.location_area .location_map{width:48%;}
	.location_area .location_info{width:48%;}

}

@media all and (max-width:1240px){

	.lview{display:none !important;}
	.mview{display:block !important;}	
	.mnone{display:none !important;}
	
	#hd_pc #gnb{right:0}	
	#hd_pc .lang{display:none;}
	
	
	section .con_title em{font-size:1em !important;}
	section .con_title p{font-size:2.5em !important;}
	section .con_title span{font-size:1.125em !important;}

	#sec2 .sec2_box ul{white-space:nowrap; overflow-x:auto;}
	#sec2 .sec2_box ul li{width:500px;} 

	#sec4 .con_box ul li{width:100%; margin-right:0; margin-bottom:20px;}
	#sec4 .con_box ul li .txts{min-height:auto; padding:50px 100px 50px 50px;}
	#sec4 .con_box ul li .txts span{margin-top:20px;}
	#sec4 .con_box ul li .txts .sec4_bt{position:relative; left:0; bottom:0; margin-top:20px;}
	#sec4 .con_box ul li .txts .imgs{top:50%; margin-top:-35px;}


	.location_area .location_info .addr_info dl.txts{flex-direction:column; align-items:flex-start;}
	.location_area .location_info .addr_info dl.txts dt{width:100%;}
	.location_area .location_info .addr_info dl.txts dd{width:100%; margin-top:5px;}	

}


@media all and (max-width:992px){

	.pc_only{display:none !important;}
	.mobile_only{display:block !important;}

	.sview{display:block;}
	.snone{display:none;}


	#hd_pc{display:none;}
	#hd_mobile{display:block;}


	#main_visual .sliderkit-box div.lviewa div{font-size:1.75em;}
	#main_visual .sliderkit-box div.lviewb{font-size:2.5em;}
	#main_visual .swiper_btn_wrap{bottom:5%;}


	#sec1{margin-bottom:80px;}
	#sec1 .sec1_left{width:100%; padding-top:80px;}
	#sec1 .sec1_left .con_title{width:100%; text-align:center;}
	#sec1 .sec1_left a.btn_view{margin:30px auto;}
	#sec1 .sec1_right{width:100%; margin-right:0; margin-top:30px;}
	#sec1 .sec1_right .cer_box{top:70%; right:50%; transform:translateX(50%); width:100%;}


	#bottom{padding:50px 4% 100px 4%;}
	#bottom .copy_logo{width:100%;}
	#bottom .copy_logo img{max-width:70%;}
	#bottom .copy_info{width:100%; margin-top:30px;}
	#bottom .copy_info .copy_txt{font-size:0.9em;}


	#backtotop{top:unset; transform:unset; margin-top:0; bottom:0;}
	.q-menu{width:100%;}

	.nav_btn{width:100%;}
	.nav_btn ul{flex-direction:unset; gap:0;}
	.nav_btn ul li{width:50%; border-radius:0;}
	.nav_btn ul li a{padding:15px 25px; flex-direction:unset;}
	.nav_btn ul li a p{letter-spacing:0; writing-mode:unset;}
	.nav_btn ul li a i{font-size:1.25em;}
	.nav_btn ul li.bg1{height:auto;}
	.nav_btn ul li.bg2{height:auto;}
	

	#sub_visual{height:300px;}

	#sub_tab{border-bottom:0;}
		
	.sub_location ul{text-align:left;}
	.sub_location ul li{width:33.33333%; height:50px; display:inline-block; border-right:0; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
	.sub_location ul li.w100{width:100%;}
	.sub_location ul li:first-child{border-left:0;}
	.sub_location ul li a{padding:10px 10px;}
	.sub_location ul li a.on:after{display:none;}


	.company1 .con_box .imgs{width:100%; text-align:center;}
	.company1 .con_box .txt_box{width:100%; padding:4% 4% 0 4%;} 
	
	.company1-2 ul li{width:48%;}

		
	.location_area{flex-direction:column;}
	.location_area .location_map{width:100%;}
	.location_area .location_info{width:100%; margin-top:20px;}

		
	.facility_img{flex-direction:column; gap:30px; padding:20px 15px;}
	.facility_img .img-box{padding:10px; border-radius:10px;}
	.facility_img .img-box img{border-radius:10px;}


	.qc_box ul li{width:49%;}
	.qc_box ul li:nth-child(even){margin-right:0;}
	
	
	#top_btn{right:10px; width:40px; height:40px; line-height:36px; font-size:13px;}
}

@media all and (max-width:768px){

	section .con_title em{font-size:1em !important;}
	section .con_title p{font-size:2em !important;}
	section .con_title span{font-size:1.1em !important;}


	#main_visual .swiper-slide .backgroundimg .mobile_only{display:block;}
	#main_visual .swiper-slide .backgroundimg .pc_only{display:none;}
	#main_visual .sliderkit-box div.lviewa div{font-size:1.25em;}
	#main_visual .sliderkit-box div.lviewb{font-size:2em;}

	
	#sec4{padding:80px 4% 50px 4%;}
	#sec4 .con_title p{font-size:1.5em !important;}
	#sec4 .con_box ul li .txts{padding:50px 25px;}
	#sec4 .con_box ul li .txts .imgs{top:10%; margin-top:0;}
	#sec4 .con_box ul li .txts .imgs img{max-width:80%;}


	.scont_tit h2.Tit_1{margin-bottom:30px;}
	.scont_tit h2.Tit_1 p{font-size:2em !important;}

	.s_tit{margin-top:50px;}
	
	
	.company1 .con_box .imgs p{border-radius:0;}
	.company1 .con_box .txt_box strong{font-size:1.4em;}
	.company1 .con_box .txt_box .txts p{font-size:1em;}

	
	#his_wrap{padding:0 4%;}
	#his_wrap .his_list{margin-top:50px;} 
	#his_wrap .his_list .his_item:before{left:25%;}
	#his_wrap .his_list .his_item .his_year{width:25%; top:0; padding-right:25px; font-size:1.5em;}	
	#his_wrap .his_list .his_item .his_txts{width:75%; padding-left:25px; padding-bottom:50px;}
	#his_wrap .his_list .his_item .his_txts .his_imgs img{margin:10px 0;}
	#his_wrap .his_list .his_item .his_txts dl dt{display:block; margin-bottom:10px;}
	#his_wrap .his_list .his_item .his_txts dl dd{display:block; width:100%; margin-bottom:10px; padding-left:0;}


	#busi_wrap .busi_top{flex-direction:column; gap:10px; padding:20px 15px; border-radius:10px;}
	#busi_wrap .busi_top .img-box{border-radius:10px;}
	#busi_wrap .busi_chk{margin-top:30px; padding:0 20px;}
	#busi_wrap .busi_chk p{padding-left:25px; font-size:1em;}
	#busi_wrap .busi_app{margin-top:50px;}
	#busi_wrap .busi_app .busi_app_tit{padding-left:30px; font-size:1.5em;}
	#busi_wrap .busi_app ul{flex-direction:column;}
	#busi_wrap .busi_app ul li{width:100%;}
	#busi_wrap .busi_graph{flex-wrap:wrap; gap:10px; margin-top:30px; padding:20px 15px; border-radius:10px;}
	#busi_wrap .busi_graph .img-box{border-radius:10px;}
	#busi_wrap .busi_graph .left-stack{flex:none; width:100%; flex-direction:row; flex-wrap:wrap; gap:10px;}
	#busi_wrap .busi_graph .left-stack .img-box{width:100%;}
	#busi_wrap .busi_graph .left-stack p{width:100%; text-align:center; margin-top:10px;}
	#busi_wrap .busi_graph .right-single{flex:none; width:100%;}


	table.tbl_facility thead tr th{padding:15px 8px;}
	table.tbl_facility tbody tr td{padding:10px 8px;}
}

@media all and (max-width:640px){

	.snone{display:none !important;}
	.sview{display:block !important;}	


	#sec1 .sec1_right .cer_box ul li{border:3px solid #dac38c; border-radius:10px;}

	#sec2{margin-top:150px;}
	#sec2 .sec2_box ul{white-space:unset; overflow-x:unset;}
	#sec2 .sec2_box ul li{width:100%; margin-bottom:4%;} 
	#sec2 .sec2_box ul li:last-child{margin-bottom:0;}
	#sec2 .sec2_box ul li .item .txts{padding:0 15px;}
	
	.company1-2 ul li .con_box{padding:0 20px;}
	.company1-2 ul li .icons{width:100%; font-size:1.5em;}
	.company1-2 ul li .txts{width:100%; padding-left:0; text-align:center;}
	.company1-2 ul li .txts dd{font-size:1.25em;}

}

@media all and (max-width:480px){

	body,td,span,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section{font-size:14px;}
	
	#main_visual .swiper-btn-wrap{bottom:5%; width:200px;}
	#main_visual .sliderkit-box div.lviewa div{font-size:1.15em;}
	#main_visual .sliderkit-box div.lviewb{font-size:1.5em;}


	#sec2{margin-top:100px;}
	#sec2 .sec2_box ul li .item .txts{top:35%;}
	#sec2 .sec2_box ul li .item .icon{width:4.5rem; height:4.5rem;}
	#sec2 .sec2_box ul li .item .icon .iconBox{width:4rem; height:4rem;}
	#sec2 .sec2_box ul li:hover .item .icon .iconBox{width:3rem; height:3rem;}



	#sub_visual{height:220px;}
	#container_title{font-size:2em;}

	.sub_location ul li{font-size:14px;}
	.sub_location ul li a span{font-size:1em;}


	#busi_wrap .busi_app ul p{display:block;}

}



/* 게시판관련 */
#bo_v_title .bo_v_tit{font-size:1.25em;}

#bo_list .td_num,
#bo_list .td_datetime{font-size:0.85em;}
.more_opt li button, .more_opt li a{font-size:0.85em;}


#bo_gall .v_d li.left{width:100%;}
#bo_gall .v_d li.right{display:none;}


/* 관리자모드_로그인페이지 */
.mbskin{width:auto; max-width:350px;}
.mbskin #mb_logo{margin-top:40px;}
.mbskin #mb_logo a img{max-width:90% !important;}
.mb_log_cate h2{display:none; width:100%; padding-bottom:0; font-size:1.25em; color:#000 !important; font-weight:500;}
.mb_log_cate .join{display:none;}
.mbskin .btn_submit{font-size:1em; background:#d30d18}
#login_info{display:none !important;}