@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:15px; 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; background:#fff; 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); transition:all 0.5s;}
#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 img{max-width:100%; transition:all 0.8s;}
#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:300px; 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:#000; font-weight:500; padding:0 50px;}
#hd_pc #gnb .gnb_1dli:hover > a{color:#3376b4; transition:background-color 0.3s ease-out;}
#hd_pc .gnb_1da{display:inline-block; font-weight:400; margin:0; color:#080808; text-decoration:none; font-size:1.46em; 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; visibility:hidden; position:absolute; top:120px; left:50%; transform:translate(-50%, -10px); min-width:200px; border-radius:0; overflow:hidden; border:1px solid #eee; border-top:0; background:rgba(255,255,255,1); transition:all 0.5s;}
#hd_pc .gnb_2dul .gnb_2dul_box{border:0px solid #e0e2e5; border-top:0; padding:0;}
#hd_pc .gnb_2da{display:block; padding:10px 10px; text-align:center; font-size:1em; color:#000; line-height:1.6; font-weight:500; border-bottom:0px solid #eee; text-decoration:none;}
#hd_pc a.gnb_2da:hover{color:#fff; background:#3376b4; transition:all 0.3s ease-out;}
#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
#hd_pc .gnb_1dli_over2 .gnb_2dul,
#hd_pc .gnb_1dli:hover .gnb_2dul{display:block; opacity:1; visibility:visible; transform:translate(-50%, 0px);}
#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 .ci_bnr{display:flex; justify-content:flex-end; position:absolute; right:0; top:20px; transition:all 0.5s;}
#hd_pc .ci_bnr .imgs{width:auto; transition:all 0.5s;} 
#hd_pc .ci_bnr .imgs img{max-width:100%;transition:all 0.5s;}

#hd_pc.header_fixed{height:100px; border-bottom:0px solid #eee; box-shadow:2px 5px 13px rgba(0,0,0,0.1); position:fixed !important;}
#hd_pc.header_fixed #hd_wrapper{height:100px;}
#hd_pc.header_fixed #hd_wrapper .hd_inner{height:100px;}
#hd_pc.header_fixed #gnb .gnb_1dli{height:100px; line-height:100px;}
#hd_pc.header_fixed .gnb_2dul{top:100px;}
#hd_pc.header_fixed .ci_bnr{top:10px;}




/* 상단 레이아웃 */
#hd_mobile{display:none; position:relative; width:100%; z-index:9999997;}
#hd_mobile #hd{position:absolute; top:0; width:100%; height:60px; background-color:rgba(255,255,255,1);}
#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:100%;}
#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:100%;}
#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:#000;}
#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:#333; background:none; font-size:1.5em}
#hd_mobile #gnb_close{display:block; position:absolute; right:10px; top:10px; z-index:99; font-weight:bold; margin:0; height:40px; width:40px; border:0; color:#333; font-size:1.5em; background:transparent}

