@charset "UTF-8"; 
/*****************************************************************

		Copyright C 다온테마 All rights reserved. 
		daontheme@daum.net
		본 페이지는 유료컨텐츠 다온테마용 CSS입니다. 불법복제시 법적인 제제를 받으실 수 있습니다. 
		라이센스를 삭제하지 마세요. 라이센스 삭제시 불법 사용으로 간주될 수 있습니다.

******************************************************************/

html{overflow-x:hidden;}
body,td,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button{margin:0; padding:0; font-size:15px; color:#333; line-height:1.6em; font-family:'Poppins', '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:500;}
*,:after,:before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

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


/* 중간기기~작은기기 모바일 상단 */
#mobile_header {
    width: 100%;
    height: 60px;
    line-height: 60px;
    border: 0px solid red;
    z-index: 999999;
    display: none
}

#mobile_header [class~=inner] {
    top: 0;
    left: 0;
    z-index: 50;
    width: 100%;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    background: #fff
}

#mobile_header h1 {
    width: 220px;
    padding-top: 12px;
    /* text-align: center; */
    margin-left: 20px;
}

#mobile_header h1 img {
    width: 80%;
    overflow: hidden
}

#mobile_header [class~=m_gnb] li {
    list-style: none
}

#mobile_header [class~=m_gnb] li a {
    display: block;
    top: 0;
    width: 100%;
    text-align: center;
    color: transparent
}

#mobile_header [class~=m_gnb] li[class~=category] a i {
    float: left;
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    right: 15px;
    top: 20px;
    font-size: 20px;
    color: #000
}

#mobile_header [class~=m_gnb] li[class~=home] a i {
    display: none;
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    right: 15px;
    top: 20px;
    font-size: 20px;
    color: #000
}

#back_cover {
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    top: 0px;
    background: rgba(0,0,0,0.5);
    z-index: 9999998
}

#sideMenu {
    display: inline;
    position: fixed;
    top: 0;
    right: -280px;
    width: 280px;
    height: 100%;
    background: #fff;
    z-index: 9999999
}

#sideMenu [class~=side_title] {
    height: 60px;
    line-height: 60px;
    background: #111;
    color: #fff;
    text-align: center;
    font-size: 1.3em;
    cursor: pointer
}

#sideMenu [class~=navi_bg] {
    width: 100%
}

#sideMenu [class~=nav] {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    padding-bottom: 30px;
    list-style: none;
    box-sizing: border-box;
    overflow: auto;
    height: 500px
}

#sideMenu [class~=nav] ul {
    width: 100%;
    margin: 0;
    padding: 0
}

#sideMenu [class~=navi_set] {
    display: inline;
    margin: 0;
    padding: 10px 0 10px 0;
    text-align: center
}

#sideMenu [class~=navi_set] > div {
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #aaa;
    text-align: left;
    background: #fff;
    color: #333;
    text-indent: 10px;
    cursor: pointer;
    font-size: 1.2em;
}

#sideMenu [class~=navi_set] > div > a {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px
}

#sideMenu [class~=navi_set] ul {
    display: none
}

#sideMenu [class~=navi_set] ul li {
    list-style: none;
    border-bottom: 1px solid #eee
}

#sideMenu [class~=navi_set] ul li a {
    display: flex;
    width: 100%;
    height: 40px;
    line-height: 1em;
    text-align: left;
    font-size: 1em;
    color: #333;
    cursor: pointer;
    text-indent: 10px;
    background: #fff;
    letter-spacing: -1px;
    align-items: center;
}

#sideMenu [class~=navi_set] ul li a:hover {
    color: #fff;
    background: #aaa
}

#gnba {
    display: none;
    background: #666;
    text-align: center;
    padding: 10px 0
}

#gnba i {
    color: #fff;
    font-size: 30px
}

#gnba a {
    color: #fff;
    text-align: center;
    font-size: 0.85em;
    padding: 5px 10px;
    margin: 0 2px;
    background: #018957;
    border-radius: 3px
}

#gnba a:hover {
    background: #fff;
    color: #000
}

#header {position:absolute;top:0;left:0;width:100%;min-height: 90px;/* background:rgba(255, 255, 255, 1); */z-index:500 !important;height: 90px;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;}
#header h1 {position:absolute;display:block;line-height:80px;left: 2%;transition: all .3s ease-in-out;background:none;z-index: 9;}
#header h1.logo_a{}
#header h1.logo_b{display:none}


#lnb {position:relative;display: flex;width: 100%;max-width: 1400px;margin: 0 auto;background:none;flex-wrap: wrap;justify-content: space-around;}
#lnb:hover .lnb_wrap {}
#lnb .lnb_wrap {position:relative;overflow:hidden;display: flex;width: 800px;height:80px;min-height:80px;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;/* gap: 70px; */}
#lnb .lnb_wrap > ul{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
#lnb .lnb_wrap > ul > li {/* display: inline-flex; *//* width: 100%; */flex-direction: column;}
#lnb:hover .lnb_wrap > ul > li{color:#000}
#lnb .lnb_wrap > ul > li:nth-child(4) .lnb_sub{/* display:none; */}
#lnb .lnb_wrap > ul > li > a {display: flex;width: 155px;/* padding: 0 40px 0 0; */font-size: 1.3em;font-weight: 500;color: #fff;height:80px;/* line-height:80px; */border-bottom:0px solid rgba(255,255,255,0);align-items: center;/* justify-content: center; */}
#lnb .lnb_wrap > ul > li > a > span{display:block; background:#fff; width:0px; height:2px; margin:0 auto; 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;}
#lnb .lnb_wrap > ul > li.current > a, #lnb .lnb_wrap > ul > li.actived > a { color:#0b969d !important; font-weight:500; border-bottom:0px solid rgba(255,255,255,1); 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;}
#lnb .lnb_wrap > ul > li.current > a > span, #lnb .lnb_wrap > ul > li.actived > a{color:#999;}
#lnb .lnb_wrap > ul > li.current > a > span, #lnb .lnb_wrap > ul > li.actived > a > span{display:block; background:#0b969d; width:100%;}
#lnb .lnb_sub {margin-top:10px;width: 100%;display: flex;flex-direction: column;}
#lnb .lnb_sub li a {display:block;color:#000;padding:0;margin: 0 0 20px 0;/* height:30px; *//* line-height:30px; */font-size:1em;letter-spacing:-0.5px;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;}
#lnb .lnb_sub li a:hover { display:block; color:#0b969d; font-weight:400; }
#header.header_on{height:620px !important;border-bottom:1px solid #ddd;background:#fff}
#header.header_on h1.logo_a{display:none}
#header.header_on h1.logo_b{display:block;}
#header.header_on .header_in #lnb .lnb_wrap > ul > li > a{color:#000}
#header.header_on .header_in #lnb:hover .lnb_wrap{height:620px;}
#gnbb {display: none;position:absolute;top: 0;right: 2%;}
#gnbb i {font-size:0.85em;}
#gnbb a { color:#000; text-align:center; font-size:0.85em;  line-height:80px; padding:5px 10px; margin:0px; }
#gnbb a:hover i { color:#8dabe2; }
#gnbb a.btn2 { color:#000; text-align:center; font-size:0.85em;  line-height:80px; padding:5px 10px; margin:0px;  }
#gnbb a.btn2:hover { background:#000; color:#000; }
.jbFixed .header_in { position:fixed !important; top:0px; width:100% !important; background:rgba(255, 255, 255, 1); border-bottom: 1px solid #ddd !important;}
.jbFixed .header_in #lnb { margin-top:0;}
.jbFixed .header_in #lnb:hover .lnb_wrap{height:620px;background:#fff} 
.jbFixed .header_in #lnb .lnb_wrap{height:60px; min-height:60px;}
.jbFixed .header_in #lnb .lnb_wrap > ul > li > a { height:60px; line-height:60px; color:#000;}
.jbFixed .header_in #lnb .lnb_sub li a {display:block;color:#000;padding:0;margin: 0 0 20px 0;/* height:30px; *//* line-height:30px; */font-size:1em;letter-spacing:-0.5px;}
.jbFixed .header_in #lnb .lnb_sub li a:hover { display:block; color:#0b969d; font-weight:400; }
.jbFixed .header_in #gnbb a { height:60px; line-height:60px !important;}
.jbFixed .header_in #gnbb a.btn2 { color:#000; text-align:center; font-size:0.85em;  line-height:80px; padding:5px 10px; margin:0 1px; border-radius:0px;}
.jbFixed .header_in #gnbb a.btn2:hover { background:#555; color:#000; }
.jbFixed .header_in h1 {  height:60px; line-height:50px !important;}
.jbFixed .header_in h1 img { width:80%; transition: all .3s ease-in-out;}

#header.jbFixed h1.logo_a{display:none}
#header.jbFixed h1.logo_b{display:block;}

.btn_top_admin_bt{display: none;}


/* 인덱스 */
#container{position:relative; width:100%; min-width:320px; margin:0; z-index:1; background:#fff;}


#main_visual{clear:both; position:relative; text-align:center; width:100%; padding:0; margin:0 auto; overflow:hidden;}
#main_visual:after{content:""; display:block; clear:both;}
#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; position: relative;}
#main_visual .swiper-slide .backgroundimg .mobile_only{display:none;}
#main_visual .swiper-slide .backgroundimg img{width:100%; height:auto;}
#main_visual .swiper-slide .jarallax{width:100%; height:100%;}
#main_visual .sliderkit-text{width:100%; position:absolute; left: 50%; top:50%; transform: translate(-50%,-50%); text-align:center; z-index:2;}
#main_visual .sliderkit-text div.lviewa{opacity:0;font-size: 4.7em;color:#fff;line-height: 1.0em;font-weight:600;text-shadow: 0px 1px 3px #000000;padding-bottom:20px;}
#main_visual .sliderkit-text div.sviewa{opacity:0;font-size: 4.7em;color:#fff;line-height: 1.0em;text-shadow: 0px 1px 3px #000000;font-weight: 300;}
#main_visual .sliderkit-text div{opacity:0;}
#main_visual .sliderkit-text div span{display:inline-block;padding:10px 20px;margin:20px auto;font-size:1.3em;color: #fff;line-height: 1.5em;letter-spacing:0.05em;border-radius:3px;font-weight: 300;}
#main_visual .swiper-button-prev, #main_visual .swiper-container-rtl .swiper-button-next{left:60px; top:50%; margin-top:-25px; display:block; background:url("../image/visual_prev_wh.png") center left no-repeat; opacity:0.3; width:50px; height:50px; color:rgba(255,255,255,0); border:1px solid #fff; transition:0.5s all ease;}
#main_visual .swiper-button-next, #main_visual .swiper-container-rtl .swiper-button-prev{right:60px; top:50%; margin-top:-25px; display:block; background:url("../image/visual_next_wh.png") center right no-repeat; opacity:0.3; width:50px; height:50px; color:rgba(255,255,255,0); border:1px solid #fff; transition:0.5s all ease;}
#main_visual .swiper-button-prev:hover, #main_visual .swiper-container-rtl .swiper-button-next:hover{opacity:1;}
#main_visual .swiper-button-next:hover, #main_visual .swiper-container-rtl .swiper-button-prev:hover{opacity:1;}
#main_visual .swiper-pagination-bullets{bottom:50px;}
#main_visual .swiper-pagination-bullet{width:8px; height:8px; margin:0 8px; background:#ddd; transition:0.2s all ease;}
#main_visual .swiper-pagination-bullet-active{position:relative;border-radius:6px;background: #0cdefb;border:0;transition:0.2s all ease;}
#main_visual .swiper-pagination-bullet-active:before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:18px;height:18px;border: 1px solid #0cdefb;border-radius:100%;}
#main_visual [class~=swiper-slide] [class~=backgroundimg] [class~=mobile_only] {
    display: none
}
#main_visual [class~=swiper-slide] div[class~=backgroundimg] video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
#main_visual [class~=swiper-slide] [class~=backgroundimg] img {
    width: 100%;
    height: 100%;
}


#about_wrap{position:relative; width:100%;}
#about_wrap:after{content:""; display:block; clear:both;}
#about_wrap .inner{width:100%; height:650px; position:relative; overflow:hidden;}
#about_wrap .con_img{z-index:2; float:right; position:relative; width:30%; height:100%; transition:all 0.5s;}
#about_wrap .con_img .about_bg01{z-index:1; position:absolute; left:-200px; top:50%; transform:translateY(-50%); width:400px; height:400px; background:url('../image/about_bg01.jpg') no-repeat 50% 50%; background-size:cover;}
#about_wrap .con_img .about_bg02{z-index:0; position:absolute; right:0; top:0; width:100%; height:100%; background:url('../image/about_bg02.jpg') no-repeat 50% 50%; background-size:cover;}
#about_wrap .con_img img{width:100%; height:100%;}
#about_wrap .con_box{position:absolute; left:50%; transform:translateX(-50%); width:100%; max-width:1400px; height:100%; border-left:1px solid #eee; box-sizing:border-box;}
#about_wrap .con_box:after{content:""; display:block; clear:both;}
#about_wrap .con_box:before{content:"";display:block;position:absolute;left:-1px;top:0;width:1px;height:20%;background-color: #0a929b;transition:all 0.5s;}
#about_wrap .con_box .txt_box{position:relative; width:60%; height:100%; overflow:hidden;}
#about_wrap .con_box .txt_box .vm{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; padding:0 8%;}
#about_wrap .con_box .txt_box em{font-size:1em; color:#222; line-height:1.2em; font-weight:700; font-style:normal; letter-spacing:5px;}
#about_wrap .con_box .txt_box .tit{margin-top:15px;font-size: 3.1em;color:#222;font-weight:600;line-height:1.2em;word-break:keep-all;}
#about_wrap .con_box .txt_box .txts{width:100%; margin-top:20px;}
#about_wrap .con_box .txt_box .txts p{margin-top:15px;font-size:1.25em;line-height:1.6em;display:inline-block;word-break:keep-all;color: #222;}
#about_wrap .con_box .txt_box .btn_more{display:block; margin-top:50px; text-align:center; width:180px; padding:15px; font-size:1em; color:#fff; background-color:#222; transition:all 0.5s;}
#about_wrap .con_box .txt_box .btn_more:hover{color:#fff; background-color:#0a929b; transition:all 0.5s;}