.jbmFixed{position:fixed !important; top:0; left:0;}
.jbmFixed .inner{border-bottom:1px solid #ddd !important;}


#contents{clear:both; width:100%; min-width:320px; margin:0 auto;}
#contents:after{content:""; display:block; clear:both;}

@keyframes zoomInEffect_main{
    0%{transform:scale(1.1);}
    100%{transform:scale(1);}
}
@keyframes zoomInEffect_sub{
    0%{transform:scale(1.1);}
    100%{transform:scale(1);}
}

#main_visual{position:relative; width:100%; margin:120px auto 0;}
#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; overflow:hidden;}
#main_visual .swiper-slide-active .backgroundimg img{animation:zoomInEffect_main 3s ease-out forwards;}
#main_visual .swiper-slide .backgroundimg .mobile_only{display:none;}
#main_visual .swiper-slide .backgroundimg img{width:100%; height:auto;}
#main_visual .sliderkit-box{width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); margin-top:30px; z-index:2;}
#main_visual .sliderkit-box .sliderkit-text{width:100%; max-width:1600px; margin:0 auto; text-align:left;}
#main_visual .sliderkit-box div.lviewa{opacity:0; font-size:3.2em; color:#fff; line-height:1; font-weight:800; text-shadow:0px 0px 1px #000; word-break:keep-all; transition:all 0.5s;}
#main_visual .sliderkit-box div.sviewa{opacity:0; margin-top:20px; font-size:2em; color:#fff; line-height:1.2; font-weight:500; text-shadow:0px 0px 1px #000; word-break:keep-all; transition:all 0.5s;}
#main_visual .sliderkit-box div.main_visual_btn{opacity:0; margin-top:50px; transition:all 0.5s; pointer-events:auto !important;}
#main_visual .sliderkit-box div.main_visual_btn .btn1,
#main_visual .sliderkit-box div.main_visual_btn .btn2{z-index:1; position:relative; display:inline-block; vertical-align:middle; text-align:center; min-width:180px; padding:10px 15px; font-size:1.3em; color:#fff; line-height:1.4; font-weight:400; box-sizing:border-box; border-radius:50px; overflow:hidden; transition:all .3s; cursor:pointer;}
#main_visual .sliderkit-box div.main_visual_btn .btn1:before,
#main_visual .sliderkit-box div.main_visual_btn .btn2:before{z-index:-1; content:''; position:absolute; inset:0; background:#fff; clip-path:circle(0% at 0% 0%); transition:.5s;}
#main_visual .sliderkit-box div.main_visual_btn .btn1:hover,
#main_visual .sliderkit-box div.main_visual_btn .btn2:hover{color:#000; background:#fff !important; border-color:#fff;}
#main_visual .sliderkit-box div.main_visual_btn .btn1:hover:before,
#main_visual .sliderkit-box div.main_visual_btn .btn2:hover:before{clip-path:circle(150% at 0% 0%);}
#main_visual .sliderkit-box div.main_visual_btn .btn1{background:#3376b4; border:2px solid #3376b4; margin-right:5px;}
#main_visual .sliderkit-box div.main_visual_btn .btn2{background:transparent; border:2px solid #fff;}


#main_visual .swiper-btn-wrap{z-index:10; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; max-width:1600px; margin:0 auto; height:50px; display:none; align-items:center; color:#fff;}
#main_visual .swiper-btn-wrap .swiper-button-prev{left:-80px; background:url("/html/image/visual_prev_on.png") center left no-repeat; opacity:0.5; width:50px; height:50px; transition:all 0.3s ease; cursor:pointer;}
#main_visual .swiper-btn-wrap .swiper-button-next{right:-80px; background:url("/html/image/visual_next_on.png") center right no-repeat; opacity:0.5; width:50px; height:50px; transition:all 0.3s ease; cursor:pointer;}
#main_visual .swiper-btn-wrap .swiper-button-prev:hover{opacity:1;}
#main_visual .swiper-btn-wrap .swiper-button-next:hover{opacity:1;}
#main_visual:hover .swiper-btn-wrap{display:flex;}
#main_visual .paging-wrap{z-index:10; position:absolute; left:50%; bottom:15%; transform:translateX(-50%); width:100%; max-width:1600px; margin:0 auto; height:50px; display:flex; align-items:center; color:#fff;}
#main_visual .paging-control{display:flex; align-items:center;}
#main_visual .paging-control #curr-num{width:30px; text-align:left;}
#main_visual .paging-control #total-num{width:30px; text-align:right;}
#main_visual .swiper-pagination{position:relative !important; flex:1; width:150px; height:2px; background:rgba(255,255,255,0.5); margin:0;}
#main_visual .swiper-pagination-progressbar-fill{width:100%; background:#fff !important;}

/* 전국대리점모집 */
.modal-overlay{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); display:flex; align-items:center; justify-content:center; z-index:9999; visibility:hidden; opacity:0; transition:opacity 0.3s ease, visibility 0.3s ease;}
.modal-overlay.show{visibility:visible; opacity:1;}
.modal-overlay.show .modal-content{transform:translateY(0);}
.modal-content{position:relative; width:90%; max-width:500px; padding:25px 25px 50px 25px; text-align:center; background:#fff; border-radius:25px; box-shadow:0 10px 25px rgba(0, 0, 0, 0.2); transform:translateY(-50px); transition:transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);}
.modal-content img{max-width:80%;}
.modal-content .title{display:block; margin-top:10px; font-size:2em; color:#000; line-height:1.2; font-weight:700;}
.modal-content .txts{display:block; margin-top:20px; font-size:1em; color:#333; line-height:1.6; word-break:keep-all;}
.modal-content .tel_num{display:flex; align-items:center; justify-content:center; margin-top:20px; padding:12px 20px; font-size:1.4em; color:#000; line-height:1.6; font-weight:700; background:#f8f9fa; border:2px solid #e9ecef; border-radius:12px; transition:all 0.25s ease-in-out;}
.modal-content .tel_num i{margin-right:12px; color:#3376b4; font-size:1.1em;}
.modal-content .tel_num:hover{background:#3376b4; color:#fff; border-color:#3376b4; box-shadow:0 4px 12px rgba(0, 123, 255, 0.25);}
.modal-content .tel_num:hover i{color:#fff;}
.modal-content .btn_close{position:absolute; left:50%; bottom:-25px; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; width:50px; height:50px; background:#3376b4; border:0; border-radius:50px; cursor:pointer; transition:background 0.3s ease;}
.modal-content .btn_close i{font-size:1.5em; color:#fff; transition:color 0.3s ease;}
.modal-content .btn_close:hover{background:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.15);}
.modal-content .btn_close:hover i{color:#000;}


/* 이노티앤씨소개 */
#sec1{width:100%; padding:120px 0;}
#sec1:after{content:""; display:block; clear:both;}
#sec1 .inner{position:relative; width:100%; max-width:1600px; margin:0 auto;}
#sec1 .sec1_back{z-index:-1; opacity:.06; position:absolute; right:-200px; top:-25%; transform:rotate(15deg); transition:all 0.3s ease;}
#sec1 .sec1_back img{max-width:100%;}
#sec1 .con_title{display:flex; width:100%; text-align:left; margin-bottom:50px;}
#sec1 .con_title em{display:block; font-size:1.2em; color:#111; line-height:1; letter-spacing:0.1em; font-style:normal;}
#sec1 .con_title p{display:block; margin-top:20px; font-size:3.2em; color:#111; line-height:1.2; font-weight:600; word-break:keep-all;}
#sec1 .con_title .tit{width:350px;}
#sec1 .con_title .tit_desc{width:calc(100% - 350px); font-size:1.3em; color:#333; line-height:1.6; word-break:keep-all;}
#sec1 .con_box{display:flex; width:100%; max-width:1600px; margin:0 auto;}
#sec1 .con_left{width:50%; min-height:500px; position:relative; border-radius:20px; overflow:hidden;}
#sec1 .con_left .swiper-container{width:100%; height:100%; transition:all 0.3s ease;}
#sec1 .con_left img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; transition:opacity 0.8s ease, transform 1.2s ease;}
#sec1 .con_left .swiper-slide-active img{transform:scale(1.05);}
#sec1 .con_right{width:50%; display:flex; flex-direction:column; justify-content:center; padding:0 50px;}
#sec1 .con_right .item_list{display:flex; flex-direction:column;}
#sec1 .con_right .item_list .item{display:flex; align-items:center; gap:0 30px; text-decoration:none; color:inherit; cursor:pointer; padding:25px; transition:all 0.3s ease; border-bottom:1px solid #eee; cursor:default;}
#sec1 .con_right .item_list .item:last-child{border-bottom:0;}
#sec1 .con_right .item_list .item .imgs{flex-shrink:0; display:flex; align-items:center; justify-content:center; width:100px; height:100px; background:#eee; background-size:100% !important; border-radius:50px; transition:all 0.3s ease;}
#sec1 .con_right .item_list .item .imgs img{max-width:100%;}
#sec1 .con_right .item_list .item.active .imgs{background:#3376b4;}
#sec1 .con_right .item_list .item.active .imgs img{filter:brightness(0) invert(1);}
#sec1 .con_right .item_list .item .txts{width:auto;}
#sec1 .con_right .item_list .item .txts strong{display:block; margin-bottom:15px; font-size:1.6em; color:#666; line-height:1.4; font-weight:500; word-break:keep-all; transition:all 0.3s ease;}
#sec1 .con_right .item_list .item .txts p{font-size:1em; color:#999; line-height:1.6; word-break:keep-all; transition:all 0.3s ease;}
#sec1 .con_right .item_list .item.active .txts strong{color:#000;}
#sec1 .con_right .item_list .item.active .txts p{color:#222;}
#sec1 .sec1_btn{position:absolute; right:0; top:0; width:180px; background:#000; border-radius:50px; overflow:hidden;}
#sec1 .sec1_btn .btn_go{z-index:1; position:relative; display:inline-block; vertical-align:middle; text-align:center; min-width:180px; padding:15px 15px; font-size:1em; color:#fff; line-height:1.4; font-weight:400; box-sizing:border-box; border-radius:50px; overflow:hidden; transition:all .3s; cursor:pointer;}
#sec1 .sec1_btn .btn_go:before{z-index:-1; content:''; position:absolute; inset:0; background:#3376b4; clip-path:circle(0% at 0% 0%); transition:.5s;}
#sec1 .sec1_btn .btn_go:hover{color:#fff;}
#sec1 .sec1_btn .btn_go:hover:before{clip-path:circle(150% at 0% 0%);}




/* 화장실 */
#sec2{width:100%;}
#sec2:after{content:""; display:block; clear:both;}
#sec2 .inner{position:relative; width:100%; height:100%; max-width:1600px; margin:0 auto;}
#sec2 .inner:before{z-index:2; content:""; position:absolute; left:-200%; right:0; top:0; display:block; width:200%; height:100%; background:#fff;}
#sec2 .con_title{width:100%; text-align:center; margin-bottom:50px;}
#sec2 .con_title em{display:block; font-size:1.2em; color:#111; line-height:1; letter-spacing:0.1em; font-style:normal;}
#sec2 .con_title p{display:block; margin-top:20px; font-size:3.2em; color:#111; line-height:1.2; font-weight:600; word-break:keep-all;}
#sec2 .sec2-swiper{overflow:visible;}
#sec2 .sec2-swiper .swiper-slide{width:37.5%; backface-visibility:hidden; will-change:transform;}
#sec2 .sec2-swiper .swiper-slide .card{width:100%; transition:.3s;}
#sec2 .sec2-swiper .swiper-slide .card a{display:block;}
#sec2 .sec2-swiper .swiper-slide .card .imgs{position:relative; width:100%; border-radius:20px; overflow:hidden; transition:.3s;}
#sec2 .sec2-swiper .swiper-slide .card .imgs img{width:100%; height:100%; object-fit:cover; display:block; transition:.3s;}
#sec2 .sec2-swiper .swiper-slide .card .imgs:before{opacity:1; content:""; position:absolute; inset:0; background:rgba(0, 0, 0, .4); transition:.3s;}
#sec2 .sec2-swiper .swiper-slide .card .imgs:after{opacity:0; z-index:2; content:"MORE VIEW"; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); padding:12px 30px; font-size:1em; background:#fff; border-radius:50px; border:none; cursor:pointer; transition:.3s;}
#sec2 .sec2-swiper .swiper-slide .card .imgs.no_img{width:100%;}
#sec2 .sec2-swiper .swiper-slide .card .imgs.no_img img{max-width:100%; height:auto; object-fit:none; background:#eee;}
#sec2 .sec2-swiper .swiper-slide .card .txts{margin-top:30px;}
#sec2 .sec2-swiper .swiper-slide .card .txts strong{opacity:.5; display:block; font-size:1.6em; color:#000; line-height:1.2; font-weight:500;}
#sec2 .sec2-swiper .swiper-slide .card .txts p{opacity:.5; display:block; margin-top:20px; font-size:1em; color:#333; line-height:1.6; word-break:keep-all;}
#sec2 .sec2-swiper .swiper-slide .card:hover .imgs:before{opacity:0;}
#sec2 .sec2-swiper .swiper-slide .card:hover .imgs:after{opacity:1;}
#sec2 .sec2-swiper .swiper-slide .card:hover .imgs img{transform:scale(1.05);}
#sec2 .sec2-swiper .swiper-slide .card:hover .txts strong{opacity:1;}
#sec2 .sec2-swiper .swiper-slide .card:hover .txts p{opacity:1;}
#sec2 .sec2-swiper .swiper-slide-active{opacity:1;}
#sec2 .sec2-swiper .swiper-slide-active .card .imgs:before{opacity:0;}
#sec2 .sec2-swiper .swiper-slide-active .card .txts strong{opacity:1;}
#sec2 .sec2-swiper .swiper-slide-active .card .txts p{opacity:1;}
#sec2 .swiper-btn-wrap_A{display:flex; justify-content:space-around; align-items:center; width:100%; margin-top:60px;}
#sec2 .swiper-btn-wrap_A .sec2-progress{width:100%; height:2px; background:#ddd; overflow:hidden;}
#sec2 .swiper-btn-wrap_A .sec2-progress .bar{height:100%; width:0; background:#222; transition:width 0.8s cubic-bezier(0.4, 0, 0.2, 1);}
#sec2 .swiper-btn-wrap_A .swiper-pagination_A{width:100px; text-align:right; font-size:1em; color:#999; font-weight:400;}
#sec2 .swiper-btn-wrap_A .swiper-pagination_A.swiper-pagination-fraction span{padding:0 5px;}
#sec2 .swiper-btn-wrap_A .swiper-pagination_A.swiper-pagination-fraction .swiper-pagination-current{color:#222; font-weight:700;}


/* 컨테이너하우스 */
#sec3{width:100%; margin-top:120px; padding:120px 0; background:rgba(0,0,0,.04) url("/html/image/sec3_back.png") no-repeat -40% -65%;}
#sec3:after{content:""; display:block; clear:both;}
#sec3 .inner{position:relative; 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.2em; color:#111; line-height:1; letter-spacing:0.1em; font-style:normal;}
#sec3 .con_title p{display:block; margin-top:20px; font-size:3.2em; color:#111; line-height:1.2; font-weight:600; word-break:keep-all;}
#sec3 .con_box{display:flex; justify-content:space-between; gap:30px 40px; width:100%; height:530px; max-width:1600px; margin:0 auto;}
#sec3 .con_left{position:relative; width:38.75%; height:100%;}
#sec3 .con_left #slide-title{display:block; font-size:2.67em; color:#111; line-height:1.2; font-weight:600;}
#sec3 .con_left #slide-desc{display:block; max-height:100px; margin-top:30px; font-size:1.3em; color:#555; line-height:1.6; word-break:keep-all; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
#sec3 .con_left .swiper-thumbnails{position:absolute; left:0; bottom:0; width:100%; overflow:hidden;}
#sec3 .con_left .swiper-slide-group{display:grid !important; grid-template-columns:repeat(3, 1fr); gap:10px;}
#sec3 .con_left .swiper-slide-group .thumb-item{opacity:0.5; position:relative; width:100%; cursor:pointer; transition:all 0.3s ease;}
#sec3 .con_left .swiper-slide-group .thumb-item::after{content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border-width:0; border:0px solid #3376b4; box-sizing:border-box; border-radius:10px; overflow:hidden; transition:all 0.3s ease;}
#sec3 .con_left .swiper-slide-group .thumb-item.active{opacity:1; border-radius:10px;}
#sec3 .con_left .swiper-slide-group .thumb-item.active::after{border-width:5px;}
#sec3 .con_left .swiper-slide-group .thumb-item img{width:100%; height:auto; object-fit:cover; border-radius:10px; display:block;}
#sec3 .con_right{position:relative; width:56%;}
#sec3 .con_right .thumb-nav{
	z-index:2; position:absolute; top:50%; transform:translateY(-50%); width:50px; height:50px; cursor:pointer; border-radius:50%; border:none; background:rgba(255,255,255,.5);
	display:flex; align-items:center; justify-content:center; font-size:2em; color:#000; font-weight:500; transition:all 0.3s ease; 
}
#sec3 .con_right .thumb-nav.thumb-prev{left:20px;}
#sec3 .con_right .thumb-nav.thumb-next{right:20px;}
#sec3 .con_right .thumb-nav:hover{background:rgba(255,255,255,1);}
#sec3 .con_right .main-swiper-house{position:relative; width:100%; border-radius:20px; overflow:hidden;}
#sec3 .con_right .main-swiper-house .swiper-slide a{position:relative;  overflow:hidden;}
#sec3 .con_right .main-swiper-house .swiper-slide a:after{opacity:1; z-index:2; position:absolute; left:50%; bottom:0; transform:translateX(-50%); text-align:center; width:100%; padding:15px 30px; font-size:1.15em; color:#fff; background:rgba(0,0,0,.5); border:none; cursor:pointer; transition:.3s;}
#sec3 .con_right .main-swiper-house .swiper-slide a:not([href]){cursor:default; pointer-events:none;}
#sec3 .con_right .main-swiper-house .swiper-slide a:not([href]):after{display:none;}
#sec3 .con_right .main-swiper-house .swiper-slide img{width:100%; object-fit:cover; display:block;}
#sec3 .con_right .main-swiper-house .swiper-slide .hidden-data{display:none;}
#sec3 .con_right .main-swiper-house .swiper-slide:hover a:hover:after{background:#3376b4;}


/* 갤러리 */
#rolling_gallery{width:100%; margin-top:120px;}
#rolling_gallery:after{content:""; display:block; clear:both;}
#rolling_gallery .inner{width:100%; max-width:1600px; margin:0 auto;}
#rolling_gallery .con_title{width:100%; text-align:center; margin-bottom:50px;}
#rolling_gallery .con_title em{display:block; font-size:1.2em; color:#111; line-height:1; letter-spacing:0.1em; font-style:normal;}
#rolling_gallery .con_title p{display:block; margin-top:20px; font-size:3.2em; color:#111; line-height:1.2; font-weight:600; word-break:keep-all;}
#rolling_box{width:100%;}
#rolling_box:after{content:""; display:block; clear:both;}
#rolling_box .swiper-container2{width:100%; overflow:hidden;}
#rolling_box .swiper-container2 .swiper-slide{position:relative; padding:0; margin:0; text-align:center;}
#rolling_box .swiper-container2 .swiper-slide .imgs{width:100%; height:auto; border-radius:20px; overflow:hidden;}
#rolling_box .swiper-container2 .swiper-slide .imgs img{width:100%; max-width:100%; transition:all 0.5s ease;}
#rolling_box .swiper-container2 .swiper-slide .txts{width:100%; padding:20px 20px; text-align:center; transition:all 0.5s ease;}
#rolling_box .swiper-container2 .swiper-slide .txts strong{display:block; width:100%; font-size:1.3em; color:#000; line-height:1.4; font-weight:400; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#rolling_box .swiper-container2 .swiper-slide .txts strong span{display:inline-block; vertical-align:middle; margin:0; width:15px; height:15px; line-height:15px; text-align:center; font-size:10px; color:#fff; background:#573D1C;}
#rolling_box .swiper-container2 .swiper-slide .txts p{display:block; margin-top:20px; font-size:1.05em; color:#666; line-height:1.6; word-break:keep-all; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#rolling_box .swiper-container2 .swiper-slide .txts span{display:inline-block; margin-top:10px; font-size:1em; color:#999; line-height:1.6;}
#rolling_box .swiper-container2 .swiper-slide .txts .date{display:none;}
#rolling_box .swiper-container2 .swiper-slide:hover{cursor:grab;}
#rolling_box .swiper-container2 .swiper-slide:hover .imgs img{transform:scale(1.1, 1.1);}
#rolling_box .swiper-container2 .swiper-slide:hover .txts strong{font-weight:500;}
#rolling_box .swiper-btn-wrap_B{position:relative; top:0; width:200px; margin:0 auto;}
#rolling_box .swiper-btn-wrap_B .swiper-scrollbar-wrap1{z-index:1; position:absolute; top:0; width:100%; margin:0 auto;}
#rolling_box .swiper-btn-wrap_B .swiper-scrollbar-wrap1 .swiper-scrollbar2{width:200px; height:3px; left:0; bottom:0; margin:0 auto; background:#e2e2e2;}
#rolling_box .swiper-btn-wrap_B .swiper-scrollbar-wrap1 .swiper-scrollbar-drag{height:100%; width:100px; position:relative; background:#666}
#rolling_box .swiper-btn-wrap_B .swiper-scrollbar-wrap2{z-index:2; position:absolute; top:0; left:0; right:0; width:100%; height:40px; max-width:1600px; text-align:center; margin:0 auto;}
#rolling_box .swiper-btn-wrap_B .swiper-scrollbar-wrap2 .swiper-button-prev_B{opacity:1; background:url("../image/rolling_btn_prev_bk.png"); background-size:100%; left:0px; cursor:pointer; border-radius:50px; overflow:hidden;}
#rolling_box .swiper-btn-wrap_B .swiper-scrollbar-wrap2 .swiper-button-next_B{opacity:1; background:url("../image/rolling_btn_next_bk.png"); background-size:100%; right:0px; cursor:pointer; border-radius:50px; overflow:hidden;}
#rolling_box .swiper-btn-wrap_B .swiper-scrollbar-wrap2 .swiper-button-next_B, .swiper-button-prev_B{position:absolute; top:auto; bottom:0px; width:40px; height:40px;}
#rolling_box .swiper-btn-wrap_B .swiper-scrollbar-wrap2 .swiper-button-next_B:hover{opacity:1; background:#000 url("../image/rolling_btn_next_wh.png"); background-size:100%;}
#rolling_box .swiper-btn-wrap_B .swiper-scrollbar-wrap2 .swiper-button-prev_B:hover{opacity:1; background:#000 url("../image/rolling_btn_prev_wh.png"); background-size:100%;}
#rolling_box .swiper-btn-wrap_B .swiper-scrollbar-wrap2 .swiper-button-next_B.swiper-button-disabled{opacity:1; background:#000 url("../image/rolling_btn_next_wh.png"); background-size:100%;}
#rolling_box .swiper-btn-wrap_B .swiper-scrollbar-wrap2 .swiper-button-prev_B.swiper-button-disabled{opacity:1; background:#000 url("../image/rolling_btn_prev_wh.png"); background-size:100%;}
#rolling_box .swiper-pagination_B{display:block; width:auto; height:40px; line-height:40px; text-align:center; font-size:1em; color:#999; font-weight:400; margin:20px auto 0;}
#rolling_box .swiper-pagination_B.swiper-pagination-fraction span{padding:0 10px; color:#999;}
#rolling_box .swiper-pagination_B.swiper-pagination-fraction .swiper-pagination-current{font-size:1.2em; color:#222; font-weight:500;}


/* 하단배너 */
#m_bnr{width:100%; margin:100px auto;}
#m_bnr:after{content:""; display:block; clear:both;}
#m_bnr .inner{width:100%; max-width:1600px; margin:0 auto;}
#m_bnr .con_box{display:flex; gap:40px;}
#m_bnr .con_box a{position:relative; flex:1; padding:40px 50px; border-radius:20px; background:rgba(0,0,0,.02); border:1px solid #eee; box-sizing:border-box;}
#m_bnr .con_box a::after{content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border-width:0; border:0px solid #3376b4; box-sizing:border-box; border-radius:20px; overflow:hidden; transition:all 0.3s ease;}
#m_bnr .con_box .card-head{display:flex; justify-content:space-between; align-items:center; width:100%; padding-bottom:20px; margin-bottom:60px; border-bottom:1px solid #ddd;}
#m_bnr .con_box .card-head .card-icon i{font-size:2.67em; color:#000;}
#m_bnr .con_box .card-head .card-tit{font-size:0.9; color:#aaa; line-height:1.2; font-weight:500; letter-spacing:2px;}
#m_bnr .con_box .card-body{width:100%;}
#m_bnr .con_box .card-body .tit{font-size:1.6em; line-height:1.4; font-weight:500;}
#m_bnr .con_box .card-body .txts{margin-top:20px; font-size:1.06em; color:#666; line-height:1.6; word-break:keep-all;}
#m_bnr .con_box a:hover{background:#fff; box-shadow:0 10px 20px rgba(0,0,0,0.05);}
#m_bnr .con_box a:hover::after{border-width:5px;}
#m_bnr .con_box a:hover .card-head .card-icon i{color:#3376b4;}


/* 카피라이터 */
#bottom{clear:both; width:100%; padding:50px 2%; background:#222;}
#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%;}
#bottom .copy_info{float:left; width:70%; padding-left:50px;}
#bottom .copy_info .copy_txt{width:100%; text-align:left; font-size:0.9em; color:#ddd; line-height:1.8; word-break:keep-all;}
#bottom .copy_info .copy_txt span{display:inline-block; vertical-align:top; margin-right:30px;}
#bottom .copy_info .copy_txt a{display:inline-block; vertical-align:top; font-size:0.9em; color:#ddd;}
#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;}
#bottom .copy_ci_bnr{float:left; display:none; justify-content:center; gap:5px; width:100%; margin-top:30px;}
#bottom .copy_ci_bnr .imgs{width:auto; background:#fff; border-radius:10px;}
#bottom .copy_ci_bnr .imgs img{max-width:100%;}



#top_btn{opacity:0; z-index:90; position:fixed; bottom:-50px; right:8%; 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.9); border-radius:50px; transition:all 0.5s ease;}
#top_btn:hover{color:#fff; border:1px solid #3376b4; background:#3376b4;}
#top_btn.raised{opacity:1; bottom:70px;}




#sub_visual{position:relative; width:100%; height:350px; overflow:hidden; margin-top:120px; 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_sub 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");}


#container_title{z-index:2; position:relative; top:50%; transform:translateY(-50%); margin-top:0; 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:50px; 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;}


#sub_tab{width:100%; border-bottom:1px solid #ddd; box-sizing:border-box; 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:flex; justify-content:center; box-sizing:border-box; list-style:none; text-align:left;}
.sub_location ul li{display:inline-block; width:100%; height:60px; border-right:1px solid #ddd; box-sizing:border-box; background:#fff; list-style:none; font-size:18px; transition:all 0.3s ease;}
.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{background:#f5f5f5;}
.sub_location ul li a.on{color:#fff; background:#222;}
.sub_location ul li a span{font-size:1em; line-height:1.4; word-break:keep-all; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.sub_location ul.w100 li{width:20%;}
.sub_location ul.w3 li{width:20%;}


#sub_tit{position:relative; width:100%; min-width:320px; max-width:1600px; margin:0 auto; text-align:center; top:-40px; left:50%; margin-left:-670px;}
#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{position:relative; 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 .img_box{position:relative; float:left; width:40%; text-align:left;}
.company1 .con_box .img_box .imgs{display:inline-block;}
.company1 .con_box .img_box .imgs img{max-width:100%; border-radius:25px;}
.company1 .con_box .img_box .c_logo{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding:20px 40px; text-align:center; background:#fff; border-radius:50px;}
.company1 .con_box .img_box .c_logo img{max-width:100%;}
.company1 .con_box .txt_box{float:right; width:56%;} 
.company1 .con_box .txt_box strong{display:block; font-size:1.75em; color:#000; line-height:1.4; font-weight:500; 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; text-align:right; margin-top:20px; 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:1.25em;}

/* 인증서 */
.cer-area{width:100%; padding:80px 0; margin:100px auto 0; background:#f5f5f5 url('/html/company/image/cer_back.jpg') no-repeat center center; background-size:cover;}
.cer-area .cer-box{width:100%; max-width:1500px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:center; gap:40px;}
.cer-area .cer-box .cer-item{width:calc(23% - 10px); text-align:center;}
.cer-area .cer-box .cer-item .imgs{width:100%; background:#fff; border:1px solid #eee; box-sizing:border-box; border-radius:20px; overflow:hidden; cursor:pointer; transition:transform 0.2s ease;}
.cer-area .cer-box .cer-item .imgs:hover{transform:scale(1.02);}
.cer-area .cer-box .cer-item .imgs img{width:100%; display:block;}
.cer-area .cer-box .cer-item p{margin-top:20px; font-size:1.15em; color:#000; line-height:1.6;}
.cer-modal{display:none; position:fixed; z-index:100000; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); align-items:center; justify-content:center; transition:all 0.3s;}
.cer-modal .modal-content-wrap{position:relative; max-width:90%; text-align:center;}
.cer-modal .close-btn{position:absolute; top:-40px; right:-20px; color:#fff; font-size:25px; font-weight:700; cursor:pointer; transition:color 0.2s; z-index:10;}
.cer-modal .close-btn:hover{color:#3376b4;}
.cer-modal .image-container{position:relative; display:inline-block; max-width:100%; touch-action:pan-y; user-select:none;}
.cer-modal .cer-full{display:block; max-width:100%; max-height:85vh; object-fit:contain; border-radius:20px; box-shadow:0 4px 12px rgba(0, 0, 0, 0.3); margin:0 auto; pointer-events:none;}
.cer-modal .modal-title{margin-top:15px; font-size:1.25em; color:#fff; font-weight:500;}
.cer-modal .modal-counter{margin-top:10px; font-size:1em; color:#ccc; font-weight:400; display:none;}
.cer-modal .modal-arrow{position:absolute; top:50%; transform:translateY(-50%); background:rgba(0,0,0,.25); border:none; width:50px; height:50px; border-radius:50%; font-size:1em; color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background 0.2s; z-index:10;}
.cer-modal .modal-arrow:hover{color:#fff; background:#3376b4;}
.cer-modal .modal-prev{left:-70px;}
.cer-modal .modal-next{right:-70px;}


/* 상담신청_AS신청_공통사용 */
.online_wrap{width:100%; max-width:1600px; margin:0 auto;}
.online_wrap:after{content:""; display:block; clear:both;}
.online_wrap h2.online_title{display:block; font-size:1.5em; font-weight:700; color:#000; line-height:1em; letter-spacing:-0.05em;} 
.online_wrap h2.online_title p{display:inline-block;}
.online_wrap h2.online_title span.red{padding-left:5px; color:#e80300;}
.online_wrap .online_box{width:100%; padding-top:15px; margin-top:25px; border-top:1px solid #000;}
.online_wrap .online_box:after{content:""; display:block; clear:both;}
.online_wrap .online_box ul{width:100%; margin:0; padding:0;}
.online_wrap .online_box ul li{float:left; width:100%; padding:10px 20px; border-bottom:1px solid #eee;}
.online_wrap .online_box ul li:last-child{margin-right:0;}
.online_wrap .online_box ul li dl{width:100%; font-size:0; vertical-align:top;}
.online_wrap .online_box ul li dl dt{width:15%; display:inline-block;}
.online_wrap .online_box ul li dl dt span{display:inline-block; vertical-align:middle; font-size:1.1em; color:#272727; margin-top:10px;}
.online_wrap .online_box ul li dl dt span.red{padding-left:5px; color:#e80300;}
.online_wrap .online_box ul li dl dd{width:85%; display:inline-block; vertical-align:middle;}
.online_wrap .online_box ul li dl dd input[type="text"]{width:100%; height:50px; font-size:1em; padding:0 20px; background-color:#fff; border:1px solid #e5e5e5; box-sizing:border-box; max-width:500px;}
.online_wrap .online_box ul li dl dd input::placeholder{color:#a2a2a2;}
.online_wrap .online_box ul li dl dd input[type="checkbox"]{width:16px; height:50px;}
.online_wrap .online_box ul li dl dd label{display:inline-block; padding:0 25px 0 5px; cursor:pointer;}
.online_wrap .online_box ul li dl dd select.yesan{width:50%; height:50px; line-height:50px; text-indent:8px; color:#000; font-size:1em; background-color:#fff; border:1px solid #e5e5e5; box-sizing:border-box;}
.online_wrap .online_box ul li dl dd .filebox{width:100%;}
.online_wrap .online_box ul li dl dd .filebox:after{content:""; display:block; clear:both;}
.online_wrap .online_box ul li dl dd .filebox .file_name{float:left; width:30%; height:50px; line-height:50px; font-size:1em; color:#000; padding:0 20px; border:0; background-color:#fff; border:1px solid #e5e5e5;}
.online_wrap .online_box ul li dl dd .filebox .file_name input::placeholder{color:#a2a2a2;}
.online_wrap .online_box ul li dl dd .filebox label{float:left; width:100px; text-align:center; margin:0; padding:0; height:50px; line-height:50px; background:#666; border:1px solid #bcbcbc; border-radius:4px; cursor:pointer;}
.online_wrap .online_box ul li dl dd .filebox label span{text-align:center; font-size:1em; color:#fff;}
.online_wrap .online_box ul li dl dd .filebox input[type="file"]{position:relative; width:0; height:0; padding:0; overflow:hidden; border:0; opacity:0; cursor:pointer; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -moz-opacity:0;}
.online_wrap .online_box ul li dl dd .file_mark{display:inline-block; color:#272727; font-size:1em; line-height:1.5em; margin-left:20px; margin-top:15px;}
.online_wrap .online_box ul li dl dd .file_mark span.reference{display:inline-block; color:#d36651 !important;}
.online_wrap .online_box ul li dl dd textarea{width:100%; height:150px; font-size:1em; padding:15px 20px; resize:none; background:#fff; border:1px solid #e5e5e5; box-sizing:border-box;}
.online_wrap .online_box ul li dl dd textarea::placeholder{color:#a2a2a2;}
.online_wrap .online_box ul li.w50{float:left; width:50%;}
.online_wrap .online_box ul li.w50 dl dt{width:24.5%; display:inline-block;}
.online_wrap .online_box ul li.w50 dl dd{width:75.5%; display:inline-block;}
.online_wrap .agree{width:100%; text-align:center; margin:25px 0 40px 0; font-size:1.25em;}
.online_wrap .agree .agree_list{margin-bottom:15px; padding:25px ; border:1px solid #e0e0e0; box-sizing:border-box; height:219px; overflow:auto;}
.online_wrap .agree label{display:inline-block; vertical-align:middle; color:#272727; font-size:0.85em; cursor:pointer;}
.online_wrap .agree .agree_chk{margin-right:5px;}
.online_wrap .online_bt{width:100%; text-align:center; margin-top:50px;}
.online_wrap .online_bt .btn_ok{display:block; text-align:center; min-width:200px; margin:50px auto 0; padding:15px 30px; font-size:1.4em; color:#fff; font-weight:500; background:#3376b4; border-radius:50px; border:none; cursor:pointer; transition:.3s;}
.online_wrap .online_bt .btn_ok:hover{background:#222;}



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

	#top_btn{right:2%;}
}


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

	#hd_pc #hd_wrapper{padding:0 2%;}
	#hd_pc #logo{width:22%;}
	#hd_pc #gnb{right:20%;}
	#hd_pc #gnb .gnb_1dli > a{padding:0 30px;}
	
	
	#main_visual .sliderkit-box{margin-top:0;}
	#main_visual .sliderkit-box .sliderkit-text{padding:0 2%;}
	#main_visual .sliderkit-box div.lviewa{font-size:2.5em;}
	#main_visual .sliderkit-box div.sviewa{font-size:1.5em;}
	#main_visual .sliderkit-box div.main_visual_btn{margin-top:30px;}	
	#main_visual .sliderkit-box div.main_visual_btn .btn1,
	#main_visual .sliderkit-box div.main_visual_btn .btn2{font-size:1.1em;}
	#main_visual .paging-wrap{padding:0 2%; bottom:5%;}
	
	#sec1{padding:120px 2%;}  

	#sec2{padding:0 2%;}

	#sec3{padding:120px 2%;}  
	#sec3 .con_left .swiper-thumbnails{position:static; margin-top:50px;}
	
	#rolling_gallery{padding:0 2%;}

	#m_bnr{padding:0 2%;}
	
	
	.cer-area{padding:80px 2%;}

}


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

	#hd_pc .gnb_1da{font-size:1.25em;}

	#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;}
	
}


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

	#hd_pc #gnb{right:0;}
	#hd_pc .ci_bnr{display:none;}
	
}


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

	.lview{display:none !important;}
	.mview{display:block !important;}	
	.mnone{display:none !important;}
	
	section .con_title{margin-bottom:30px !important;}
	section .con_title em{font-size:1em !important;}
	section .con_title p{font-size:2.5em !important;}


	#sec1{padding:80px 2%;} 
	#sec1 .sec1_back{opacity:.1; left:0; right:0; top:-3%; text-align:center; transform:rotate(0deg);}
	#sec1 .sec1_back img{max-width:80%;}	
	#sec1 .con_title{flex-direction:column; text-align:center;}
    #sec1 .con_title .tit{width:100%; margin-bottom:20px;}
    #sec1 .con_title p{font-size:2.2em;}    
	#sec1 .con_title .tit_desc{width:100%;}
    #sec1 .con_box{flex-direction:column;}    
    #sec1 .con_left{width:100%; min-height:300px;}
	#sec1 .con_left .swiper-container{height:300px;}
    #sec1 .con_left img{display:block !important; visibility:visible !important;}
    #sec1 .con_right{width:100%; margin-top:20px; padding:0;}
	#sec1 .sec1_btn{position:relative; display:block; margin:30px auto 0;}


	#sec3{padding:80px 2%; margin-top:80px; background-position:50% -100%;} 
	#sec3 .con_box{height:auto; flex-direction:column-reverse;}
	#sec3 .con_left{width:100%;}
	#sec3 .con_left #slide-title{font-size:2em;}
	#sec3 .con_left #slide-desc{font-size:1.15em;}
	#sec3 .con_left .swiper-slide-group{grid-template-columns:repeat(6, 1fr);}
	#sec3 .con_right{width:100%;}	

	#rolling_gallery{margin-top:80px;} 
	
	
	#m_bnr{margin:80px auto;}
	#m_bnr .con_box{gap:20px;}


	#bottom .copy_logo{width:100%;}
	#bottom .copy_info{width:100%; padding-left:0; margin-top:30px;}
	
	
	.cer-area{padding:60px 2%;}
	.cer-area .cer-box{gap:30px;}
	.cer-area .cer-box .cer-item{width:calc(32% - 20px); text-align:center;}

}


@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{margin-top:60px;}
	#main_visual .sliderkit-box .sliderkit-text{text-align:center;}
	#main_visual .swiper-btn-wrap .swiper-button-prev{left:4%;}
	#main_visual .swiper-btn-wrap .swiper-button-next{right:4%;}
	#main_visual .paging-wrap{justify-content:center;}
	#main_visual .swiper-pagination{width:100px;}


	#m_bnr .con_box a{padding:30px 25px;}
	#m_bnr .con_box .card-head .card-icon i{font-size:2em;}
	#m_bnr .con_box .card-body .tit{font-size:1.4em;}
	#m_bnr .con_box .card-body .txts{font-size:1em;}


	#sub_visual{margin-top:60px; height:250px;}

	#sub_tab{border-bottom:0;}
	
	.sub_location ul{flex-wrap:wrap; justify-content:flex-start;}
	.sub_location ul li{width:50%; height:50px; display:inline-block; border-right:0; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
	.sub_location ul li a{padding:10px 10px;}
	.sub_location ul li a.on:after{display:none;}
	.sub_location ul li:last-child{border-right:1px solid #ddd;}		
	.sub_location ul li:nth-child(odd){border-left:0;}
	.sub_location ul li:nth-child(even){border-right:0;}
	.sub_location ul.w100 li{width:100%; border:0;}
	.sub_location ul.w3 li{width:33.33333%;}
	.sub_location ul.w3 li:nth-child(even){border-right:1px solid #ddd;}
	.sub_location ul.w3 li:last-child{border-right:0;}


	.company1 .con_box .img_box{width:100%; text-align:center;}
	.company1 .con_box .txt_box{width:100%; padding:0 4%; margin-top:30px;} 
	
		
	.online_wrap .online_box ul li dl dt{width:25%;}
	.online_wrap .online_box ul li dl dd{width:75%;}
	.online_wrap .online_box ul li dl dd .filebox .file_name{width:75%;}
	.online_wrap .online_box ul li dl dd .filebox label{width:25%;}
	.online_wrap .online_box ul li dl dd .file_mark{width:100%; margin-left:0;}
	.online_wrap .online_box ul li.w50{width:100%;}
	.online_wrap .online_box ul li.w50 dl dt{width:25%;}
	.online_wrap .online_box ul li.w50 dl dd{width:75%;}
	
	
	#top_btn{right:-50px; bottom:20px;}
	#top_btn.raised{right:10px; bottom:20px;}

}


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

	section .con_title em{font-size:1em !important;}
	section .con_title p{font-size:2em !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{font-size:2em;}
	#main_visual .sliderkit-box div.sviewa{font-size:1.25em;}
	#main_visual .swiper-button-next, #main_visual .swiper-button-prev{display:none !important;}
	#main_visual .sliderkit-box div.main_visual_btn .btn1,
	#main_visual .sliderkit-box div.main_visual_btn .btn2{min-width:120px; font-size:1em;}
	
	
	#sec1 .con_title p{font-size:1.8em;}
	#sec1 .con_title .tit_desc{font-size:1.15em;}
	#sec1 .con_right .item_list .item{gap:0 20px;}
    #sec1 .con_right .item_list .item .imgs{width:70px; height:70px;}    
    #sec1 .con_right .item_list .item .txts strong{font-size:1.4em; margin-bottom:10px;}

	#sec2 .sec2-swiper .swiper-slide .card{text-align:center;}
	#sec2 .sec2-swiper .swiper-slide .card .imgs:after{padding:8px 20px; font-size:0.85em;}

	
	#sec3 .con_left{text-align:center;}
	#sec3 .con_left #slide-title{font-size:1.6em;}
	#sec3 .con_left #slide-desc{max-height:auto; min-height:70px; margin-top:20px; font-size:1em; -webkit-line-clamp:3;}
	#sec3 .con_left .swiper-thumbnails{margin-top:20px;}
	#sec3 .con_left .swiper-slide-group{grid-template-columns:repeat(3, 2fr);}
	#sec3 .con_left .swiper-slide-group .thumb-item.active::after{border-width:3px;}

	#sec3 .con_right .thumb-nav{width:40px; height:40px; font-size:1.5em;}
	#sec3 .con_right .main-swiper-house .swiper-slide a:after{padding:12px 20px; font-size:1em;}

	#rolling_box .swiper-container2 .swiper-slide .txts strong{font-size:1.15em;}


	#m_bnr{margin-bottom:50px;}
	#m_bnr .con_box{flex-direction:column;}
	#m_bnr .con_box .card-head{margin-bottom:30px;}

	#bottom .copy_logo{text-align:center;}
	#bottom .copy_logo img{max-width:70%;}
	#bottom .copy_info .copy_txt{text-align:center;}	
	#bottom .copy_info .copy_txt span{margin:0 10px;}
	#bottom .copy_ci_bnr{display:flex;}


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


	.company1 .con_box .img_box .c_logo{padding:10px 15px;}
	.company1 .con_box .txt_box strong{font-size:1.4em;}
	.company1 .con_box .txt_box .txts p{font-size:1em;}

	.cer-area{margin-top:50px;}
	.cer-area .cer-box{gap:20px;}
	.cer-area .cer-box .cer-item{width:calc(50% - 15px); text-align:center;}
	.cer-modal .modal-content-wrap{max-width:80%;}
	.cer-modal .modal-prev{left:-25px;}
	.cer-modal .modal-next{right:-25px;}

	.online_wrap .online_box ul li{padding:10px 0;}
	.online_wrap .online_box ul li dl dt{width:25%;}
	.online_wrap .online_box ul li dl dd{width:75%;}
	.online_wrap .online_box ul li dl dd input[type="checkbox"]{height:auto;}
	.online_wrap .online_box ul li dl dd select.yesan{width:100%;}
	.online_wrap .online_box ul li dl dd .filebox .file_name{width:65%;}
	.online_wrap .online_box ul li dl dd .filebox label{width:35%;}
	.online_wrap .online_box ul li.w50 dl dt{width:35%;}
	.online_wrap .online_box ul li.w50 dl dd{width:65%;}
	.online_wrap .online_box ul li dl dd input[type="text"]{padding:0 10px;}
	.online_wrap .online_bt .btn_ok{padding:10px 20px; 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;}
	
	.snone{display:none !important;}
	.sview{display:block !important;}	

    #sec1 .con_left{min-height:200px;}
	#sec1 .con_left .swiper-container{height:200px;}
	#sec1 .con_right .item_list .item{flex-direction:column;}
	#sec1 .con_right .item_list .item .txts{text-align:center; margin-top:20px;}


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

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


	.online_wrap .online_bt{margin-top:0px;}

}





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

#bo_cate li{width:auto;}