#company_wrap{position:relative; padding:130px 0; width:100%; background:#222 url('../image/company_back.jpg') no-repeat 50% 0%; background-size:cover;}
#company_wrap:after{content:""; display:block; clear:both;}
#company_wrap .inner{z-index:1; position:relative; width:100%; max-width:1400px; margin:0 auto;}
#company_wrap .main_title{text-align:center;}
#company_wrap .main_title p.m_tit{display:block; text-align:center; font-size:3em; color:#fff; line-height:1.2em; font-weight:700;}
#company_wrap .main_title .desc{margin-top:20px; display:block; font-size:1.25em; color:#fff; line-height:1.6em; word-break:keep-all;}
#company_wrap .con_box{z-index:2; position:relative; width:100%; margin-top:100px;}
#company_wrap .con_box:after{content:""; display:block; clear:both;}
#company_wrap .con_box{width:100%;}
#company_wrap .con_box ul{width:100%; text-align:center; font-size:0;}
#company_wrap .con_box ul li{display:inline-block; vertical-align:top; width:25%;}
#company_wrap .con_box ul li a{display:block; padding:0 25px;}
#company_wrap .con_box ul li .icons{display:block; text-align:center; width:80px; height:80px; background-color:#fff; margin:0 auto;}
#company_wrap .con_box ul li .icons i{display:block; font-size:2em; color:#222; line-height:80px;}
#company_wrap .con_box ul li strong.tit{display:block; margin-top:30px; font-size:2em; color:#fff; font-weight:600;}
#company_wrap .con_box ul li p{margin-top:20px; font-size:1em; color:#999; word-break:keep-all;}
#company_wrap .con_box ul li:hover{transform:translateY(-10px); transition:all 0.5s; transition:all 0.5s;}
#company_wrap .con_box ul li:hover .icons{background-color:#0a929b;}
#company_wrap .con_box ul li:hover .icons i{color:#fff;}
#company_wrap .con_box ul li:hover p{color:#fff;}


#pro_wrap{width:100%; margin-top:130px;}
#pro_wrap:after{content:""; display:block; clear:both;}
#pro_wrap .inner{width:100%; max-width:1400px; margin:0 auto;}
#pro_wrap .main_title{text-align:center;}
#pro_wrap .main_title p.m_tit{display:block; text-align:center; font-size:3em; color:#222; line-height:1.2em; font-weight:700;}
#pro_wrap .main_title .desc{margin-top:20px; display:block; font-size:1.25em; color:#333; line-height:1.6em; word-break:keep-all;}
#pro_tab{position:relative; width:100%; margin:20px auto;}
#pro_tab:after{content:""; display:block; clear:both;}
#pro_tab .tab{width:100%; text-align:center; font-size:0;}
#pro_tab .tab:after{content:""; display:block; clear:both;}
#pro_tab .tab li{display:inline-block; vertical-align:middle; margin-right:10px;}
#pro_tab .tab li a{display:block; text-align:center; color:#777; font-size:1.15em; padding:10px 15px; border:1px solid #eee; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#pro_tab .tab li a:hover{color:#000;}
#pro_tab .tab li:last-child{margin-right:0;}
#pro_tab .tab li.all a{color:#fff; background-color:#999;}
#pro_tab .tab li.on a{color:#fff; background-color:#0a929b;}
#pro_tab li{position:relative;}
#pro_tab li span.date{position:absolute; right:0; text-align:right; font-size:0.9em; color:#ddd;}
#pro_tab div li a{display:inline-block; margin-right:0px; font-size:0.9em; color:#333;}
#pro_tab > div{display:none; padding:0;}
#pro_tab .active{display:block;}
#pro_tab .pro_list{width:100%; text-align:center; margin:50px auto; overflow:hidden;}
#pro_tab .pro_list:after{content:""; display:block; clear:both;}
#pro_tab .pro_list > ul{width:100%; font-size:0; list-style:none; margin:0; padding:0; overflow:hidden;}
#pro_tab .pro_list > ul > li{display:inline-block; width:23.5%; margin:0; padding:0; margin-right:2%; text-align:center;}
#pro_tab .pro_list > ul > li:last-child{margin-right:0;}
#pro_tab .pro_list > ul > li > a{width:100%;}
#pro_tab .pro_list > ul > li > a > div > img{width:100%; cursor:pointer; border:1px solid #eee; box-sizing:border-box;}
#pro_tab .pro_list > ul > li > a > p{display:block; width:100%; margin-top:20px; font-size:1.5em; font-weight:600; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#pro_tab .pro_list > ul > li > a > div.text{display:block; width:100%; margin-top:10px; color:#777; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#pro_tab .pro_zoom{width:100%; height:100%; margin:0; overflow:hidden;}
#pro_tab .pro_zoom img{width:100%; border:1px solid #eee; transition:transform 1s; -webkit-transform 1s;}
#pro_tab .pro_list > ul > li > a > p > span.new_icon{position:absolute; top:0px; right:0; display:inline-block; width:50px; height:25px; line-height:23px; font-size:0.6em !important; color:#fff; background:rgba(0,0,0,0.5); text-align:center; border-radius:2px; font-weight:normal;}
#pro_tab .pro_list > ul > li > a > p > span.hot_icon{display:inline-block; line-height:1em; color:#C53629; background:none; padding:1px 5px 1px 3px; font-size:11px !important;}
#pro_tab .btn_pro{display:block; margin:0 auto; text-align:center; width:180px; padding:15px; font-size:1em; color:#222; border:1px solid #eee; transition:all 0.5s;}
#pro_tab .btn_pro:hover{color:#fff; background-color:#0a929b; border:1px solid #0a929b; transition:all 0.5s;}


#busi_wrap{position:relative; width:100%; margin-top:100px; padding:130px 0; background:#050b35 url('../image/busi_back.jpg') no-repeat 50% 100%;}
#busi_wrap:after{content:""; display:block; clear:both;}
#busi_wrap .inner{display:flex; width:100%; max-width:1400px; margin:0 auto;}
#busi_wrap .main_title{position:sticky; top:120px; width:50%; height:420px; padding-right:50px;}
#busi_wrap .main_title p.m_tit{display:block;font-size: 2.5em;color:#fff;line-height:1.2em;font-weight:700;}
#busi_wrap .main_title p.m_tit span{font-size: 1.2em;color:#0a929b;}
#busi_wrap .main_title .desc{margin-top:20px;display:block;font-size: 1.25em;color:#fff;line-height:1.6em;word-break:keep-all;}
#busi_wrap .main_title .desc p{display:block; margin-bottom:10px; font-size:1.25em; color:#fff; font-weight:600; word-break:keep-all;}
#busi_wrap .main_title .tag{margin-top:30px;}
#busi_wrap .main_title .tag span{display:inline-block; padding:10px 15px; font-size:1.25em; color:#fff; border:1px solid rgba(255,255,255,.3); margin:10px 5px 0 0;}
#busi_wrap .main_title .tag span:last-child{margin-right:0;}
#busi_wrap .pointer{position:absolute;top:0;left: -30px;width:15px;height:15px;background-color: #2080ec;border-radius:100px;}
#busi_wrap .pointer::after,
#busi_wrap .pointer::before{content:"";display:block;position:absolute;width:100%;height:100%;background-color: #0e3577;animation:tit_circle 1.2s ease 0s infinite;-webkit-animation:tit_circle 1.2s ease 0s infinite;border-radius:100px;}
@keyframes tit_circle{
	 0%{opacity:0; transform:scale(1,1);}
	 40%{opacity:0.2;}
	 100%{opacity:0; transform:scale(4,4);}
}
#busi_wrap .con_box{width:50%;}
#busi_wrap .con_box ul{width:100%; font-size:0;}
#busi_wrap .con_box ul li{display:inline-block; vertical-align:top; width:48%; margin-right:4%; margin-bottom:4%; transition:all 0.5s;}
#busi_wrap .con_box ul li a{display:block;}
#busi_wrap .con_box ul li:nth-child(even){margin-right:0;}
#busi_wrap .con_box ul li:nth-child(2){margin-top:100px;}
#busi_wrap .con_box ul li:nth-child(3){margin-top:-100px;}
#busi_wrap .con_box ul li:nth-child(5){margin-top:-100px;}
#busi_wrap .con_box ul li .imgs{position:relative; width:100%; overflow:hidden; transition:all 0.5s;}
#busi_wrap .con_box ul li .imgs::before{content:''; position:absolute; left:0; top:0; display:inline-block; width:100%; height:0; background:rgba(0,0,0,0.2); transition:all 0.5s;}
#busi_wrap .con_box ul li .imgs img{width:100%; transition:all 0.5s;}
#busi_wrap .con_box ul li .imgs strong{position:absolute;left:0;top:0;padding:30px;width:100%;display:block;font-size: 2.65em;color:#fff;line-height:1em;font-weight:600;word-break:break-all;transition:all 0.5s;}
#busi_wrap .con_box ul li .imgs strong p{margin-top: 20px;font-size:16px;color:#fff;}
#busi_wrap .con_box ul li .imgs span.btn_plus{position:absolute; right:0; bottom:0; width:50px; height:50px; display:inline-block; background:rgba(0,0,0,.75) url('../image/btn_plus.png') no-repeat 50% 50%; transition:all 0.5s;}
#busi_wrap .con_box ul li .imgs:hover img{transform:scale(1.1);} 
#busi_wrap .con_box ul li .imgs:hover::before{height:100%; background:rgba(0,0,0,0.8);}
#busi_wrap .con_box ul li .imgs:hover strong{padding-top:50px;}
#busi_wrap .con_box ul li .imgs:hover span.btn_plus{right:30px; bottom:30px; background-color:#0a929b;}


#comm_wrap{position:relative; width:100%; padding:130px 0;}
#comm_wrap:after{content:""; display:block; clear:both;}
#comm_wrap:before{z-index:-1; content:''; position:absolute; right:0; top:0; display:block; width:50%; height:100%; background-color:#f3f5f8;}
#comm_wrap .inner{width:100%; max-width:1400px; margin:0 auto;}
#comm_wrap .main_title{margin-bottom:40px; text-align:center;}
#comm_wrap .main_title p.m_tit{display:inline-block; font-size:3em; color:#222; line-height:1.2em; font-weight:700;}
#comm_wrap .main_title .desc{width:100%; margin-top:15px; display:block; font-size:1.25em; color:#222; line-height:1.6em; word-break:keep-all;}
#comm_wrap .comm_left{float:left; width:50%; padding-right:50px;}
#comm_wrap .comm_right{float:right; width:50%; padding-left:50px;}
#comm_wrap .notice_area{position:relative; width:100%;}
#comm_wrap .notice_area:after{content:""; display:block; clear:both;}
#comm_wrap .notice_area .tab{position:relative; float:left; width:100%;}
#comm_wrap .notice_area .tab:after{content:""; display:block; clear:both;}
#comm_wrap .notice_area .tab li{float:left; width:50%; margin:0; padding:0; color:#777; border-bottom:0; box-sizing:border-box; transition:0.3s all ease;}
#comm_wrap .notice_area .tab li a{display:block; max-width:100%; height:100%; padding:30px 15px; font-size:1.15em; font-weight:500; line-height:1.4em; text-align:center; color:#777; background-color:#f8f8f8; box-sizing:border-box; transition:0.5s all ease;}
#comm_wrap .notice_area .tab li a span{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
#comm_wrap .notice_area .tab li.on a{background-color:#0a929b; color:#fff; transition:0.5s all ease;}
#comm_wrap .notice_area .active{display:block; padding:20px; min-height:200px;}
#comm_wrap .notice_area div{float:right; width:100%;}
#comm_wrap .notice_area ul{width:100%;}
#comm_wrap .notice_area ul li{position:relative; line-height:30px;}
#comm_wrap .notice_area ul li span.date{position:absolute; right:0; text-align:right; font-size:0.9em; color:#777;}
#comm_wrap .notice_area ul li a{display:inline-block; max-width:75%; font-size:1em; color:#333; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#comm_wrap .notice_area ul li:hover a{color:#0a929b;}
#comm_wrap .notice_area > div{display:none;}
#comm_wrap dl.comm_bnr{display:flex; justify-content:space-between; width:100%; margin-top:30px;}
#comm_wrap dl.comm_bnr dd{display:inline-block; width:32%; margin:0; padding:0; text-align:center; border:1px solid #eee; box-sizing:border-box;}
#comm_wrap dl.comm_bnr dd a{display:block; padding:30px 15px;}
#comm_wrap dl.comm_bnr dd i{font-size:1.5em; color:#999; transition:0.5s all ease;}
#comm_wrap dl.comm_bnr dd p{display:block; margin-top:5px; font-size:1.25em; color:#222; font-weight:500;}
#comm_wrap dl.comm_bnr dd:hover{background-color:#f8f8f8;}
#comm_wrap dl.comm_bnr dd:hover i{color:#222; transform:rotateY(360deg);}

#swiper_ver2_17A{width:100%; overflow:hidden;}
#swiper_ver2_17A:after{content:""; display:block; clear:both;}
#swiper_ver2_17A .swiper-wrapper2{position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:transform; transition-property:transform; transition-property:transform,-webkit-transform; -webkit-box-sizing:content-box; box-sizing:content-box}
#swiper_ver2_17A .swiper-slide{position:relative; width:380px; padding:0; margin:0; overflow:hidden; box-sizing:border-box;}
#swiper_ver2_17A .swiper-slide a{width:100%; display:block; overflow:hidden;}
#swiper_ver2_17A .swiper-slide .imgs{width:100%; overflow:hidden; border-radius:2px;}
#swiper_ver2_17A .swiper-slide .imgs img{max-width:100%; transform:scale(1); transition:0.5s all ease;}
#swiper_ver2_17A .swiper-slide:hover .imgs img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transition:0.5s all ease;}
#swiper_ver2_17A .swiper-slide .txtBox{position:relative; top:0; width:100%;}
#swiper_ver2_17A .swiper-slide .txtBox .tit{display:block; margin-top:20px; font-size:1.25em; color:#000; line-height:1.4em;}
#swiper_ver2_17A .swiper-slide .txtBox .txt{display:none; overflow:hidden; font-size:1em; color:#555; line-height:1.5em; text-align:center;}
#swiper_ver2_17A .swiper-slide span.new_icon{position:absolute; top:0px; right:0; display:inline-block; width:50px; height:25px; line-height:23px; font-size:0.85em !important; color:#fff; background:rgba(0,0,0,0.5); text-align:center; border-radius:2px; font-weight:normal;}
#swiper_ver2_17A .swiper-btn-wrap{width:100%; margin:40px auto 0;}
#swiper_ver2_17A .swiper-pagination_A{text-align:center;}
#swiper_ver2_17A .swiper-pagination-bullet{width:8px; height:8px; margin:0 8px; background:#ddd; transition:0.2s all ease;}
#swiper_ver2_17A .swiper-pagination-bullet-active{position:relative; border-radius:6px; background:#0a929b; border:0; transition:0.2s all ease;}
#swiper_ver2_17A .swiper-pagination-bullet-active:before{content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:block; width:18px; height:18px; border:1px solid #0a929b; border-radius:100%;}


#contact_wrap{position:relative; width:100%; padding-top:130px; margin:0 auto;}
#contact_wrap:after{content:""; display:block; clear:both;}
#contact_wrap:before{z-index:-1; content:''; position:absolute; left:0; top:0; display:block; width:100%; height:70%; background:#004181 url('../image/contact_back.jpg') no-repeat 50% 0%; background-size:cover;}
#contact_wrap .inner{width:100%; max-width:1400px; margin:0 auto;}
#contact_wrap .main_title{position:relative; text-align:left; overflow:hidden;}
#contact_wrap .main_title p.m_tit{display:block; font-size:3em; color:#fff; line-height:1.2em; font-weight:700;}
#contact_wrap .main_title .desc{margin-top:20px; display:block; font-size:1.25em; color:#fff; line-height:1.6em; word-break:keep-all;}
#contact_wrap .main_title .cs_tel{z-index:1; position:absolute; right:0; bottom:0;}
#contact_wrap .main_title .cs_tel a{display:inline-block; vertical-align:middle; font-size:1.15em; color:#fff; padding:0 30px; border-right:1px solid rgba(255,255,255,.25);}
#contact_wrap .main_title .cs_tel a i{display:inline-block; vertical-align:middle; margin-right:5px; font-size:13px; color:#fff;}
#contact_wrap .main_title .cs_tel a p{display:block; margin-top:5px; font-size:1.15em; color:#fff;}
#contact_wrap .main_title .cs_tel a:first-child{padding-left:0;} 
#contact_wrap .main_title .cs_tel a:last-child{padding-right:0; border-right:0;} 
#contact_wrap .con_box{width:100%; margin-top:50px;}
#contact_wrap .con_box:after{content:""; display:block; clear:both;}
#contact_wrap .con_box ul{width:100%; font-size:0;}
#contact_wrap .con_box ul li{position:relative; display:inline-block; vertical-align:top; width:25%; height:240px; background-color:#fff; box-shadow:5px 5px 10px rgba(0,0,0,0.02); border-left:1px solid #eee; border-bottom:1px solid #eee; box-sizing:border-box;}
#contact_wrap .con_box ul li:before{z-index:2; content:''; position:absolute; left:0; bottom:0; display:block; width:0; height:5px; background:#0a929b; transition:0.5s all ease;}
#contact_wrap .con_box ul li:last-child{border-right:1px solid #eee;}
#contact_wrap .con_box ul li a{display:block; width:100%; height:100%; padding:40px; transition:0.5s all ease;}
#contact_wrap .con_box ul li strong.tit{display:block; margin-bottom:20px; font-size:1.5em; color:#222; font-weight:600;}
#contact_wrap .con_box ul li p{display:block; margin-top:15px; font-size:1em; color:#666; line-height:1.6em; word-break:keep-all;}
#contact_wrap .con_box ul li i{opacity:.2; z-index:1; position:absolute; right:40px; bottom:40px; font-size:3em; color:#0a929b; transition:0.5s all ease;}
#contact_wrap .con_box ul li:hover:before{width:100%;}
#contact_wrap .con_box ul li:hover strong.tit{color:#0a929b;}
#contact_wrap .con_box ul li:hover i{opacity:1; color:#0a929b; transform:rotateY(360deg);}


#partner_slide{width:100%; position:relative; max-width:1400px; margin:50px auto;}
#partner_slide img{border:1px solid #eee; border-radius:0px; transition:0.5s all ease;}
#partner_slide img:hover{border:1px solid #aaa;}
#partner_slide .owl-nav{position:absolute; width:100%; top:50%; transform:translate(0, -50%);}
#partner_slide .owl-nav .owl-prev{font-size:3em !important; position:absolute; left:-30px; top:50%; transform:translate(0, -50%);}
#partner_slide .owl-nav .owl-prev span{display:block; font-size:0; background:url('../image/partner_prev.png') no-repeat center center; width:8px; height:13px;}
#partner_slide .owl-nav .owl-next{font-size:3em !important; position:absolute; right:-30px; top:50%; transform:translate(0, -50%);}
#partner_slide .owl-nav .owl-next span{display:block; font-size:0; background:url('../image/partner_next.png') no-repeat center center; width:8px; height:13px;}
#partner_slide .owl-carousel .owl-item .item{margin-right:1px !important;}



/* 하단 */
#footer{clear:both; width:100%; min-width:320px; background:#1e2120;}
#footer:after{content:""; display:block; clear:both;}
#footer .copy_top{width:100%; padding:20px 0; border-bottom:1px solid rgba(255,255,255,.1);}
#footer .copy_top .copy_link{width:100%; max-width:1400px; margin:0 auto;}
#footer .copy_top .copy_link:after{content:""; display:block; clear:both;}
#footer .copy_top .copy_link ul.copy_menu{float:left; margin-top:5px;}
#footer .copy_top .copy_link ul.copy_menu a{display:inline-block; vertical-align:middle; color:#c5c5c5; font-size:1em; font-weight:400; margin-right:25px; font-weight:500;}
#footer .copy_top .copy_link ul.copy_menu a:last-child{margin-right:0;}
#footer .copy_top .copy_link ul.copy_menu a:hover{color:#fff;}
#footer .copy_top .copy_link div.family_site{float:right; width:200px; text-align:right; color:#fff;}
#footer .copy_top .copy_link div.family_site select{width:100%; height:40px; padding-left:10px; border:1px solid #444; color:#fff; font-size:1em; background-color:transparent !important;}
#footer .copy_top .copy_link div.family_site select option{color:#000;}
#footer .copyright{width:100%; max-width:1400px; padding:40px 0 60px 0; margin:0 auto;}
#footer .copyright:after{content:""; display:block; clear:both;}
#footer .copyright .copy_txts{float:left; width:70%; text-align:left;}
#footer .copyright .copy_txts li{display:inline-block; font-size:1em; color:#c5c5c5; line-height:1.5em; margin-right:15px; font-weight:300;}
#footer .copyright .copy_txts .txt-block{display:block;}
#footer .copyright .copy_txts a{color:#c5c5c5;}
#footer .copyright .copy_txts .mT15{margin-top:15px;}
#footer .copyright ul.copy_sns{ float:right; text-align:right; font-size:0;}
#footer .copyright ul.copy_sns:after{content:""; display:block; clear:both;}
#footer .copyright ul.copy_sns li{float:left; margin-left:8px;}
#footer .copyright ul.copy_sns li:first-child{margin-left:0;}
#footer .copyright ul.copy_sns li a{position:relative; display:block; width:40px; height:40px; text-align:center; background:transparent; border:1px solid rgba(255, 255, 255, .3); border-radius:50%;}
#footer .copyright ul.copy_sns li a i{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); font-size:1em; color:#fff;}
#footer .copyright ul.copy_sns li:hover a{background:#fff;}
#footer .copyright ul.copy_sns li:hover a i{color:#000;}




/* PC용 퀵메뉴 */
.q-menu{width:90px; position:fixed; z-index:10; height:100%; top:0; right:-90px; padding-top:80px; background:rgba(255,255,255, 1); transition:0.5s all ease; z-index:999; border-left:1px solid #eee;}
.q-menu dl dt p{padding:10px 0; font-size:1em; font-weight:600; text-align:center;}
.q-menu dl dd{padding:15px 0; border-bottom:1px solid #eee;}
.q-menu dl dd i{display:block; font-size:1.5em; transition:0.5s all ease;}
.q-menu dl dd p{ font-size:0.9em; padding-top:10px;}
.q-menu dl dd a{display:block; width:100%; opacity:0.8; text-align:center; transition:0.5s all ease;}
.q-menu dl dd a:hover{opacity:1;}
.q-menu dl dd a:hover i{transform:rotateY(180deg);}
.q-menu.on{right:0px;}
#top_btn{z-index:1000; right:17px;}



/* 서브 */
#sub_visual{width:100%; height:370px; text-align:center; background:#e8e9eb; transition:0.5s all ease;}
#sub_visual .backgroundimg{position:relative; width:100%; text-align:center; margin:0 auto; height:100%; z-index:0;}
#sub_visual .visual_area{width:100%; height:100%; margin:0 auto; background-size:cover !important;}


#sub_wrapper{width:100%; min-width:320px; margin:0 auto;}
#sub_wrapper:after{content:""; display:block; clear:both;}
#sub_menu{display:block; width:100%; margin:0 auto; background:#fff; border-bottom:1px solid #ddd;} 
#sub_menu .sub_tab{width:100%; max-width:1400px; text-align:left; margin:0 auto;}


.sub_location{width:100%; max-width:1400px; height:60px; font-size:0; background:#fff; margin:0 auto;}
.sub_location > div{font-size:0;}
.sub_location > div .cen{float:left; width:60px; height:60px; line-height:60px; text-align:center; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.sub_location > div .cen i{color:#000; font-size:1.2em;}
.sub_location ul{width:100%; max-width:1400px; padding:0; margin:0; display:inline-block; width:239px; border-right:1px solid #ddd; vertical-align:top; box-sizing:border-box;}
.sub_location ul:first-child{border-left:1px solid #ddd;}
.sub_location ul li{position:relative; width:100%;}
.sub_location ul li span{display:block; padding:0 15px; line-height:60px; font-size:1.2em; color:#000; background:url('../image/icnLocaArr.png') 95% center no-repeat; cursor:pointer;}
.sub_location ul.on li span{background:url('../image/icnLocaArr1.png') 95% center no-repeat;}
.sub_location ul li a{width:100%; display:block; padding:8px 15px; color:#000;}
.sub_location ul li a:hover{color:#000; background:#ddd; box-sizing:border-box;}
.sub_location ul ul{display:none; position:absolute; top:60px; left:-1px; padding:0px 0; background:#fff; border:1px solid #ddd; border-top:none; z-index:999998; width:calc(100% + 2px) !important;}
.sub_location ul.on li ul{display:block;}
.sub_location ul.dep2 ul{width:240px;}
.sub_location li.dep3{display:none;}
.sub_location li.dep3 a{font-size:0.9em; padding:5px 15px;}
.sub_location li.dep3 a:hover{color:#fff; background:#333; box-sizing:border-box;}
.sub_location ul li button{position:absolute; top:0; right:calc(5% - 9px); border:0; height:100%; background:url('../image/arr_d.png') center center no-repeat; cursor:pointer; width:30px;}
.sub_location ul li button.on{background:url('../image/arr_u.png') center center no-repeat;}


#sub_tit{width:100%; max-width:1400px; position:absolute; top:180px; left:50%; transform:translateX(-50%); transition:0.5s all ease;}
#sub_tit .path{position:absolute; top:210px; right:0;}
#sub_tit .path li{float:left; text-align:center; font-size:0.9em; padding:0 12px 0 12px; margin:0; color:#000; background:url('../image/ico_path.gif') no-repeat left center;}
#sub_tit .path li a span.ic-home{padding:0; cursor:pointer;}
#sub_tit .path li a span.ic-home i{background:url('../image/icon_home.png') no-repeat left top; display:inline-block; width:11px; height:12px;}
#sub_tit .path li:first-child{background:none;}
#sub_tit .path li:last-child{color:#000;}
#sub_tit .title{position:relative; padding-bottom:10px; font-size:2.4em; color:#fff; text-align:center; text-transform:uppercase;}
#sub_tit .title:after{display:none; content:""; width:5%; height:3px; margin:10px auto; background:#fff;}
#sub_tit .normal_txt{display:none; margin:0; font-size:1.2em; color:#fff; text-transform:uppercase; text-align:center; line-height:1.6; word-break:keep-all;}
#sub_tit .normal_txt .color1{color:#fd7701;}


.scontents{width:100%; max-width:1400px; height:100%; margin:0 auto; padding:50px 0 100px 0; transform:unset !important;}
.scontents:after{content:""; display:block; clear:both;}
.scontents .eng{ display:block; text-align:center; font-size:2.5em; font-weight:500; margin:0;}
.scontents .eng em{color:#0a929b; font-style:normal;}
.scontents .stitle{font-size:1.2em; line-height:1.5em; text-align:center; color:#333; margin:10px 0 50px 0;}
.scontents .stitle:after{display:block; width:100%; border-bottom:1px solid #ddd; height:30px;}


.tbl{width:100%; border-top:1px solid #333; border-collapse:collapse;}
.tbl th{background:#f2f2f2;border-bottom:1px solid #ccc;padding:5px 0;font-size:0.9em;font-weight:normal;color:#000;text-align:center;}
.tbl td{border-bottom:1px solid #ccc;padding:5px 0;text-indent:10px;font-size:0.9em;}


.tba{width:100%; border-top:1px solid #333; border-collapse:collapse; background:#fff;}
.tba th{width:35%; background:#f2f2f2; border-bottom:1px solid #ccc; padding:5px 0; font-size:0.9em; font-weight:normal; color:#000; text-align:center;}
.tba td{width:65%; border-bottom:1px solid #ccc; padding:5px 0; text-indent:10px; font-size:0.9em;}


.policy_box{border:1px solid #ddd; padding:10px; height:160px; overflow:auto;}



/* 반응형 중간기기 1500px 사이즈 이하*/
@media all and (max-width:1500px){	

	#header .wrap_box{padding:0 2%;}
	#lnb_wrap .lnb_area .ul_1st > li > a{padding:0 25px; font-size:1em;}

	
	#main_visual .sliderkit-text div.lviewa{font-size:3em;}
	#main_visual .sliderkit-text div.sviewa{font-size:1.2em;}


	#partner_slide{width:95%;}
	#partner_slide .owl-nav .owl-prev{left:-20px;}
	#partner_slide .owl-nav .owl-next{right:-20px;}


	#about_wrap .con_img{width:30%;}
	#about_wrap .con_img .about_bg01{left:-150px; width:300px; height:300px;}
	#about_wrap .con_box .txt_box .tit{font-size:2.5em;}
	#about_wrap .con_box .txt_box .txts p{font-size:1.15em;}
	

	#pro_wrap{padding:0 4%;}

	#busi_wrap{padding:100px 4%;}
	#busi_wrap .main_title p.m_tit{font-size:3em;}
	#busi_wrap .con_box ul li .imgs strong{font-size:2.5em;}


	#comm_wrap{padding:100px 4%;}
	#comm_wrap .comm_left{padding-right:4%;}
	#comm_wrap .comm_right{padding-left:4%;}


	#contact_wrap{padding:100px 4% 0 4%;}

	#partner_slide{padding:0 1.5%;}
	
	#footer{padding:0 4%;}
	
	.q-menu{display:none !important;}
}


/* 반응형 중간기기 1300px 사이즈 이하*/
@media all and (max-width:1300px){	
	
	#counter_wrap .con_area ul li p{margin-top:0;}

}


/* 반응형 중간기기 1240px 사이즈 이하*/
@media all and (max-width:1240px){

	.scontents{width:96%;}	
	
}


/* 반응형 중간기기 1100px 사이즈 이하*/
@media all and (max-width:1100px){

	body{overflow-x:hidden;}

	#mobile_header{display:block;min-width:320px;}
	#mobile_header.jbmFixed{position:fixed}
	#header_wrap{display:none;}

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

	#main_visual .swiper-slide{width:100%; height:auto;}
	#main_visual .swiper-slide div.backgroundimg{height:auto;}
	#main_visual .sliderkit-text div.lviewa{font-size:2.5em;}
	#main_visual .sliderkit-text div.sviewa{font-size:1em;}
	#main_visual .sliderkit-text div span{padding: 8px 20px;font-size:1em;word-break: auto-phrase;}

	#company_wrap .con_box ul li strong.tit{ font-size:1.5em;}

	#busi_wrap .inner{flex-direction:column;}
	#busi_wrap .main_title{position:relative; top:0; width:100%; height:auto; padding-right:0;}
	#busi_wrap .con_box{width:100%; margin-top:50px;}
	#busi_wrap .con_box ul{width:100%; overflow:hidden; white-space:nowrap; overflow-x:auto;}
	#busi_wrap .con_box ul li{width:280px; margin-right:4%;}
	#busi_wrap .con_box ul li:nth-child(even){margin-right:4%;}
	#busi_wrap .con_box ul li:last-child{margin-right:0;}
	#busi_wrap .con_box ul li:nth-child(2){margin-top:0;}
	#busi_wrap .con_box ul li:nth-child(3){margin-top:0;}
	#busi_wrap .con_box ul li:nth-child(5){margin-top:0;}
	#busi_wrap .con_box ul::-webkit-scrollbar{height:5px;}
	#busi_wrap .con_box ul::-webkit-scrollbar-thumb{background:#0a929b; border-radius:10px;}
	#busi_wrap .con_box ul::-webkit-scrollbar-track{background:#515676;}
	
	
	#pro_tab .tab li{float:left; width:49%; margin-right:2%; margin-bottom:2%;}
	#pro_tab .tab li:nth-child(even){float:right; margin-right:0;}
	#pro_tab .pro_list{margin-top:25px;}
	#pro_tab .pro_list > ul > li{width:48%; margin:0 1% 4% 1%;} 
	#pro_tab .pro_list > ul > li > a > p{font-size:1.2em;}


	#footer{padding:0 4%;}


	#sub_visual{height:300px;}


	.sub_location > div .cen{display:none;}
	.sub_location ul{width:50%;}
	.sub_location ul:first-child{border-left:0px;}
	.sub_location ul.dep2{border-right:0px;}


	#sub_tit{top:180px;}
	#sub_tit .path{display:none;}

}


/* 반응형 중간기기 992px 사이즈 이하*/
@media screen and (max-width:992px){		

	
	#about_wrap .con_img{float:right; width:20%;}
	#about_wrap .con_img .about_bg01{left:unset; right:50px; top:unset; bottom:50px; transform:none; width:200px; height:200px; border-radius:20px;}
	#about_wrap .con_img .about_bg02{background-size:cover;}
	#about_wrap .con_box{float:left; width:80%; position:static; left:unset; transform:none; height:auto; border-left:0;} 
	#about_wrap .con_box .txt_box{float:left;position:static;width:100%;height:auto;/* overflow:hidden; */}
	#about_wrap .con_box .txt_box:after{content:""; display:block; clear:both;}
	#about_wrap .con_box .txt_box .vm{position:static; left:unset; top:unset; transform:none; padding:50px 4%;}	


	#comm_wrap{padding:0;}
	#comm_wrap:before{display:none;}
	#comm_wrap .comm_left{width:100%; padding:80px 4%;}
	#comm_wrap .comm_right{width:100%; padding:80px 4%; background-color:#f3f5f8;}


	#contact_wrap .con_box ul li{width:50%; height:200px;}
	#contact_wrap .con_box ul li:nth-child(even){border-right:1px solid #eee;}
	#contact_wrap .con_box ul li p{max-width:70%;}


	#partner_slide{width:93%;}

}


/* 반응형 중간기기 768px 사이즈 이하 */
@media screen and (max-width:768px){			

	.mview{display:block;}

	section .main_title p.m_tit{font-size:2.5em !important;}
	section .main_title .desc{font-size:1em !important;}


	#main_visual .swiper-slide .backgroundimg .mobile_only{display:block;}
	#main_visual .swiper-slide .backgroundimg .pc_only{display:none;}
	#main_visual .swiper-button-next, #main_visual .swiper-button-prev{display:none !important;}
	#main_visual .sliderkit-text div.lviewa{font-size:2em;}
	
	/* 모바일에서 동영상 풀사이즈 커버 */
	#main_visual .swiper-slide{height: 92vh;min-height: 600px;}
	#main_visual .swiper-slide div.backgroundimg{position: relative; width:100%; height:100%;}
	#main_visual .swiper-slide div.backgroundimg > div{position: absolute; top:0; left:0; width:100%; height:100%; overflow: hidden;}
	#main_visual [class~=swiper-slide] div[class~=backgroundimg] video {
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
		transform: none;
		min-width: 100%;
		min-height: 100%;
	}



	#about_wrap .con_img .about_bg01{width:140px; height:140px;}
	#about_wrap .con_box .txt_box .tit{font-size:2em;}
	#about_wrap .con_box .txt_box .txts p{font-size:1.1em;}
	#about_wrap .con_box .txt_box .btn_more{margin-top:30px; width:150px; padding:10px;}


	#company_wrap{padding:80px 0;}
	#company_wrap .con_box{margin-top:50px;}
	#company_wrap .con_box ul li{width:50%;}
	#company_wrap .con_box ul li a{padding:25px;}


	#pro_wrap{margin-top:80px;}

	#busi_wrap{margin-top:50px; padding:80px 4%;}	
	#busi_wrap .main_title p.m_tit{font-size:3em !important;}


	#contact_wrap{padding:80px 4% 0 4%;}
	#contact_wrap .main_title{text-align:center;}
	#contact_wrap .main_title .cs_tel{position:static; margin:30px 0;}	
	#contact_wrap .main_title .cs_tel a{font-size:1em; padding:0 20px;}
	#contact_wrap .main_title .cs_tel a p{font-size:1.15em;}
	

	#partner_slide{width:90%;}



	#sub_visual{height:200px;}

	#sub_tit{top:140px;}
	#sub_tit .title{font-size:2em;} 
	#sub_tit .normal_txt{font-size:1em;}

	.scontents{padding:50px 0px 50px 0px;}
	.scontents .eng{font-size:2em;}
	.scontents .stitle{font-size:1em;margin-bottom: 10px;}	


}


/* 반응형 작은기기 640px 사이즈 이하 */
@media screen and (max-width:640px){	

	section .main_title p.m_tit{font-size:2em !important;}

	#about_wrap .inner{/* height:580px; */}
	#about_wrap .con_img .about_bg01{display:none;}
	
	#busi_wrap .main_title .tag span{padding:8px 10px; font-size:1em;}
	#busi_wrap .pointer{display:none;}
	#busi_wrap .con_box ul li .imgs strong{font-size:1.85em;}
	#busi_wrap .con_box ul li .imgs span.btn_plus{width:40px; height:40px;}

	#comm_wrap .main_title p.m_tit:after{left:calc(100% + 8px); bottom:20px; width:8px; height:8px;}
	#comm_wrap dl.comm_bnr dd p{font-size:1.15em;}

	#contact_wrap .con_box{float:left; margin-top:0;}
	#contact_wrap .con_box ul li{height:auto; text-align:center;}
	#contact_wrap .con_box ul li a{padding:25px 10px;}
	#contact_wrap .con_box ul li strong.tit{margin-bottom:0; margin-top:10px; font-size:1.15em;}
	#contact_wrap .con_box ul li p{display:none;}
	#contact_wrap .con_box ul li i{position:relative; right:unset; bottom:unset; font-size:2em;}


	#footer .copy_top .copy_link ul.copy_menu{width:100%; text-align:center;}
	#footer .copy_top .copy_link div.family_site{width:100%; margin-top:30px;}
	#footer .copyright{padding-top:20px;}
	#footer .copyright .copy_txts{width:100%; text-align:center;}
	#footer .copyright ul.copy_sns{width:100%; text-align:center; margin-top:20px;}
	#footer .copyright ul.copy_sns li{float:none; display:inline-block;}

}


/* 반응형 작은기기 480px 사이즈 이하 */
@media screen and (max-width:480px){	

	body,td,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button{font-size: 14px;}

	#main_visual .sliderkit-text div.lviewa{font-size:1.85em;padding-bottom: 10px;}


	#pro_tab .pro_list > ul > li{width:100%; margin:0; margin-bottom:40px;}
	#pro_tab .pro_list > ul > li:last-child{margin-bottom:0;}	


	#busi_wrap .con_box a{width:100%; margin-bottom:40px;}
	#busi_wrap .con_box a:last-child{margin-bottom:0;}	


	#partner_slide{width:85%;}
	.gall_info .sv_member{display:none}

}


/* 반응형 작은기기 360px 사이즈 이하 */
@media screen and (max-width:360px){	

	
}